:root{--bg: #0f1420;--panel: #171e2e;--line: #2a3450;--fg: #e7ecf7;--dim: #93a0bd;--acc: #4f8cff;--ok: #3ecf8e;--bad: #ff6b6b;--field: #0c1018;--panel-shadow: none}:root[data-theme=light]{--bg: #f4f6fa;--panel: #ffffff;--line: #d4dbe7;--fg: #1c2433;--dim: #5a6880;--acc: #2563eb;--ok: #15803d;--bad: #dc2626;--field: #ffffff;--panel-shadow: 0 1px 3px rgba(16, 24, 40, .08)}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--fg)}.app{display:grid;grid-template-columns:220px 1fr;height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar .brand{font-weight:700;color:var(--acc);padding:6px 10px 14px;font-size:18px}.sidebar .brand img{max-width:100%;height:auto;display:block}.badge{font-size:12px;padding:4px 10px;margin:0 10px 12px;border-radius:999px;border:1px solid var(--line)}.badge-ok{color:#4ade80;border-color:#14532d;background:#14532d40}.badge-down{color:#f87171;border-color:#7f1d1d;background:#7f1d1d40}.trial-box{display:flex;flex-direction:column;gap:2px;margin:0 10px 12px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--field);text-decoration:none;color:inherit;font-size:12px}.trial-box:hover{border-color:var(--acc)}.trial-clock{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;color:var(--acc)}.trial-cut{color:var(--dim);font-size:11px}.trial-warn{border-color:#b45309;background:#b453091f}.trial-warn .trial-cta{color:#f59e0b;font-weight:600}.ads-slot{display:block;margin:0 10px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--field);line-height:0}.ads-slot:hover{border-color:var(--acc)}.ads-slot img{display:block;width:100%;height:auto}.sidebar a{color:var(--fg);text-decoration:none;padding:8px 10px;border-radius:6px}.sidebar a:hover{background:var(--line)}.sidebar a.active{background:var(--acc);color:#fff}.main{padding:24px 28px;height:100vh;overflow-y:auto}.topbar{display:flex;justify-content:flex-end;margin-bottom:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:18px;box-shadow:var(--panel-shadow)}.card h2{margin:0 0 12px;font-size:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}th{color:var(--dim);font-weight:600;font-size:12px;text-transform:uppercase}input,select,button{font:inherit;background:var(--field);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:8px 10px}button{background:var(--acc);border-color:var(--acc);cursor:pointer;color:#fff}button.ghost{background:transparent;color:var(--dim);border-color:var(--line)}button.danger{background:transparent;border-color:var(--bad);color:var(--bad)}button:disabled{opacity:.5;cursor:wait}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.error{color:var(--bad);margin:8px 0}.flash{color:var(--ok);margin:8px 0}.muted{color:var(--dim)}.pill{display:inline-block;background:var(--field);border:1px solid var(--line);border-radius:99px;padding:2px 10px;font-size:12px;margin:2px}.login-wrap{display:grid;place-items:center;height:100vh}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px;width:320px}.login-card h1{font-size:20px;margin:0 0 16px}.login-logo{max-width:180px;height:auto;display:block;margin:0 auto 16px}.login-card input{width:100%;margin-bottom:12px}.login-card button{width:100%}form.inline{display:inline}.view-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.view-head h2{margin:0}.view-top{position:sticky;top:0;z-index:20;background:var(--bg);margin:-8px 0 12px;padding:8px 0;border-bottom:1px solid var(--line)}.view-top>*:first-child{margin-top:0}.view-top .alert{margin:8px 0 0}.view-top .filters{margin:8px 0 0;padding:0}.view-top .sticky-filters{position:static;z-index:auto;background:transparent}.view-top .sticky-filters .filters{position:static;z-index:auto;background:transparent;padding:0;border-bottom:0}.view-top .bulk-bar{margin:8px 0 0}.view-top .progress-block{margin-top:8px}.card-head{position:sticky;top:0;z-index:15;background:var(--panel);margin:-18px -18px 14px;padding:14px 18px;border-bottom:1px solid var(--line);border-radius:10px 10px 0 0}.card-head h2{margin:0}.alert{border-radius:8px;padding:10px 14px;margin:10px 0;font-size:13px}.alert-error{background:#dc3c3c1f;border:1px solid var(--bad);color:var(--bad)}.alert-ok{background:#3cb4641a;border:1px solid var(--ok);color:var(--ok)}.alert-warn{background:#e6aa281f;border:1px solid var(--warn, #e6aa28);color:var(--warn, #e6aa28)}.note{border-radius:8px;padding:10px 14px;margin:10px 0;font-size:13px;background:var(--field);border:1px solid var(--line)}.note.ok{background:#3cb4641a;border-color:var(--ok);color:var(--ok)}.note.warn{background:#e6aa281f;border-color:var(--warn, #e6aa28);color:var(--warn, #e6aa28)}.pkg-meter{height:10px;border-radius:99px;background:var(--field);border:1px solid var(--line);overflow:hidden;margin:10px 0 6px}.pkg-meter-fill{height:100%;background:var(--ok);transition:width .3s ease}.progress-block{display:flex;align-items:center;gap:12px;margin:12px 0}.progress-bar{flex:1;height:8px;border-radius:99px;background:var(--field);border:1px solid var(--line);overflow:hidden}.progress-fill{height:100%;background:var(--acc);transition:width .4s ease}.filters{display:flex;gap:10px;align-items:center;margin:14px 0;flex-wrap:wrap}.filters input{width:260px}.pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:14px 0}.pager-nums{gap:4px}.pager-nums button{min-width:30px;padding:4px 8px}.pager select{width:auto}.grid{width:100%;border-collapse:collapse;font-size:13px}.grid th,.grid td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.grid th{color:var(--dim);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.grid img{border-radius:6px;display:block}.grid img.thumb{width:44px;height:44px;object-fit:cover;border:1px solid var(--line);background:var(--field)}.grid img.thumb-fallback{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--dim);border:1px dashed var(--line);border-radius:6px;background:var(--field)}.grid a{color:var(--acc);text-decoration:none}.grid a:hover{text-decoration:underline}.pill-active{border-color:var(--ok);color:var(--ok)}.pill-paused{border-color:#d9a441;color:#d9a441}.pill-closed{border-color:var(--bad);color:var(--bad)}.pill.fb-positive{border-color:var(--ok);color:var(--ok)}.pill.fb-neutral{border-color:#d9a441;color:#d9a441}.pill.fb-negative{border-color:var(--bad);color:var(--bad)}.mono{font-family:ui-monospace,monospace;font-size:11px;color:var(--dim)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:10px 0 16px}.kpi{display:flex;flex-direction:column;gap:2px;background:var(--panel-2, rgba(255,255,255,.03));border:1px solid var(--line, rgba(255,255,255,.08));border-radius:8px;padding:10px 12px}.kpi-num{font-size:22px;font-weight:600}.form-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.form-row input,.form-row select{min-width:160px}.toolbar{display:flex;gap:6px;margin:8px 0}.chip{cursor:pointer}.chip.active{outline:1.5px solid var(--accent, #7aa2f7)}.row-muted td{opacity:.55}.advice{background:#7aa2f714;border-left:3px solid var(--accent, #7aa2f7);padding:8px 10px;border-radius:4px}.detail{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;margin:12px 0}.detail blockquote{border-left:3px solid var(--acc);margin:12px 0;padding:8px 14px;background:var(--field);border-radius:0 8px 8px 0}.detail textarea{width:100%;margin-bottom:10px;resize:vertical}.rule-form{display:flex;flex-direction:column;gap:10px;margin:12px 0 24px;max-width:640px}.rule-form input,.rule-form textarea{width:100%}.rule-form label input{width:auto}.q-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:16px 0}.q-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--panel-shadow)}.q-card-media{position:relative;display:flex;align-items:center;justify-content:center;height:150px;background:var(--field);border-bottom:1px solid var(--line)}.q-img{width:100%;height:160px;object-fit:cover;display:block}.q-img-sm{width:96px;height:72px;object-fit:contain;background:var(--bg);border-radius:6px;border:1px solid var(--line);flex:none;display:block}.q-img-md{width:auto;height:auto;max-width:100%;max-height:150px;object-fit:contain;display:block}.q-img-lg{width:100%;height:200px;object-fit:cover;display:block}.q-noimg{height:100%;display:flex;align-items:center;justify-content:center;background:var(--field);color:var(--dim);font-size:13px}.q-noimg-sm{width:96px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--field);color:var(--dim);border-radius:6px;border:1px dashed var(--line);flex:none;font-size:11px}.q-noimg-md{height:100%}.q-noimg-lg{height:200px}.q-badge{position:absolute;top:10px;right:10px;background:#000000ad;color:#fff;border-radius:999px;font-size:11px;padding:2px 9px}.q-pill{position:absolute;top:10px;left:10px;background:#0009;border-radius:999px;padding:2px}.q-pill .pill{margin:0;background:transparent}.q-card-body{padding:12px 14px 6px;flex:1}.q-ids{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--dim);align-items:center}.q-ids a{color:var(--acc);text-decoration:none}.q-ids a:hover{text-decoration:underline}.q-title{margin:6px 0;font-size:15px;line-height:1.3}.q-text{margin:6px 0;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.q-answer{margin:6px 0;font-size:13px;color:var(--fg);background:var(--field);border-left:3px solid var(--ok);border-radius:0 6px 6px 0;padding:6px 9px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.q-none{margin:6px 0;font-size:13px;color:var(--dim)}.q-date{font-size:11px}.q-card-foot{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 12px;border-top:1px solid var(--line)}.q-card-foot button{font-size:12px;padding:3px 9px}.q-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.q-head .q-img,.q-head .q-noimg{width:110px;height:84px;border-radius:8px;border:1px solid var(--line);flex:none;font-size:11px}.q-head-info h4{margin:0 0 6px;font-size:15px}.q-link{display:inline-block;margin-top:6px;font-size:13px;color:var(--acc);text-decoration:none}.q-link:hover{text-decoration:underline}.q-thread{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.q-msg{background:var(--field);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.q-msg p{margin:0 0 6px;font-size:14px}.q-msg p:last-child{margin-bottom:0}.q-msg-a{color:var(--fg);border-left:3px solid var(--ok);padding-left:8px}.q-thread textarea,.modal textarea{width:100%;margin-bottom:10px;resize:vertical}.modal-wide textarea{min-height:120px;font-size:14px;line-height:1.5}.q-quick-replies{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:16px 0}.q-quick-replies .q-chip{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--fg);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;min-width:0;overflow:hidden}.q-quick-replies .q-chip:hover{background:var(--line);border-color:var(--acc);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.q-quick-replies .q-chip .q-chip-icon{flex:none;font-size:16px;opacity:.7}.q-quick-replies .q-chip .q-chip-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0}.q-col{min-width:0;padding-right:20px}.q-col+.q-col{padding-right:0;padding-left:20px;border-left:1px solid var(--line)}.q-prod{display:flex;gap:10px;align-items:flex-start}.q-prod .q-img,.q-prod .q-noimg{width:104px;height:78px;border-radius:8px;border:1px solid var(--line);flex:none;font-size:11px}.q-prod-info{min-width:0;flex:1}.q-prod-info h4{margin:0 0 6px;font-size:15px}.q-prod-info .q-ids+.q-ids{margin-top:4px}.q-label{display:block;margin:14px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim)}.q-col-history .q-label{margin-top:0}.q-col-history .q-thread{max-height:56vh;overflow-y:auto;padding-right:4px;margin-bottom:0;gap:8px}.q-msg-focus{border-color:var(--acc);box-shadow:inset 3px 0 0 var(--acc)}.q-prod+.alert,.q-prod+.q-msg{margin-top:12px}@media(max-width:880px){.q-cols{grid-template-columns:1fr}.q-col{padding-right:0}.q-col+.q-col{padding-left:0;margin-top:14px;padding-top:14px;border-left:none;border-top:1px solid var(--line)}}.bulk-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:10px 0;background:var(--panel, #10233a);border:1px solid var(--border, #234);border-radius:8px}.sticky-filters{position:sticky;top:0;z-index:10;background:var(--surface)}.sticky-filters .filters{position:sticky;top:0;z-index:11;background:var(--surface);padding:8px 0;border-bottom:1px solid var(--border)}.bulk-bar-inline{display:flex;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);flex-wrap:wrap;background:var(--surface)}.bulk-bar-inline input[type=number],.bulk-bar-inline select{width:120px}.inline-val{cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:2px 4px;border-radius:4px;border-bottom:1px dashed transparent}.inline-val:hover{background:var(--accent-dim);border-bottom-color:var(--acc)}.inline-edit{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.inline-input,.inline-select{width:90px}.inline-error{color:var(--danger);font-size:11px;max-width:180px}button.link{background:none;border:none;color:var(--acc);cursor:pointer;padding:2px 6px;font-size:.9rem}button.link:hover{text-decoration:underline}.row-actions{white-space:nowrap}.filters label{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--muted, #89a)}.filters label input,.filters label select{width:auto}.meter{font-variant-numeric:tabular-nums}.card h3{margin:0 0 8px;font-size:15px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 16px;margin:12px 0}.form-grid label,.card>label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim)}.form-grid input,.form-grid select{width:100%}.card>label{margin:10px 0}.card>label textarea{width:100%;resize:vertical}.theme-btn{background:transparent;border-color:var(--line);color:var(--dim);font-size:13px;text-align:left}.theme-btn:hover{color:var(--fg)}.lang-select{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:13px;cursor:pointer;width:100%;margin-top:4px}.lang-select:hover{border-color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#060a129e;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;max-width:640px;box-shadow:0 18px 50px #00000073}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:16px}.modal-x{background:none;border:none;color:var(--dim);font-size:15px;padding:2px 8px}.modal-x:hover{color:var(--fg)}.modal-body{padding:16px 18px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}.modal-wide{width:clamp(1180px,50vw,calc(100vw - 32px));max-width:none}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim)}.field input,.field select,.field textarea{width:100%}.field-full{grid-column:1 / -1}.check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--dim)}.modal-section{margin:18px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--dim)}.modal-section:first-child{margin-top:0}.readonly{opacity:.75;cursor:not-allowed}.modal .hint{font-size:12px;color:var(--dim);margin:0}.suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}.suggestions button{font-size:12px;padding:4px 10px;border-radius:99px}.thumb-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.attr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 16px}.pics{margin:6px 0 10px}.pic-drop{border:2px dashed var(--line);border-radius:10px;padding:16px;text-align:center;color:var(--dim);background:var(--field);font-size:13px;cursor:pointer}.pic-drop.over{border-color:var(--acc);color:var(--acc)}.pic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-top:10px}.pic-card{position:relative;border:1px solid var(--line);border-radius:8px;background:var(--field);padding:6px}.pic-card img{width:100%;height:88px;object-fit:cover;border-radius:6px;display:block;background:#00000040}.pic-cover,.pic-spin,.pic-err{position:absolute;top:10px;font-size:10px;padding:1px 7px;border-radius:999px;color:#fff}.pic-cover{left:10px;background:var(--acc)}.pic-spin{right:10px;background:#000000a6}.pic-err{right:10px;background:var(--bad);cursor:help}.pic-actions{display:flex;justify-content:center;gap:2px;margin-top:4px}.pic-actions button{font-size:13px;padding:1px 7px}.pic-url{margin-top:8px;font-size:13px;color:var(--dim)}.pic-url summary{cursor:pointer}.pic-url .row{margin-top:6px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;width:500px;max-width:90vw;max-height:80vh;overflow-y:auto}.modal h4{margin:0 0 12px}.modal label{display:block;margin-bottom:12px}.modal input,.modal textarea{width:100%}.modal .row{margin-top:16px}.settings-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:0}.settings-tabs .tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--dim);padding:8px 16px;cursor:pointer;font-size:14px}.settings-tabs .tab.active{color:var(--acc);border-bottom-color:var(--acc)}.settings-tabs .tab:hover{color:var(--fg)}.qr-item{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:6px;margin-bottom:8px;background:var(--field)}.qr-btn{background:var(--panel);border:1px solid var(--line);color:var(--fg);padding:6px 14px;border-radius:4px;cursor:pointer;font-size:13px;min-width:70px}.qr-btn:hover{background:var(--line)}.qr-btn.disabled{opacity:.5;cursor:not-allowed}.qr-preview{flex:1;font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-item .check-line{margin:0}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}.history-table th{color:var(--dim);font-size:12px}.history-table td{font-size:13px}.hint{font-size:12px;color:var(--dim);margin:4px 0 8px;font-style:italic}.check-line{display:flex;align-items:center;gap:8px;margin:8px 0;cursor:pointer}.check-line input{width:auto}.code-box{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.5rem;letter-spacing:.18em;text-align:center;background:var(--panel2, #1b2438);border:1px dashed var(--acc, #6cb2ff);border-radius:8px;padding:10px 8px;margin:10px 0;-webkit-user-select:all;user-select:all}.setup-recovery{border-top:1px solid var(--line, #2a3550);padding-top:10px;margin-top:4px;display:flex;flex-direction:column;gap:8px}.q-sheet{margin:10px 0;border:1px solid var(--border, #ddd);border-radius:8px;padding:6px 10px}.q-sheet summary{cursor:pointer;font-weight:600}.q-sheet table{margin-top:8px}.q-sheet-desc{white-space:pre-wrap;max-width:420px}