#admin-settings-modal .ss-kin { padding:12px 14px !important; } #admin-settings-modal .ss-kin .ss-kps { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; } #admin-settings-modal .ss-kin .ss-kp { padding:8px 12px !important; gap:2px !important; } #admin-settings-modal .ss-kin .ss-kp b { font-size:19px !important; } #admin-settings-modal .ss-kin .ss-kp span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:11.5px; } #admin-settings-modal .ss-kin .ss-kin-bars { height:54px !important; gap:2px !important; margin-top:10px !important; } #admin-settings-modal .ss-kin .ss-kin-bars i { border-radius:2px 2px 0 0 !important; } #admin-settings-modal .ss-kin .ss-kin-bars i em { display:none; } #admin-settings-modal .ss-kin .ss-kin-pv { margin-top:8px !important; gap:5px !important; } #admin-settings-modal .ss-kin .ss-kin-pv span { height:22px !important; font-size:11px !important; padding:0 8px !important; } @container ssmain (max-width:560px) { #admin-settings-modal .ss-kin .ss-kps { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } #admin-settings-modal .ss-kin .ss-kp span { display:none; } } #admin-settings-modal .ss-kin { margin-top:14px; padding:14px; border-radius:14px; background:#fff; box-shadow:0 0 0 1px #e5eaf0; } #admin-settings-modal .ss-kin-h { display:flex; align-items:baseline; gap:10px; margin-bottom:10px; white-space:nowrap; overflow:hidden; } #admin-settings-modal .ss-kin-h b { font-size:13px; font-weight:800; color:#1e3a5f; letter-spacing:.04em; text-transform:uppercase; } #admin-settings-modal .ss-kin-h span { font-size:12px; color:#64748b; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-kin .ss-kp span .up { color:#047857; font-weight:800; } #admin-settings-modal .ss-kin .dn { color:#be123c; font-weight:800; } #admin-settings-modal .ss-kin .up { color:#047857; font-weight:800; } #admin-settings-modal .ss-kin .nt { color:#94a3b8; } #admin-settings-modal .ss-kin-bars { display:flex; align-items:flex-end; gap:3px; height:120px; margin-top:12px; padding:0 2px; border-bottom:1px solid #e2e8f0; } #admin-settings-modal .ss-kin-bars i { flex:1; min-width:0; background:#2f5f8f; border-radius:4px 4px 0 0; position:relative; } #admin-settings-modal .ss-kin-bars i.z { background:#e2e8f0; } #admin-settings-modal .ss-kin-bars i em { position:absolute; left:50%; top:-15px; transform:translateX(-50%); font:700 9.5px Inter,sans-serif; color:#475569; font-style:normal; } #admin-settings-modal .ss-kin-ax { display:flex; justify-content:space-between; font-size:11px; color:#94a3b8; margin-top:4px; } #admin-settings-modal .ss-kin-pv { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; } #admin-settings-modal .ss-kin-pv span { height:26px; display:inline-flex; align-items:center; gap:6px; padding:0 10px; border-radius:7px; background:#f1f5f9; border:1px solid #e2e8f0; font-size:11.5px; font-weight:700; color:#475569; white-space:nowrap; } #admin-settings-modal .ss-kin-pv span b { color:#2f5f8f; } #admin-settings-modal .ss-kin-pv button { height:22px; display:inline-flex; align-items:center; gap:6px; padding:0 8px; border-radius:7px; background:#f1f5f9; border:1px solid #e2e8f0; font:700 11px Inter,sans-serif; color:#475569; white-space:nowrap; cursor:pointer; } #admin-settings-modal .ss-kin-pv button b { color:#2f5f8f; } #admin-settings-modal .ss-kin-pv button:hover { border-color:#94a3b8; } #admin-settings-modal .ss-kin-pv button.on { background:#1e3a5f; border-color:#1e3a5f; color:#fff; } #admin-settings-modal .ss-kin-pv button.on b { color:#fff; } #admin-settings-modal .ss-kin-ls { margin-top:10px; border-top:1px solid #eef2f6; padding-top:10px; } #admin-settings-modal .ss-kin-ls .hd { display:flex; align-items:center; gap:10px; margin-bottom:6px; white-space:nowrap; } #admin-settings-modal .ss-kin-ls .hd b { font-size:13px; color:#1e3a5f; } #admin-settings-modal .ss-kin-ls .hd span { font-size:12px; color:#64748b; flex:1; } #admin-settings-modal .ss-kin-ls table { width:100%; } #admin-settings-modal .ss-kin-ls td, #admin-settings-modal .ss-kin-ls th { white-space:nowrap; } #admin-settings-modal .ss-kin-ls a { color:#2f5f8f; font-weight:700; text-decoration:none; } #admin-settings-modal .ss-kin-ls a:hover { text-decoration:underline; } #admin-settings-modal .ss-kin-pv.col { flex-direction:column; align-items:stretch; } #admin-settings-modal .ss-kin-pv.col span { justify-content:space-between; } #admin-settings-modal .ss-kin-2 { display:flex; gap:18px; align-items:stretch; } #admin-settings-modal .ss-kin-2 .big { flex:0 0 200px; display:flex; flex-direction:column; justify-content:center; gap:4px; } #admin-settings-modal .ss-kin-2 .big > b { font-size:40px; font-weight:800; color:#1e3a5f; line-height:1; } #admin-settings-modal .ss-kin-2 .big small { font-size:12px; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:.06em; } #admin-settings-modal .ss-kin-2 .big > span { font-size:12px; color:#475569; white-space:nowrap; } #admin-settings-modal .ss-kin-2 .ch { flex:1; min-width:0; } #admin-settings-modal .ss-kin-pb { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:6px 18px; margin-top:14px; } #admin-settings-modal .ss-kin-pb div { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:#475569; white-space:nowrap; } #admin-settings-modal .ss-kin-pb div span { flex:0 0 110px; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-kin-pb i { flex:1; height:8px; border-radius:4px; background:#eef2f6; overflow:hidden; } #admin-settings-modal .ss-kin-pb u { display:block; height:100%; background:#2f5f8f; border-radius:4px; } #admin-settings-modal .ss-kin-pb b { color:#1e3a5f; min-width:24px; text-align:right; } #admin-settings-modal .ss-kin-3 { display:flex; gap:16px; } #admin-settings-modal .ss-kin-3 .cal { flex:1; min-width:0; } #admin-settings-modal .ss-kin-3 .side { flex:0 0 220px; display:flex; flex-direction:column; gap:8px; } #admin-settings-modal .ss-kin-3 .wk, #admin-settings-modal .ss-kin-3 .gd { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; } #admin-settings-modal .ss-kin-3 .wk span { font-size:10.5px; font-weight:800; color:#94a3b8; text-align:center; text-transform:uppercase; } #admin-settings-modal .ss-kin-3 .gd i { height:44px; border-radius:8px; background:#f1f5f9; display:flex; flex-direction:column; justify-content:space-between; padding:4px 6px; font-style:normal; } #admin-settings-modal .ss-kin-3 .gd i.e { background:transparent; } #admin-settings-modal .ss-kin-3 .gd i small { font-size:10px; color:#94a3b8; font-weight:700; } #admin-settings-modal .ss-kin-3 .gd i b { font-size:14px; font-weight:800; color:#1e3a5f; text-align:right; } #admin-settings-modal .ss-kin-3 .gd i.l1 { background:#dbe7f3; } #admin-settings-modal .ss-kin-3 .gd i.l2 { background:#b4cde6; } #admin-settings-modal .ss-kin-3 .gd i.l3 { background:#6f9cc8; } #admin-settings-modal .ss-kin-3 .gd i.l4 { background:#2f5f8f; } #admin-settings-modal .ss-kin-3 .gd i.l3 b, #admin-settings-modal .ss-kin-3 .gd i.l4 b, #admin-settings-modal .ss-kin-3 .gd i.l3 small, #admin-settings-modal .ss-kin-3 .gd i.l4 small { color:#fff; } @container ssmain (max-width:760px) { #admin-settings-modal .ss-kin-2, #admin-settings-modal .ss-kin-3 { flex-direction:column; } #admin-settings-modal .ss-kin-2 .big, #admin-settings-modal .ss-kin-3 .side { flex:none; } } .ss-rql { display:flex; gap:8px; align-items:center; } .ss-rql .ss-in { flex:1; min-width:0; font-weight:600; color:#2f5f8f; } .ss-rql .ss-btn { flex:0 0 auto; min-width:84px; } #admin-settings-modal { display:none; position:fixed; inset:0; z-index:90000; --bg:#e9edf2; --panel:#f6f8fa; --panel2:#dfe4ea; --in:#ffffff; --line:#c3ccd7; --line2:#d5dbe3; --tx:#1f2937; --tx2:#374151; --mu:#5b6675; --acc:#2563eb; --pri:#1e2a44; --pri-h:#283552; --ok:#047857; --warn:#b45309; --rose:#e11d48; --err:#b91c1c; } #admin-settings-modal * { font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; box-sizing:border-box; } #admin-settings-modal .ss-dim { position:absolute; inset:0; background:rgba(2,6,23,0.62); opacity:0; transition:opacity 260ms ease; } #admin-settings-modal.open .ss-dim { opacity:1; } #admin-settings-modal .ss-box { position:absolute; left:0; top:0; bottom:0; width:min(1240px, 98vw); background:var(--bg); color:var(--tx); display:flex; flex-direction:column; overflow:hidden; border-radius:0 18px 18px 0; border-right:1px solid var(--line); box-shadow:24px 0 60px rgba(15,23,42,0.35); transform:translateX(-100%); transition:transform 260ms cubic-bezier(.2,.8,.2,1); will-change:transform; } #admin-settings-modal.open .ss-box { transform:translateX(0); } #admin-settings-modal .ss-rsz { position:absolute; top:0; right:0; bottom:0; width:10px; cursor:ew-resize; z-index:20; touch-action:none; } #admin-settings-modal .ss-rsz::after { content:""; position:absolute; top:50%; right:3px; width:5px; height:64px; margin-top:-32px; border-radius:4px; background:#94a3b8; opacity:1; transition:background .15s; } #admin-settings-modal .ss-rsz:hover::after, #admin-settings-modal .ss-box.resizing .ss-rsz::after { background:#64748b; } @media (min-width:641px) { #admin-settings-modal .ss-main { margin-right:14px; } #admin-settings-modal .ss-rsz { width:14px; } #admin-settings-modal .ss-rsz::after { right:5px; } } #admin-settings-modal .ss-box.resizing { transition:none; user-select:none; } #admin-settings-modal #ss-main { -webkit-user-select:text; user-select:text; } #admin-settings-modal #ss-main button, #admin-settings-modal #ss-main .ss-btn, #admin-settings-modal #ss-main .ss-pill, #admin-settings-modal #ss-main .ss-doc-lv { -webkit-user-select:none; user-select:none; } #admin-settings-modal.tsp-lpw .ss-rsz { display:none !important; } #admin-settings-modal.tsp-lpw .ss-main { margin-right:0 !important; } #admin-settings-modal .ss-rsz-guide { position:fixed; top:0; bottom:0; left:0; width:2px; margin-left:-1px; background:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.18); z-index:100; display:none; pointer-events:none; will-change:transform; } #admin-settings-modal .ss-rsz-guide.on { display:block; } #admin-settings-modal .ss-rsz-guide::after { content:attr(data-w); position:absolute; top:50%; left:8px; transform:translateY(-50%); font:700 11px/1 system-ui,sans-serif; color:#fff; background:#2563eb; padding:4px 7px; border-radius:6px; white-space:nowrap; } @media (prefers-reduced-motion: reduce) { #admin-settings-modal .ss-box, #admin-settings-modal .ss-dim { transition:none; } #admin-settings-modal .ss-main.slide-l > *, #admin-settings-modal .ss-main.slide-r > *, #admin-settings-modal .ss-box.msearch .ss-search, #admin-settings-modal .ss-dd, #admin-settings-modal .ss-ddbg, #admin-settings-modal .ss-mpick .car { animation:none; transition:none; } } #admin-settings-modal .ss-head { display:flex; align-items:center; gap:12px; padding:14px 16px 12px 18px; border-bottom:1px solid var(--line2); flex:0 0 auto; background:#f3f5f8; } #admin-settings-modal .ss-hicon { width:34px; height:34px; border-radius:10px; background:#1e2a44; color:#fff; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; } #admin-settings-modal .ss-hicon svg { width:20px; height:20px; fill:currentColor; } #admin-settings-modal .ss-head .grow { flex:1; min-width:0; } #admin-settings-modal .ss-head h2 { margin:0; font-size:18px; font-weight:800; color:#111827; letter-spacing:-0.2px; } #admin-settings-modal .ss-head .sub { font-size:12px; color:var(--mu); font-weight:600; margin-top:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-refresh { display:inline-flex; align-items:center; gap:5px; height:32px; padding:0 12px 0 10px; border:1px solid var(--line); border-radius:16px; background:#fff; color:var(--pri); font-size:12px; font-weight:700; cursor:pointer; flex:0 0 auto; } #admin-settings-modal .ss-refresh:hover { background:#f1f4f7; } #admin-settings-modal .ss-refresh svg { width:16px; height:16px; fill:currentColor; } #admin-settings-modal .ss-refresh.spin svg { animation:ssSpin .8s linear infinite; } @keyframes ssSpin { to { transform:rotate(360deg); } } #admin-settings-modal .ss-body { display:flex; flex:1; min-height:0; } #admin-settings-modal .ss-navcol { width:220px; flex:0 0 auto; border-right:1px solid var(--line2); background:var(--panel2); display:flex; flex-direction:column; min-height:0; } #admin-settings-modal .ss-search { position:relative; padding:10px 8px 6px; } #admin-settings-modal .ss-search input { width:100%; height:32px; border:1px solid var(--line); border-radius:16px; background:var(--in); color:var(--tx); padding:0 28px 0 30px; font-size:12px; font-weight:600; outline:none; } #admin-settings-modal .ss-search input::placeholder { color:var(--mu); } #admin-settings-modal .ss-search input:focus { border-color:var(--acc); box-shadow:0 0 0 3px rgba(37,99,235,.2); } #admin-settings-modal .ss-search > svg { position:absolute; left:18px; top:18px; width:15px; height:15px; fill:var(--mu); pointer-events:none; } #admin-settings-modal .ss-search kbd { position:absolute; right:16px; top:17px; font-size:9.5px; font-weight:800; color:var(--mu); border:1px solid var(--line); border-radius:4px; padding:0 4px; } #admin-settings-modal .ss-nav { flex:1; overflow-y:auto; padding:2px 8px 10px; } #admin-settings-modal .ss-nav button { width:100%; display:flex; align-items:center; gap:9px; padding:7px 9px; margin-bottom:2px; border:none; border-radius:10px; background:transparent; cursor:pointer; text-align:left; color:var(--tx2); } #admin-settings-modal .ss-nav button:hover { background:rgba(15,23,42,.05); } #admin-settings-modal .ss-nav button.on { background:#fff; color:#111827; box-shadow:inset 3px 0 0 var(--pri), 0 1px 2px rgba(15,23,42,.08); } #admin-settings-modal .ss-nav .ni { width:28px; height:28px; border-radius:8px; background:#f6f8fa; border:1px solid var(--line2); display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; color:var(--mu); } #admin-settings-modal .ss-nav button.on .ni { background:var(--pri); border-color:var(--pri); color:#fff; } #admin-settings-modal .ss-nav .ni svg { width:16px; height:16px; fill:currentColor; } #admin-settings-modal .ss-nav .nt { flex:1; min-width:0; } #admin-settings-modal .ss-nav .nt b { display:block; font-size:12.5px; font-weight:800; } #admin-settings-modal .ss-nav .nt small { display:block; font-size:10.5px; font-weight:600; color:var(--mu); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-nav .dot { width:8px; height:8px; border-radius:50%; background:#f59e0b; flex:0 0 auto; visibility:hidden; box-shadow:0 0 0 3px rgba(245,158,11,.25); } #admin-settings-modal .ss-nav button.dirty .dot { visibility:visible; } #admin-settings-modal .ss-nav .ss-res { align-items:flex-start; } #admin-settings-modal .ss-nav .ss-res .nt small { white-space:normal; } #admin-settings-modal .ss-nav .ss-nores { color:var(--mu); font-size:12px; font-weight:600; padding:10px; } #admin-settings-modal .ss-maincol { flex:1; min-width:0; display:flex; flex-direction:column; min-height:0; } #admin-settings-modal .ss-main { flex:1; min-width:0; overflow-y:auto; padding:16px 20px 24px; background:var(--bg); scrollbar-color:#334155 transparent; container:ssmain / inline-size; } #admin-settings-modal .ss-pagebar { display:none; align-items:center; gap:12px; padding:12px 20px; border-top:1px solid var(--line2); background:#ffffff; box-shadow:0 -4px 12px rgba(15,23,42,.06); flex:0 0 auto; } #admin-settings-modal .ss-pagebar.show { display:flex; animation:ssBarIn .18s ease-out; } @keyframes ssBarIn { from { transform:translateY(8px); opacity:0; } } #admin-settings-modal .ss-pagebar .txt { flex:1; min-width:0; font-size:12px; font-weight:700; color:#b45309; display:flex; align-items:center; gap:8px; } #admin-settings-modal .ss-pagebar .txt::before { content:''; width:8px; height:8px; border-radius:50%; background:#f59e0b; flex:0 0 auto; } #admin-settings-modal .ss-pagebar .txt span { color:var(--tx2); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-pagebar kbd { font-size:9.5px; border:1px solid var(--line); border-radius:4px; padding:0 4px; color:var(--mu); font-weight:700; } #admin-settings-modal .ss-page-h { margin:0 0 12px; } #admin-settings-modal .ss-page-h h2 { margin:0; font-size:18px; font-weight:800; color:#111827; } #admin-settings-modal .ss-page-h p { margin:3px 0 0; font-size:12px; color:var(--mu); font-weight:600; line-height:1.5; max-width:760px; } #admin-settings-modal .ss-sec { border:1px solid var(--line2); border-radius:14px; margin-bottom:16px; background:var(--panel); } #admin-settings-modal .ss-cols2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:stretch; margin-bottom:16px; } #admin-settings-modal .ss-cols2 > .ss-sec { margin-bottom:0 !important; } #admin-settings-modal .ss-cols2 > .ss-stk { display:flex; flex-direction:column; gap:16px; } #admin-settings-modal .ss-cols2 > .ss-stk > .ss-sec:last-child { flex:1 1 auto; } html body #admin-settings-modal #ss-main :is(input.ss-in, input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=date], input[type=password], select.ss-in, select):not([type=checkbox]):not([type=radio]):not(#tsp-books *):not(.ss-h2q input) { height:34px !important; min-height:34px !important; box-sizing:border-box !important; } #admin-settings-modal .ss-ptabs { display:flex; gap:6px; margin:-4px 0 14px; flex-wrap:nowrap; overflow-x:auto; } #admin-settings-modal .ss-ptabs button { height:32px; padding:0 14px; border-radius:16px; border:1px solid #e2e8f0; background:#fff; color:#334155; font:700 12.5px var(--tsp-ff,Inter),sans-serif; white-space:nowrap; cursor:pointer; flex:0 0 auto; } #admin-settings-modal .ss-ptabs button.on { background:#1e2a44; border-color:#1e2a44; color:#fff; } #admin-settings-modal .ss-cols2 > .ss-sec { margin-bottom:0; min-width:0; } #admin-settings-modal .ss-stk2 > .ss-stk { display:flex; flex-direction:column; gap:12px; min-width:0; } #admin-settings-modal .ss-stk2 > .ss-stk > .ss-sec { margin:0 !important; } @container ssmain (max-width:900px) { #admin-settings-modal .ss-cols2 { grid-template-columns:1fr; gap:12px; margin-bottom:12px; } } #admin-settings-modal .ss-sec-h { display:flex; align-items:flex-start; gap:12px; padding:16px 16px 12px; flex-wrap:wrap; } #admin-settings-modal .ss-sec-h .grow { flex:1; min-width:220px; } #admin-settings-modal .ss-sec-h h3 { margin:0; font-size:16px; font-weight:800; color:#111827; display:flex; align-items:center; } #admin-settings-modal .ss-sec-h p { margin:4px 0 0; font-size:12px; color:var(--mu); font-weight:600; line-height:1.5; } #admin-settings-modal .ss-sec-h p b { color:var(--tx2); } #admin-settings-modal .ss-sec-h .ss-sub { margin:4px 0 0; font-size:12px; color:var(--mu); font-weight:600; line-height:1.5; } #admin-settings-modal .ss-sec-tools { display:flex; gap:6px; flex-wrap:wrap; align-items:center; } #admin-settings-modal .ss-used { margin-top:4px; font-size:11.5px; font-weight:600; color:var(--mu); } #admin-settings-modal .ss-sec-b { padding:0 16px 16px; } #admin-settings-modal .ss-info { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; border:1px solid var(--line); background:transparent; color:var(--mu); font:italic 800 11px/1 Georgia,serif; cursor:pointer; vertical-align:middle; margin-left:6px; padding:0; } #admin-settings-modal .ss-info:hover, #admin-settings-modal .ss-info[aria-expanded=true] { border-color:var(--acc); color:#1d4ed8; } #admin-settings-modal .ss-hint { display:none; margin:8px 0 0; font-size:11.5px; color:var(--mu); font-weight:500; line-height:1.55; } #admin-settings-modal .ss-hint.open { display:block; } #admin-settings-modal .ss-hint b { color:var(--tx2); } #admin-settings-modal .ss-alert { display:none; margin:0 16px 12px; padding:8px 12px; border-radius:10px; font-size:12px; font-weight:700; line-height:1.5; background:rgba(225,29,72,.12); border:1px solid rgba(225,29,72,.35); color:var(--err); } #admin-settings-modal .ss-alert.show { display:block; } #admin-settings-modal .ss-alert button { margin-left:6px; } #admin-settings-modal .ss-note { margin:8px 0 0; padding:8px 11px; border-radius:10px; background:rgba(245,158,11,.10); border:1px solid rgba(245,158,11,.30); color:#92400e; font-size:11.5px; font-weight:600; line-height:1.55; } #admin-settings-modal .ss-note b { color:#78350f; } #admin-settings-modal .ss-note.blue { background:rgba(59,130,246,.10); border-color:rgba(59,130,246,.30); color:#1e3a8a; } #admin-settings-modal .ss-note.blue b { color:#1e3a8a; } #admin-settings-modal .ss-btn { height:32px; padding:0 14px; border-radius:16px; font-size:12px; font-weight:700; cursor:pointer; border:1px solid transparent; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; } #admin-settings-modal .ss-btn.pri { background:var(--pri); color:#fff; } #admin-settings-modal .ss-btn.pri:hover:not(:disabled) { background:var(--pri-h); } #admin-settings-modal .ss-btn.pri:disabled { background:#d5dbe3; color:#4b5563; cursor:default; } #admin-settings-modal .ss-btn.ghost { background:#fff; border-color:var(--line); color:var(--pri); } #admin-settings-modal .ss-btn.ghost:hover:not(:disabled) { background:rgba(15,23,42,.06); } #admin-settings-modal .ss-btn.ghost:disabled { opacity:.45; cursor:default; } #admin-settings-modal .ss-btn.add { height:30px; background:#eff6ff; border:1px dashed #93c5fd; color:#1d4ed8; padding:0 12px; } #admin-settings-modal .ss-btn.add:hover { background:#dbeafe; } #admin-settings-modal .ss-sub-h { margin:18px 0 10px; padding-top:14px; border-top:1px solid var(--line); font-size:11px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:var(--mu); } #admin-settings-modal .ss-brand { display:flex; align-items:center; gap:10px; flex-wrap:nowrap; } #admin-settings-modal .ss-cs { display:flex; flex-wrap:wrap; gap:8px; } #admin-settings-modal .ss-cs-b { height:34px; padding:0 14px; border:1px solid #dfe5ec; border-radius:999px; background:#fff; color:#334155; font:700 12.5px var(--tsp-ff, Inter, sans-serif); cursor:pointer; white-space:nowrap; } #admin-settings-modal .ss-cs-b.on { background:#0f172a; border-color:#0f172a; color:#fff; } #admin-settings-modal .ss-cs-vol { display:flex; align-items:center; gap:12px; margin-top:14px; font-size:13px; font-weight:600; color:#334155; } #admin-settings-modal .ss-cs-vol input { width:220px; accent-color:#0f172a; } #admin-settings-modal .ss-cs-vol b { min-width:40px; color:#64748b; font-weight:700; } #admin-settings-modal .ss-hr-row { display:flex; align-items:center; gap:10px; padding:7px 0; border-top:1px solid #f1f5f9; min-height:46px; } #admin-settings-modal .ss-hr-row:first-child { border-top:0; } #admin-settings-modal .ss-hr-d { flex:0 0 44px; width:44px; font-weight:700; font-size:13.5px; color:#0f172a; } #admin-settings-modal .ss-hr-sw { position:relative; width:36px; height:20px; flex:none; cursor:pointer; } #admin-settings-modal .ss-hr-sw input { position:absolute; inset:0; opacity:0; margin:0; cursor:pointer; } #admin-settings-modal .ss-hr-sw i { position:absolute; inset:0; border-radius:10px; background:#cbd5e1; pointer-events:none; transition:background .15s; } #admin-settings-modal .ss-hr-sw i::after { content:''; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:#fff; transition:left .15s; } #admin-settings-modal .ss-hr-sw input:checked + i { background:#2563eb; } #admin-settings-modal .ss-hr-sw input:checked + i::after { left:18px; } #admin-settings-modal select.ss-sel.ss-hr-t { flex:0 0 132px !important; width:132px !important; min-width:0 !important; max-width:132px !important; height:34px; } #admin-settings-modal .ss-hr-sw { margin-right:4px; } #admin-settings-modal .ss-hr-to { color:#94a3b8; font-size:13px; font-weight:600; } #admin-settings-modal .ss-hr-note { color:#64748b; font-size:12px; margin-top:8px; } #admin-settings-modal .ss-brand-ic { width:44px; height:44px; flex:0 0 44px; border-radius:11px; background:linear-gradient(180deg,#f8fafc,#e2e8f0); border:1px solid #cbd5e1; display:flex; align-items:center; justify-content:center; overflow:hidden; } #admin-settings-modal .ss-brand-ic svg { width:24px; height:24px; } #admin-settings-modal .ss-brand-ic.has { background:#fff; } #admin-settings-modal .ss-brand-ic img { width:100%; height:100%; object-fit:contain; } #admin-settings-modal .ss-jump { font:inherit; font-size:12px; font-weight:700; color:#1d4ed8; background:#eff6ff; border:1px solid #bfdbfe; border-radius:999px; padding:1px 9px; margin:2px 2px; cursor:pointer; } #admin-settings-modal .ss-jump:hover { background:#dbeafe; border-color:#93c5fd; } #admin-settings-modal .ss-in:disabled { background:#eef1f5; color:#475569; cursor:not-allowed; } #admin-settings-modal .ss-thx-h, #admin-settings-modal .ss-thx-r { display:grid; grid-template-columns: minmax(0,180px) minmax(0,120px) 34px; gap:10px; align-items:center; } #admin-settings-modal .ss-thx-h { font-size:10.5px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:#64748b; padding:0 0 6px; border-bottom:1px solid var(--line); margin-bottom:8px; } #admin-settings-modal .ss-thx-r { padding:4px 0; } #admin-settings-modal .ss-thx-r .ss-in.bad { border-color:var(--err); box-shadow:0 0 0 3px rgba(190,18,60,.12); } #admin-settings-modal .ss-thx-msg { grid-column:1 / -1; font-size:11px; font-weight:700; color:var(--err); } #admin-settings-modal .ss-thx-f { display:flex; align-items:center; gap:10px; margin-top:10px; } #admin-settings-modal .ss-thx-f .grow { flex:1; } #admin-settings-modal .ss-thx-st { font-size:11.5px; font-weight:700; color:#047857; } #admin-settings-modal .ss-kw-bar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:10px; } #admin-settings-modal .ss-kp-click { cursor:pointer; transition:box-shadow .12s, border-color .12s; } #admin-settings-modal .ss-kp-click:hover { border-color:#94a3b8; box-shadow:0 2px 8px rgba(15,23,42,.08); } #admin-settings-modal .ss-kp-click.on { border-color:#334155; box-shadow:0 0 0 2px rgba(51,65,85,.15); } #admin-settings-modal .ss-kpl { margin-top:12px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; overflow:hidden; } #admin-settings-modal .ss-kpl-h { display:flex; align-items:center; gap:14px; padding:10px 14px; border-bottom:1px solid #e2e8f0; font-size:13px; color:#475569; } #admin-settings-modal .ss-kpl-h > b { color:#0f172a; font-size:13.5px; } #admin-settings-modal .ss-kpl-h .ss-link { margin-left:auto; } #admin-settings-modal .ss-kpl-w { max-height:420px; overflow:auto; } #admin-settings-modal .ss-kpl table { width:100%; border-collapse:collapse; font-size:12.5px; table-layout:fixed; min-width:820px; } #admin-settings-modal .ss-kpl th:nth-child(1) { width:9%; } #admin-settings-modal .ss-kpl th:nth-child(2) { width:15%; } #admin-settings-modal .ss-kpl th:nth-child(3) { width:11%; } #admin-settings-modal .ss-kpl th:nth-child(4) { width:18%; } #admin-settings-modal .ss-kpl th:nth-child(5) { width:20%; } #admin-settings-modal .ss-kpl th:nth-child(6) { width:12%; } #admin-settings-modal .ss-kpl th:nth-child(7) { width:15%; } #admin-settings-modal .ss-kpl td { overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-kpl th { position:sticky; top:0; background:#334155; color:#fff; font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; text-align:left; padding:8px 10px; white-space:nowrap; } #admin-settings-modal .ss-kpl td { padding:7px 10px; border-top:1px solid #f1f5f9; color:#1e293b; font-weight:600; white-space:nowrap; } #admin-settings-modal .ss-kpl tr:nth-child(even) td { background:#f8fafc; } #admin-settings-modal .ss-kpl .r { text-align:right; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-kpl td.b { font-weight:800; } #admin-settings-modal .ss-kpl td small { display:block; font-size:10.5px; color:#94a3b8; font-weight:600; } #admin-settings-modal .ss-kpl-st { display:inline-flex; height:20px; padding:0 8px; align-items:center; border-radius:6px; background:#f1f5f9; font-size:11px; } #admin-settings-modal .ss-kw-tabs { display:inline-flex; background:#eef1f5; border-radius:18px; padding:3px; } #admin-settings-modal .ss-kw-tab { height:28px; padding:0 14px; border:none; border-radius:15px; background:transparent; font-size:12px; font-weight:700; color:#475569; cursor:pointer; } #admin-settings-modal .ss-kw-tab.on { background:#ffffff; color:#0f172a; box-shadow:0 1px 3px rgba(15,23,42,.12); } #admin-settings-modal .ss-kw-tab .dn { margin-left:6px; padding:1px 6px; border-radius:8px; background:#fee2e2; color:#b91c1c; font-size:10.5px; font-weight:800; } #admin-settings-modal .ss-kw-tab .n { margin-left:5px; font-size:10.5px; color:#94a3b8; font-weight:700; } #admin-settings-modal .ss-kw-q { flex:1 1 200px; min-width:160px; height:32px; } #admin-settings-modal .ss-kw-h, #admin-settings-modal .ss-kw-r { display:grid; grid-template-columns:minmax(120px,190px) minmax(0,1fr) 40px 32px; gap:8px; align-items:center; } #admin-settings-modal .ss-kw-h { font-size:10.5px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:#64748b; padding:0 2px 6px; border-bottom:1px solid var(--line); } #admin-settings-modal .ss-kw-r { padding:5px 2px; border-bottom:1px solid #f1f4f8; } #admin-settings-modal .ss-kw-r.new { background:#f0f9ff; } #admin-settings-modal .ss-kw-r .ss-in { height:32px; font-size:12.5px; } #admin-settings-modal .ss-kw-r .kw-name { font-weight:800; text-transform:uppercase; } #admin-settings-modal .ss-kw-r .kw-kw { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px; text-transform:uppercase; } #admin-settings-modal .ss-kw-r textarea.kw-kw { display:block; width:100%; height:auto; min-height:32px; padding:6px 10px; line-height:1.55; resize:none; overflow:hidden; white-space:pre-wrap; word-break:normal; overflow-wrap:anywhere; } #admin-settings-modal .ss-kw-r { align-items:start; } #admin-settings-modal .ss-kw-r .kw-n { padding-top:8px; } #admin-settings-modal .ss-kw-hits { display:flex; flex-wrap:wrap; align-items:center; gap:5px; min-height:32px; padding:3px 6px; border:1px solid transparent; border-radius:8px; cursor:text; } #admin-settings-modal .ss-kw-hits:hover { border-color:var(--line); background:#ffffff; } #admin-settings-modal .ss-kw-pen { margin-left:auto; font-size:11px; font-weight:700; color:#94a3b8; opacity:0; } #admin-settings-modal .ss-kw-hits:hover .ss-kw-pen { opacity:1; } #admin-settings-modal .ss-kw-dupbtn { height:30px; padding:0 12px; border:1px solid #fecaca; border-radius:15px; background:#fef2f2; color:#b91c1c; font-size:12px; font-weight:800; cursor:pointer; } #admin-settings-modal .ss-kw-dupbtn.on { background:#dc2626; border-color:#dc2626; color:#ffffff; } #admin-settings-modal .ss-kw-chip { display:inline-flex; align-items:center; gap:2px; height:24px; padding:0 9px; border-radius:6px; background:#f1f5f9; border:1px solid #e2e8f0; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px; font-weight:600; color:#1e293b; } #admin-settings-modal .ss-kw-chip { padding-right:3px; } #admin-settings-modal .ss-kw-chip.hit { background:#fef3c7; border-color:#f59e0b; font-weight:800; } #admin-settings-modal .ss-kw-chip.dup { background:#fee2e2; border-color:#ef4444; color:#b91c1c; font-weight:800; } #admin-settings-modal .ss-kw-chip button { width:18px; height:18px; border:none; border-radius:9px; background:transparent; color:inherit; font-size:14px; line-height:1; cursor:pointer; } #admin-settings-modal .ss-kw-chip button:hover { background:rgba(0,0,0,.08); } #admin-settings-modal .ss-kw-add { flex:1 0 90px; min-width:90px; height:24px; border:none; outline:none; background:transparent; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px; font-weight:700; text-transform:uppercase; color:#0f172a; padding:0 4px; } #admin-settings-modal .ss-kw-add::placeholder { text-transform:none; font-family:inherit; font-weight:600; color:#94a3b8; } #admin-settings-modal .ss-kw-hits:focus-within { border-color:#93c5fd; background:#ffffff; box-shadow:0 0 0 3px rgba(59,130,246,.12); } #admin-settings-modal .ss-kw-chip button { opacity:.45; } #admin-settings-modal .ss-kw-chip:hover button, #admin-settings-modal .ss-kw-chip.dup button, #admin-settings-modal .ss-kw-chip.hit button { opacity:1; } #admin-settings-modal .ss-kw-chip { cursor:pointer; } #admin-settings-modal .ss-kw-chip.sel { box-shadow:0 0 0 2px #2563eb; } #admin-settings-modal .ss-kw-ref { grid-column:1 / -1; margin:4px 0 6px; padding:10px 12px; border:1px solid #dbe6fb; background:#f8fbff; border-radius:10px; } #admin-settings-modal .ss-kw-ref .hd { display:flex; align-items:center; gap:8px; margin-bottom:6px; font-size:12.5px; } #admin-settings-modal .ss-kw-ref .hd b { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:13px; } #admin-settings-modal .ss-kw-ref .mu { color:#64748b; font-size:12px; font-weight:600; } #admin-settings-modal .ss-kw-ref .grow { flex:1; } #admin-settings-modal .ss-kw-ref .x { width:26px; height:26px; border:none; border-radius:13px; background:#e2e8f0; cursor:pointer; font-size:15px; } #admin-settings-modal .ss-kw-ref .dist, #admin-settings-modal .ss-kw-ref .keep { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-bottom:6px; } #admin-settings-modal .ss-kw-ref .lb { font-size:10.5px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; color:#64748b; min-width:110px; } #admin-settings-modal .ss-kw-cnt { display:inline-flex; gap:5px; height:22px; align-items:center; padding:0 9px; border-radius:11px; background:#fff; border:1px solid #e2e8f0; font-size:11.5px; font-weight:700; color:#334155; } #admin-settings-modal .ss-kw-cnt b { color:#2563eb; } #admin-settings-modal .ss-kw-ref .ss-ll-t { background:#fff; border-radius:8px; } #admin-settings-modal .ss-kw-ref tr.ss-kw-nohit td { color:#94a3b8; } #admin-settings-modal .ss-kw-r .kw-acts { display:flex; flex-direction:column; align-items:center; gap:6px; } #admin-settings-modal .ss-kw-rsave { display:none; height:26px; padding:0 9px; border:none; border-radius:13px; background:#1e2a44; color:#fff; font-size:11px; font-weight:800; cursor:pointer; box-shadow:0 2px 6px rgba(30,42,68,.25); } #admin-settings-modal .ss-kw-rsave.on { display:inline-flex; align-items:center; animation:kwPop .18s ease-out; } #admin-settings-modal .ss-kw-rsave:disabled { opacity:.5; cursor:default; } @keyframes kwPop { from { transform:scale(.8); opacity:0; } to { transform:scale(1); opacity:1; } } #admin-settings-modal .ss-kw-more { border:none; background:none; padding:0 4px; font-size:11.5px; font-weight:700; color:#2563eb; cursor:pointer; } #admin-settings-modal .ss-kw-test { margin:0 0 12px; } #admin-settings-modal .ss-kw-tools { display:flex; align-items:center; gap:10px; margin:0 0 6px; } #admin-settings-modal .ss-kw-grp { display:flex !important; align-items:stretch; height:36px; margin:0 !important; padding:0 !important; border:1px solid #cbd5e1 !important; border-radius:10px !important; overflow:hidden; background:#fff !important; gap:0 !important; grid-template-columns:none !important; } #admin-settings-modal .ss-kw-grp.ss-kw-qa { flex:1 1 auto; min-width:0; } #admin-settings-modal .ss-kw-grp.ss-kw-test { flex:0 1 380px; min-width:240px; } #admin-settings-modal .ss-kw-grp .gl { display:flex; align-items:center; padding:0 10px; background:#f1f5f9; font:800 10.5px Inter, sans-serif; letter-spacing:.06em; text-transform:uppercase; color:#64748b; white-space:nowrap; } #admin-settings-modal .ss-kw-gi { border:0; border-left:1px solid #e2e8f0; padding:0 10px; min-width:0; flex:1 1 0; font:600 13px Inter, sans-serif; color:#0f172a; text-transform:uppercase; outline:none; background:transparent; } #admin-settings-modal .ss-kw-gi::placeholder { text-transform:none; color:#94a3b8; font-weight:600; } #admin-settings-modal .ss-kw-gi.pfx { flex:0 0 100px; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-weight:700; } #admin-settings-modal .ss-kw-gi.tm { flex:0 0 130px; } #admin-settings-modal .ss-kw-gi:focus { background:#f8fafc; } #admin-settings-modal .ss-kw-gb { border:0; background:#1e2a44; color:#fff; font:700 13px Inter, sans-serif; padding:0 16px; cursor:pointer; } #admin-settings-modal .ss-kw-gb:disabled { opacity:.5; cursor:default; } #admin-settings-modal .ss-kw-grp .res { display:flex; align-items:center; gap:4px; min-width:0; padding:0 10px; border-left:1px solid #e2e8f0; font-size:12.5px; color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-kw-grp .res b { color:#0f172a; } #admin-settings-modal .ss-kw-grp { flex-wrap:nowrap !important; min-height:36px !important; box-sizing:border-box; } #admin-settings-modal .ss-kw-grp > * { align-self:stretch !important; height:auto !important; margin:0 !important; border-radius:0 !important; box-shadow:none !important; } #admin-settings-modal .ss-kw-grp .res { flex:1 1 auto !important; flex-basis:auto !important; width:auto !important; } #admin-settings-modal .ss-kw-qnow { font-size:11.5px; color:#475569; margin:0 0 8px; } #admin-settings-modal .ss-kw-qnow:empty { display:none; } #admin-settings-modal .ss-kw-qnow b { color:#0f172a; } @container ssmain (max-width: 760px) { #admin-settings-modal .ss-kw-tools { flex-direction:column; align-items:stretch; } #admin-settings-modal .ss-kw-grp.ss-kw-test { flex:0 0 36px; } } #admin-settings-modal .ss-kw-qa { display:grid; grid-template-columns:130px minmax(0,1fr) minmax(0,1fr) auto; gap:8px; align-items:center; margin:0 0 8px; padding:10px 12px; background:#f0fdf4; border:1px solid #bbf7d0; border-radius:10px; } #admin-settings-modal .ss-kw-qa .lbl { grid-column:1 / -1; font-size:11px; font-weight:800; letter-spacing:.4px; color:#15803d; } #admin-settings-modal .ss-kw-qa .ss-in { height:32px; text-transform:uppercase; } #admin-settings-modal .ss-kw-qa .ss-in.pfx { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-weight:700; } #admin-settings-modal .ss-kw-qa .now { grid-column:1 / -1; font-size:11.5px; color:#475569; min-height:0; } #admin-settings-modal .ss-kw-qa .now:empty { display:none; } #admin-settings-modal .ss-kw-qa .now b { color:#0f172a; } @container ssmain (max-width: 640px) { #admin-settings-modal .ss-kw-qa { grid-template-columns:1fr 1fr; } #admin-settings-modal .ss-kw-qa .pfx { grid-column:1 / -1; } #admin-settings-modal .ss-kw-qa .ss-btn { grid-column:1 / -1; } } #admin-settings-modal .ss-kw-r .ss-in.bad { border-color:var(--err); box-shadow:0 0 0 3px rgba(190,18,60,.12); } #admin-settings-modal .ss-kw-r .kw-n { text-align:center; font-size:11px; font-weight:700; color:#94a3b8; } #admin-settings-modal .ss-kw-msg { grid-column:1 / -1; font-size:11px; font-weight:700; color:var(--err); } #admin-settings-modal .ss-kw-dup { grid-column:1 / -1; font-size:11px; font-weight:600; color:#b45309; } #admin-settings-modal .ss-kw-test { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:12px; padding:10px 12px; background:#f5f8ff; border:1px solid #dbe6fb; border-radius:10px; } #admin-settings-modal .ss-kw-test .ss-in { width:200px; height:32px; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; text-transform:uppercase; } #admin-settings-modal .ss-kw-test .res { font-size:12px; color:#334155; } #admin-settings-modal .ss-kw-test .res b { color:#0f172a; } #admin-settings-modal .ss-kw-test .res .via { color:#94a3b8; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11px; } #admin-settings-modal .ss-kw-foot { display:flex; align-items:center; gap:10px; margin-top:12px; } #admin-settings-modal .ss-kw-foot .grow { flex:1; } @container ssmain (max-width:640px) { #admin-settings-modal .ss-kw-h { display:none; } #admin-settings-modal .ss-kw-r { grid-template-columns:minmax(0,1fr) 32px; grid-template-areas:'n d' 'k k'; row-gap:6px; padding:8px 2px; } #admin-settings-modal .ss-kw-r .kw-cn { grid-area:n; } #admin-settings-modal .ss-kw-r .kw-ck { grid-area:k; } #admin-settings-modal .ss-kw-r .kw-n { display:none; } #admin-settings-modal .ss-kw-r .kw-acts { grid-area:d; } } #admin-settings-modal .ss-btn.sm { height:28px; padding:0 11px; font-size:11.5px; } #admin-settings-modal .ss-btn.danger { background:#fff1f2; border-color:#fecdd3; color:#b91c1c; } #admin-settings-modal .ss-btn.ok { background:#047857; color:#fff; } #admin-settings-modal .ss-btn svg { width:15px; height:15px; fill:currentColor; } #admin-settings-modal .ss-btn:focus-visible, #admin-settings-modal .ss-nav button:focus-visible, #admin-settings-modal .ss-fchip:focus-visible, #admin-settings-modal .ss-seg button:focus-visible { outline:2px solid var(--acc); outline-offset:2px; } #admin-settings-modal .ss-grid { display:grid; gap:6px; align-items:start; } #admin-settings-modal .ss-th { font-size:9.5px; font-weight:800; color:var(--mu); text-transform:uppercase; letter-spacing:.4px; padding:0 0 8px; border-bottom:1px solid var(--line2); } #admin-settings-modal .ss-row { padding:12px 0; border-bottom:1px solid var(--line2); } #admin-settings-modal .ss-row:last-of-type { border-bottom:none; } #admin-settings-modal .ss-row.new { background:linear-gradient(90deg, #ecfdf5, transparent 60%); box-shadow:inset 3px 0 0 var(--ok); } #admin-settings-modal .ss-row.off { opacity:.62; } #admin-settings-modal .ss-row.dragging { opacity:.4; } #admin-settings-modal .ss-row.drop-before { box-shadow:0 -3px 0 var(--acc); } #admin-settings-modal .ss-row.drop-after { box-shadow:0 3px 0 var(--acc); } #admin-settings-modal .ss-row .ss-ml { display:none; } #admin-settings-modal .ss-in, #admin-settings-modal .ss-sel { width:100%; min-width:0; height:30px; border:1px solid var(--line); border-radius:7px; padding:0 8px; font-size:12px; font-weight:600; color:var(--tx); background:var(--in); outline:none; } #admin-settings-modal .ss-sel option { background:#fff; color:var(--tx); } #admin-settings-modal .ss-in:focus, #admin-settings-modal .ss-sel:focus { border-color:var(--acc); box-shadow:0 0 0 3px rgba(37,99,235,.2); } #admin-settings-modal .ss-in.num { text-align:right; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-in.bad, #admin-settings-modal .ss-sel.bad { border-color:#e11d48; background:#fff1f2; } #admin-settings-modal .ss-in::placeholder { color:#8a94a2; font-weight:500; } #admin-settings-modal .ss-adorn { display:flex; align-items:stretch; width:100%; min-width:0; height:30px; border:1px solid var(--line); border-radius:7px; background:var(--in); overflow:hidden; } #admin-settings-modal .ss-adorn:focus-within { border-color:var(--acc); box-shadow:0 0 0 3px rgba(37,99,235,.2); } #admin-settings-modal .ss-adorn.bad { border-color:#e11d48; } #admin-settings-modal .ss-adorn .ss-in { flex:1 1 auto; width:auto; min-width:0; height:auto; border:none; border-radius:0; background:transparent; box-shadow:none !important; padding:0 10px; } #admin-settings-modal .ss-adorn .ad { flex:0 0 auto; display:flex; align-items:center; padding:0 10px; font-size:11.5px; font-weight:800; color:var(--mu); background:#f1f4f7; white-space:nowrap; user-select:none; } #admin-settings-modal .ss-adorn .ad.pre { border-right:1px solid var(--line); } #admin-settings-modal .ss-adorn .ad.suf { border-left:1px solid var(--line); } #admin-settings-modal .ss-f .ss-adorn { height:36px; } #admin-settings-modal .ss-pw { position:relative; } #admin-settings-modal .ss-pw .ss-in { padding-right:58px; } #admin-settings-modal .ss-pw button { position:absolute; top:3px; width:26px; height:24px; border:none; background:transparent; color:var(--mu); cursor:pointer; border-radius:6px; display:flex; align-items:center; justify-content:center; padding:0; } #admin-settings-modal .ss-pw button.eye { right:3px; } #admin-settings-modal .ss-pw button.gen { right:29px; } #admin-settings-modal .ss-pw button:hover { background:rgba(15,23,42,.08); color:var(--tx); } #admin-settings-modal .ss-pw button svg { width:16px; height:16px; fill:currentColor; } #admin-settings-modal .ss-ibtn { width:30px; height:30px; border:none; border-radius:50%; background:#eef1f4; color:var(--mu); cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; } #admin-settings-modal .ss-ibtn:hover { background:rgba(15,23,42,.1); color:var(--tx); } #admin-settings-modal .ss-ibtn svg { width:16px; height:16px; fill:currentColor; } #admin-settings-modal .ss-del { width:30px; height:30px; border:none; border-radius:50%; background:#ffe4e6; color:#be123c; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; } #admin-settings-modal .ss-del:hover { background:#fecdd3; } #admin-settings-modal .ss-del svg { width:16px; height:16px; fill:currentColor; } #admin-settings-modal .ss-del:disabled { background:#eef1f4; color:#9aa3ae; cursor:not-allowed; } #admin-settings-modal .ss-handle { width:22px; height:30px; display:flex; align-items:center; justify-content:center; color:#64748b; cursor:grab; touch-action:none; border-radius:6px; } #admin-settings-modal .ss-handle:hover { color:var(--tx); background:rgba(15,23,42,.05); } #admin-settings-modal .ss-handle svg { width:16px; height:16px; fill:currentColor; } #admin-settings-modal .ss-rowmsg { grid-column:1 / -1; font-size:11px; font-weight:700; color:var(--err); padding:0 2px; display:none; } #admin-settings-modal .ss-rowmsg.show { display:block; } #admin-settings-modal .ss-you { align-self:flex-start; display:inline-flex; align-items:center; height:18px; padding:0 7px; border-radius:9px; background:#dbeafe; color:#1d4ed8; font-size:10px; font-weight:800; } #admin-settings-modal .ss-meta { display:flex; gap:6px; align-items:center; flex-wrap:wrap; margin-top:3px; font-size:10.5px; font-weight:600; color:var(--mu); } #admin-settings-modal .ss-idcell { display:flex; flex-direction:column; } #admin-settings-modal .rf-wrap { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; align-items:start; } #admin-settings-modal .rf-tabs { display:flex; gap:4px; border-bottom:1px solid #e2e8f0; margin-bottom:14px; } #admin-settings-modal .rf-tabs button { border:0; background:none; padding:9px 12px; font:600 13px var(--tsp-ff, Inter, sans-serif); color:#64748b; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; white-space:nowrap; } #admin-settings-modal .rf-tabs button.on { color:#1f6fd6; border-bottom-color:#1f6fd6; } #admin-settings-modal .rf-row { display:flex; align-items:center; gap:10px; padding:8px 10px; border:1px solid #e2e8f0; border-radius:10px; background:#fff; margin-bottom:6px; } #admin-settings-modal .rf-row.off { opacity:.55; } #admin-settings-modal .rf-row.drag { outline:2px dashed #1f6fd6; } #admin-settings-modal .rf-dh { cursor:grab; color:#94a3b8; font-size:14px; user-select:none; flex:0 0 auto; letter-spacing:-2px; } #admin-settings-modal .rf-ph { width:54px; height:42px; border-radius:7px; background:#eef2f6 center/cover no-repeat; flex:0 0 auto; border:1px solid #e2e8f0; cursor:pointer; display:flex; align-items:center; justify-content:center; font:700 10px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; } #admin-settings-modal .rf-row .ss-in { height:34px; } #admin-settings-modal .rf-nm { flex:1 1 160px; min-width:120px; } #admin-settings-modal .rf-ty { flex:0 1 150px; min-width:110px; text-transform:uppercase; color:#475569; } #admin-settings-modal .rf-ar { border:0; background:#f1f5f9; border-radius:6px; width:26px; height:26px; cursor:pointer; color:#475569; flex:0 0 auto; } #admin-settings-modal .rf-x { border:0; background:none; color:#94a3b8; font-size:16px; cursor:pointer; flex:0 0 auto; padding:0 4px; } #admin-settings-modal .rf-x:hover { color:#be123c; } #admin-settings-modal .rf-add { border:1px dashed #b8c4d2; background:#f8fafc; border-radius:10px; padding:9px 12px; font:600 12.5px var(--tsp-ff, Inter, sans-serif); color:#1f6fd6; cursor:pointer; width:100%; text-align:left; } #admin-settings-modal .rf-gal { display:flex; flex-wrap:wrap; gap:8px; padding:10px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; margin:-2px 0 8px; } #admin-settings-modal .rf-gal button { width:86px; border:1.5px solid #e2e8f0; border-radius:8px; background:#fff; padding:4px; cursor:pointer; font:600 10.5px var(--tsp-ff, Inter, sans-serif); color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .rf-gal button.on { border-color:#1f6fd6; } #admin-settings-modal .rf-gal button i { display:block; height:52px; border-radius:5px; background:#eef2f6 center/cover no-repeat; margin-bottom:3px; } #admin-settings-modal .rf-gal button i.ic, #admin-settings-modal .rf-ph.ic { display:grid; place-items:center; background:#f5f5ff; color:#4f46e5; } #admin-settings-modal .rf-gal button i.ic svg, #admin-settings-modal .rf-ph.ic svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; } #admin-settings-modal .rf-q { border:1px solid #e2e8f0; border-radius:10px; background:#fff; padding:10px 12px; margin-bottom:8px; } #admin-settings-modal .rf-q.off { opacity:.6; } #admin-settings-modal .rf-qh { display:flex; align-items:center; gap:8px; } #admin-settings-modal .rf-qh .ss-in { flex:1; min-width:0; height:34px; font-weight:700; } #admin-settings-modal .rf-qh select, #admin-settings-modal .rf-qm select { height:34px; border:1px solid #cbd5e1; border-radius:8px; padding:0 8px; font:600 12.5px var(--tsp-ff, Inter, sans-serif); background:#fff; } #admin-settings-modal .rf-qm { display:flex; align-items:center; gap:8px; margin:8px 0 2px 22px; white-space:nowrap; } #admin-settings-modal .rf-qm select { height:32px; } #admin-settings-modal .rf-sp { flex:1; } #admin-settings-modal .rf-ops { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 0 22px; align-items:center; } #admin-settings-modal .rf-op { display:inline-flex; align-items:center; gap:4px; background:#f1f5f9; border-radius:7px; padding:3px 4px 3px 9px; font:600 12px var(--tsp-ff, Inter, sans-serif); color:#334155; white-space:nowrap; } #admin-settings-modal .rf-op button { border:0; background:none; color:#94a3b8; cursor:pointer; font-size:13px; } #admin-settings-modal .rf-opin { height:28px !important; width:150px; font-size:12px !important; } #admin-settings-modal .rf-op .rf-fub { color:#94a3b8; font:700 11px var(--tsp-ff, Inter, sans-serif); padding:0 3px; border-radius:5px; } #admin-settings-modal .rf-op .rf-fub.has { color:#4f46e5; background:#eef0ff; } #admin-settings-modal .rf-op.on { background:#eef0ff; box-shadow:0 0 0 1px #c7c9f9; } #admin-settings-modal .rf-fu { margin:10px 0 2px 22px; padding:10px 12px; border:1px solid #e4e5fb; background:#f8f8ff; border-radius:10px; } #admin-settings-modal .rf-fuh { display:flex; align-items:center; gap:8px; margin-bottom:8px; white-space:nowrap; } #admin-settings-modal .rf-fuh b { font:700 12.5px var(--tsp-ff, Inter, sans-serif); color:#4338ca; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .rf-fq { background:#fff; border:1px solid #e2e8f0; border-radius:8px; padding:8px; margin-bottom:8px; } #admin-settings-modal .rf-fqh { display:flex; align-items:center; gap:8px; } #admin-settings-modal .rf-fqh .ss-in { flex:1; min-width:0; height:32px; font-weight:600; } #admin-settings-modal .rf-fqh select { height:32px; border:1px solid #cbd5e1; border-radius:8px; padding:0 8px; font:600 12px var(--tsp-ff, Inter, sans-serif); background:#fff; } #admin-settings-modal .rf-fq .rf-ops { margin:8px 0 0; } #admin-settings-modal .rf-show { display:flex; flex-wrap:wrap; gap:5px; margin:8px 0 0 22px; align-items:center; font:600 11.5px var(--tsp-ff, Inter, sans-serif); color:#64748b; } #admin-settings-modal .rf-show button { border:1px solid #dbe3ec; background:#fff; border-radius:999px; padding:3px 9px; font:600 11.5px var(--tsp-ff, Inter, sans-serif); color:#64748b; cursor:pointer; white-space:nowrap; } #admin-settings-modal .rf-show button.on { background:#e8f0fc; border-color:#bcd3f5; color:#1f6fd6; } #admin-settings-modal .rf-req { display:inline-flex; align-items:center; gap:6px; font:600 12px var(--tsp-ff, Inter, sans-serif); color:#475569; white-space:nowrap; } #admin-settings-modal .rf-fr { display:flex; align-items:center; gap:12px; padding:9px 0; border-bottom:1px solid #f1f5f9; } #admin-settings-modal .rf-fr b { flex:1; font:600 13px var(--tsp-ff, Inter, sans-serif); color:#1e293b; } #admin-settings-modal .rf-seg { display:inline-flex; border:1px solid #cbd5e1; border-radius:8px; overflow:hidden; } #admin-settings-modal .rf-seg button { border:0; background:#fff; padding:6px 12px; font:600 12px var(--tsp-ff, Inter, sans-serif); color:#475569; cursor:pointer; white-space:nowrap; } #admin-settings-modal .rf-seg button + button { border-left:1px solid #cbd5e1; } #admin-settings-modal .rf-seg button.on { background:#1f6fd6; color:#fff; } #admin-settings-modal .rf-err { color:#be123c; font:600 12px var(--tsp-ff, Inter, sans-serif); margin:2px 0 8px; } #admin-settings-modal .rf-pv { position:sticky; top:8px; } #admin-settings-modal .rf-pvh { font:800 10.5px var(--tsp-ff, Inter, sans-serif); letter-spacing:.07em; color:#64748b; text-transform:uppercase; margin-bottom:6px; display:flex; justify-content:space-between; } #admin-settings-modal .rf-phone { border:7px solid #0f172a; border-radius:24px; background:#f7f8fa; height:560px; overflow:auto; font-family:Geist, Inter, sans-serif; } #admin-settings-modal .rf-phone .t { background:#fff; color:#111827; padding:14px 12px 12px; border-bottom:1px solid #eceef2; } #admin-settings-modal .rf-phone .t b { display:block; font-size:15px; font-weight:700; } #admin-settings-modal .rf-phone .t span { font-size:11px; color:#6b7280; } #admin-settings-modal .rf-phone .c { background:#fff; margin:8px; border-radius:12px; padding:10px; border:1px solid #eceef2; } #admin-settings-modal .rf-phone .l { font-size:11.5px; font-weight:700; color:#111827; margin-bottom:8px; } #admin-settings-modal .rf-phone .g { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; } #admin-settings-modal .rf-phone .ty { border:1px solid #e6e8ee; border-radius:9px; padding:6px 4px; text-align:center; font-size:10px; font-weight:600; color:#374151; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .rf-phone .ty i { display:grid; place-items:center; height:26px; color:#6b7280; margin-bottom:2px; } #admin-settings-modal .rf-phone .ty i.ph { background:#fff center/contain no-repeat; } #admin-settings-modal .rf-phone .ty i svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; } #admin-settings-modal .rf-phone .ty.on { border-color:#4f46e5; background:#f5f5ff; box-shadow:0 0 0 1px #4f46e5; } #admin-settings-modal .rf-phone .ty.on i { color:#4f46e5; } #admin-settings-modal .rf-phone .q { font-size:11px; font-weight:600; margin:8px 0 5px; color:#374151; } #admin-settings-modal .rf-phone .ch { display:inline-block; border:1px solid #e6e8ee; border-radius:8px; padding:4px 8px; font-size:10.5px; font-weight:600; color:#111827; margin:0 4px 4px 0; white-space:nowrap; } #admin-settings-modal .rf-phone .in { border:1px solid #e6e8ee; border-radius:8px; height:26px; background:#fff; margin-bottom:5px; font-size:10px; color:#a3a9b5; padding:5px 8px; white-space:nowrap; overflow:hidden; } #admin-settings-modal .rf-phone .bt { margin:8px; border-radius:10px; background:#4f46e5; color:#fff; text-align:center; font-size:12px; font-weight:700; padding:10px; } #admin-settings-modal .rf-txt { width:100%; } @container ssmain (max-width: 900px) { #admin-settings-modal .rf-wrap { grid-template-columns:1fr; } #admin-settings-modal .rf-pv { position:static; } } html body #admin-settings-modal .ctx-man { flex:none; font-size:10.5px; font-weight:800; letter-spacing:.04em; color:#475569; background:#f1f5f9; border:1px solid #e2e8f0; border-radius:999px; padding:2px 8px; white-space:nowrap; } #admin-settings-modal .ctx-mode { display:grid; grid-template-columns:1fr 1fr; gap:10px; } #admin-settings-modal .ctx-r { display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border:1px solid #e2e8f0; border-radius:10px; background:#fff; cursor:pointer; text-align:left; font:inherit; } #admin-settings-modal .ctx-r.on { border-color:#2f6fd6; box-shadow:0 0 0 3px rgba(47,111,214,.12); } #admin-settings-modal .ctx-r i { width:16px; height:16px; border-radius:50%; border:2px solid #94a3b8; flex:0 0 auto; margin-top:2px; box-sizing:border-box; } #admin-settings-modal .ctx-r.on i { border:5px solid #2f6fd6; } #admin-settings-modal .ctx-r b { display:block; font:700 13px var(--tsp-ff, Inter, sans-serif); color:#1e293b; } #admin-settings-modal .ctx-r small { display:block; font:500 12px/1.4 var(--tsp-ff, Inter, sans-serif); color:#64748b; margin-top:2px; } #admin-settings-modal .ctx-r em { font-style:normal; color:#b45309; font-weight:700; } #admin-settings-modal .ctx-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; } #admin-settings-modal .ctx-tags button { font:600 11.5px var(--tsp-ff, Inter, sans-serif); color:#1f6fd6; background:#eef4fd; border:0; border-radius:6px; padding:4px 8px; cursor:pointer; } #admin-settings-modal .ctx-tags button:hover { background:#dbe8fb; } #admin-settings-modal .ctx-tags.ctx-code button { display:inline-flex; align-items:baseline; gap:5px; padding:5px 9px; } #admin-settings-modal .ctx-tags.ctx-code button b { font-weight:800; font-family:ui-monospace,Menlo,Consolas,monospace; color:#1f6fd6; } #admin-settings-modal .ctx-tags.ctx-code button i { font-style:normal; font-weight:600; color:#64748b; font-size:11px; } #admin-settings-modal .ss-sqs { display:flex; flex-wrap:wrap; gap:6px; } #admin-settings-modal .ss-sq { display:inline-flex; align-items:center; justify-content:space-between; gap:8px; width:168px; height:36px; padding:0 10px; border:1px solid #dfe5ec; border-radius:6px; background:#fff; font:700 12.5px var(--tsp-ff, Inter, sans-serif); color:#0f172a; white-space:nowrap; } #admin-settings-modal .ss-sq .t { overflow:hidden; text-overflow:ellipsis; display:inline-flex; align-items:center; gap:5px; } #admin-settings-modal .ss-sq .t svg { width:12px; height:12px; fill:#64748b; flex:0 0 auto; } #admin-settings-modal .ss-sq .n { font:700 11px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; flex:0 0 auto; } #admin-settings-modal .ss-sq.core { background:#f8fafc; } #admin-settings-modal .ss-ledit .ss-chips { gap:6px; } #admin-settings-modal .ss-ledit .ss-chip { width:168px; height:36px; border-radius:6px; justify-content:space-between; padding:0 6px 0 2px; border-color:#93c5fd; background:#f8fbff; } #admin-settings-modal .ss-ledit .ss-chip.new { border-color:#2563eb; box-shadow:0 0 0 2px #dbeafe; background:#fff; } #admin-settings-modal .ss-ledit .ss-chip .lbl { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #admin-settings-modal .ss-ledit .ss-chip button { width:20px; height:20px; border-radius:4px; background:#fee2e2; color:#dc2626; } #admin-settings-modal .ss-ledit .ss-chip button svg { width:12px; height:12px; } #admin-settings-modal .ss-ledit .ss-chip.core { width:168px; } #admin-settings-modal .ss-ledit .ss-chip.editing { padding:0 4px; } #admin-settings-modal .ss-ledit .ss-chip.editing input { width:100% !important; } #admin-settings-modal.ss-solo .ss-navcol, #admin-settings-modal.ss-solo .ss-sbtn, #admin-settings-modal.ss-solo .ss-refresh, #admin-settings-modal.ss-solo .ss-hicon { display:none !important; } #admin-settings-modal .ss-kpi-top { display:flex; align-items:center; gap:8px; margin-bottom:12px; } @container ssmain (max-width: 700px) { #admin-settings-modal .ss-kpi-top { flex-wrap:wrap; } #admin-settings-modal .ss-kpi-top > .ss-kw-tabs { max-width:100%; overflow-x:auto; scrollbar-width:none; flex:none; } #admin-settings-modal .ss-kpi-top > .ss-kw-tabs::-webkit-scrollbar { display:none; } #admin-settings-modal .ss-kpi-top > .ss-kw-tabs > * { flex:none; } } #admin-settings-modal .ss-kpi-top .ss-btn.on { background:#1e2a44; color:#fff; border-color:#1e2a44; } #admin-settings-modal .ss-kpi-solo .ss-kps { grid-template-columns:repeat(4, minmax(0,1fr)); } #admin-settings-modal .ss-kpt { width:100%; border-collapse:collapse; background:#fff; border:1px solid #e5e9f0; border-radius:12px; overflow:hidden; margin:14px 0; } #admin-settings-modal .ss-kpt th { font:800 10.5px var(--tsp-ff, Inter, sans-serif); letter-spacing:.06em; text-transform:uppercase; color:#475569; text-align:left; padding:9px 12px; border-bottom:1px solid #e5e9f0; background:#f8fafc; } #admin-settings-modal .ss-kpt td { font:500 13px var(--tsp-ff, Inter, sans-serif); color:#1e293b; padding:9px 12px; border-bottom:1px solid #f1f5f9; } #admin-settings-modal .ss-kpt th.r, #admin-settings-modal .ss-kpt td.r { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-kpt .r { text-align:right; } #admin-settings-modal .ss-kpt .b { font-weight:800; } @container ssmain (max-width:760px) { #admin-settings-modal .ss-kpi-solo .ss-kps { grid-template-columns:1fr 1fr; } } #admin-settings-modal .ctx-tags { align-items:center; } #admin-settings-modal .ctx-lb { font:800 10px var(--tsp-ff, Inter, sans-serif); letter-spacing:.08em; text-transform:uppercase; color:#94a3b8; width:46px; flex:0 0 auto; } #admin-settings-modal .ctx-tags.ctx-ic button { font-size:17px; line-height:1; width:34px; height:30px; padding:0; background:#f1f5f9; display:inline-flex; align-items:center; justify-content:center; } #admin-settings-modal .ctx-tags.ctx-ic button:hover { background:#e2e8f0; } #admin-settings-modal .ctx-row { border:1px solid #e6eaef; border-radius:10px; padding:10px 12px; margin-bottom:8px; background:#fff; } #admin-settings-modal .ctx-row.dim .ctx-ta { opacity:.55; } #admin-settings-modal .ctx-top { display:flex; align-items:center; gap:10px; margin-bottom:8px; } #admin-settings-modal .ctx-top .ss-tog { margin:0; flex:0 0 auto; } #admin-settings-modal .ctx-dot { width:9px; height:9px; border-radius:50%; flex:0 0 auto; } #admin-settings-modal .ctx-top b { font:700 13px var(--tsp-ff, Inter, sans-serif); color:#1e293b; } #admin-settings-modal .ctx-top .grow { flex:1; } #admin-settings-modal .ctx-len { font:500 11px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; white-space:nowrap; } #admin-settings-modal .ctx-ta { height:auto !important; width:100%; min-height:52px; resize:vertical; font:500 13px/1.45 var(--tsp-ff, Inter, sans-serif) !important; padding:8px 10px !important; box-sizing:border-box; white-space:pre-wrap; } #admin-settings-modal .ctx-ta.bad { border-color:#dc2626 !important; } #admin-settings-modal .ctx-err { font:600 12px var(--tsp-ff, Inter, sans-serif); color:#dc2626; margin-top:4px; } #admin-settings-modal .ctx-prev { margin-top:10px; padding:10px 12px; border-radius:10px; background:#f1f5f9; font:500 12.5px/1.45 var(--tsp-ff, Inter, sans-serif); color:#334155; } #admin-settings-modal .ctx-prev { position:sticky; bottom:8px; z-index:3; box-shadow:0 6px 18px rgba(15,23,42,.14); border:1px solid #dbe3ec; background:#f8fafc; } #admin-settings-modal .ctx-row.sel { border-color:#334155; box-shadow:0 0 0 1px #334155; } #admin-settings-modal .ctx-row:not(.open) .ctx-ta, #admin-settings-modal .ctx-row:not(.open) .ctx-err { display:none; } #admin-settings-modal .ctx-row:not(.open) .ctx-tools { display:none; } #admin-settings-modal .ctx-tools { margin-top:8px; padding-top:8px; border-top:1px dashed #e6eaef; } #admin-settings-modal .ctx-tools .ctx-tags { margin-bottom:6px; gap:4px; } #admin-settings-modal .ctx-tools .ctx-tags button { padding:3px 7px; font-size:11px; } #admin-settings-modal .ctx-tools .ctx-tags.ctx-code button i { font-size:10.5px; } #admin-settings-modal .ctx-row:not(.open) .ctx-top { margin-bottom:0; } #admin-settings-modal .ctx-top { cursor:pointer; user-select:none; } #admin-settings-modal .ctx-chev { width:20px; height:20px; fill:#64748b; flex:0 0 auto; transition:transform .15s; } #admin-settings-modal .ctx-row.open .ctx-chev { transform:rotate(180deg); } #admin-settings-modal .ctx-prev b { color:#0f172a; } #admin-settings-modal .ctx-wrap { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:18px; align-items:start; } #admin-settings-modal .ctx-pv { position:sticky; top:8px; } #admin-settings-modal .ctx-phone { height:540px; border-radius:34px; display:flex; flex-direction:column; overflow:hidden; font-family:-apple-system, 'SF Pro Text', Inter, sans-serif; } #admin-settings-modal .ctx-phone .cp-top { flex:none; display:flex; align-items:center; gap:10px; padding:26px 14px 10px; } #admin-settings-modal .ctx-phone .cp-top i { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font:800 12px Inter, sans-serif; font-style:normal; flex:none; } #admin-settings-modal .ctx-phone .cp-top span { min-width:0; } #admin-settings-modal .ctx-phone .cp-top b { display:block; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ctx-phone .cp-top small { display:block; font-size:11px; opacity:.65; } #admin-settings-modal .ctx-phone .cp-body { flex:1; overflow:auto; padding:10px 12px 12px; } #admin-settings-modal .ctx-phone .cp-day { text-align:center; font-size:10.5px; font-weight:600; opacity:.55; margin:4px 0 10px; } #admin-settings-modal .ctx-phone .cp-msg { max-width:86%; padding:9px 12px; border-radius:18px 18px 18px 5px; font-size:13px; line-height:1.42; word-wrap:break-word; } #admin-settings-modal .ctx-phone .cp-off { text-align:center; font-size:12.5px; opacity:.6; margin-top:40px; } #admin-settings-modal .ctx-phone .cp-in { flex:none; display:flex; align-items:center; gap:8px; margin:8px 10px 16px; padding:0 6px 0 14px; height:36px; border-radius:18px; font-size:12.5px; } #admin-settings-modal .ctx-phone .cp-in span { flex:1; opacity:.5; } #admin-settings-modal .ctx-phone .cp-in i { width:26px; height:26px; border-radius:50%; } #admin-settings-modal .ctx-phone.cp-b { background:#f6f8fc; border:8px solid #1e2a44; box-shadow:0 14px 34px rgba(30,42,68,.22); color:#1f1f1f; border-radius:28px; } #admin-settings-modal .cp-b .cp-top { background:#fff; border-bottom:1px solid #e6eaf2; } #admin-settings-modal .cp-b .cp-top i { background:#1e2a44; color:#fff; } #admin-settings-modal .cp-b .cp-msg { background:#fff; color:#1f1f1f; border:1px solid #e3e8f0; box-shadow:0 1px 2px rgba(15,23,42,.06); border-radius:20px 20px 20px 6px; } #admin-settings-modal .cp-b .cp-in { background:#e9eef6; } #admin-settings-modal .cp-b .cp-in i { background:#1e2a44; } @container ssmain (max-width: 900px) { #admin-settings-modal .ctx-wrap { grid-template-columns:1fr; } #admin-settings-modal .ctx-pv { position:static; } #admin-settings-modal .ctx-phone { height:420px; max-width:320px; margin:0 auto; } } @container ssmain (max-width:600px) { #admin-settings-modal .ctx-mode { grid-template-columns:1fr; } } #admin-settings-modal .ss-tog { position:relative; width:38px; height:22px; border-radius:11px; border:none; background:#c3ccd7; cursor:pointer; padding:0; margin-top:4px; transition:background .15s; } #admin-settings-modal .ss-tog::after { content:''; position:absolute; left:3px; top:3px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.25); transition:left .15s; } #admin-settings-modal .ss-tog.on { background:var(--ok); } #admin-settings-modal .ss-tog.on::after { left:19px; } #admin-settings-modal .ss-tog:disabled { opacity:.5; cursor:not-allowed; } #admin-settings-modal .ss-users { grid-template-columns:1fr 1.15fr 108px 56px 1.25fr 46px 30px; } #admin-settings-modal .ss-mt { grid-template-columns:1.1fr 120px 2fr 30px; } #admin-settings-modal .ss-svc { grid-template-columns:22px 140px 1.2fr 1.4fr 96px 30px 30px; } #admin-settings-modal .ss-catb { display:flex; align-items:center; gap:7px; text-align:left; cursor:pointer; white-space:nowrap; } #admin-settings-modal .ss-catb > span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-catb > svg { flex:0 0 auto; width:14px; height:14px; color:var(--mu); } #admin-settings-modal .ss-catb.open { border-color:var(--acc); box-shadow:0 0 0 3px rgba(37,99,235,.15); } #admin-settings-modal .ss-cdot { display:inline-block; width:8px; height:8px; border-radius:50%; flex:0 0 auto; } #admin-settings-modal .ss-catpop { position:fixed; z-index:90010; background:var(--in); border:1px solid var(--line2); border-radius:12px; box-shadow:0 12px 32px rgba(15,23,42,.18); padding:6px; min-width:250px; max-width:320px; } #admin-settings-modal .ss-catpop .ss-in { height:32px; } #admin-settings-modal .ss-catpop .lst { max-height:240px; overflow-y:auto; margin-top:6px; } #admin-settings-modal .ss-catpop .it { width:100%; display:flex; align-items:center; gap:9px; padding:8px 10px; border:none; border-radius:8px; background:transparent; color:var(--tx); font-size:13px; font-weight:600; text-align:left; cursor:pointer; white-space:nowrap; } #admin-settings-modal .ss-catpop .it:hover, #admin-settings-modal .ss-catpop .it:focus-visible { background:var(--panel); outline:none; } #admin-settings-modal .ss-catpop .it.on { background:#eef2ff; color:#3730a3; font-weight:800; } #admin-settings-modal .ss-catpop .it .ck { margin-left:auto; color:#4f46e5; } #admin-settings-modal .ss-catpop .none { padding:8px 10px; font-size:12px; color:var(--mu); } #admin-settings-modal .ss-catpop .sep { height:1px; background:var(--line2); margin:6px 4px; } #admin-settings-modal .ss-catpop .add { display:flex; gap:6px; align-items:center; padding:2px 2px 2px; } #admin-settings-modal .ss-catpop .add .ss-in { flex:1; } #admin-settings-modal .ss-catpop .add button { flex:0 0 auto; border:none; background:transparent; color:#4f46e5; font-weight:800; font-size:13px; padding:0 8px; cursor:pointer; } #admin-settings-modal .ss-catpop .add button:disabled { color:var(--mu); cursor:default; } #admin-settings-modal .ss-catpop .msg { font-size:11px; color:var(--err); padding:3px 4px 0; } #admin-settings-modal .ss-ct { grid-template-columns:var(--ct-cols, minmax(150px,340px) 168px 30px); justify-content:start; } #admin-settings-modal .ss-ctwrap { overflow-x:auto; margin:0 -2px; padding:0 2px; } #admin-settings-modal .ss-ct .ss-in.tel { font-variant-numeric:tabular-nums; font-feature-settings:'calt' 0; } #admin-settings-modal .ss-rowwarn { grid-column:1 / -1; font-size:11px; font-weight:700; color:#b45309; padding:0 6px; display:none; } #admin-settings-modal .ss-rowwarn.show { display:block; } #admin-settings-modal .ss-in.warn { border-color:#f59e0b; background:#fffbeb; } #admin-settings-modal .ss-form { display:grid; grid-template-columns:1fr 1fr; gap:16px 16px; align-items:start; } #admin-settings-modal .ss-nwarn { margin-left:auto; flex:0 0 auto; width:18px; height:18px; border-radius:9px; background:#f59e0b; color:#fff; font-size:11px; font-weight:900; display:inline-flex; align-items:center; justify-content:center; } #admin-settings-modal .ss-issues { display:flex; gap:10px; align-items:flex-start; margin:0 0 14px; padding:10px 14px; border:1px solid #fcd34d; background:#fffbeb; border-radius:12px; font-size:12.5px; color:#78350f; } #admin-settings-modal .ss-issues .ic { flex:0 0 auto; width:22px; height:22px; border-radius:11px; background:#f59e0b; color:#fff; font-weight:900; display:flex; align-items:center; justify-content:center; } #admin-settings-modal .ss-issues .it { margin-top:3px; line-height:1.45; } #admin-settings-modal .ss-issues .ss-link { margin-top:6px; padding:0; } #admin-settings-modal .ss-issue { border-color:#f59e0b !important; box-shadow:0 0 0 3px rgba(245,158,11,.18) !important; } #admin-settings-modal .ss-imark { position:absolute; top:-6px; right:-6px; left:auto; z-index:2; width:17px; height:17px; border-radius:9px; background:#f59e0b; color:#fff; font-size:11px; font-weight:900; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 2px #fff; cursor:help; } #admin-settings-modal .ss-rn-box { margin:8px 0 4px; padding:8px 10px; background:#f8fafc; border:1px solid var(--line2); border-radius:10px; } #admin-settings-modal .ss-rn { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:4px 0; } #admin-settings-modal .ss-rn .mu { color:#94a3b8; font-size:11.5px; } #admin-settings-modal .ss-rn .ar { color:#64748b; font-weight:800; } #admin-settings-modal .ss-rn .ss-sel { width:auto; height:30px; min-width:160px; } #admin-settings-modal .ss-kwgrp { margin:6px 0 2px; } #admin-settings-modal .ss-kwg { display:inline-flex; align-items:center; gap:6px; height:28px; margin:0 6px 6px 0; padding:0 10px; border:1px solid #fcd34d; background:#fffbeb; border-radius:14px; cursor:pointer; font-size:12px; color:#78350f; } #admin-settings-modal .ss-kwg b { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; } #admin-settings-modal .ss-kwg span { font-weight:800; color:#b45309; } #admin-settings-modal .ss-kwg i { font-style:normal; color:#92400e; font-size:11px; } #admin-settings-modal .ss-kwg:hover { background:#fef3c7; } #admin-settings-modal .ss-ignc { width:1%; white-space:nowrap; } #admin-settings-modal .ss-ignb { border:1px solid #cbd5e1; background:#fff; color:#475569; border-radius:6px; font-size:11px; padding:2px 8px; cursor:pointer; } #admin-settings-modal .ss-ignb:hover { background:#fee2e2; border-color:#fca5a5; color:#b91c1c; } #admin-settings-modal .ss-bk-st { display:flex; flex-wrap:wrap; gap:8px; align-items:center; } #admin-settings-modal .ss-bk-row { display:flex; gap:8px; align-items:center; margin:12px 0 4px; font-weight:600; cursor:pointer; } #admin-settings-modal .pm-tb { border:1px solid #e9edf3; border-radius:14px; overflow:hidden; overflow-x:auto; background:#fff; } #admin-settings-modal .pm-r { display:grid; align-items:center; padding:11px 16px; border-top:1px solid #f1f5f9; min-width:max-content; } #admin-settings-modal .pm-h { border-top:0; background:#f8fafc; padding:12px 16px; } #admin-settings-modal .pm-div { background:#f8fafc; padding:9px 16px; border-top:1px solid #e9edf3; } #admin-settings-modal .pm-l { font:800 10.5px var(--tsp-ff, Inter, sans-serif); letter-spacing:.1em; color:#94a3b8; text-transform:uppercase; } #admin-settings-modal .pm-t { display:flex; flex-direction:column; align-items:center; gap:5px; } #admin-settings-modal .pm-t i { width:30px; height:30px; border-radius:50%; color:#fff; font:800 11px var(--tsp-ff, Inter, sans-serif); font-style:normal; display:flex; align-items:center; justify-content:center; } #admin-settings-modal .pm-t b { font:700 12.5px var(--tsp-ff, Inter, sans-serif); color:#0f172a; white-space:nowrap; max-width:90px; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .pm-f b { display:block; font:700 14px var(--tsp-ff, Inter, sans-serif); color:#0f172a; white-space:nowrap; } #admin-settings-modal .pm-f small { display:block; font:500 12px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; margin-top:1px; white-space:nowrap; } #admin-settings-modal .pm-c { display:flex; justify-content:center; } #admin-settings-modal .pm-c em { display:inline-flex; align-items:center; gap:5px; font:700 11.5px var(--tsp-ff, Inter, sans-serif); font-style:normal; color:#94a3b8; white-space:nowrap; } #admin-settings-modal .pm-g { padding:8px 16px; background:#f8fafc; border-top:1px solid #f1f5f9; font:800 10.5px var(--tsp-ff, Inter, sans-serif); letter-spacing:.1em; color:#94a3b8; text-transform:uppercase; } #admin-settings-modal .pm-sw { position:relative; width:40px; height:23px; border:0; border-radius:12px; background:#e2e8f0; cursor:pointer; padding:0; transition:background .15s; } #admin-settings-modal .pm-sw i { position:absolute; left:3px; top:3px; width:17px; height:17px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); transition:left .15s; } #admin-settings-modal .pm-sw.on { background:#2563eb; } #admin-settings-modal .pm-sw.on i { left:20px; } #admin-settings-modal .ss-ma { display:flex; flex-direction:column; gap:2px; max-width:520px; } #admin-settings-modal .ss-ma-row { margin:0; padding:10px 12px; border:1px solid var(--line2); border-radius:10px; align-items:flex-start; background:#fff; } #admin-settings-modal .ss-ma-row input { margin-top:3px; } #admin-settings-modal .ss-ma-row span { display:flex; flex-direction:column; gap:2px; } #admin-settings-modal .ss-ma-row small { font-weight:500; color:var(--mu); font-size:12px; } #admin-settings-modal .ss-ma-row.lock { opacity:.6; cursor:default; } #admin-settings-modal .ss-bk-f { margin-top:10px; } #admin-settings-modal .ss-doc-chips { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; } #admin-settings-modal .ss-doc-chip { display:inline-flex; align-items:center; gap:5px; height:26px; padding:0 10px; border-radius:13px; border:1px solid var(--line2); background:#fff; color:var(--tx2); font-size:11.5px; font-weight:700; cursor:pointer; } #admin-settings-modal span.ss-doc-chip { cursor:default; } #admin-settings-modal .ss-doc-chip.on { box-shadow:0 0 0 2px var(--acc); } #admin-settings-modal .ss-doc-bar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:10px; } #admin-settings-modal .ss-doc-list { display:flex; flex-direction:column; gap:8px; } #admin-settings-modal .ss-doc { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:flex-start; padding:10px 12px; border:1px solid var(--line2); border-left:5px solid #cbd5e1; border-radius:10px; background:#fff; } #admin-settings-modal .ss-doc-main { flex:1 1 260px; min-width:0; } #admin-settings-modal .ss-doc-top { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:4px; } #admin-settings-modal .ss-doc-name { display:inline; font-weight:800; font-size:13px; color:var(--tx); text-decoration:none; word-break:break-word; } #admin-settings-modal .ss-doc-name:hover { text-decoration:underline; } #admin-settings-modal .ss-doc-cov { flex:1 1 100%; min-width:0; display:flex; flex-direction:column; gap:10px; margin-top:2px; } #admin-settings-modal .dc-l { display:block; font-size:10px; font-weight:800; color:#94a3b8; text-transform:uppercase; letter-spacing:.05em; } #admin-settings-modal .dc-cp { width:26px; height:26px; flex:0 0 auto; border:0; border-radius:7px; background:transparent; color:#64748b; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; padding:0; } #admin-settings-modal .dc-cp:hover { background:#eef2f7; color:#0f172a; } #admin-settings-modal .dc-cp svg, #admin-settings-modal .ss-doc-btns .ss-btn svg { width:14px; height:14px; fill:currentColor; } #admin-settings-modal .dc-ag { border:1px solid #e6eaf0; border-radius:12px; padding:10px 12px; background:#f8fafc; } #admin-settings-modal .dc-agh { display:flex; align-items:center; justify-content:space-between; } #admin-settings-modal .dc-agn { font-weight:800; font-size:14px; color:var(--tx); } #admin-settings-modal .dc-agl { display:flex; flex-wrap:wrap; gap:3px 16px; margin-top:3px; font-size:12.5px; color:#475569; } #admin-settings-modal .dc-agl b { color:var(--tx); } #admin-settings-modal .dc-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)); gap:10px; } #admin-settings-modal .dc-c { border:1px solid #e6eaf0; border-radius:12px; padding:11px 12px 10px; background:#fbfcfd; display:flex; flex-direction:column; gap:7px; min-width:0; } #admin-settings-modal .dc-h { display:flex; align-items:center; gap:8px; } #admin-settings-modal .dc-k { font-weight:800; font-size:13.5px; color:var(--tx); flex:1 1 auto; min-width:0; } #admin-settings-modal .dc-dot { width:9px; height:9px; border-radius:50%; flex:0 0 auto; background:#94a3b8; } #admin-settings-modal .dc-dot.lv-x { background:#7f1d1d; } #admin-settings-modal .dc-dot.lv-r { background:#dc2626; } #admin-settings-modal .dc-dot.lv-o { background:#ea580c; } #admin-settings-modal .dc-dot.lv-y { background:#eab308; } #admin-settings-modal .dc-dot.lv-g { background:#16a34a; } #admin-settings-modal .dc-f { font-size:12.5px; } #admin-settings-modal .dc-v { font-weight:600; color:var(--tx); word-break:break-word; } #admin-settings-modal .dc-pn { display:flex; align-items:flex-end; justify-content:space-between; gap:6px; } #admin-settings-modal .dc-pn .dc-v { font-variant-numeric:tabular-nums; letter-spacing:.02em; } #admin-settings-modal .dc-tags { display:flex; flex-wrap:wrap; gap:4px; } #admin-settings-modal .dc-tags span { font-size:10.5px; font-weight:700; padding:2px 7px; border-radius:8px; background:#eef2ff; color:#3730a3; } #admin-settings-modal .dc-tags .dc-dt { background:#f1f5f9; color:#475569; } #admin-settings-modal .dc-lm { border-top:1px solid #eef1f5; padding-top:6px; display:flex; flex-direction:column; gap:3px; } #admin-settings-modal .dc-lm div { display:flex; justify-content:space-between; gap:10px; font-size:12px; color:#475569; } #admin-settings-modal .dc-lm b { color:var(--tx); font-variant-numeric:tabular-nums; white-space:nowrap; } #admin-settings-modal .dc-pd { margin-top:auto; border-top:1px dashed #e2e8f0; padding-top:7px; display:flex; align-items:flex-end; justify-content:space-between; gap:8px; font-size:12.5px; } #admin-settings-modal .dc-days { font-size:11px; font-weight:800; padding:2px 8px; border-radius:10px; white-space:nowrap; background:#eef1f4; color:#475569; } #admin-settings-modal .dc-days.lv-g { background:#dcfce7; color:#166534; } #admin-settings-modal .dc-days.lv-y { background:#fef9c3; color:#854d0e; } #admin-settings-modal .dc-days.lv-o { background:#ffedd5; color:#c2410c; } #admin-settings-modal .dc-days.lv-r { background:#fee2e2; color:#b91c1c; } #admin-settings-modal .dc-days.lv-x { background:#7f1d1d; color:#fff; } #admin-settings-modal .dc-ft { font-size:12px; color:#475569; display:flex; flex-direction:column; gap:3px; } #admin-settings-modal .dc-ft .dc-l { display:inline; margin-right:6px; } #admin-settings-modal .ss-doc-pl { margin-top:6px; display:flex; flex-direction:column; gap:3px; } #admin-settings-modal .ss-doc-pl .pl-r { display:grid; grid-template-columns:10px minmax(150px,auto) auto 1fr; align-items:center; column-gap:8px; font-size:12px; color:var(--tx2); } #admin-settings-modal .ss-doc-pl .pl-dot { width:8px; height:8px; border-radius:50%; background:#94a3b8; } #admin-settings-modal .ss-doc-pl .pl-dot.lv-x { background:#7f1d1d; } #admin-settings-modal .ss-doc-pl .pl-dot.lv-r { background:#dc2626; } #admin-settings-modal .ss-doc-pl .pl-dot.lv-o { background:#ea580c; } #admin-settings-modal .ss-doc-pl .pl-dot.lv-y { background:#eab308; } #admin-settings-modal .ss-doc-pl .pl-dot.lv-g { background:#16a34a; } #admin-settings-modal .ss-doc-pl .pl-k { font-weight:700; color:var(--tx); } #admin-settings-modal .ss-doc-pl .pl-n { color:var(--mu); font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } @container ssmain (max-width: 640px) { #admin-settings-modal .ss-doc-pl .pl-r { grid-template-columns:10px 1fr; } #admin-settings-modal .ss-doc-pl .pl-x, #admin-settings-modal .ss-doc-pl .pl-n { grid-column:2; } } #admin-settings-modal .ss-doc-sub { font-size:12px; margin-top:2px; } #admin-settings-modal .ss-doc-exp.muted { color:var(--mu); } #admin-settings-modal .ss-doc-btns { display:flex; flex-wrap:wrap; gap:6px; align-items:center; } #admin-settings-modal .ss-doc-btns .ss-doc-del { color:#be123c; border-color:#fecdd3; } #admin-settings-modal .ss-doc-btns .ss-doc-del:hover { background:#fff1f2; } #admin-settings-modal .ss-doc-edit { flex:1 1 100%; display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding-top:8px; border-top:1px dashed var(--line2); font-size:12px; font-weight:700; } #admin-settings-modal .ss-doc-edit label { display:flex; gap:6px; align-items:center; } #admin-settings-modal .ss-doc-edit .ss-in { width:auto; min-width:150px; } #admin-settings-modal .ss-doc-lv { display:inline-flex; align-items:center; height:22px; padding:0 9px; border-radius:11px; font-size:10.5px; font-weight:800; white-space:nowrap; } #admin-settings-modal .lv-x.ss-doc { border-left-color:#7f1d1d; background:#fef2f2; } #admin-settings-modal .ss-doc-lv.lv-x, #admin-settings-modal .ss-doc-chip.lv-x { background:#7f1d1d; color:#fff; border-color:#7f1d1d; } #admin-settings-modal .lv-r.ss-doc { border-left-color:#dc2626; } #admin-settings-modal .ss-doc-lv.lv-r, #admin-settings-modal .ss-doc-chip.lv-r { background:#fee2e2; color:#b91c1c; border-color:#fca5a5; } #admin-settings-modal .lv-o.ss-doc { border-left-color:#ea580c; } #admin-settings-modal .ss-doc-lv.lv-o, #admin-settings-modal .ss-doc-chip.lv-o { background:#ffedd5; color:#c2410c; border-color:#fdba74; } #admin-settings-modal .lv-y.ss-doc { border-left-color:#eab308; } #admin-settings-modal .ss-doc-lv.lv-y, #admin-settings-modal .ss-doc-chip.lv-y { background:#fef9c3; color:#854d0e; border-color:#fde047; } #admin-settings-modal .lv-g.ss-doc { border-left-color:#16a34a; } #admin-settings-modal .ss-doc-lv.lv-g, #admin-settings-modal .ss-doc-chip.lv-g { background:#dcfce7; color:#166534; border-color:#86efac; } #admin-settings-modal .lv-n.ss-doc { border-left-color:#94a3b8; } #admin-settings-modal .ss-doc-lv.lv-n, #admin-settings-modal .ss-doc-chip.lv-n { background:#eef1f4; color:#475569; } #admin-settings-modal .lv-u.ss-doc { border-left-color:#cbd5e1; } #admin-settings-modal .ss-doc-lv.lv-u, #admin-settings-modal .ss-doc-chip.lv-u { background:#f1f5f9; color:#64748b; border-style:dashed; } #admin-settings-modal .ss-ai-box { margin:8px 0 4px; padding:10px 12px; border:1px solid #c7d2fe; background:#eef2ff; border-radius:10px; font-size:12.5px; color:#312e81; } #admin-settings-modal .ss-ai-box .hd { display:flex; flex-wrap:wrap; gap:8px; align-items:baseline; margin-bottom:6px; } #admin-settings-modal .ss-ai-wrap { max-height:420px; overflow:auto; background:#fff; border-radius:8px; border:1px solid #e0e7ff; } #admin-settings-modal .ss-ai-t th { position:sticky; top:0; background:#f8fafc; z-index:1; } #admin-settings-modal .ss-ai-t td .ss-in, #admin-settings-modal .ss-ai-t td .ss-sel { height:28px; min-width:120px; font-size:12px; text-transform:uppercase; } #admin-settings-modal .ss-ai-t tr.low td { background:#fffbeb; } #admin-settings-modal .ss-ai-t tr.saving td { opacity:.4; pointer-events:none; } #admin-settings-modal .ss-ai-t .kn { color:#64748b; background:#f8fafc; } #admin-settings-modal .ss-ai-t .mu { color:#94a3b8; font-size:11px; } #admin-settings-modal .ss-ai-box .ft { margin-top:8px; } #admin-settings-modal .ss-spin { display:inline-block; width:12px; height:12px; border:2px solid #a5b4fc; border-top-color:#4338ca; border-radius:50%; animation:ssSpin .8s linear infinite; vertical-align:-2px; } @keyframes ssSpin { to { transform:rotate(360deg); } } #admin-settings-modal details.ss-kwgrp summary { cursor:pointer; margin:6px 0 2px; color:#64748b; font-weight:700; } #admin-settings-modal .ss-ll-kpi { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:12px; } #admin-settings-modal .ss-ll-kpi .k { border:1px solid var(--line2); border-radius:12px; background:#fff; padding:10px 12px; } #admin-settings-modal .ss-ll-kpi .k small { display:block; font-size:10.5px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; color:#64748b; } #admin-settings-modal .ss-ll-kpi .k b { font-size:20px; font-weight:800; color:#0f172a; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-ll-kpi .k.bad { border-color:#fecaca; background:#fef2f2; } #admin-settings-modal .ss-ll-kpi .k.bad b { color:#b91c1c; } #admin-settings-modal .ss-ll-bar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:8px; } #admin-settings-modal .ss-ll-bar .ss-in { flex:1 1 180px; height:32px; max-width:320px; } #admin-settings-modal .ss-ll-t { width:100%; border-collapse:collapse; font-size:12px; } #admin-settings-modal .ss-ll-t th { text-align:left; font-size:10.5px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; color:#64748b; padding:6px 8px; border-bottom:1px solid var(--line); white-space:nowrap; } #admin-settings-modal .ss-ll-t td { padding:7px 8px; border-bottom:1px solid #f1f4f8; vertical-align:middle; color:#1e293b; } #admin-settings-modal .ss-ll-t tr.sus td { background:#fff7f7; } #admin-settings-modal .ss-ll-t .ip { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11.5px; } #admin-settings-modal .ss-ll-t .mu { color:#94a3b8; font-size:11px; } #admin-settings-modal .ss-pill.red { background:#fee2e2; color:#b91c1c; } #admin-settings-modal .ss-ll-trust { border:1px solid var(--line2); background:#fff; border-radius:12px; height:24px; padding:0 9px; font-size:11px; font-weight:700; cursor:pointer; color:#334155; } #admin-settings-modal .ss-ll-wrap { overflow-x:auto; } #admin-settings-modal .ss-ll-acts { white-space:nowrap; text-align:right; } #admin-settings-modal .ss-ll-t td.c-dev { min-width:260px; } #admin-settings-modal .ss-ll-cols { display:flex; flex-wrap:wrap; gap:6px 14px; padding:10px 12px; margin:0 0 10px; border:1px solid var(--line2); border-radius:10px; background:#f8fafc; font-size:12.5px; font-weight:600; color:#334155; } #admin-settings-modal .ss-ll-cols label { display:inline-flex; align-items:center; gap:6px; cursor:pointer; } #admin-settings-modal .ss-ll-cols input { width:15px; height:15px; accent-color:#2563eb; } #admin-settings-modal .ss-ll-t.hide-c-time .c-time { display:none; } #admin-settings-modal .ss-ll-t.hide-c-res .c-res { display:none; } #admin-settings-modal .ss-ll-t.hide-c-user .c-user { display:none; } #admin-settings-modal .ss-ll-t.hide-c-ip .c-ip { display:none; } #admin-settings-modal .ss-ll-t.hide-c-dev .c-dev { display:none; } #admin-settings-modal .ss-ll-t.hide-c-flag .c-flag { display:none; } #admin-settings-modal .ss-ll-t.hide-c-acts .c-acts { display:none; } #admin-settings-modal .ss-ll-t.hide-ll-d-os .ll-d-os { display:none; } #admin-settings-modal .ss-ll-t.hide-ll-d-id .ll-d-id { display:none; } #admin-settings-modal .ss-ll-t.hide-ll-d-hw .ll-d-hw { display:none; } #admin-settings-modal .ss-ll-acts .ss-ll-trust + .ss-ll-trust { margin-left:4px; } #admin-settings-modal .ss-ll-trust:hover { background:#f1f5f9; } #admin-settings-modal .ss-ll-trust.warn { color:#b91c1c; border-color:#fecaca; } #admin-settings-modal .ss-ll-trust.on { color:#047857; border-color:#a7f3d0; } #admin-settings-modal .ss-ll-id { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:10.5px; } #admin-settings-modal .ss-ll-name { display:flex; gap:6px; align-items:center; } #admin-settings-modal .ss-ll-name .ss-in { height:28px; max-width:200px; } #admin-settings-modal .ss-ll-blocks { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:0 0 10px; padding:8px 10px; border:1px solid #fecaca; background:#fef2f2; border-radius:10px; font-size:12px; } #admin-settings-modal .ss-ll-blocks > b { color:#b91c1c; margin-right:4px; } #admin-settings-modal .ss-ll-blocks.ok { border-color:#a7f3d0; background:#ecfdf5; } #admin-settings-modal .ss-ll-blocks.ok > b { color:#047857; } #admin-settings-modal .ss-ll-blocks.ok .ss-ll-bk { border-color:#a7f3d0; } #admin-settings-modal .ss-ll-bk { display:inline-flex; align-items:center; gap:6px; padding:2px 4px 2px 8px; border-radius:12px; background:#fff; border:1px solid #fecaca; } @container ssmain (max-width:640px) { #admin-settings-modal .ss-ll-kpi { grid-template-columns:1fr 1fr; } } #admin-settings-modal .ss-est-link { max-width:460px; margin-top:16px; } #admin-settings-modal .ss-est-form { grid-template-columns:200px auto; justify-content:start; gap:16px 24px; } #admin-settings-modal .ss-est-form #ss-est-ex { grid-template-columns:repeat(2,160px); grid-auto-rows:auto; margin-top:22px; } #admin-settings-modal .ss-est-form #ss-est-ex .ss-card { padding:8px 12px; } #admin-settings-modal .ss-est-form #ss-est-ex .ss-card .v { font-size:15px; } @container ssmain (max-width:640px) { #admin-settings-modal .ss-est-form { grid-template-columns:1fr; } #admin-settings-modal .ss-est-form #ss-est-ex { grid-template-columns:1fr 1fr; margin-top:0; } } #admin-settings-modal .ss-form .full { grid-column:1 / -1; } #admin-settings-modal .ss-f { display:grid; grid-template-rows:auto auto; row-gap:6px; min-width:0; } #admin-settings-modal .ss-f > label, #admin-settings-modal .ss-f .lbl { display:flex; align-items:center; font-size:10px; font-weight:800; color:var(--mu); text-transform:uppercase; letter-spacing:.4px; margin:0; min-height:18px; } #admin-settings-modal .ss-f > .ss-in { height:36px; font-size:12.5px; } #admin-settings-modal .ss-f .ss-adorn .ss-in { font-size:12.5px; } #admin-settings-modal .ss-f .hint { font-size:11px; color:var(--mu); font-weight:500; margin:0; line-height:1.45; } #admin-settings-modal .ss-f .hint.always { color:#4b5563; } #admin-settings-modal .ss-f .ss-hint { margin:0; } #admin-settings-modal .ss-f .msg { font-size:11px; font-weight:700; color:var(--err); margin:0; display:none; } #admin-settings-modal .ss-f .msg.show { display:block; } #admin-settings-modal .ss-f.narrow { max-width:280px; } #admin-settings-modal .ss-mtgrid { display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:560px; align-items:start; } #admin-settings-modal .ss-details { margin-top:16px; border-top:1px solid var(--line2); padding-top:12px; } #admin-settings-modal .ss-details > summary { cursor:pointer; list-style:none; font-size:12px; font-weight:800; color:var(--tx2); display:flex; align-items:center; gap:8px; } #admin-settings-modal .ss-details > summary::-webkit-details-marker { display:none; } #admin-settings-modal .ss-details > summary::before { content:'â–¸'; color:var(--mu); transition:transform .15s; } #admin-settings-modal .ss-details[open] > summary::before { transform:rotate(90deg); } #admin-settings-modal .ss-details > summary .n { font-size:10.5px; color:var(--mu); font-weight:700; } #admin-settings-modal .ss-chips { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; } #admin-settings-modal .ss-chip { display:inline-flex; align-items:center; gap:3px; height:30px; padding:0 4px 0 2px; border-radius:15px; background:#fff; border:1px solid var(--line2); font-size:12px; font-weight:700; color:var(--tx); } #admin-settings-modal .ss-chip .grip { width:18px; height:26px; display:flex; align-items:center; justify-content:center; color:#64748b; cursor:grab; touch-action:none; } #admin-settings-modal .ss-chip .grip svg { width:13px; height:13px; fill:currentColor; } #admin-settings-modal .ss-chip .cnt { font-size:10.5px; font-weight:800; color:var(--mu); background:rgba(15,23,42,.06); border-radius:9px; padding:1px 6px; margin-left:3px; } #admin-settings-modal .ss-chip .cnt.zero { color:#64748b; } #admin-settings-modal .ss-chip.new { background:#ecfdf5; border-color:#6ee7b7; } #admin-settings-modal .ss-chip .lbl { cursor:text; padding:0 2px; border-radius:4px; } #admin-settings-modal .ss-chip .lbl:hover { background:rgba(15,23,42,.07); } #admin-settings-modal .ss-chip.editing { padding:0 4px; background:#fff; border-color:var(--acc); box-shadow:0 0 0 3px rgba(37,99,235,.2); } #admin-settings-modal .ss-chipedit { height:24px; border:none; outline:none; background:transparent; color:#111827; font-size:12px; font-weight:700; width:var(--w, 120px); min-width:60px; padding:0 4px; } #admin-settings-modal .ss-chip.core { background:#eef2ff; border-color:#c7d2fe; color:#3730a3; padding:0 10px 0 9px; gap:5px; } #admin-settings-modal .ss-chip.core svg { width:12px; height:12px; fill:#4f46e5; } #admin-settings-modal .ss-chip.dragging { opacity:.4; } #admin-settings-modal .ss-chip.drop-before { box-shadow:-3px 0 0 var(--acc); } #admin-settings-modal .ss-chip.drop-after { box-shadow:3px 0 0 var(--acc); } #admin-settings-modal .ss-chip button { width:22px; height:22px; border:none; border-radius:50%; background:transparent; color:var(--mu); cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; } #admin-settings-modal .ss-chip button:hover { background:rgba(225,29,72,.22); color:#b91c1c; } #admin-settings-modal .ss-chip button svg { width:14px; height:14px; fill:currentColor; } #admin-settings-modal .ss-chipadd { display:flex; gap:6px; max-width:440px; } #admin-settings-modal .ss-chipadd .ss-in { flex:1; } #admin-settings-modal .ss-chipadd.mini { gap:4px; max-width:none; } #admin-settings-modal .ss-chipadd.mini .ss-in { flex:0 0 190px; width:190px; height:30px; font-size:12.5px; } #admin-settings-modal .ss-chipadd.mini .ss-btn { height:30px; padding:0 10px; font-size:12px; } #admin-settings-modal .ss-chipmsg:empty { display:none; } #admin-settings-modal .ss-chipmsg { font-size:11px; font-weight:700; color:#92400e; margin-top:5px; } #admin-settings-modal .ss-chipmsg.err { color:var(--err); } #admin-settings-modal .ss-sec-b > .ss-chipmsg { margin:0 0 8px; } #admin-settings-modal .ss-lists { display:grid; grid-template-columns:1fr; gap:0; } #admin-settings-modal .ss-lists .ss-sec.wide { grid-column:1 / -1; } #admin-settings-modal .ss-merge { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:0 0 12px; padding:12px; background:rgba(15,23,42,.03); border-radius:10px; font-size:11.5px; font-weight:700; color:var(--mu); } #admin-settings-modal .ss-merge .ss-sel { width:auto; min-width:120px; flex:1; } #admin-settings-modal .ss-merge .hint { flex-basis:100%; font-weight:500; font-size:11px; } #admin-settings-modal .ss-usage-line { font-size:10.5px; color:var(--mu); font-weight:600; margin:-4px 0 8px; display:flex; gap:8px; align-items:center; } #admin-settings-modal .ss-link { background:none; border:none; padding:0; color:#1d4ed8; font-weight:700; font-size:12px; cursor:pointer; } #admin-settings-modal .ss-link:hover { text-decoration:underline; } #admin-settings-modal .ss-seg { display:inline-flex; background:var(--in); border:1px solid var(--line); border-radius:9px; padding:2px; gap:2px; } #admin-settings-modal .ss-seg button { border:none; background:transparent; height:26px; padding:0 10px; border-radius:7px; font-size:11.5px; font-weight:800; color:var(--mu); cursor:pointer; white-space:nowrap; } #admin-settings-modal .ss-seg button.on.n { background:#fff; color:var(--tx, #0f172a); box-shadow:0 1px 3px rgba(0,0,0,.15); } #admin-settings-modal .ss-seg button.on.c { background:#fff; color:#6b21a8; box-shadow:0 1px 3px rgba(0,0,0,.15); } #admin-settings-modal .ss-seg button.on.b { background:#fff; color:#065f46; box-shadow:0 1px 3px rgba(0,0,0,.15); } #admin-settings-modal .ss-filter { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:8px; align-items:center; } #admin-settings-modal .ss-fchip { height:28px; padding:0 11px; border-radius:14px; border:1px solid var(--line); background:#fff; color:var(--tx2); font-size:11.5px; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; gap:5px; } #admin-settings-modal .ss-fchip.on { background:#1e2a44; border-color:#1e2a44; color:#fff; } #admin-settings-modal .ss-fchip .n { min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:rgba(127,127,127,.18); font-size:10.5px; display:inline-flex; align-items:center; justify-content:center; } #admin-settings-modal .ss-bulk { background:rgba(59,130,246,.07); border-radius:12px; padding:12px 16px; margin-bottom:12px; } #admin-settings-modal .ss-bulk .ctl { display:flex; gap:12px; flex-wrap:wrap; align-items:end; } #admin-settings-modal .ss-bulk .ctl .ss-f { min-width:120px; } #admin-settings-modal .ss-bulk table { width:100%; border-collapse:collapse; margin-top:8px; font-size:12px; } #admin-settings-modal .ss-bulk th { text-align:left; font-size:9.5px; text-transform:uppercase; letter-spacing:.4px; color:var(--mu); padding:4px 6px; border-bottom:1px solid var(--line); } #admin-settings-modal .ss-bulk td { padding:4px 6px; border-bottom:1px solid var(--line2); color:var(--tx2); font-weight:600; } #admin-settings-modal .ss-bulk td.r, #admin-settings-modal .ss-bulk th.r { text-align:right; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-bulk td.up { color:#047857; } #admin-settings-modal .ss-bulk td.down { color:#b91c1c; } #admin-settings-modal .ss-cover { grid-template-columns:1.2fr auto 130px; align-items:center; } #admin-settings-modal .ss-redo { grid-template-columns:minmax(0,1.3fr) 116px 116px 17px 116px 116px; align-items:center; column-gap:8px; } #admin-settings-modal .ss-redo .rd-sep { align-self:stretch; justify-self:center; width:1px; margin:-8px 0; background:#e2e8f0; } #admin-settings-modal .ss-redo.rd-h .rd-sep { margin:0; background:transparent; } #admin-settings-modal .ss-redo.rd-h { border-bottom:0; padding-bottom:2px; } #admin-settings-modal .ss-portal { grid-template-columns:minmax(0,180px) minmax(0,1fr); align-items:center; column-gap:10px; } #admin-settings-modal .ss-portal .ss-in { width:100%; min-width:0; font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace; font-size:12px; } #admin-settings-modal .ss-portal .ss-rowmsg { grid-column:1 / -1; } #admin-settings-modal .ss-sup { grid-template-columns:44px minmax(120px,170px) minmax(200px,1fr) minmax(120px,150px) minmax(130px,170px) 34px; align-items:center; column-gap:8px; } #admin-settings-modal .ss-supic { position:relative; } #admin-settings-modal .ss-supic-b { width:36px; height:36px; border:0; border-radius:10px; cursor:pointer; padding:7px; box-shadow:0 1px 2px rgba(15,23,42,.2); } #admin-settings-modal .ss-supic-b svg, #admin-settings-modal .ss-supic-i svg { width:100%; height:100%; display:block; } #admin-settings-modal .ss-supic-p { position:absolute; left:0; top:40px; z-index:30; background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:8px; box-shadow:0 12px 30px rgba(15,23,42,.18); width:236px; } #admin-settings-modal .ss-supic-r { display:flex; flex-wrap:wrap; gap:6px; } #admin-settings-modal .ss-supic-r + .ss-supic-r { margin-top:8px; padding-top:8px; border-top:1px solid #f1f5f9; } #admin-settings-modal .ss-supic-i { width:36px; height:36px; border:2px solid transparent; border-radius:9px; cursor:pointer; padding:6px; opacity:.75; } #admin-settings-modal .ss-supic-i.on, #admin-settings-modal .ss-supic-i:hover { opacity:1; border-color:#0f172a; } #admin-settings-modal .ss-supic-c { width:22px; height:22px; border-radius:50%; border:2px solid #fff; box-shadow:0 0 0 1px #cbd5e1; cursor:pointer; } #admin-settings-modal .ss-supic-c.on { box-shadow:0 0 0 2px #0f172a; } #admin-settings-modal .ss-sup .ss-in { width:100%; min-width:0; } #admin-settings-modal .ss-sup .ss-in.bad { border-color:#ef4444; } #admin-settings-modal .ss-sup-ft { display:flex; gap:8px; margin-top:12px; } @container ssmain (max-width:760px) { #admin-settings-modal .ss-sup { grid-template-columns:1fr 34px; } #admin-settings-modal .ss-sup.ss-th { display:none; } #admin-settings-modal .ss-sup .ss-in { grid-column:1; } #admin-settings-modal .ss-sup .ss-del { grid-column:2; grid-row:1; } #admin-settings-modal .ss-sup.ss-row { padding-bottom:10px; border-bottom:1px solid #eef0f3; } } @container ssmain (max-width:640px) { #admin-settings-modal .ss-portal { grid-template-columns:1fr; row-gap:4px; } #admin-settings-modal .ss-portal.ss-th { display:none; } } #admin-settings-modal .ss-redo .rd-g { text-align:center; border-radius:6px; padding:3px 0; } #admin-settings-modal .ss-redo .rd-g.iw { background:#ecfdf5; color:#047857; } #admin-settings-modal .ss-redo .rd-g.oow { background:#fff1f2; color:#be123c; } #admin-settings-modal .ss-redo .rd-l { display:none; } #admin-settings-modal .ss-redo .rd-na { text-align:center; color:var(--mu); } #admin-settings-modal .ss-redo .ss-strong small { display:block; font-size:11px; font-weight:500; color:var(--mu); margin-top:1px; } #admin-settings-modal .ss-redo .ss-rowmsg { grid-column:1 / -1; } @container ssmain (max-width: 760px) { #admin-settings-modal .ss-redo { grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:8px; row-gap:6px; } #admin-settings-modal .ss-redo .rd-in, #admin-settings-modal .ss-redo .ss-adorn { min-width:0; } #admin-settings-modal .ss-redo .ss-adorn .ss-in { min-width:0; width:100%; } #admin-settings-modal .ss-redo.ss-th { display:none; } #admin-settings-modal .ss-redo .ss-strong { grid-column:1 / -1; } #admin-settings-modal .ss-redo .rd-l { display:block; font-size:10.5px; font-weight:700; color:var(--mu); margin:0 0 3px 2px; } #admin-settings-modal .ss-redo .rd-na { display:none; } #admin-settings-modal .ss-redo .rd-sep { display:none; } } #admin-settings-modal .ss-pill { display:inline-flex; align-items:center; height:22px; padding:0 9px; border-radius:11px; font-size:10.5px; font-weight:800; white-space:nowrap; } #admin-settings-modal .ss-pill.saved, #admin-settings-modal .ss-pill.on { background:#dcfce7; color:#166534; } #admin-settings-modal .ss-pill.def { background:#eef1f4; color:var(--mu); } #admin-settings-modal .ss-pill.off { background:#ffe4e6; color:#9f1239; } #admin-settings-modal .ss-pill.chg { background:#fef3c7; color:#92400e; } #admin-settings-modal .ss-pill.blue { background:#dbeafe; color:#1e40af; } #admin-settings-modal .ss-datebtn { display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 14px; border:1px solid var(--line); border-radius:9px; background:var(--in); color:var(--tx); font-size:14px; font-weight:800; cursor:pointer; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-datebtn:hover { border-color:var(--acc); } #admin-settings-modal .ss-datebtn svg { width:18px; height:18px; fill:#1e2a44; } #admin-settings-modal .ss-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; grid-auto-rows:1fr; } #admin-settings-modal .ss-cards.four { grid-template-columns:repeat(4,minmax(0,1fr)); } #admin-settings-modal .ss-strong { font-size:12.5px; font-weight:800; color:#111827; } #admin-settings-modal .ss-small { font-size:11.5px; color:var(--mu); font-weight:600; } #admin-settings-modal .ss-errtxt { font-size:14px; font-weight:800; color:#b91c1c; margin-bottom:6px; } #admin-settings-modal .ss-aih, #admin-settings-modal .ss-aif { border:1px solid var(--line2); border-radius:14px; padding:14px 16px; background:#fff; margin-bottom:12px; } #admin-settings-modal .ss-aih-k { font-size:11px; font-weight:800; color:var(--mu); text-transform:uppercase; letter-spacing:.08em; } #admin-settings-modal .ss-aih-v { font-size:30px; font-weight:900; line-height:1.15; margin:6px 0 2px; white-space:nowrap; } #admin-settings-modal .ss-aih-v span { font-size:13px; font-weight:800; color:var(--mu); } #admin-settings-modal .ss-aih-v.low { color:#b91c1c; } #admin-settings-modal .ss-aih-bar { height:8px; border-radius:6px; background:#e2e8f0; overflow:hidden; margin:8px 0 4px; } #admin-settings-modal .ss-aih-bar i { display:block; height:100%; background:#1e2a44; } #admin-settings-modal .ss-aih-kp { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; } #admin-settings-modal .ss-aih-kp > div { background:#f6f8fb; border-radius:10px; padding:8px 12px; } #admin-settings-modal .ss-aih-kp .k { font-size:10.5px; font-weight:800; color:var(--mu); text-transform:uppercase; letter-spacing:.08em; } #admin-settings-modal .ss-aih-kp .v { font-size:18px; font-weight:800; white-space:nowrap; } #admin-settings-modal .ss-aih-b { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; } #admin-settings-modal .ss-aih-b .ss-btn { white-space:nowrap; text-decoration:none; } #admin-settings-modal .ss-aif table { width:100%; border-collapse:collapse; font-size:13px; margin:6px 0 8px; } #admin-settings-modal .ss-aif td { padding:8px 0; border-top:1px solid var(--line2); white-space:nowrap; } #admin-settings-modal .ss-aif td.r { text-align:right; font-weight:800; } #admin-settings-modal .ss-card { border:1px solid var(--line2); border-radius:12px; padding:12px 14px; background:#fff; min-width:0; display:flex; flex-direction:column; gap:4px; } #admin-settings-modal .ss-card .k { font-size:10px; font-weight:800; color:var(--mu); text-transform:uppercase; letter-spacing:.4px; } #admin-settings-modal .ss-card .v { font-size:16px; font-weight:800; color:#111827; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; line-height:1.3; } #admin-settings-modal .ss-card .v.sm { font-size:13px; font-weight:700; } #admin-settings-modal .ss-card .v .u { font-size:11px; color:var(--mu); font-weight:700; } #admin-settings-modal .ss-dash { color:#9aa3ae; font-weight:700; cursor:help; } #admin-settings-modal .ss-form.four { grid-template-columns:repeat(4,minmax(0,1fr)); } #admin-settings-modal .ss-kpi .v { font-size:20px; } #admin-settings-modal .ss-kpi .sub { font-size:11px; color:var(--mu); font-weight:600; line-height:1.4; } #admin-settings-modal .ss-banner { margin-top:16px; padding:10px 14px; border-radius:10px; font-size:12.5px; font-weight:700; line-height:1.5; } #admin-settings-modal .ss-banner.amber { background:#fffbeb; border:1px solid #fcd34d; color:#92400e; } #admin-settings-modal .ss-banner.red { background:#fef2f2; border:1px solid #fca5a5; color:#991b1b; } #admin-settings-modal .ss-chartbox { margin-top:12px; padding:12px 14px 8px; background:#fff; border:1px solid var(--line2); border-radius:12px; } #admin-settings-modal .ss-chart { width:100%; height:104px; display:block; } #admin-settings-modal .ss-chart-x { display:flex; justify-content:space-between; font-size:10.5px; color:var(--mu); font-weight:600; margin-top:4px; } #admin-settings-modal .ss-chart .bar { fill:#94a3b8; } #admin-settings-modal .ss-chart .bar.today { fill:#1e2a44; } #admin-settings-modal .ss-chart .b:hover .bar { fill:#2563eb; } #admin-settings-modal .ss-chart .ax { stroke:#d5dbe3; stroke-width:1; } #admin-settings-modal .ss-chart text { font-size:10px; fill:#5b6675; font-weight:600; } #admin-settings-modal .ss-chart-cap { font-size:11px; color:var(--mu); font-weight:600; margin-top:4px; } #admin-settings-modal .ss-tablewrap { margin-top:8px; max-height:320px; overflow:auto; border:1px solid var(--line2); border-radius:10px; background:#fff; } #admin-settings-modal .ss-zebra { width:100%; border-collapse:collapse; font-size:12px; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-zebra th { position:sticky; top:0; background:#f1f4f7; text-align:left; font-size:9.5px; text-transform:uppercase; letter-spacing:.4px; color:#475569; padding:6px 10px; border-bottom:1px solid var(--line2); } #admin-settings-modal .ss-zebra td { padding:5px 10px; color:var(--tx); font-weight:600; } #admin-settings-modal .ss-zebra tbody tr:nth-child(even) td { background:#f6f8fa; } #admin-settings-modal .ss-zebra .r { text-align:right; } #admin-settings-modal a.ss-btn { text-decoration:none; } #admin-settings-modal .ss-card.blue { background:#eff6ff; border-color:#bfdbfe; } #admin-settings-modal .ss-card.green { background:#ecfdf5; border-color:#a7f3d0; } #admin-settings-modal .ss-card.purple { background:#faf5ff; border-color:#e9d5ff; } #admin-settings-modal .ss-nav .ss-ng { font-size:10px; font-weight:800; color:var(--mu); text-transform:uppercase; letter-spacing:.6px; padding:10px 10px 4px; } #admin-settings-modal .ss-nav .ss-ng:first-child { padding-top:4px; } #admin-settings-modal .ss-nbadge { min-width:20px; height:20px; padding:0 6px; border-radius:10px; background:#ef4444; color:#fff; font-size:11px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; } #admin-settings-modal .ss-dd-g { font-size:10px; font-weight:800; color:var(--mu); text-transform:uppercase; letter-spacing:.6px; padding:10px 12px 3px; } #admin-settings-modal .ss-hsum { margin:0 0 10px; } #admin-settings-modal .ss-card.hs-err { background:#fef2f2; border-color:#fecaca; } #admin-settings-modal .ss-card.hs-err .v { color:#b91c1c; } #admin-settings-modal .ss-card.hs-warn { background:#fffbeb; border-color:#fde68a; } #admin-settings-modal .ss-card.hs-warn .v { color:#b45309; } #admin-settings-modal .ss-card.hs-ok { background:#ecfdf5; border-color:#a7f3d0; } #admin-settings-modal .ss-card.hs-ok .v { color:#047857; } #admin-settings-modal .ss-hrun { margin:0 0 12px; } #admin-settings-modal .ss-fixrow { margin-top:6px; } #admin-settings-modal .ss-dtwrap { margin-top:8px; border:1px solid var(--line2); border-radius:10px; overflow:auto; max-height:420px; background:#fff; } #admin-settings-modal table.ss-dt { border-collapse:separate; border-spacing:0; width:100%; font-size:12.5px; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-dt th { position:sticky; top:0; z-index:1; background:#f3f5f8; color:#334155; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.3px; text-align:left; padding:7px 10px; border-bottom:1px solid var(--line2); white-space:nowrap; cursor:pointer; user-select:none; } #admin-settings-modal .ss-dt th:hover { background:#e8edf3; } #admin-settings-modal .ss-dt th .ar { color:#94a3b8; font-size:10px; margin-left:3px; } #admin-settings-modal .ss-dt td { padding:5px 10px; border-bottom:1px solid #eef1f5; white-space:nowrap; color:#1f2937; } #admin-settings-modal .ss-dt tbody tr:nth-child(even) td { background:#fafbfc; } #admin-settings-modal .ss-dt tbody tr:hover td { background:#eff6ff; } #admin-settings-modal .ss-dt .r { text-align:right; } #admin-settings-modal .ss-dt .pos { color:#047857; font-weight:800; } #admin-settings-modal .ss-dt .neg { color:#b91c1c; font-weight:800; } #admin-settings-modal .ss-dt .mu { color:#94a3b8; } #admin-settings-modal .ss-dt tfoot td { position:sticky; bottom:0; background:#f3f5f8; font-weight:800; border-top:1px solid var(--line2); border-bottom:none; } #admin-settings-modal .ss-dt .ss-jump { margin:0; padding:0 8px; font-size:12px; } #admin-settings-modal .ss-dtcap { font-size:11.5px; color:var(--mu); font-weight:600; margin-top:5px; } #admin-settings-modal table.ss-dt, #admin-settings-modal table.ss-dt td { user-select:text; -webkit-user-select:text; } #admin-settings-modal table.ss-ll-t, #admin-settings-modal table.ss-ll-t td, #admin-settings-modal .ss-kw-ref, #admin-settings-modal .ss-kw-ref * { user-select:text; -webkit-user-select:text; } #admin-settings-modal table.ss-dt ::selection { background:#bfdbfe; } #admin-settings-modal .ss-dt .ss-tk { color:#1d4ed8; font-weight:700; cursor:pointer; } #admin-settings-modal .ss-dt .ss-tk:hover { text-decoration:underline; } #admin-settings-modal .ss-dtcap .ss-link { font-size:11.5px; } #admin-settings-modal .ss-example { margin-top:10px; padding:10px 12px; border-radius:12px; background:rgba(59,130,246,.08); border:1px solid rgba(59,130,246,.28); font-size:13px; font-weight:700; color:#1e3a8a; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-example b { color:#111827; } #admin-settings-modal .ss-log { list-style:none; margin:0; padding:0; } #admin-settings-modal .ss-log li { display:grid; grid-template-columns:118px 1fr auto; gap:10px; align-items:start; padding:8px 4px; border-bottom:1px solid var(--line2); font-size:12px; } #admin-settings-modal .ss-log li:last-child { border-bottom:none; } #admin-settings-modal .ss-log .when { color:var(--mu); font-weight:700; font-size:11px; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-log .what b { color:#111827; font-weight:800; } #admin-settings-modal .ss-log .what { color:var(--tx2); font-weight:600; line-height:1.45; min-width:0; overflow-wrap:anywhere; } #admin-settings-modal .ss-log .what small { display:block; color:var(--mu); font-size:11px; } #admin-settings-modal .ss-check { display:grid; grid-template-columns:22px 1fr; gap:8px; padding:8px 4px; border-bottom:1px solid var(--line2); font-size:12px; } #admin-settings-modal .ss-check:last-child { border-bottom:none; } #admin-settings-modal .ss-check .ic { width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:900; } #admin-settings-modal .ss-check.ok .ic { background:#dcfce7; color:#166534; } #admin-settings-modal .ss-check.warn .ic { background:#fef3c7; color:#92400e; } #admin-settings-modal .ss-check.err .ic { background:#ffe4e6; color:#9f1239; } #admin-settings-modal .ss-check b { color:#111827; } #admin-settings-modal .ss-check p { margin:2px 0 0; color:var(--mu); font-weight:600; line-height:1.45; } #admin-settings-modal .ss-check ul { margin:4px 0 0; padding-left:16px; color:var(--tx2); font-weight:600; } #admin-settings-modal .ss-rest { display:grid; grid-template-columns:130px 1fr auto; gap:10px; align-items:center; padding:8px 4px; border-bottom:1px solid var(--line2); font-size:12px; } #admin-settings-modal .ss-rest:last-child { border-bottom:none; } #admin-settings-modal .ss-rest .lbl { font-weight:800; color:#111827; } #admin-settings-modal .ss-rest .sum { color:var(--tx2); font-weight:600; line-height:1.45; min-width:0; overflow-wrap:anywhere; } #admin-settings-modal .ss-rest .sum .e { color:var(--err); display:block; } #admin-settings-modal .ss-file { display:flex; gap:8px; align-items:center; flex-wrap:wrap; } #admin-settings-modal .ss-file input[type=file] { position:absolute; width:1px; height:1px; opacity:0; } #admin-settings-modal .ss-skel { border-radius:10px; background:linear-gradient(90deg,#e3e8ee 25%,#d5dbe3 37%,#e3e8ee 63%); background-size:400% 100%; animation:ssSk 1.3s ease infinite; margin-bottom:10px; } @keyframes ssSk { 0% { background-position:100% 50%; } 100% { background-position:0 50%; } } #admin-settings-modal .ss-empty { text-align:center; color:var(--mu); padding:22px 0; font-size:12.5px; font-weight:600; } #admin-settings-modal .ss-flash { animation:ssFlash 1.6s ease; border-radius:8px; } @keyframes ssFlash { 0%,40% { box-shadow:0 0 0 3px rgba(59,130,246,.9); } 100% { box-shadow:0 0 0 3px rgba(59,130,246,0); } } #admin-settings-modal .ss-toast { position:absolute; left:50%; bottom:84px; transform:translate(-50%,20px); opacity:0; pointer-events:none; transition:all .2s; background:#0b1220; border:1px solid var(--line); color:#fff; padding:10px 16px; border-radius:12px; font-size:12.5px; font-weight:700; max-width:90%; box-shadow:0 10px 30px rgba(0,0,0,.45); z-index:30; text-align:center; } #admin-settings-modal .ss-toast.show { opacity:1; transform:translate(-50%,0); } #admin-settings-modal .ss-toast.ok { background:#047857; border-color:#047857; } #admin-settings-modal .ss-toast.err { background:#be123c; border-color:#be123c; } #admin-settings-modal .ss-pop { position:absolute; inset:0; background:rgba(15,23,42,.45); display:none; align-items:center; justify-content:center; z-index:25; } #admin-settings-modal .ss-pop.show { display:flex; } #admin-settings-modal .ss-pop-box { width:min(360px, 92%); background:#fff; border:1px solid var(--line2); border-radius:16px; padding:18px; box-shadow:0 20px 50px rgba(15,23,42,.3); } #admin-settings-modal .ss-pop-box h4 { margin:0 0 4px; font-size:15px; font-weight:800; color:#111827; } #admin-settings-modal .ss-pop-box p { margin:0 0 12px; font-size:12px; color:var(--mu); font-weight:600; line-height:1.5; } #admin-settings-modal .ss-code { font-size:30px; font-weight:900; letter-spacing:6px; text-align:center; color:#111827; background:var(--in); border:1px solid var(--line); border-radius:12px; padding:10px 0; font-variant-numeric:tabular-nums; margin-bottom:12px; user-select:all; } #admin-settings-modal .ss-pop-box .row { display:flex; gap:8px; justify-content:flex-end; } @container ssmain (max-width:900px) { #admin-settings-modal .ss-form.four { grid-template-columns:1fr 1fr; } #admin-settings-modal .ss-lists { grid-template-columns:1fr; } #admin-settings-modal .ss-users { grid-template-columns:1fr 1fr 100px 52px 1.2fr 46px 30px; } #admin-settings-modal .ss-cards.four { grid-template-columns:repeat(2,minmax(0,1fr)); } } #admin-settings-modal .ss-usum, #admin-settings-modal .ss-mwrap, #admin-settings-modal .ss-ddbg, #admin-settings-modal .ss-sbtn, #admin-settings-modal .ss-sclose { display:none; } @media (max-width:640px) { #admin-settings-modal .ss-box { width:100vw !important; border-radius:0; border-right:none; } #admin-settings-modal .ss-rsz { display:none; } #admin-settings-modal .ss-head { height:52px; padding:0 10px 0 14px; gap:8px; } #admin-settings-modal .ss-head h2 { font-size:17px; } #admin-settings-modal .ss-head .sub, #admin-settings-modal .ss-refresh span, #admin-settings-modal .ss-hicon { display:none; } #admin-settings-modal .ss-refresh { width:34px; height:34px; padding:0; justify-content:center; border-radius:50%; } #admin-settings-modal .ss-body { flex-direction:column; } #admin-settings-modal .ss-head { border-bottom:none; } #admin-settings-modal .ss-navcol { width:100%; border-right:none; border-bottom:1px solid var(--line2); flex:0 0 auto; background:#f3f5f8; position:static; } #admin-settings-modal .ss-sbtn { display:inline-flex; width:34px; height:34px; padding:0; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:50%; background:#fff; color:var(--pri); cursor:pointer; flex:0 0 auto; } #admin-settings-modal .ss-sbtn:active, #admin-settings-modal .ss-refresh:active { background:#eef1f5; } #admin-settings-modal .ss-sbtn svg { width:18px; height:18px; fill:currentColor; } #admin-settings-modal .ss-search { display:none; } #admin-settings-modal .ss-box.msearch .ss-search { display:flex; align-items:center; gap:8px; position:absolute; left:0; right:0; top:0; height:52px; padding:0 10px 0 12px; background:#f3f5f8; z-index:6; animation:ssSrchIn .16s ease-out; } @keyframes ssSrchIn { from { opacity:0; transform:translateY(-4px); } } #admin-settings-modal .ss-search input { flex:1; min-width:0; height:36px; border-radius:18px; font-size:16px; padding:0 14px 0 36px; } #admin-settings-modal .ss-search input::-webkit-search-cancel-button { -webkit-appearance:none; display:none; } #admin-settings-modal .ss-search > svg { left:25px; top:17px; width:17px; height:17px; } #admin-settings-modal .ss-search kbd { display:none; } #admin-settings-modal .ss-sclose { display:inline-flex; width:34px; height:34px; flex:0 0 auto; padding:0; align-items:center; justify-content:center; border:none; border-radius:50%; background:#e2e7ee; color:#334155; cursor:pointer; } #admin-settings-modal .ss-sclose svg { width:18px; height:18px; fill:currentColor; } #admin-settings-modal .ss-mwrap { display:block; position:relative; } #admin-settings-modal .ss-mwrap.open { z-index:7; background:#f3f5f8; } #admin-settings-modal .ss-navcol.searching .ss-mwrap { display:none; } #admin-settings-modal .ss-mnav { display:flex; align-items:center; gap:8px; padding:2px 12px 10px; } #admin-settings-modal .ss-marr { width:40px; height:44px; flex:0 0 auto; border:1px solid #d5dbe3; border-radius:11px; background:#fff; color:var(--pri); display:flex; align-items:center; justify-content:center; padding:0; cursor:pointer; box-shadow:0 1px 2px rgba(15,23,42,.04); -webkit-tap-highlight-color:transparent; } #admin-settings-modal .ss-marr svg { width:22px; height:22px; fill:currentColor; } #admin-settings-modal .ss-marr:active { background:#eef1f5; } #admin-settings-modal .ss-marr:disabled { opacity:.38; cursor:default; box-shadow:none; } #admin-settings-modal .ss-mpick { flex:1; min-width:0; height:44px; display:flex; align-items:center; gap:10px; padding:0 10px 0 7px; border:1px solid #d5dbe3; border-radius:11px; background:#fff; cursor:pointer; text-align:left; color:var(--tx); box-shadow:0 1px 2px rgba(15,23,42,.04); -webkit-tap-highlight-color:transparent; transition:border-color .15s, box-shadow .15s; } #admin-settings-modal .ss-mwrap.open .ss-mpick { border-color:var(--pri); box-shadow:0 0 0 3px rgba(30,42,68,.12); } #admin-settings-modal .ss-mpick .ni { width:30px; height:30px; border-radius:8px; background:var(--pri); color:#fff; display:flex; align-items:center; justify-content:center; flex:0 0 auto; } #admin-settings-modal .ss-mpick .ni svg { width:16px; height:16px; fill:currentColor; } #admin-settings-modal .ss-mpick .t { flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.18; } #admin-settings-modal .ss-mpick .t small { font-size:10.5px; font-weight:700; color:var(--mu); letter-spacing:.1px; } #admin-settings-modal .ss-mpick .t b { font-size:14px; font-weight:800; color:#111827; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-mpick .dot, #admin-settings-modal .ss-dd .dot { width:8px; height:8px; border-radius:50%; background:#f59e0b; flex:0 0 auto; box-shadow:0 0 0 3px rgba(245,158,11,.2); } #admin-settings-modal .ss-mpick .car { width:20px; height:20px; fill:var(--mu); flex:0 0 auto; transition:transform .18s ease; } #admin-settings-modal .ss-mwrap.open .ss-mpick .car { transform:rotate(180deg); fill:var(--pri); } #admin-settings-modal .ss-dd { position:absolute; left:12px; right:12px; top:calc(100% - 6px); max-height:60vh; overflow-y:auto; overscroll-behavior:contain; padding:5px; background:#fff; border:1px solid #d5dbe3; border-radius:12px; box-shadow:0 14px 34px rgba(15,23,42,.2), 0 2px 6px rgba(15,23,42,.06); transform-origin:top center; transform:scaleY(.92); opacity:0; visibility:hidden; pointer-events:none; transition:transform .16s cubic-bezier(.2,.8,.2,1), opacity .12s ease, visibility 0s linear .16s; } #admin-settings-modal .ss-mwrap.open .ss-dd { transform:none; opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; } #admin-settings-modal .ss-dd-item { width:100%; display:flex; align-items:center; gap:10px; min-height:46px; padding:6px 10px 6px 7px; border:none; border-radius:9px; background:transparent; text-align:left; cursor:pointer; color:var(--tx); -webkit-tap-highlight-color:transparent; } #admin-settings-modal .ss-dd-item + .ss-dd-item { margin-top:1px; } #admin-settings-modal .ss-dd-item:active { background:#f1f4f7; } #admin-settings-modal .ss-dd-item.on { background:#eef2f7; } #admin-settings-modal .ss-dd-item .ni { width:30px; height:30px; border-radius:8px; background:#f3f5f8; border:1px solid var(--line2); color:#64748b; display:flex; align-items:center; justify-content:center; flex:0 0 auto; } #admin-settings-modal .ss-dd-item.on .ni { background:var(--pri); border-color:var(--pri); color:#fff; } #admin-settings-modal .ss-dd-item .ni svg { width:16px; height:16px; fill:currentColor; } #admin-settings-modal .ss-dd-item .nt { flex:1; min-width:0; } #admin-settings-modal .ss-dd-item .nt b { display:block; font-size:13.5px; font-weight:800; color:#111827; } #admin-settings-modal .ss-dd-item .nt small { display:block; font-size:11.5px; font-weight:600; color:var(--mu); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-dd-item .ck { width:20px; height:20px; fill:var(--pri); flex:0 0 auto; } #admin-settings-modal .ss-ddbg { display:block; position:absolute; left:0; right:0; top:52px; bottom:0; z-index:5; background:rgba(15,23,42,.16); opacity:0; visibility:hidden; transition:opacity .16s ease, visibility 0s linear .16s; } #admin-settings-modal .ss-ddbg.show { opacity:1; visibility:visible; transition-delay:0s; } #admin-settings-modal .ss-nav { display:none; } #admin-settings-modal .ss-navcol.searching .ss-nav { display:block; max-height:50vh; overflow-y:auto; padding:6px 8px 8px; } #admin-settings-modal .ss-navcol.searching .ss-nav .ss-res .nt small { display:block; } #admin-settings-modal .ss-main.slide-l > * { animation:ssSlideL .2s ease-out; } #admin-settings-modal .ss-main.slide-r > * { animation:ssSlideR .2s ease-out; } @keyframes ssSlideL { from { opacity:.3; transform:translateX(24px); } } @keyframes ssSlideR { from { opacity:.3; transform:translateX(-24px); } } #admin-settings-modal .ss-main { padding:12px 12px 20px; } #admin-settings-modal .ss-main * { max-width:100%; } #admin-settings-modal .ss-page-h { margin:0 0 12px; } #admin-settings-modal .ss-page-h h2 { font-size:18px; } #admin-settings-modal .ss-page-h p { font-size:13px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } #admin-settings-modal .ss-sec { margin-bottom:12px; border-radius:12px; } #admin-settings-modal .ss-sec-h { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:8px; row-gap:4px; padding:12px 12px 8px; } #admin-settings-modal .ss-sec-h .grow { display:contents; } #admin-settings-modal .ss-sec-h h3 { grid-column:1; grid-row:1; font-size:16px; min-width:0; } #admin-settings-modal .ss-sec-h p, #admin-settings-modal .ss-sec-h .ss-sub, #admin-settings-modal .ss-sec-h .ss-hint { grid-column:1 / -1; margin:0; font-size:13px; } #admin-settings-modal .ss-sec-h p, #admin-settings-modal .ss-sec-h .ss-sub { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } #admin-settings-modal .ss-sec-tools { grid-column:2; grid-row:1; gap:6px; flex-wrap:nowrap; } #admin-settings-modal .ss-sec-tools.multi { grid-column:1 / -1; grid-row:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:4px; } #admin-settings-modal .ss-sec-tools.multi > * { width:100%; justify-content:center; } #admin-settings-modal .ss-sec-tools.multi > :last-child:nth-child(odd) { grid-column:1 / -1; } #admin-settings-modal .ss-sec-tools.multi > .ss-link { width:auto; justify-self:start; } #admin-settings-modal .ss-sec-tools:has(> .ss-chipadd.mini) { grid-column:1 / -1; grid-row:auto; display:flex; flex-wrap:nowrap; gap:6px; margin-top:4px; } #admin-settings-modal .ss-sec-tools:has(> .ss-chipadd.mini) > * { width:auto; } #admin-settings-modal .ss-sec-tools > .ss-chipadd.mini { flex:1 1 auto; display:flex; min-width:0; } #admin-settings-modal .ss-sec-tools > .ss-chipadd.mini .ss-in { flex:1 1 auto; width:auto; } #admin-settings-modal .ss-sec-tools .ss-btn { height:30px; padding:0 11px; font-size:12px; } #admin-settings-modal .ss-sec-b { padding:0 12px 12px; } #admin-settings-modal .ss-alert { margin:0 12px 8px; } #admin-settings-modal .ss-in, #admin-settings-modal .ss-sel { height:40px; font-size:15px; } #admin-settings-modal .ss-adorn, #admin-settings-modal .ss-f .ss-adorn { height:40px; } #admin-settings-modal .ss-adorn .ss-in { font-size:15px; } #admin-settings-modal .ss-f > .ss-in { height:40px; font-size:15px; } #admin-settings-modal .ss-bk-row { font-size:14px; } #admin-settings-modal .ss-sec-tools:has(> a.ss-btn + .ss-link) { grid-column:1 / -1; grid-row:auto; display:flex; align-items:center; gap:14px; margin-top:4px; } #admin-settings-modal .ss-sec-tools.multi:not(:has(> :not(.ss-link))) { display:flex; flex-wrap:wrap; gap:6px 16px; } #admin-settings-modal .ss-f > label, #admin-settings-modal .ss-f .lbl { font-size:11px; } #admin-settings-modal .ss-form, #admin-settings-modal .ss-form.four, #admin-settings-modal .ss-mtgrid { grid-template-columns:minmax(0,1fr); gap:12px; } #admin-settings-modal .ss-f.narrow { max-width:none; } #admin-settings-modal .ss-th { display:none; } #admin-settings-modal .ss-row .ss-ml { display:block; font-size:11px; font-weight:800; color:var(--mu); text-transform:uppercase; letter-spacing:.3px; margin:0 0 4px; } #admin-settings-modal .ss-users.ss-row { display:flex; flex-direction:column; align-items:stretch; gap:12px; padding:12px; margin-bottom:8px; background:#fff; border:1px solid var(--line2); border-radius:12px; } #admin-settings-modal .ss-users.ss-row:last-of-type { border-bottom:1px solid var(--line2); } #admin-settings-modal .ss-users.ss-row.new { box-shadow:inset 3px 0 0 var(--ok); } #admin-settings-modal .ss-users.ss-row.off { opacity:1; } #admin-settings-modal .ss-users.ss-row.off .ss-usum .who, #admin-settings-modal .ss-users.ss-row.off .ss-usum .av { opacity:.55; } #admin-settings-modal .ss-usum { display:flex; align-items:center; gap:10px; order:-1; position:relative; min-width:0; } #admin-settings-modal .ss-usum .av { width:36px; height:36px; border-radius:50%; flex:0 0 auto; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:800; color:#fff; background:#64748b; } #admin-settings-modal .ss-usum .av.r-admin { background:#1e2a44; } #admin-settings-modal .ss-usum .av.r-manager { background:#7c3aed; } #admin-settings-modal .ss-usum .av.r-tech { background:#0f766e; } #admin-settings-modal .ss-usum .who { flex:1; min-width:0; cursor:pointer; border-radius:8px; } #admin-settings-modal .ss-usum .who:focus-visible { outline:2px solid var(--acc); outline-offset:2px; } #admin-settings-modal .ss-usum .l1 { display:flex; align-items:center; gap:6px; min-width:0; flex-wrap:wrap; } #admin-settings-modal .ss-usum .l1 b { font-size:15px; font-weight:800; color:#111827; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; } #admin-settings-modal .ss-usum .rchip { display:inline-flex; align-items:center; height:20px; padding:0 8px; border-radius:10px; font-size:11px; font-weight:800; background:#eef1f4; color:#374151; } #admin-settings-modal .ss-usum .rchip.r-admin { background:#e0e7ff; color:#1e2a44; } #admin-settings-modal .ss-usum .rchip.r-manager { background:#f3e8ff; color:#6b21a8; } #admin-settings-modal .ss-usum .rchip.r-tech { background:#ccfbf1; color:#115e59; } #admin-settings-modal .ss-usum .rchip.new { background:#dcfce7; color:#166534; } #admin-settings-modal .ss-usum .ss-you { align-self:center; } #admin-settings-modal .ss-usum .l2 { margin-top:2px; font-size:12.5px; color:var(--mu); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-usum .ss-tog { margin:0; flex:0 0 auto; } #admin-settings-modal .ss-ukebab { width:34px; height:34px; flex:0 0 auto; border:none; border-radius:50%; background:#eef1f4; color:var(--tx); display:flex; align-items:center; justify-content:center; padding:0; cursor:pointer; } #admin-settings-modal .ss-ukebab svg { width:18px; height:18px; fill:currentColor; } #admin-settings-modal .ss-umenu { position:absolute; right:0; top:40px; z-index:5; min-width:170px; background:#fff; border:1px solid var(--line2); border-radius:12px; box-shadow:0 10px 30px rgba(15,23,42,.18); padding:6px; display:flex; flex-direction:column; } #admin-settings-modal .ss-umenu button { height:40px; border:none; background:transparent; text-align:left; padding:0 12px; border-radius:8px; font-size:14px; font-weight:700; color:var(--tx); cursor:pointer; } #admin-settings-modal .ss-umenu button:hover { background:#f1f4f7; } #admin-settings-modal .ss-umenu button.danger { color:#b91c1c; } #admin-settings-modal .ss-umenu button:disabled { color:#9aa3ae; cursor:not-allowed; } #admin-settings-modal .ss-users.ss-row > .c-id, #admin-settings-modal .ss-users.ss-row > .c-name, #admin-settings-modal .ss-users.ss-row > .c-role, #admin-settings-modal .ss-users.ss-row > .c-col, #admin-settings-modal .ss-users.ss-row > .c-pw { display:none; } #admin-settings-modal .ss-users.ss-row.exp > .c-id, #admin-settings-modal .ss-users.ss-row.exp > .c-name, #admin-settings-modal .ss-users.ss-row.exp > .c-role, #admin-settings-modal .ss-users.ss-row.exp > .c-col, #admin-settings-modal .ss-users.ss-row.exp > .c-pw { display:block; } #admin-settings-modal .ss-users.ss-row.exp > .c-name { order:0; } #admin-settings-modal .ss-users.ss-row.exp > .c-id { order:1; } #admin-settings-modal .ss-users.ss-row.exp > .c-role { order:2; } #admin-settings-modal .ss-users.ss-row.exp > .c-col { order:3; } #admin-settings-modal .ss-users.ss-row.exp > .c-pw { order:4; } #admin-settings-modal .ss-users.ss-row > .ss-rowmsg { order:5; } #admin-settings-modal .ss-users.ss-row.exp .ss-usum { padding-bottom:12px; border-bottom:1px solid var(--line2); } #admin-settings-modal .ss-users.ss-row .ss-idcell .ss-meta { display:none; } #admin-settings-modal .ss-users.ss-row > .c-act, #admin-settings-modal .ss-users.ss-row > .c-del { display:none; } #admin-settings-modal .ss-pw .ss-in { padding-right:64px; } #admin-settings-modal .ss-pw button { top:8px; } #admin-settings-modal .ss-svc.ss-row { grid-template-columns:24px minmax(0,1fr) 34px 34px; gap:12px 8px; padding:12px; margin-bottom:8px; background:#fff; border:1px solid var(--line2); border-radius:12px; } #admin-settings-modal .ss-svc.ss-row:last-of-type { border-bottom:1px solid var(--line2); } #admin-settings-modal .ss-svc > .c-h { grid-column:1; grid-row:1; align-self:end; } #admin-settings-modal .ss-svc > .c-h .ss-ml { display:none; } #admin-settings-modal .ss-svc > .c-cat { grid-column:2; grid-row:1; } #admin-settings-modal .ss-svc > .c-dup { grid-column:3; grid-row:1; align-self:end; } #admin-settings-modal .ss-svc > .c-del { grid-column:4; grid-row:1; align-self:end; } #admin-settings-modal .ss-svc > .c-dup .ss-ml, #admin-settings-modal .ss-svc > .c-del .ss-ml { display:none; } #admin-settings-modal .ss-svc > .c-item { grid-column:1 / -1; } #admin-settings-modal .ss-svc > .c-desc { grid-column:1 / -1; } #admin-settings-modal .ss-svc > .c-price { grid-column:1 / -1; } #admin-settings-modal .ss-svc .ss-handle { height:40px; } #admin-settings-modal .ss-svc .ss-ibtn, #admin-settings-modal .ss-svc .ss-del { width:34px; height:34px; margin-bottom:3px; } #admin-settings-modal .ss-svc.ss-row.new { box-shadow:inset 3px 0 0 var(--ok); } #admin-settings-modal .ss-filter { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin:0 -12px 12px; padding:0 12px; } #admin-settings-modal .ss-filter::-webkit-scrollbar { display:none; } #admin-settings-modal .ss-fchip { flex:0 0 auto; height:30px; } #admin-settings-modal .ss-mt.ss-row { grid-template-columns:minmax(0,1fr) 34px; gap:12px 8px; } #admin-settings-modal .ss-mt > .c-name { grid-column:1; } #admin-settings-modal .ss-mt > .c-del { grid-column:2; grid-row:1; align-self:end; } #admin-settings-modal .ss-mt > .c-del .ss-ml { display:none; } #admin-settings-modal .ss-mt > .c-val, #admin-settings-modal .ss-mt > .c-desc { grid-column:1 / -1; } #admin-settings-modal .ss-mt .ss-del { width:34px; height:34px; margin-bottom:3px; } #admin-settings-modal .ss-ctwrap { overflow:visible; margin:0; padding:0; } #admin-settings-modal .ss-ct.ss-row { grid-template-columns:minmax(0,1fr) 34px; gap:12px 8px; padding:12px; margin-bottom:8px; background:#fff; border:1px solid var(--line2); border-radius:12px; } #admin-settings-modal .ss-ct.ss-row:last-of-type { border-bottom:1px solid var(--line2); } #admin-settings-modal .ss-ct.ss-row.new { box-shadow:inset 3px 0 0 var(--ok); } #admin-settings-modal .ss-ct > .c-name { grid-column:1; } #admin-settings-modal .ss-ct > .c-del { grid-column:2; grid-row:1; align-self:end; } #admin-settings-modal .ss-ct > .c-del .ss-ml { display:none; } #admin-settings-modal .ss-ct > .c-phone, #admin-settings-modal .ss-ct > .c-x { grid-column:1 / -1; } #admin-settings-modal .ss-ct .ss-del { width:34px; height:34px; margin-bottom:3px; } #admin-settings-modal .ss-lists { grid-template-columns:minmax(0,1fr); } #admin-settings-modal .ss-chips { gap:8px; } #admin-settings-modal .ss-chip { height:34px; font-size:13px; max-width:100%; } #admin-settings-modal .ss-chip .lbl { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; } #admin-settings-modal .ss-chipadd { max-width:none; } #admin-settings-modal .ss-chipadd .ss-btn { height:40px; } #admin-settings-modal .ss-merge .ss-sel { min-width:0; flex:1 1 100%; } #admin-settings-modal .ss-cover.ss-row { grid-template-columns:minmax(0,1fr); gap:8px; } #admin-settings-modal .ss-cover > .c-src { display:none; } #admin-settings-modal .ss-seg { display:flex; } #admin-settings-modal .ss-seg button { flex:1; height:34px; } #admin-settings-modal .ss-cards, #admin-settings-modal .ss-cards.four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #admin-settings-modal .ss-card { padding:10px 12px; } #admin-settings-modal .ss-card .v { font-size:15px; } #admin-settings-modal .ss-kpi .v { font-size:18px; } #admin-settings-modal .ss-example { font-size:12.5px; } #admin-settings-modal .ss-tablewrap, #admin-settings-modal .ss-bulk { overflow-x:auto; } #admin-settings-modal .ss-zebra { min-width:460px; } #admin-settings-modal .ss-bulk table { min-width:360px; } #admin-settings-modal .ss-bulk { padding:12px; } #admin-settings-modal .ss-bulk .ctl .ss-f { min-width:0; flex:1 1 100%; } #admin-settings-modal .ss-log li { grid-template-columns:minmax(0,1fr); gap:4px; } #admin-settings-modal .ss-rest { grid-template-columns:minmax(0,1fr) auto; } #admin-settings-modal .ss-rest .lbl { grid-column:1 / -1; } #admin-settings-modal .ss-chart-x { font-size:10px; } #admin-settings-modal .ss-datebtn { height:40px; width:100%; } #admin-settings-modal .ss-pagebar { gap:8px; padding:10px 12px calc(10px + env(safe-area-inset-bottom)); } #admin-settings-modal .ss-pagebar kbd { display:none; } #admin-settings-modal .ss-pagebar .txt { font-size:12.5px; } #admin-settings-modal .ss-pagebar .txt span { display:none; } #admin-settings-modal .ss-pagebar .ss-btn { height:40px; padding:0 16px; font-size:13px; } #admin-settings-modal .ss-toast { bottom:76px; max-width:calc(100% - 24px); } } #admin-settings-modal .ss-colhelp { margin: 0 0 10px; padding: 8px 12px; border-radius: 8px; background: #f1f5f9; color: #475569; font-size: 12.5px; line-height: 1.5; } @media (min-width: 641px) { html body #admin-settings-modal .ss-navcol { background:#fff !important; border-right:1px solid #e6eaef !important; width:max-content !important; min-width:240px; max-width:380px; } html body #admin-settings-modal .ss-nav .nt b, html body #admin-settings-modal .ss-nav .ss-ng { white-space:nowrap !important; } html body #admin-settings-modal .ss-nav .nt { flex:1 0 auto !important; } html body #admin-settings-modal .ss-nav { padding:4px 0 12px !important; } html body #admin-settings-modal .ss-nav button { border-radius:0 !important; padding:9px 18px !important; margin:0 !important; gap:12px !important; box-shadow:none !important; background:transparent !important; } html body #admin-settings-modal .ss-nav button:hover { background:#f6f8fb !important; } html body #admin-settings-modal .ss-nav button.on { background:#eef3fb !important; box-shadow:inset -3px 0 0 #2f6fd6 !important; } html body #admin-settings-modal .ss-nav .ni { width:26px !important; height:26px !important; border-radius:50% !important; background:#f1f4f8 !important; border:0 !important; color:#7b8ba0 !important; } html body #admin-settings-modal .ss-nav button.on .ni { background:#dbe7fb !important; color:#2f6fd6 !important; } html body #admin-settings-modal .ss-nav .ni svg { width:14px !important; height:14px !important; } html body #admin-settings-modal .ss-nav .nt b { font:500 13px var(--tsp-ff, Inter, sans-serif) !important; color:#1e293b !important; } html body #admin-settings-modal .ss-nav .nt small { display:none !important; } html body #admin-settings-modal .ss-nav button.on .nt b { font-weight:700 !important; color:#0f172a !important; } html body #admin-settings-modal .ss-nav .ss-np { margin-top:6px !important; } html body #admin-settings-modal .ss-nav .ss-np .nt b { font-weight:700 !important; color:#0f172a !important; } html body #admin-settings-modal .ss-nav .ss-np .ni { background:transparent !important; color:#5b6b78 !important; } html body #admin-settings-modal .ss-nav .ss-np.cur .ni { color:#2f6fd6 !important; } html body #admin-settings-modal .ss-nav .ss-np .car { width:18px; height:18px; fill:#94a3b8; flex:0 0 auto; transition:transform .15s; transform:rotate(-90deg); } html body #admin-settings-modal .ss-nav .ss-np.open .car { transform:none; } html body #admin-settings-modal .ss-nav .ss-np.dirty .dot { visibility:visible; } html body #admin-settings-modal .ss-nav .ss-nc[hidden] { display:none !important; } html body #admin-settings-modal .ss-nav button.ch { padding-left:30px !important; } html body #admin-settings-modal .ss-nav button.ch .ni { width:22px !important; height:22px !important; } html body #admin-settings-modal .ss-nav button.ch .ni svg { width:13px !important; height:13px !important; } } html body #admin-settings-modal .ss-home2 { padding:6px 2px 24px; } html body #admin-settings-modal .ss-wz .ss-link { color:#1e2a44; font-weight:600; text-decoration:underline; text-underline-offset:2px; text-decoration-color:#c7cfda; } html body #admin-settings-modal .ss-sr { max-width:760px; margin:0 auto 24px; } html body #admin-settings-modal .ss-sr .ss-h2q { width:100%; max-width:none; margin-bottom:10px; } html body #admin-settings-modal .ss-sr-h { font-size:12.5px; font-weight:600; color:#64748b; margin:2px 2px 8px; } html body #admin-settings-modal .ss-sr-list { background:#fff; border:1px solid #e7ebf0; border-radius:14px; overflow:hidden; } html body #admin-settings-modal .ss-sr-it { display:flex; align-items:center; gap:12px; width:100%; padding:10px 14px; border:0; background:transparent; font:inherit; color:#0b1220; text-align:start; cursor:pointer; } html body #admin-settings-modal .ss-sr-it + .ss-sr-it { border-top:1px solid #f1f4f7; } html body #admin-settings-modal .ss-sr-it:hover { background:#f8fafc; } html body #admin-settings-modal .ss-sr-it .ni { width:32px; height:32px; flex:none; border-radius:10px; background:#f1f5f9; display:flex; align-items:center; justify-content:center; } html body #admin-settings-modal .ss-sr-it .ni svg { width:17px; height:17px; fill:#475569; } html body #admin-settings-modal .ss-sr-it .t { flex:1; min-width:0; line-height:1.3; } html body #admin-settings-modal .ss-sr-it .t b { display:block; font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html body #admin-settings-modal .ss-sr-it .t small { display:block; font-size:12px; color:#94a3b8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html body #admin-settings-modal .ss-sr-it .t em { display:block; font-style:normal; font-size:12px; color:#64748b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html body #admin-settings-modal .ss-sr-it mark { background:#fde68a; color:inherit; border-radius:3px; padding:0 1px; } html body #admin-settings-modal .ss-sr-it .ch { color:#cbd5e1; font-size:16px; } html body #admin-settings-modal .ss-sr-none { padding:18px 4px; font-size:13px; color:#64748b; } html body #admin-settings-modal .ss-wz { max-width:1120px; margin:8px auto 32px; padding:0 8px; } html body #admin-settings-modal .ss-wz > .ss-wz-card:not(.sm), html body #admin-settings-modal .ss-wz > .ss-wz-card:not(.sm) + .ss-wz-ft { max-width:720px; margin-left:auto; margin-right:auto; } html body #admin-settings-modal .ss-wz h2 { margin:0; font:600 24px/1.25 var(--tsp-ff, Inter, sans-serif); letter-spacing:-.02em; color:#0b1220; } html body #admin-settings-modal .ss-wz p { margin:4px 0 0; font-size:13.5px; color:#64748b; line-height:1.45; } html body #admin-settings-modal .ss-wz .ss-link { font-size:13px; padding:0; height:auto; } html body #admin-settings-modal .ss-wz-card { background:#fff; border:1px solid #e7ebf0; border-radius:16px; padding:22px 24px 20px; } html body #admin-settings-modal .ss-wz-card.sm { max-width:440px; margin:0 auto; } html body #admin-settings-modal .ss-wz-ic { width:40px; height:40px; border-radius:12px; background:#eef1f6; color:#1e2a44; display:flex; align-items:center; justify-content:center; margin-bottom:10px; } html body #admin-settings-modal .ss-wz-langs { display:flex; flex-direction:column; gap:2px; margin-top:14px; } html body #admin-settings-modal .ss-wz-lg { display:flex; align-items:baseline; gap:8px; height:36px; padding:0 12px; border:0; border-radius:9px; background:transparent; font:inherit; color:#0b1220; cursor:pointer; text-align:start; white-space:nowrap; } html body #admin-settings-modal .ss-wz-lg:hover { background:#f3f5f8; } html body #admin-settings-modal .ss-wz-lg b { font-size:14px; font-weight:500; line-height:36px; } html body #admin-settings-modal .ss-wz-lg small { font-size:12px; opacity:.55; } html body #admin-settings-modal .ss-wz-lg svg { margin-inline-start:auto; align-self:center; stroke-width:3; } html body #admin-settings-modal .ss-wz-lg.on { background:#1e2a44; color:#fff; } html body #admin-settings-modal .ss-wz-lg.on b { font-weight:700; } html body #admin-settings-modal .ss-wz-more { margin-top:8px; padding:10px 12px 0; border-top:1px solid #f1f5f9; font-size:12.5px; color:#64748b; } html body #admin-settings-modal .ss-wz-ind { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin-top:16px; } html body #admin-settings-modal .ss-wz-it { display:flex; align-items:center; gap:10px; min-width:0; padding:11px 12px; border-radius:12px; border:1px solid #e7ebf0; background:#fff; font:inherit; color:#0b1220; cursor:pointer; text-align:start; } html body #admin-settings-modal .ss-wz-it:hover { border-color:#cbd3de; } html body #admin-settings-modal .ss-wz-it .i { width:30px; height:30px; flex:none; border-radius:9px; background:#f1f5f9; color:#475569; display:flex; align-items:center; justify-content:center; } html body #admin-settings-modal .ss-wz-it b { font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html body #admin-settings-modal .ss-wz-it.on { border-color:#1e2a44; box-shadow:inset 0 0 0 1px #1e2a44; background:#fafbfd; } html body #admin-settings-modal .ss-wz-it.on .i { background:#1e2a44; color:#fff; } html body #admin-settings-modal .ss-wz-ft { display:flex; justify-content:space-between; gap:10px; margin-top:14px; } html body #admin-settings-modal .ss-wz-card.sm + .ss-wz-ft { max-width:440px; margin-left:auto; margin-right:auto; } html body #admin-settings-modal .ss-wz-top { display:flex; align-items:flex-end; gap:12px; } html body #admin-settings-modal .ss-wz-top .grow { flex:1; min-width:0; } html body #admin-settings-modal .ss-wz-top .cnt { font-size:13px; font-weight:600; white-space:nowrap; } html body #admin-settings-modal .ss-wz-bar { height:8px; border-radius:6px; background:#e8ecf1; margin:14px 0 16px; overflow:hidden; } html body #admin-settings-modal .ss-wz-bar i { display:block; height:100%; border-radius:6px; background:#1e2a44; transition:width .3s; } html body #admin-settings-modal .ss-wz-ok { display:flex; align-items:center; gap:8px; padding:10px 12px; margin-bottom:10px; border-radius:12px; background:#f0fdf4; color:#166534; font-size:13px; font-weight:600; } html body #admin-settings-modal .ss-wz-grp { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-auto-flow:row dense; gap:12px; align-items:start; } html body #admin-settings-modal .ss-wz-sec { margin:14px 4px 8px; font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#64748b; } html body #admin-settings-modal .ss-wz-row { background:#fff; border:1px solid #e7ebf0; border-radius:14px; overflow:hidden; min-width:0; } html body #admin-settings-modal .ss-wz-row.on { grid-column:1 / -1; border-color:#c7d2fe; box-shadow:0 4px 14px rgba(15,23,42,.06); } html body #admin-settings-modal .ss-wz-h { display:flex; align-items:center; gap:16px; width:100%; padding:16px 22px; border:0; background:transparent; font:inherit; color:#0b1220; cursor:pointer; text-align:start; } html body #admin-settings-modal .ss-wz-h:hover { background:#fafbfc; } html body #admin-settings-modal .ss-wz-h .ck { width:34px; height:34px; flex:none; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1.5px solid #d5dbe3; color:#64748b; } html body #admin-settings-modal .ss-wz-row.done .ss-wz-h .ck { background:#22c55e; border-color:#22c55e; color:#fff; } html body #admin-settings-modal .ss-wz-row.done .ss-wz-h .ck svg { stroke-width:3; } html body #admin-settings-modal .ss-wz-h .t { flex:1; min-width:0; line-height:1.25; } html body #admin-settings-modal .ss-wz-h .t b { display:block; font-size:15.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html body #admin-settings-modal .ss-wz-h .t em { font-style:normal; font-size:11px; font-weight:500; color:#94a3b8; margin-inline-start:4px; } html body #admin-settings-modal .ss-wz-h .t small { display:block; margin-top:2px; font-size:13px; color:#94a3b8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html body #admin-settings-modal .ss-wz-row.done .ss-wz-h .t b { color:#64748b; } html body #admin-settings-modal .ss-wz-h .m { font-size:13.5px; color:#94a3b8; white-space:nowrap; } html body #admin-settings-modal .ss-wz-row.done .ss-wz-h .m { color:#16a34a; font-weight:600; } html body #admin-settings-modal .ss-wz-h .ch { color:#cbd5e1; font-size:16px; transition:transform .15s; } html body #admin-settings-modal .ss-wz-row.on .ss-wz-h .ch { transform:rotate(90deg); } html body #admin-settings-modal .ss-wz-row.on { background:#fafbfd; } html body #admin-settings-modal .ss-wz-b { padding:2px 22px 18px 72px; } html body #admin-settings-modal .ss-wz[dir=rtl] .ss-wz-b { padding:2px 72px 18px 22px; } html body #admin-settings-modal .ss-wz-b p { margin:0 0 12px; font-size:14px; color:#475569; } html body #admin-settings-modal .ss-wz-acts { display:flex; justify-content:space-between; gap:8px; } html body #admin-settings-modal .ss-wz-home { display:flex; align-items:center; gap:12px; width:100%; margin:0 0 14px; padding:12px 14px; border-radius:14px; border:1px solid #e1e6ed; background:#fff; font:inherit; color:#0b1220; cursor:pointer; text-align:start; } html body #admin-settings-modal .ss-wz-home:hover { border-color:#c7cfda; } html body #admin-settings-modal .ss-wz-home .ck { width:32px; height:32px; flex:none; border-radius:10px; background:#1e2a44; color:#fff; display:flex; align-items:center; justify-content:center; } html body #admin-settings-modal .ss-wz-home .t { flex:none; line-height:1.25; } html body #admin-settings-modal .ss-wz-home .t b { display:block; font-size:14px; font-weight:600; white-space:nowrap; } html body #admin-settings-modal .ss-wz-home .t small { font-size:12px; color:#64748b; white-space:nowrap; } html body #admin-settings-modal .ss-wz-home .bar { flex:1; min-width:40px; height:6px; border-radius:6px; background:#e8ecf1; overflow:hidden; } html body #admin-settings-modal .ss-wz-home .bar i { display:block; height:100%; background:#1e2a44; } html body #admin-settings-modal .ss-wz-home .go { font-size:13px; font-weight:600; color:#1e2a44; white-space:nowrap; } html body #admin-settings-modal .ss-wz-band { display:flex; align-items:center; gap:12px; margin:0 0 14px; padding:11px 14px; border-radius:14px; background:#f1f4f8; border:1px solid #e2e7ee; } html body #admin-settings-modal .ss-wz-band .ck { width:30px; height:30px; flex:none; border-radius:9px; background:#1e2a44; color:#fff; display:flex; align-items:center; justify-content:center; } html body #admin-settings-modal .ss-wz-band .t { flex:1; min-width:0; line-height:1.3; } html body #admin-settings-modal .ss-wz-band .t b { display:block; font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html body #admin-settings-modal .ss-wz-band .t small { display:block; font-size:12.5px; color:#475569; } html body #admin-settings-modal .ss-wz-band .ss-btn { flex:none; } @container ssmain (max-width:640px) { html body #admin-settings-modal .ss-wz-grp { grid-template-columns:minmax(0, 1fr); } html body #admin-settings-modal .ss-wz-h { padding:12px 14px; gap:12px; } html body #admin-settings-modal .ss-wz-h .ck { width:30px; height:30px; } html body #admin-settings-modal .ss-wz-ind { grid-template-columns:repeat(2, minmax(0, 1fr)); } html body #admin-settings-modal .ss-wz-b { padding-left:14px; } html body #admin-settings-modal .ss-wz-home .bar { display:none; } html body #admin-settings-modal .ss-wz-home .t { flex:1; min-width:0; } html body #admin-settings-modal .ss-wz-band { flex-wrap:wrap; } html body #admin-settings-modal .ss-wz-band .t { flex-basis:calc(100% - 42px); } html body #admin-settings-modal .ss-wz-card { padding:18px 16px; } } html body #admin-settings-modal .ss-h2top { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 16px; flex-wrap:wrap; } html body #admin-settings-modal .ss-hplan { display:flex; align-items:center; flex:none; margin-right:4px; } html body #admin-settings-modal .ss-hplan:empty { display:none; } html body #admin-settings-modal .ss-hplan { display:none !important; } html body #admin-settings-modal .ss-h2top h2 { margin:0; font:800 20px var(--tsp-ff, Inter, sans-serif); color:#0f172a; } html body #admin-settings-modal .ss-h2top p { margin:2px 0 0; font:600 12.5px var(--tsp-ff, Inter, sans-serif); color:#64748b; } html body #admin-settings-modal .ss-h2q { flex:0 1 380px; display:flex; align-items:center; gap:8px; height:38px; padding:0 12px; background:#fff; border:1px solid #dfe5ec; border-radius:10px; } html body #admin-settings-modal .ss-h2q svg { width:16px; height:16px; fill:none; stroke:#94a3b8; stroke-width:2.2; stroke-linecap:round; flex:0 0 auto; } html body #admin-settings-modal .ss-h2q input { flex:1; min-width:0; border:0; outline:none; background:transparent; font:600 13px var(--tsp-ff, Inter, sans-serif); color:#0f172a; } html body #admin-settings-modal .ss-h2grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:12px; } @container ssmain (max-width: 560px) { html body #admin-settings-modal .ss-h2grid { grid-template-columns:minmax(0, 1fr); } html body #admin-settings-modal .ss-h2q { flex:1 1 100%; } } html body #admin-settings-modal .ss-h2t { display:flex; flex-direction:column; gap:8px; background:#fff; border:1px solid #e5e9f0; border-radius:14px; padding:16px; cursor:pointer; transition:box-shadow .15s, border-color .15s; min-width:0; } html body #admin-settings-modal .ss-h2t:hover { border-color:#cfd8e3; box-shadow:0 8px 22px rgba(15,23,42,.08); } html body #admin-settings-modal .ss-h2i { width:40px; height:40px; border-radius:11px; display:flex; align-items:center; justify-content:center; } html body #admin-settings-modal .ss-h2i svg { width:22px; height:22px; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } html body #admin-settings-modal .ss-h2t > b { font:800 15px var(--tsp-ff, Inter, sans-serif); color:#0f172a; margin-top:4px; white-space:nowrap; } html body #admin-settings-modal .ss-h2k { display:flex; flex-wrap:wrap; gap:4px; flex:1; align-content:flex-start; } html body #admin-settings-modal .ss-h2k button { position:relative; height:24px; padding:0 8px; border:0; border-radius:6px; background:#f1f5f9; font:600 11.5px var(--tsp-ff, Inter, sans-serif); color:#475569; cursor:pointer; white-space:nowrap; } html body #admin-settings-modal .ss-h2t { cursor:default; } html body #admin-settings-modal .ss-h2t:hover { border-color:#e5e9f0; box-shadow:none; } html body #admin-settings-modal .ss-h2k button { transition:background .15s, color .15s, box-shadow .15s, transform .15s; } html body #admin-settings-modal .ss-h2k button::after { display:none; } html body #admin-settings-modal .ss-h2k button:hover { background:color-mix(in srgb, var(--gc,#2563eb) 12%, #fff); color:#0f172a; box-shadow:0 0 0 1.5px color-mix(in srgb, var(--gc,#2563eb) 35%, transparent); transform:translateY(-1px); } html body #admin-settings-modal .ss-h2k button:active { transform:scale(.96); } html body #admin-settings-modal button.ss-h2o { border:0; background:none; padding:4px 6px; margin:-4px -6px; border-radius:8px; cursor:pointer; } html body #admin-settings-modal button.ss-h2o:hover { background:color-mix(in srgb, var(--gc,#2563eb) 12%, #fff); } html body #admin-settings-modal .ss-h2k button.w { background:#fef3c7; color:#92400e; } html body #admin-settings-modal .ss-h2k button i { position:absolute; top:-2px; right:-2px; width:7px; height:7px; border-radius:50%; background:#f59e0b; box-shadow:0 0 0 2px #fff; } html body #admin-settings-modal .ss-h2f { display:flex; align-items:center; justify-content:space-between; margin-top:6px; } html body #admin-settings-modal .ss-h2b { display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 9px; border-radius:99px; font:800 11px var(--tsp-ff, Inter, sans-serif); white-space:nowrap; } html body #admin-settings-modal .ss-h2b svg { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:3.2; stroke-linecap:round; stroke-linejoin:round; } html body #admin-settings-modal .ss-h2b.ok { background:#dcfce7; color:#15803d; } html body #admin-settings-modal .ss-h2b.todo { background:#fef3c7; color:#b45309; } html body #admin-settings-modal .ss-h2b.opt { background:transparent; color:#94a3b8; padding:0; } html body #admin-settings-modal .ss-h2o { font:700 12px var(--tsp-ff, Inter, sans-serif); color:#2563eb; } html body #admin-settings-modal .ss-home { padding:4px 2px 20px; } html body #admin-settings-modal .ss-hg h4 { margin:18px 4px 10px; font:700 12px var(--tsp-ff, Inter, sans-serif); letter-spacing:.6px; text-transform:uppercase; color:#64748b; } html body #admin-settings-modal .ss-hg:first-child h4 { margin-top:4px; } html body #admin-settings-modal .ss-hgrid { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:12px; } #admin-settings-modal .ss-su-pr { display:flex; align-items:center; gap:12px; margin:2px 0 12px; font-size:12.5px; font-weight:700; color:#475569; } #admin-settings-modal .ss-su-pr .bar, #admin-settings-modal .ss-kp .bar { flex:1; height:8px; border-radius:99px; background:#e8edf2; overflow:hidden; } #admin-settings-modal .ss-su-pr .bar i, #admin-settings-modal .ss-kp .bar i { display:block; height:100%; border-radius:99px; background:#2f6fd6; } #admin-settings-modal .ss-su-steps { display:grid; gap:8px; } #admin-settings-modal .ss-su-st { display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:12px; background:#fff; box-shadow:0 0 0 1px #e5eaf0; } #admin-settings-modal .ss-su-st .n { flex:none; width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:800; background:#eef2f7; color:#475569; } #admin-settings-modal .ss-su-st.ok .n { background:#dcfce7; color:#15803d; } #admin-settings-modal .ss-su-st .t { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; } #admin-settings-modal .ss-su-st .t b { font-size:13.5px; color:#0f172a; } #admin-settings-modal .ss-su-st .t em { font-style:normal; font-size:11px; color:#94a3b8; font-weight:600; } #admin-settings-modal .ss-su-st .t small, #admin-settings-modal .ss-su-k .t small { font-size:12px; color:#64748b; line-height:1.4; } #admin-settings-modal .ss-su-st.ok .t b { color:#475569; } #admin-settings-modal .ss-su-help { font-size:11.5px; color:#b45309; font-weight:700; white-space:nowrap; } #admin-settings-modal .ss-su-k { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:12px 0; border-top:1px solid #eef2f6; } #admin-settings-modal .ss-su-k:first-child { border-top:0; } #admin-settings-modal .ss-su-k .t { flex:1 1 240px; min-width:0; display:flex; flex-direction:column; gap:2px; } #admin-settings-modal .ss-su-k .t b { font-size:13.5px; color:#0f172a; } #admin-settings-modal .ss-su-k .ctl { flex:1 1 320px; display:flex; align-items:center; gap:8px; } #admin-settings-modal .ss-su-k .ctl .ss-in { flex:1; min-width:0; } #admin-settings-modal .ss-su-set { font-size:12px; font-weight:800; color:#15803d; white-space:nowrap; } #admin-settings-modal .ss-su-no { font-size:12px; font-weight:700; color:#94a3b8; white-space:nowrap; } #admin-settings-modal .ss-kdg { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; margin-top:4px; } @container ssmain (max-width: 1100px) { #admin-settings-modal .ss-kdg { grid-template-columns:repeat(2, minmax(0, 1fr)); } } @container ssmain (max-width: 700px) { #admin-settings-modal .ss-kdg { grid-template-columns:1fr; } } #admin-settings-modal .ss-kdc { background:#fff; border:1px solid #e5e9f0; border-radius:14px; padding:14px 14px 8px; min-width:0; } #admin-settings-modal .ss-kdc h4 { margin:0 0 8px; display:flex; align-items:center; justify-content:space-between; gap:8px; font:800 13px var(--tsp-ff, Inter, sans-serif); color:#0f172a; white-space:nowrap; } #admin-settings-modal .ss-kdc h4 button { border:0; background:transparent; padding:2px 0; font:700 11.5px var(--tsp-ff, Inter, sans-serif); color:#2563eb; cursor:pointer; white-space:nowrap; } #admin-settings-modal .ss-kdc .ln { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:3px 10px; padding:7px 0; border-top:1px solid #f1f5f9; font:600 12.5px var(--tsp-ff, Inter, sans-serif); color:#0f172a; } #admin-settings-modal .ss-kdc .ln:first-of-type { border-top:0; } #admin-settings-modal .ss-kdc .ln > span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-kdc .ln > b { font-variant-numeric:tabular-nums; white-space:nowrap; } #admin-settings-modal .ss-kdc .ln small { grid-column:1 / -1; display:flex; align-items:center; gap:10px; font:500 11px var(--tsp-ff, Inter, sans-serif); color:#64748b; white-space:nowrap; } #admin-settings-modal .ss-kdc .br { flex:1; height:6px; border-radius:4px; background:#eef2f7; overflow:hidden; min-width:40px; } #admin-settings-modal .ss-kdc .br u { display:block; height:100%; background:#2f5f8f; border-radius:4px; } #admin-settings-modal .ss-kde { padding:10px 0; font:500 12px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; text-align:left !important; } #admin-settings-modal .ss-kdh { display:flex; align-items:center; gap:12px; margin:4px 0 10px; white-space:nowrap; } #admin-settings-modal .ss-kdh b { font:800 15px var(--tsp-ff, Inter, sans-serif); color:#0f172a; } #admin-settings-modal .ss-kdh span { font:500 12px var(--tsp-ff, Inter, sans-serif); color:#64748b; } #admin-settings-modal .ss-kdt .ss-kpv { display:inline-flex; align-items:center; gap:7px; } html[data-theme="dark"] #admin-settings-modal .ss-kdc { background:#1e293b; border-color:#334155; } html[data-theme="dark"] #admin-settings-modal .ss-kdc h4, html[data-theme="dark"] #admin-settings-modal .ss-kdc .ln, html[data-theme="dark"] #admin-settings-modal .ss-kdh b { color:#e2e8f0; } html[data-theme="dark"] #admin-settings-modal .ss-kdc .ln { border-color:#334155; } html[data-theme="dark"] #admin-settings-modal .ss-kdc .br { background:#334155; } html[data-theme="dark"] #admin-settings-modal .ss-kdc .br u { background:#60a5fa; } #admin-settings-modal .ss-ktb { background:#fff; border:1px solid #e5e9f0; border-radius:14px; overflow-x:auto; margin-bottom:12px; } #admin-settings-modal .ss-ktb table { width:100%; border-collapse:collapse; font:500 13px Inter,sans-serif; color:#0f172a; } #admin-settings-modal .ss-ktb th { background:#f8fafc; font:700 10.5px Inter,sans-serif; letter-spacing:.05em; text-transform:uppercase; color:#64748b; padding:9px 12px; text-align:right; white-space:nowrap; border-bottom:1px solid #e5e9f0; } #admin-settings-modal .ss-ktb th:first-child, #admin-settings-modal .ss-ktb td:first-child { text-align:left; } #admin-settings-modal .ss-ktb td { padding:9px 12px; text-align:right; border-bottom:1px solid #f1f5f9; white-space:nowrap; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-ktb td:first-child em { font:500 11px Inter,sans-serif; font-style:normal; color:#94a3b8; margin-left:8px; } #admin-settings-modal .ss-ktb tr.sub td { font-size:12px; color:#64748b; padding:5px 12px; background:#fcfcfd; } #admin-settings-modal .ss-ktb tr.sub td:first-child { padding-left:30px; } #admin-settings-modal .ss-ktb tr.tot td { font-weight:800; background:#f8fafc; border-bottom:1px solid #e5e9f0; } #admin-settings-modal .ss-ktb tr.pvt td { padding:0; border-bottom:0; } #admin-settings-modal .ss-ktb tr.pvt button { display:flex; align-items:center; gap:7px; width:100%; border:0; background:#fff; padding:9px 12px; font:700 12.5px Inter,sans-serif; color:#334155; cursor:pointer; text-align:left; } #admin-settings-modal .ss-ktb tr.pvt button:hover { background:#f8fafc; } #admin-settings-modal .ss-ktb tr.pvt i { font-style:normal; display:inline-block; transition:transform .15s; color:#64748b; } #admin-settings-modal .ss-ktb tr.pvt em { font:700 11px Inter,sans-serif; font-style:normal; color:#64748b; background:#f1f5f9; border-radius:99px; padding:1px 7px; } #admin-settings-modal .ss-ktb table.pv-open tr.pvt i { transform:rotate(90deg); } #admin-settings-modal .ss-ktb tr.pvt + tr.pv td { border-top:1px solid #f1f5f9; } #admin-settings-modal .ss-kpv { display:inline-flex; align-items:center; gap:6px; font:700 11px Inter,sans-serif; letter-spacing:.03em; color:var(--pc); background:color-mix(in srgb, var(--pc) 10%, #fff); border:1px solid color-mix(in srgb, var(--pc) 28%, #fff); border-radius:6px; padding:2px 8px; white-space:nowrap; } #admin-settings-modal .ss-kpv i { width:7px; height:7px; border-radius:50%; background:var(--pc); } #admin-settings-modal .ss-ktb tr.pv { display:none; } #admin-settings-modal .ss-ktb table.pv-open tr.pv { display:table-row; } #admin-settings-modal .ss-ktb table.o-prov tr.g-prov, #admin-settings-modal .ss-ktb table.o-tech tr.g-tech, #admin-settings-modal .ss-ktb table.o-cat tr.g-cat, #admin-settings-modal .ss-ktb table.o-brand tr.g-brand, #admin-settings-modal .ss-ktb table.o-model tr.g-model, #admin-settings-modal .ss-ktb table.o-pay tr.g-pay { display:table-row; } #admin-settings-modal .ss-ktb table.o-prov tr.g-prov-h i, #admin-settings-modal .ss-ktb table.o-tech tr.g-tech-h i, #admin-settings-modal .ss-ktb table.o-cat tr.g-cat-h i, #admin-settings-modal .ss-ktb table.o-brand tr.g-brand-h i, #admin-settings-modal .ss-ktb table.o-model tr.g-model-h i, #admin-settings-modal .ss-ktb table.o-pay tr.g-pay-h i { transform:rotate(90deg); } #admin-settings-modal .ss-ksum { display:flex; flex-wrap:nowrap; gap:28px; align-items:baseline; background:#fff; border:1px solid #e5e9f0; border-radius:14px; padding:12px 16px; margin-bottom:12px; overflow-x:auto; white-space:nowrap; } #admin-settings-modal .ss-ksum .it { display:inline-flex; align-items:baseline; gap:7px; } #admin-settings-modal .ss-ksum small { font:600 12px Inter,sans-serif; color:#64748b; } #admin-settings-modal .ss-ksum b { font:800 18px Inter,sans-serif; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-ksum i { font:500 11px Inter,sans-serif; font-style:normal; color:#94a3b8; } #admin-settings-modal .ss-ktb td.g { color:#15803d; font-weight:700; } #admin-settings-modal .ss-ktb tr.sub td.g { font-weight:600; } #admin-settings-modal .ss-ktp { display:inline-block; font:800 10.5px Inter,sans-serif; letter-spacing:.04em; padding:3px 9px; border-radius:6px; color:#fff; } #admin-settings-modal .ss-ktp.o { background:#e11d48; } #admin-settings-modal .ss-ktp.w { background:#7c3aed; } #admin-settings-modal .ss-kps { display:none !important; } #admin-settings-modal .ss-kr .s, #admin-settings-modal .ss-kr .f { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; } #admin-settings-modal .ss-kr .f { font-size:10.5px !important; } #admin-settings-modal .ss-krs { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:10px; margin-bottom:10px; } #admin-settings-modal .ss-kr { display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; padding:14px 10px 14px; border-radius:12px; background:#fff; box-shadow:0 0 0 1px #e5eaf0; min-width:0; } #admin-settings-modal .ss-kr .l { font-size:10.5px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; color:#64748b; white-space:nowrap; } #admin-settings-modal .ss-kr .rg { position:relative; width:112px; height:112px; margin:6px 0 4px; } #admin-settings-modal .ss-kr .rg svg { width:100%; height:100%; display:block; } #admin-settings-modal .ss-kr .rg .c { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; } #admin-settings-modal .ss-kr .rg .c b { font-size:21px; font-weight:900; color:#0f172a; line-height:1.1; } #admin-settings-modal .ss-kr .rg .c small { font-size:10.5px; font-weight:700; color:#64748b; } #admin-settings-modal .ss-kr .v { font-size:19px; font-weight:900; color:#0f172a; } #admin-settings-modal .ss-kr .s { font-size:11.5px; font-weight:600; color:#64748b; line-height:1.35; } #admin-settings-modal .ss-kr .f { margin-top:4px; padding:3px 8px; border-radius:7px; background:#f1f5f9; font-size:11px; font-weight:700; color:#334155; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; } #admin-settings-modal .ss-kr .f b { font-weight:900; color:#0f172a; } #admin-settings-modal .ss-rfi { font-style:normal; display:inline-block; } #admin-settings-modal .ss-kpi-rf .ss-rfi { animation:ssRf .8s linear infinite; } @keyframes ssRf { to { transform:rotate(360deg); } } #admin-settings-modal .ss-kr.ss-kp-click { cursor:pointer; } #admin-settings-modal .ss-kr.ss-kp-click:hover { box-shadow:0 0 0 1px #cbd5e1, 0 4px 14px rgba(15,23,42,.06); } #admin-settings-modal .ss-kr.ss-kp-click.on { box-shadow:0 0 0 2px #334155; } @container ssmain (max-width:980px) { #admin-settings-modal .ss-krs { grid-template-columns:repeat(3, minmax(0,1fr)); } } @container ssmain (max-width:560px) { #admin-settings-modal .ss-krs { grid-template-columns:repeat(2, minmax(0,1fr)); } #admin-settings-modal .ss-kr .rg { width:96px; height:96px; } } #admin-settings-modal .ss-kps { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:10px; } #admin-settings-modal .ss-kp { display:flex; flex-direction:column; gap:6px; padding:12px 14px; border-radius:12px; background:#fff; box-shadow:0 0 0 1px #e5eaf0; } #admin-settings-modal .ss-kp small { font-size:10.5px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; color:#64748b; } #admin-settings-modal .ss-kp b { font-size:22px; font-weight:800; color:#0f172a; font-variant-numeric:tabular-nums; } #admin-settings-modal .ss-kp span { font-size:11.5px; color:#64748b; font-weight:600; } #admin-settings-modal .ss-kp .bar { flex:none; height:6px; } #admin-settings-modal .ss-kp.ok .bar i { background:#16a34a; } #admin-settings-modal .ss-kp.mid .bar i { background:#f59e0b; } #admin-settings-modal .ss-kp.low .bar i { background:#e5484d; } #admin-settings-modal .ss-kgs { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:10px; } #admin-settings-modal .ss-kg { display:flex; flex-direction:column; gap:5px; font-size:12px; font-weight:700; color:#475569; } html body #admin-settings-modal .ss-hc { display:flex; gap:14px; align-items:flex-start; text-align:left; background:#fff; border:0; border-radius:10px; padding:18px 18px 22px; box-shadow:0 1px 2px rgba(15,23,42,.06), 0 0 0 1px rgba(15,23,42,.04); cursor:pointer; font:inherit; transition:box-shadow .15s, transform .15s; } html body #admin-settings-modal .ss-hc:hover { box-shadow:0 6px 18px rgba(15,23,42,.1), 0 0 0 1px rgba(47,111,214,.25); } html body #admin-settings-modal .ss-hc i { width:36px; height:36px; border-radius:9px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; } html body #admin-settings-modal .ss-hc i svg { width:20px; height:20px; fill:currentColor; } html body #admin-settings-modal .ss-hc b { display:flex; align-items:center; gap:6px; font:600 14px var(--tsp-ff, Inter, sans-serif); color:#1e293b; margin:4px 0 6px; } html body #admin-settings-modal .ss-hc b em { font-style:normal; font-size:10.5px; font-weight:800; color:#fff; background:#e5484d; border-radius:9px; padding:1px 6px; } html body #admin-settings-modal .ss-hc small { display:block; font:500 12.5px/1.4 var(--tsp-ff, Inter, sans-serif); color:#64748b; } #admin-settings-modal .ss-sec.v2 { background:#fff !important; border:0 !important; box-shadow:0 0 0 1px #e6eaf0 !important; border-radius:14px !important; margin-bottom:12px !important; } #admin-settings-modal .ss-sec.v2 > .ss-sec-h { padding:14px 18px 2px !important; display:flex !important; } #admin-settings-modal .ss-sec.v2 .ss-sec-h h3 { display:flex !important; font-size:15px !important; font-weight:700 !important; letter-spacing:0 !important; text-transform:none !important; color:#0f172a !important; padding-bottom:0 !important; border:0 !important; box-shadow:none !important; background:none !important; } #admin-settings-modal .ss-sec.v2 .ss-sec-h h3::after, #admin-settings-modal .ss-sec.v2 .ss-sec-h h3::before { display:none !important; content:none !important; } #admin-settings-modal .ss-sec.v2 .ss-sec-h p { margin:2px 0 0 !important; font-size:12.5px !important; font-weight:500 !important; color:#64748b !important; } #admin-settings-modal .ss-sec.v2 > .ss-sec-b { padding:10px 18px 16px !important; } #admin-settings-modal .ss-sec.v2 .ss-form { gap:10px 16px !important; } #admin-settings-modal .ss-sec.v2 .ss-f > label { font-size:12.5px !important; font-weight:600 !important; text-transform:none !important; letter-spacing:0 !important; color:#334155 !important; margin-bottom:5px !important; min-height:0 !important; white-space:nowrap; } #admin-settings-modal .ss-sec.v2 .ss-f > .ss-in { height:36px !important; font-size:13.5px !important; font-weight:500 !important; border-radius:10px !important; border-color:#dbe2ea !important; padding:0 12px !important; color:#0f172a !important; } #admin-settings-modal .ss-sec.v2 .ss-f > .ss-in::placeholder { color:#94a3b8; font-weight:500; } #admin-settings-modal .ss-sec.v2 .ss-f > .ss-in:focus { border-color:#93b4f8 !important; box-shadow:0 0 0 3px #eef4ff !important; } #admin-settings-modal .ss-sec.v2 .ss-f > .ss-in.ss-issue { border-color:#f59e0b !important; background:#fffbeb !important; box-shadow:none !important; } #admin-settings-modal .ss-sec.v2 .ss-imark { display:none !important; } #admin-settings-modal .ss-sec.v2 .ss-info { margin-left:5px !important; width:15px !important; height:15px !important; min-width:15px !important; font-size:9.5px !important; color:#94a3b8 !important; border:1px solid #d5dce5 !important; background:#fff !important; box-shadow:none !important; } #admin-settings-modal .ss-sec.v2 .ss-info:hover, #admin-settings-modal .ss-sec.v2 .ss-info[aria-expanded=true] { color:#2563eb !important; border-color:#93b4f8 !important; } #admin-settings-modal .ss-sec.v2 .ss-brand .ss-btn { height:34px !important; padding:0 14px !important; border-radius:10px !important; background:#fff !important; border:1px solid #dbe2ea !important; color:#334155 !important; font-weight:600 !important; box-shadow:none !important; } #admin-settings-modal .ss-sec.v2 .ss-brand { gap:10px !important; } #admin-settings-modal .ss-sec.v2 .ss-brand-ic { width:36px !important; height:36px !important; border-radius:10px !important; } html body #admin-settings-modal #ss-main input.ss-in:not([type=date]):not([type=checkbox]):not([type=radio]):not([type=color]), html body #admin-settings-modal #ss-main select.ss-sel, html body #admin-settings-modal #ss-main .ss-f > select { height:34px !important; min-height:34px; border:1px solid #dbe2ea !important; border-radius:9px !important; padding:0 10px !important; font-size:13px !important; font-weight:500 !important; color:#0f172a !important; background-color:#fff !important; box-shadow:none !important; } html body #admin-settings-modal #ss-main textarea.ss-in { border:1px solid #dbe2ea !important; border-radius:9px !important; padding:8px 10px !important; font-size:13px !important; font-weight:500 !important; line-height:1.45 !important; color:#0f172a !important; background:#fff !important; } html body #admin-settings-modal #ss-main .ss-adorn { height:34px !important; border:1px solid #dbe2ea !important; border-radius:9px !important; background:#fff !important; } html body #admin-settings-modal #ss-main .ss-adorn input.ss-in { height:100% !important; min-height:0; border:0 !important; border-radius:0 !important; background:transparent !important; padding:0 8px !important; } html body #admin-settings-modal #ss-main .ss-adorn .ad { font-size:11.5px !important; font-weight:700 !important; color:#64748b !important; background:#f6f8fa !important; } html body #admin-settings-modal #ss-main td input.ss-in:not([type=date]):not([type=checkbox]):not([type=radio]):not([type=color]), html body #admin-settings-modal #ss-main td select.ss-sel, html body #admin-settings-modal #ss-main td .ss-adorn { height:32px !important; min-height:32px; } html body #admin-settings-modal #ss-main .ss-adorn input.ss-in:not([type=date]):not([type=checkbox]):not([type=radio]):not([type=color]) { height:100% !important; min-height:0; border:0 !important; border-radius:0 !important; background:transparent !important; padding:0 8px !important; box-shadow:none !important; } html body #admin-settings-modal #ss-main td .ss-adorn input.ss-in { height:100% !important; } html body #admin-settings-modal #ss-main input.ss-in:focus, html body #admin-settings-modal #ss-main select.ss-sel:focus, html body #admin-settings-modal #ss-main textarea.ss-in:focus, html body #admin-settings-modal #ss-main .ss-adorn:focus-within { border-color:#94a3b8 !important; box-shadow:0 0 0 3px rgba(29,34,43,.08) !important; outline:0 !important; } html body #admin-settings-modal #ss-main .ss-adorn input.ss-in:focus { box-shadow:none !important; } html body #admin-settings-modal #ss-main .ss-in::placeholder { color:#94a3b8 !important; font-weight:500 !important; } html body #admin-settings-modal #ss-main .ss-f > label, html body #admin-settings-modal #ss-main .ss-f .lbl { font-size:12.5px !important; font-weight:600 !important; text-transform:none !important; letter-spacing:0 !important; color:#334155 !important; min-height:0 !important; white-space:nowrap; } html body #admin-settings-modal #ss-main .ss-f { row-gap:5px !important; } html body #admin-settings-modal #ss-main .ss-f .ss-adorn { height:34px !important; } html body #admin-settings-modal #ss-main .ss-su-k .ctl { flex:0 1 480px !important; min-width:300px; } html body #admin-settings-modal #ss-main .ss-su-k .ctl .ss-su-set, html body #admin-settings-modal #ss-main .ss-su-k .ctl .ss-su-no { flex:0 0 54px; white-space:nowrap; font-size:12px; } html body #admin-settings-modal #ss-main .ss-su-k .ctl .ss-link { flex:0 0 52px; text-align:left; } html body #admin-settings-modal #ss-main .ss-su-k .ctl:not(:has(.ss-link))::after { content:''; flex:0 0 52px; } html body #admin-settings-modal #ss-main .ss-su-k .ctl:not(:has(.ss-su-set, .ss-su-no))::before { content:''; flex:0 0 54px; } html body #admin-settings-modal #ss-main .ss-form > .ss-f:has(> .ss-adorn), html body #admin-settings-modal #ss-main .ss-form > .ss-f:has(> input.ss-in.num) { max-width:240px; } html body #admin-settings-modal #ss-main a, html body #admin-settings-modal #ss-main .ss-link { color:#2563eb; font-weight:600; text-decoration:none !important; } html body #admin-settings-modal #ss-main a:hover, html body #admin-settings-modal #ss-main .ss-link:hover { opacity:.8; } html body #admin-settings-modal #ss-main label:has(> input[type=checkbox]) { font-size:13px !important; font-weight:600 !important; line-height:1.4 !important; } html body #admin-settings-modal #ss-main .ap-tr select, html body #admin-settings-modal #ss-main .ap-row input:not([type=color]):not([type=checkbox]):not([type=range]), html body #admin-settings-modal #ss-main .ap-wd input, html body #admin-settings-modal #ss-main .ap-wadd input, html body #admin-settings-modal #ss-main .ap-sadd input, html body #admin-settings-modal #ss-main .ap-sel { height:32px !important; border:1px solid #dbe2ea !important; border-radius:9px !important; font-size:13px !important; font-weight:500 !important; color:#0f172a !important; } #admin-settings-modal .ss-sec.pv .ss-sec-tools { display:flex !important; gap:8px !important; align-items:center; flex-wrap:nowrap !important; } #admin-settings-modal .ss-sec.pv .ss-chipadd.mini .ss-in { width:170px !important; flex:0 0 170px !important; height:32px !important; font-size:13px !important; border-radius:9px !important; } #admin-settings-modal .ss-sec.pv .ss-btn.sm { height:32px !important; border-radius:9px !important; white-space:nowrap; } #admin-settings-modal .pv-wrap { overflow-x:auto; margin:4px -18px -16px; } #admin-settings-modal .pv-t { width:100%; border-collapse:collapse; font-size:13px; } #admin-settings-modal .pv-t th { text-align:left; font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#64748b; padding:9px 10px; border-bottom:1px solid #e6eaf0; border-top:1px solid #eef1f5; white-space:nowrap; vertical-align:bottom; line-height:1.3; } #admin-settings-modal .pv-t th:first-child, #admin-settings-modal .pv-t td:first-child { padding-left:18px; } #admin-settings-modal .pv-t th small { display:block; font-weight:600; text-transform:none; letter-spacing:0; color:#94a3b8; font-size:11px; } #admin-settings-modal .pv-t th.c { text-align:center; } #admin-settings-modal .pv-t td { padding:7px 10px; border-bottom:1px solid #f1f4f7; white-space:nowrap; vertical-align:middle; } #admin-settings-modal .pv-t tbody tr:last-child td { border-bottom:0; } #admin-settings-modal .pv-n b { display:block; font-size:13.5px; font-weight:700; color:#0f172a; } #admin-settings-modal .pv-n small { font-size:11.5px; color:#94a3b8; } #admin-settings-modal .pv-u { min-width:170px; width:auto; } #admin-settings-modal .pv-u .ss-in { height:32px !important; font-size:12.5px !important; border-radius:9px !important; border-color:#dbe2ea !important; font-weight:500 !important; } #admin-settings-modal .pv-d { width:68px; padding-left:4px !important; padding-right:4px !important; } #admin-settings-modal .pv-d .ss-adorn { height:32px !important; border-radius:9px !important; width:62px; border-color:#dbe2ea !important; } #admin-settings-modal .pv-d .ss-adorn .ss-in { text-align:right; font-weight:600 !important; font-size:13px !important; padding:0 2px 0 6px !important; } #admin-settings-modal .pv-d .ad.suf { font-size:11px; color:#94a3b8; padding:0 7px 0 2px; } #admin-settings-modal .pv-na { color:#cbd5e1; text-align:center; font-size:12px; } #admin-settings-modal .pv-seg { display:inline-flex !important; height:32px; border:1px solid #dbe2ea !important; border-radius:9px !important; overflow:hidden; background:#fff !important; } #admin-settings-modal .pv-seg button { height:30px !important; padding:0 9px !important; border:0 !important; background:#fff !important; font-size:12px !important; font-weight:600 !important; color:#64748b !important; white-space:nowrap; border-radius:0 !important; box-shadow:none !important; } #admin-settings-modal .pv-seg button + button { border-left:1px solid #dbe2ea !important; } #admin-settings-modal .pv-seg button.on { background:#eef4ff !important; color:#1d4ed8 !important; } #admin-settings-modal .pv-x { width:34px; text-align:center; } #admin-settings-modal .pv-del { width:28px; height:28px; border:0; background:none; border-radius:8px; color:#cbd5e1; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; } #admin-settings-modal .pv-del:hover { background:#fef2f2; color:#dc2626; } #admin-settings-modal .pv-del svg { width:16px; height:16px; fill:currentColor; } #admin-settings-modal .pv-own td { background:#fafbfc; } #admin-settings-modal .pv-empty { text-align:center; color:#64748b; padding:24px !important; } #admin-settings-modal .pv-note { font-size:12.5px; color:#475569; background:#f1f5f9; border-radius:9px; padding:8px 12px; margin:2px 0 8px; } #admin-settings-modal .pv-list { margin-top:12px; } @container ssmain (max-width:760px) { #admin-settings-modal .ss-sec.pv .ss-sec-tools { flex-wrap:wrap !important; } #admin-settings-modal .pv-wrap { margin:4px -12px -12px; } } #admin-settings-modal .ss-issues.v2 { display:block !important; padding:0 !important; margin:0 0 12px !important; border:1px solid #fde3b5 !important; background:#fff8eb !important; border-radius:10px !important; } #admin-settings-modal .ss-issues.v2 .ss-iss-h { display:flex; align-items:center; gap:8px; width:100%; height:34px; padding:0 12px; border:0; background:none; cursor:pointer; font:inherit; font-size:12.5px; color:#92400e; text-align:left; white-space:nowrap; } #admin-settings-modal .ss-issues.v2 .ic { width:18px !important; height:18px !important; border-radius:9px !important; font-size:11px !important; flex:none; background:#f59e0b; color:#fff; font-weight:900; display:flex; align-items:center; justify-content:center; } #admin-settings-modal .ss-issues.v2 .ss-iss-h b { flex:none; } #admin-settings-modal .ss-issues.v2 .ss-iss-h .t { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; color:#b45309; } #admin-settings-modal .ss-issues.v2 .ss-iss-h i { font-style:normal; font-weight:700; color:#b45309; flex:none; } #admin-settings-modal .ss-issues.v2 .ss-iss-b { padding:0 12px 10px 38px; font-size:12.5px; color:#78350f; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-page-h h2 { font-size:20px !important; font-weight:800 !important; color:#0f172a !important; letter-spacing:0 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-page-h p { font-size:13px !important; font-weight:500 !important; color:#64748b !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-sec h3, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .grow > h3 { font-size:15px !important; font-weight:800 !important; color:#0f172a !important; letter-spacing:0 !important; text-transform:none !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-sec-h h3 { display:block !important; font-size:15px !important; font-weight:800 !important; letter-spacing:0 !important; text-transform:none !important; color:#0f172a !important; padding-bottom:0 !important; border-bottom:0 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .grow > p, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .grow > .ss-sub, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-sec .ss-sub { font-size:12.5px !important; font-weight:500 !important; color:#64748b !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-f > label, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-f .lbl { font-size:13px !important; font-weight:600 !important; color:#334155 !important; text-transform:none !important; letter-spacing:0 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-small, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-note, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .snd-note, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-empty { font-size:12px !important; font-weight:500 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-sub-h, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .snd-lb, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-kw-h, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .rf-ty, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .rf-pvh, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ctx-lb, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .dc-l, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-dd-g, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-hg h4 { font-size:13px !important; font-weight:700 !important; color:#2563eb !important; text-transform:none !important; letter-spacing:0 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-th, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-thx-h, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-thx-h span, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main th, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-card .k, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-ll-kpi .k small, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-kp small, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-kr .l, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-row .ss-ml, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-kin-h b { font-size:12px !important; font-weight:700 !important; color:#64748b !important; text-transform:none !important; letter-spacing:0 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .snd-row b, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-check b, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-bk-row > span { font-size:14px !important; font-weight:700 !important; color:#0f172a !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .snd-row small { font-size:12px !important; font-weight:500 !important; color:#94a3b8 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .snd-tabs button { font-size:13.5px !important; font-weight:600 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-link { font-size:13px !important; font-weight:700 !important; color:#2563eb !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-in, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-sel, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main select.ss-in { font-size:13.5px !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .snd-btn { height:36px !important; padding:0 16px !important; border-radius:10px !important; font:700 13px var(--tsp-ff, Inter, sans-serif) !important; text-transform:none !important; letter-spacing:0 !important; background:#fff !important; border:1px solid #e2e8f0 !important; color:#0f172a !important; box-shadow:none !important; gap:6px; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn:hover:not(:disabled), html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .snd-btn:hover { background:#f8fafc !important; border-color:#cbd5e1 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn.pri, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .snd-btn:not(.ghost) { background:#1e2a44 !important; border-color:#1e2a44 !important; color:#fff !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn.pri:hover:not(:disabled), html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .snd-btn:not(.ghost):hover { background:#2a3a5e !important; border-color:#2a3a5e !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn.pri:disabled, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn:disabled { background:#f1f5f9 !important; border-color:#e2e8f0 !important; color:#94a3b8 !important; opacity:1 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn.ok { background:#047857 !important; border-color:#047857 !important; color:#fff !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn.danger, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn.ss-doc-del { background:#fff !important; border-color:#fecaca !important; color:#dc2626 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn.danger:hover:not(:disabled), html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn.ss-doc-del:hover:not(:disabled) { background:#fef2f2 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-btn.sm, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-sec-tools .ss-btn, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-chipadd.mini .ss-btn { height:32px !important; padding:0 14px !important; font-size:12.5px !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-pagebar .ss-btn { height:38px !important; padding:0 18px !important; font-size:13.5px !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-cs-b, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .snd-chips button, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-fchip, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-kw-tab, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ap-mg { height:34px !important; padding:0 14px !important; border-radius:999px !important; border:1px solid #e2e8f0 !important; background:#fff !important; color:#0f172a !important; font:600 13px var(--tsp-ff, Inter, sans-serif) !important; box-shadow:none !important; text-transform:none !important; letter-spacing:0 !important; white-space:nowrap; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-cs-b.on, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .snd-chips button.on, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-fchip.on, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-kw-tab.on, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ap-mg.on, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-kpi-top .ss-btn.on { background:#1e2a44 !important; border-color:#1e2a44 !important; color:#fff !important; font-weight:700 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-cs-b:hover:not(.on), html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .snd-chips button:hover:not(.on), html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-fchip:hover:not(.on), html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-kw-tab:hover:not(.on), html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ap-mg:hover:not(.on) { background:#f8fafc !important; border-color:#cbd5e1 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap7-sec > h4 > span { font-size:13px !important; font-weight:700 !important; color:#2563eb !important; text-transform:none !important; letter-spacing:0 !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-grp, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-pv .pv-tag, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-cap, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-thm .lb, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-nav .g, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-tr.hd, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-tr.hd span, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-tpv th, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-cl span { text-transform:none !important; letter-spacing:0 !important; font-weight:700 !important; color:#64748b !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-grp { font-size:12.5px !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-pv .pv-tag, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-cap, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-tr.hd span, html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ap-cl span { font-size:11.5px !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-refresh { text-transform:none !important; letter-spacing:0 !important; font-size:13px !important; font-weight:700 !important; border-radius:10px !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-lk-k { font-size:12px; font-weight:700; color:#64748b; margin:10px 0 6px; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-lk-k:first-child { margin-top:0; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-lk-bar { display:flex; align-items:center; height:40px; border-radius:20px; background:#f1f5f9; padding:0 16px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-lk-bar span { color:#64748b; font-weight:500; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-lk-bar b { color:#0f172a; font-weight:700; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-lk-ok { font-size:12.5px; font-weight:600; min-height:18px; margin-top:6px; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-lk-ok.good { color:#16a34a; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main .ss-lk-ok.bad { color:#dc2626; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main #ss-sec-company-link .ss-adorn .ad.pre { white-space:nowrap; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main #ss-sec-company-link .ss-form { display:block !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main #ss-sec-company-link .ss-f { width:100% !important; max-width:560px !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main #ss-sec-company-link .ss-adorn { width:100% !important; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal #ss-main #ss-sec-company-link .ss-adorn .ss-in { flex:1 1 auto; width:auto; min-width:0; } html body #admin-settings-modal { --bg:#f5f7fb; --panel:#ffffff; --line:#d7dee8; --line2:#e6eaf0; --pri:#1e2a44; --pri-h:#2a3a5e; } html body #admin-settings-modal .ss-box { background:#f5f7fb; border-right:0; box-shadow:18px 0 48px rgba(15,23,42,.28); } html body #admin-settings-modal .ss-head { background:#fff; border-bottom:1px solid #e6eaf0; padding:12px 16px 12px 20px; } html body #admin-settings-modal .ss-head h2 { font-size:19px; letter-spacing:-.3px; } html body #admin-settings-modal .ss-hicon { border-radius:50%; } html body #admin-settings-modal .ss-refresh { border-radius:10px; border-color:#dde3ea; } html body #admin-settings-modal .ss-main { background:#f5f7fb; padding:20px 24px 28px; scrollbar-color:#b6c0cd transparent; } html body #admin-settings-modal .ss-page-h { margin:0 0 16px; } html body #admin-settings-modal .ss-page-h h2, html body #admin-settings-modal .ss-h2top h2 { font-size:24px; font-weight:800; letter-spacing:-.4px; color:#0f172a; } html body #admin-settings-modal .ss-page-h p, html body #admin-settings-modal .ss-h2top p { font-size:13px; color:#64748b; } html body #admin-settings-modal .ss-sec { background:#fff; border:1px solid #e6eaf0; border-radius:16px; box-shadow:0 1px 2px rgba(15,23,42,.04), 0 6px 18px rgba(15,23,42,.05); } html body #admin-settings-modal .ss-sec-h { padding:18px 18px 12px; } html body #admin-settings-modal .ss-sec-h h3 { font-size:15.5px; } html body #admin-settings-modal .ss-sec-b { padding:0 18px 18px; } html body #admin-settings-modal .ss-h2t, html body #admin-settings-modal .ss-sr-list { border-radius:16px; border-color:#e6eaf0; box-shadow:0 1px 2px rgba(15,23,42,.04), 0 6px 18px rgba(15,23,42,.05); } html body #admin-settings-modal .ss-h2t:hover { border-color:#e6eaf0; box-shadow:0 1px 2px rgba(15,23,42,.04), 0 6px 18px rgba(15,23,42,.05); } html body #admin-settings-modal .ss-h2q { border-radius:10px; border-color:#dde3ea; } html body #admin-settings-modal .ss-btn { border-radius:10px; height:34px; padding:0 15px; font-size:12.5px; } html body #admin-settings-modal .ss-btn.pri { background:#1e2a44; color:#fff; box-shadow:0 1px 2px rgba(15,23,42,.18); } html body #admin-settings-modal .ss-btn.pri:hover:not(:disabled) { background:#2a3a5e; } html body #admin-settings-modal .ss-btn.ghost { background:#fff; border-color:#dde3ea; color:#1e2a44; } html body #admin-settings-modal .ss-btn.add { border-radius:10px; } html body #admin-settings-modal .ss-in, html body #admin-settings-modal .ss-sel { border-radius:10px; border-color:#dde3ea; background:#fff; } html body #admin-settings-modal .ss-in:focus, html body #admin-settings-modal .ss-sel:focus { border-color:#1e2a44; box-shadow:0 0 0 3px rgba(30,42,68,.14); } html body #admin-settings-modal .ss-ptabs button { border-radius:10px; border-color:#dde3ea; } html body #admin-settings-modal .ss-ptabs button.on { background:#1e2a44; border-color:#1e2a44; } html body #admin-settings-modal .ss-h2b.ok { background:#dcfce7; color:#15803d; } html body #admin-settings-modal .ss-pagebar { background:#fff; border-top:1px solid #e6eaf0; box-shadow:0 -6px 18px rgba(15,23,42,.06); } html body #admin-settings-modal .ss-sub-h { border-top-color:#e6eaf0; } html body #admin-settings-modal .ss-hr-sw input:checked + i { background:#1e2a44; } @media (max-width:640px) { html body #admin-settings-modal .ss-hplan .tsp-plan2 { display:none !important; } html body #admin-settings-modal .ss-head h2 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } } html body #admin-settings-modal .ss-cotabs { margin:0 0 16px; } html body #admin-settings-modal .ss-cot[hidden] { display:none !important; } html body #admin-settings-modal .ss-co-biz { display:grid; grid-template-columns:132px minmax(0,1fr); gap:22px; align-items:start; } html body #admin-settings-modal .ss-co-logo { display:flex; flex-direction:column; gap:8px; align-items:stretch; } html body #admin-settings-modal .ss-co-logo .ss-brand-ic.big { width:120px; height:120px; flex:none; border-radius:16px; border:1px dashed #cbd5e1; background:#f5f7fb; } html body #admin-settings-modal .ss-co-logo .ss-brand-ic.big.has { border-style:solid; background:#fff; } html body #admin-settings-modal .ss-co-logo .ss-brand-ic.big svg { width:40px; height:40px; } html body #admin-settings-modal .ss-co-logo .ss-btn { justify-content:center; } html body #admin-settings-modal .ss-co-logo small { font:500 11.5px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; line-height:1.4; } @container ssmain (max-width: 640px) { html body #admin-settings-modal .ss-co-biz { grid-template-columns:minmax(0,1fr); } html body #admin-settings-modal .ss-co-logo { flex-direction:row; align-items:center; flex-wrap:wrap; } } html body #admin-settings-modal .ss-page-h { display:flex; align-items:flex-start; gap:16px; } html body #admin-settings-modal .ss-page-h > .grow { flex:1; min-width:0; } html body #admin-settings-modal .ss-ph-act { display:none; gap:8px; flex:none; align-items:center; } html body #admin-settings-modal .ss-ph-act.show { display:flex; } @media (min-width: 641px) { html body #admin-settings-modal .ss-head { height:62px; padding:0 16px 0 18px; gap:10px; } html body #admin-settings-modal .ss-sbtn, html body #admin-settings-modal .ss-head .sub { display:none !important; } html body #admin-settings-modal .ss-head .grow { flex:0 0 auto; display:flex; align-items:center; margin-right:6px; } html body #admin-settings-modal.ss-solo .ss-head > .ss-x { margin-left:auto; } html body #admin-settings-modal.ss-solo[data-solo="tax"] .ss-box { background:#fff !important; } html body #admin-settings-modal.ss-solo[data-solo="tax"] .ss-head { background:transparent !important; border-bottom:0 !important; box-shadow:none !important; } html body #admin-settings-modal.ss-solo[data-solo="tax"] .ss-main { padding:0 16px 16px !important; background:#fff !important; } html body #admin-settings-modal.ss-solo[data-solo="tax"] #ss-tax-host { margin-top:0 !important; padding-top:0 !important; } html body #admin-settings-modal .ss-head h2 { font:800 17.5px/1.2 'Inter', sans-serif !important; letter-spacing:-.2px; color:#0f172a; white-space:nowrap; } html body #admin-settings-modal .ss-head .ss-hicon { width:auto; height:auto; background:transparent; color:#0f172a; border-radius:0; } html body #admin-settings-modal .ss-head .ss-hicon svg { width:19px; height:19px; } html body #admin-settings-modal .ss-head .ss-search { flex:0 1 440px; padding:0; margin-right:auto; position:relative; } html body #admin-settings-modal .ss-head .ss-search input { height:40px; border-radius:10px; border:1px solid #dde3ea; background:#fff; padding:0 36px 0 38px; font-size:13.5px; font-weight:500; } html body #admin-settings-modal .ss-head .ss-search input:focus { border-color:#1e2a44; box-shadow:0 0 0 3px rgba(30,42,68,.14); } html body #admin-settings-modal .ss-head .ss-search > svg { left:12px; top:12px; width:16px; height:16px; fill:#94a3b8; } html body #admin-settings-modal .ss-head .ss-search kbd { right:10px; top:12px; font-size:10px; padding:1px 5px; } html body #admin-settings-modal .ss-head .ss-sclose { display:none; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-refresh { width:40px !important; height:40px !important; padding:0 !important; justify-content:center; border:0 !important; border-radius:10px !important; background:transparent !important; color:#334155; } html body #admin-settings-modal#admin-settings-modal#admin-settings-modal .ss-refresh:hover { background:#f1f5f9 !important; } html body #admin-settings-modal .ss-refresh span { display:none; } html body #admin-settings-modal .ss-refresh svg { width:20px; height:20px; } html body #admin-settings-modal .ss-pagebar { display:none !important; } html body #admin-settings-modal .ss-pagebar.nohost.show { display:flex !important; } html body #admin-settings-modal.ss-solo .ss-head .grow { display:block !important; } html body #admin-settings-modal.ss-solo .ss-head .ss-search { display:none !important; } } html body #admin-settings-modal section.ss-sec[hidden] { display:none !important; } html body #admin-settings-modal .ss-wz { max-width:none; margin:0 0 24px; padding:0; } html body #admin-settings-modal .ss-wz-card.sm, html body #admin-settings-modal .ss-wz-card.sm + .ss-wz-ft { margin-left:0; max-width:480px; } html body #admin-settings-modal .ss-wz > .ss-wz-card:not(.sm), html body #admin-settings-modal .ss-wz > .ss-wz-card:not(.sm) + .ss-wz-ft { margin-left:0; } html body #admin-settings-modal .ss-wz2-ring-card { display:flex; align-items:center; gap:22px; padding:18px 22px; margin:0 0 16px; background:#fff; border:1px solid #e6eaf0; border-radius:16px; box-shadow:0 1px 2px rgba(15,23,42,.04), 0 6px 18px rgba(15,23,42,.05); } html body #admin-settings-modal .ss-wz2-ring-card .grow { flex:1; min-width:0; } html body #admin-settings-modal .ss-wz2-ring-card .t { display:block; font:800 17px var(--tsp-ff, Inter, sans-serif); color:#0f172a; } html body #admin-settings-modal .ss-wz2-ring-card .d { margin-top:4px; font:500 13px var(--tsp-ff, Inter, sans-serif); color:#64748b; line-height:1.45; } html body #admin-settings-modal .ss-wz2-ring { width:92px; height:92px; flex:none; border-radius:50%; background:conic-gradient(#1d9f6a calc(var(--p) * 1%), #e6eaf0 0); display:flex; align-items:center; justify-content:center; } html body #admin-settings-modal .ss-wz2-ring i { width:70px; height:70px; border-radius:50%; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; font-style:normal; } html body #admin-settings-modal .ss-wz2-ring i b { font:800 18px var(--tsp-ff, Inter, sans-serif); color:#0f172a; } html body #admin-settings-modal .ss-wz2-ring i small { font:600 10.5px var(--tsp-ff, Inter, sans-serif); color:#64748b; } html body #admin-settings-modal .ss-wz2-cols { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; align-items:start; } @container ssmain (max-width: 760px) { html body #admin-settings-modal .ss-wz2-cols { grid-template-columns:minmax(0, 1fr); } html body #admin-settings-modal .ss-wz2-ring-card { flex-wrap:wrap; } } html body #admin-settings-modal .ss-wz2-cols > .ss-sec { margin:0; } html body #admin-settings-modal .ss-wz2-list { padding:0 0 6px; } html body #admin-settings-modal .ss-wz2-row { border-top:1px solid #eef1f5; } html body #admin-settings-modal .ss-wz2-h { width:100%; display:flex; align-items:center; gap:12px; padding:12px 18px; border:0; background:transparent; cursor:pointer; text-align:left; font:inherit; color:inherit; } html body #admin-settings-modal .ss-wz2-h:hover { background:#f8fafc; } html body #admin-settings-modal .ss-wz2-h .ic { width:38px; height:38px; border-radius:10px; background:#eef2f7; color:#1e2a44; display:flex; align-items:center; justify-content:center; flex:none; } html body #admin-settings-modal .ss-wz2-row.done .ss-wz2-h .ic { background:#dcfce7; color:#15803d; } html body #admin-settings-modal .ss-wz2-h .t { flex:1; min-width:0; } html body #admin-settings-modal .ss-wz2-h .t b { display:block; font:700 14px var(--tsp-ff, Inter, sans-serif); color:#0f172a; } html body #admin-settings-modal .ss-wz2-h .t small { display:block; font:500 12.5px var(--tsp-ff, Inter, sans-serif); color:#64748b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html body #admin-settings-modal .ss-wz2-b { padding:0 18px 14px 68px; } html body #admin-settings-modal .ss-wz2-b p { margin:0 0 10px; font:500 13px var(--tsp-ff, Inter, sans-serif); color:#475569; line-height:1.5; } html body #admin-settings-modal .ss-wz2-b .ss-wz-acts { display:flex; justify-content:space-between; gap:8px; } html body #admin-settings-modal .ss-ct2-q { position:relative; margin:0 0 14px; max-width:460px; } html body #admin-settings-modal .ss-ct2-q svg { position:absolute; left:12px; top:12px; width:16px; height:16px; fill:#94a3b8; pointer-events:none; } html body #admin-settings-modal #ss-main .ss-ct2-q input { width:100%; height:40px !important; min-height:40px !important; border:1px solid #dde3ea; border-radius:10px; background:#fff; padding:0 12px 0 36px; font:500 13.5px var(--tsp-ff, Inter, sans-serif); color:#0f172a; outline:none; } html body #admin-settings-modal .ss-ct2-q input:focus { border-color:#1e2a44; box-shadow:0 0 0 3px rgba(30,42,68,.14); } html body #admin-settings-modal .ss-ctwrap.ss-ct2 { display:flex; flex-direction:column; gap:10px; overflow:visible; } html body #admin-settings-modal .ss-ct2-card { background:#fff; border:1px solid #e6eaf0; border-radius:14px; overflow:hidden; min-width:0; } html body #admin-settings-modal .ss-ct2-h { display:flex; align-items:center; gap:10px; padding:6px 12px 6px 12px; border-bottom:1px solid #eef1f5; background:#fafbfd; } html body #admin-settings-modal .ss-ct2-ic { width:28px; height:28px; border-radius:8px; background:#eef2f7; color:#1e2a44; display:flex; align-items:center; justify-content:center; flex:none; } html body #admin-settings-modal #ss-main .ss-ct2-h .ss-in.ss-ct2-name { flex:0 1 320px; min-width:0; height:32px; border-color:transparent; background:transparent; font-weight:800 !important; font-size:14px !important; padding-left:4px; } html body #admin-settings-modal #ss-main .ss-ct2-h .ss-in.ss-ct2-name:hover, html body #admin-settings-modal #ss-main .ss-ct2-h .ss-in.ss-ct2-name:focus { border-color:#dde3ea; background:#fff; } html body #admin-settings-modal .ss-ct2-h small { font:600 12px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; white-space:nowrap; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row { display:flex; flex-wrap:wrap; gap:6px 8px; padding:7px 12px 8px; border-top:1px solid #f1f5f9; align-items:flex-end; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row:first-of-type { border-top:0; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row > div { min-width:0; flex:1 1 120px; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row > .c-phone { flex:0 0 136px; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row > .c-x:has(input[type="email"]) { flex:2 1 180px; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row > .c-x:has(select) { flex:0 0 68px; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row > .c-del { flex:0 0 30px; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row > .c-br { flex:1 1 100%; height:0; margin:-4px 0 0; padding:0; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row > .c-br ~ div { flex:1 1 90px; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row > .c-br ~ .c-x:has(select) { flex:0 0 68px; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row > .c-br ~ div .ss-in, html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row > .c-br ~ div .ss-sel { height:28px !important; min-height:28px !important; font-size:12px !important; } html body #admin-settings-modal .ss-ct2-card .ss-ct.ss-row .ss-ml { display:block; font-size:9.5px; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:.3px; margin:0 0 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html body #admin-settings-modal .ss-ct2-card #ss-main .ss-in, html body #admin-settings-modal .ss-ct2-card .ss-in, html body #admin-settings-modal .ss-ct2-card .ss-sel { height:32px !important; min-height:32px !important; font-size:12.5px !important; padding:0 8px !important; width:100%; } html body #admin-settings-modal .ss-ct2-card .ss-rowmsg, html body #admin-settings-modal .ss-ct2-card .ss-rowwarn { flex:1 1 100%; } html body #admin-settings-modal .ss-ct2-hide { display:none !important; } html body #admin-settings-modal .ss-lk-wrap { display:flex; gap:18px; align-items:flex-start; } html body #admin-settings-modal .ss-lk-bars { flex:1; min-width:0; } html body #admin-settings-modal .ss-lk-qrbox { flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px; border:1px solid #e6eaf0; border-radius:14px; background:#fff; } html body #admin-settings-modal .ss-lk-qr { width:132px; height:132px; } html body #admin-settings-modal .ss-lk-qr svg { width:132px; height:132px; display:block; } html body #admin-settings-modal .ss-lk-qrbox small { font:600 11.5px var(--tsp-ff, Inter, sans-serif); color:#64748b; } html body #admin-settings-modal .ss-lk-qra { display:flex; gap:6px; } @container ssmain (max-width: 560px) { html body #admin-settings-modal .ss-lk-wrap { flex-direction:column; } } html body #admin-settings-modal .ss-grid.ss-row { padding:5px 0; } html body #admin-settings-modal .ss-grid.ss-row .ss-in, html body #admin-settings-modal .ss-grid.ss-row .ss-sel { height:34px; min-height:34px; } html body #admin-settings-modal .ss-grid.ss-th { padding-bottom:4px; } html body #admin-settings-modal .ss-hov-codes { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:10px 0 0; } html body #admin-settings-modal .ss-hov-codes .lb { font:700 11px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; text-transform:uppercase; letter-spacing:.5px; margin-right:4px; } html body #admin-settings-modal .ss-hov-codes button { display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 10px; border:1px solid #dde3ea; border-radius:8px; background:#fff; cursor:pointer; font:600 12px var(--tsp-ff, Inter, sans-serif); color:#334155; } html body #admin-settings-modal .ss-hov-codes button b { font-family:ui-monospace, Menlo, monospace; font-size:12px; color:#1e2a44; } html body #admin-settings-modal .ss-hov-codes button i { font-style:normal; color:#64748b; } html body #admin-settings-modal .ss-hov-codes button:hover { border-color:#1e2a44; } html body #admin-settings-modal .ss-hov-pvwrap { margin-top:16px; max-width:520px; } html body #admin-settings-modal .ss-hov-pvt { font:700 11px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; text-transform:uppercase; letter-spacing:.5px; margin:0 0 6px; } html body #admin-settings-modal .hp-card { border:1px solid #e6eaf0; border-radius:14px; background:#f8fafc; padding:16px 18px; } html body #admin-settings-modal .hp-card.sm { padding:12px 16px; } html body #admin-settings-modal .hp-ic { width:36px; height:36px; border-radius:50%; background:#1e2a44; color:#fff; display:flex; align-items:center; justify-content:center; font:800 18px var(--tsp-ff, Inter, sans-serif); margin-bottom:10px; } html body #admin-settings-modal .hp-h { font:800 16px var(--tsp-ff, Inter, sans-serif); color:#0f172a; margin-bottom:6px; } html body #admin-settings-modal .hp-s, html body #admin-settings-modal .hp-s2 { font:500 13px var(--tsp-ff, Inter, sans-serif); color:#475569; line-height:1.55; white-space:pre-wrap; } html body #admin-settings-modal .ss-sndcols { display:grid; grid-template-columns:minmax(280px, 400px) minmax(0, 1fr); gap:16px; align-items:start; } html body #admin-settings-modal .ss-sndcols > .ss-sec { margin:0; } @container ssmain (max-width: 820px) { html body #admin-settings-modal .ss-sndcols { grid-template-columns:minmax(0,1fr); } } html body #admin-settings-modal .ss-okfold { margin-top:6px; } html body #admin-settings-modal .ss-okfold > summary { cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 12px; border:1px solid #dde3ea; border-radius:8px; background:#fff; font:700 12px var(--tsp-ff, Inter, sans-serif); color:#334155; margin:6px 0; } html body #admin-settings-modal .ss-okfold > summary::-webkit-details-marker { display:none; } html body #admin-settings-modal .ss-okfold[open] > summary { color:#15803d; border-color:#bbf7d0; background:#f0fdf4; } html body #admin-settings-modal .ss-check.ok { padding:6px 4px; } html body #admin-settings-modal .ss-check.ok p { display:none; } #admin-settings-modal .rg-wrap { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:16px; align-items:start; } #admin-settings-modal .rg-card, #admin-settings-modal .rg-pv { background:#fff; border:1px solid var(--line, #e5e7eb); border-radius:14px; padding:6px 18px 14px; } #admin-settings-modal .rg-pv { position:sticky; top:0; padding-bottom:10px; } #admin-settings-modal .rg-h { margin:14px 0 6px; font-size:11px; font-weight:800; letter-spacing:.7px; color:#94a3b8; text-transform:uppercase; } #admin-settings-modal .rg-row { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:center; gap:14px; padding:8px 0; border-top:1px solid #f1f5f9; } #admin-settings-modal .rg-h + .rg-row { border-top:0; } #admin-settings-modal .rg-lb { font-size:13.5px; font-weight:700; color:#334155; } #admin-settings-modal .rg-sel { width:100%; height:38px; } #admin-settings-modal .rg-hint { display:block; margin-top:5px; font-size:12px; color:#94a3b8; font-weight:500; } #admin-settings-modal .rg-seg { display:flex; width:100%; } #admin-settings-modal .rg-seg button { flex:1; height:34px; font-size:12.5px; } #admin-settings-modal .rg-pr { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:8px 0; border-top:1px solid #f1f5f9; font-size:13.5px; font-weight:600; color:#475569; } #admin-settings-modal .rg-h + div .rg-pr:first-child { border-top:0; } #admin-settings-modal .rg-pr b { font-weight:800; color:#0f172a; font-variant-numeric:tabular-nums; white-space:nowrap; } #admin-settings-modal .rg-neg { color:#b91c1c; } #admin-settings-modal .rg-mbox { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; min-width:140px; height:38px; border:1px solid #d6dbe3; border-radius:10px; padding:0 12px; } #admin-settings-modal .rg-mbox i { font-style:normal; color:#64748b; font-weight:700; } #admin-settings-modal .rg-mbox b { color:#047857; } #admin-settings-modal .df-col { display:flex; flex-direction:column; gap:14px; min-width:0; } #admin-settings-modal .df-card .ss-mtgrid { display:block; padding:8px 0; } #admin-settings-modal .df-card .ss-mtgrid .ss-f { display:grid; grid-template-columns:150px 160px minmax(0,1fr); align-items:center; gap:14px; margin:0; } #admin-settings-modal .df-card .ss-mtgrid .ss-f > label { font-size:13.5px; font-weight:700; color:#334155; margin:0; } @media (max-width: 860px) { #admin-settings-modal .df-card .ss-mtgrid .ss-f { grid-template-columns:1fr; gap:6px; } } #admin-settings-modal .df-snd { display:flex; gap:8px; align-items:center; } #admin-settings-modal .df-snd select { flex:1 1 auto; max-width:260px; } #admin-settings-modal .df-qrs { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; } @media (max-width:600px) { #admin-settings-modal .df-qrs { grid-template-columns:1fr; } } #admin-settings-modal .df-wms { display:flex; flex-direction:column; gap:6px; } #admin-settings-modal .df-wm { display:grid; grid-template-columns:minmax(0,1fr) 130px; gap:12px; align-items:center; font-weight:700; font-size:13.5px; color:#334155; } #admin-settings-modal .rg-note { margin:12px 2px 0; font-size:12.5px; color:#64748b; } @media (max-width: 860px) { #admin-settings-modal .rg-wrap { grid-template-columns:1fr; } #admin-settings-modal .rg-pv { position:static; } #admin-settings-modal .rg-row { grid-template-columns:1fr; gap:6px; } }