:root{--bg:#f4f6f9;--surface:#fff;--sidebar:#1f2430;--sidebar-hover:#2b3242;--border:#e3e8ef;--text:#1f2937;--text-muted:#6b7280;--accent:#0078d4;--accent-hover:#106ebe;--accent-soft:#dbeafe;--ok:#15803d;--ok-bg:#dcfce7;--warn:#b45309;--warn-bg:#fef3c7;--danger:#b91c1c;--danger-bg:#fee2e2;--info:#1d4ed8;--info-bg:#dbeafe;--r-sm:2px;--r-md:4px;--r-lg:8px;--sh-card:0 1px 3px #0000000f;--sh-pop:0 4px 16px #0000001f;--sidebar-w:240px;--header-h:56px;--font:"Segoe UI","Inter",system-ui,Tahoma,sans-serif}:root[data-theme=dark]{--bg:#0e1116;--surface:#161a22;--sidebar:#11141a;--sidebar-hover:#1d222c;--border:#272d39;--text:#e7e9ee;--text-muted:#94a0b3;--accent-soft:#13233b;--ok-bg:#0f2a1a;--warn-bg:#2a2110;--danger-bg:#2a1414;--info-bg:#13233b;--sh-card:0 1px 3px #0006;--sh-pop:0 4px 16px #00000080}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-variant-numeric:tabular-nums;margin:0;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 16px;font-size:24px;font-weight:600}h2{margin:22px 0 10px;font-size:18px;font-weight:600}h3{margin:18px 0 8px;font-size:15px;font-weight:600}.crumbs{color:var(--text-muted);margin-bottom:8px;font-size:12px}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:10px 0;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-card);padding:16px}.card .lbl{color:var(--text-muted);font-size:13px}.card .val{margin-top:6px;font-size:26px;font-weight:300}.card .val.hold{color:var(--warn)}.card .sub{margin-top:4px;font-size:12px}.card .sub.up{color:var(--ok)}.card .sub.down{color:var(--danger)}.pill{border-radius:var(--r-sm);padding:2px 8px;font-size:11px;font-weight:600;line-height:1.6;display:inline-block}.pill.ok{color:var(--ok);background:var(--ok-bg)}.pill.warn{color:var(--warn);background:var(--warn-bg)}.pill.no{color:var(--danger);background:var(--danger-bg)}.pill.info{color:var(--info);background:var(--info-bg)}.pill.gray{color:var(--text-muted);background:var(--bg)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-card);overflow:auto}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th,table.data td{border-bottom:1px solid var(--border);text-align:left;padding:9px 12px}table.data th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;background:var(--surface);font-size:11px}table.data tr:hover td{background:var(--bg)}.btn{background:var(--accent);color:#fff;border-radius:var(--r-sm);cursor:pointer;border:0;padding:9px 16px;font-size:13px;font-weight:600}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn.btn-secondary:hover{background:#0000000a}.btn.sec{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.filters input,.filters select{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);height:34px;color:var(--text);outline:none;padding:0 10px;font-size:13px}.filters input:focus,.filters select:focus{border-color:var(--accent)}.barchart{align-items:flex-end;gap:10px;height:160px;padding:8px 4px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar{background:var(--accent);border-radius:2px 2px 0 0;width:60%;max-width:34px;min-height:2px}.bar-label{color:var(--text-muted);font-size:11px}.offer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.offer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-card);cursor:pointer;padding:16px;transition:box-shadow .15s}.offer-card:hover{box-shadow:var(--sh-pop)}.offer-card .oc-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.offer-card .oc-name{font-weight:600}.offer-card .oc-geo{color:var(--text-muted);margin:4px 0 10px;font-size:12px}.offer-card .oc-rate{color:var(--accent);font-size:22px;font-weight:300}.offer-card .oc-metrics{color:var(--text-muted);margin-top:8px;font-size:12px}.note{color:var(--text-muted);margin:8px 0;font-size:12px}.toast-wrap{z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--info);border-radius:var(--r-sm);box-shadow:var(--sh-pop);align-items:center;gap:8px;max-width:340px;padding:10px 14px;font-size:13px;display:flex}.toast.success{border-left-color:var(--ok)}.toast.error{border-left-color:var(--danger)}.modal-overlay{z-index:60;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-pop);flex-direction:column;width:100%;max-width:520px;max-height:88vh;display:flex}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-x{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:16px}.modal-body{padding:16px 18px;overflow:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.field{color:var(--text-muted);flex-direction:column;gap:5px;margin-bottom:12px;font-size:13px;display:flex}.field input,.field textarea,.field select{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--text);outline:none;padding:8px 10px;font-family:inherit;font-size:14px}.field input:focus,.field textarea:focus{border-color:var(--accent)}.check-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.copy{cursor:pointer;color:var(--text-muted);margin-left:6px}.btn-del{color:var(--danger);cursor:pointer;background:0 0;border:0;font-size:13px}.acc-inp{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--text);outline:none;width:100%;max-width:280px;padding:6px 9px;font-size:13px}.acc-inp:focus{border-color:var(--accent)}.chat-2col{align-items:flex-start;gap:16px;display:flex}.thread-item{text-align:left;border:0;border-bottom:1px solid var(--border);cursor:pointer;width:100%;color:var(--text);background:0 0;padding:10px;display:block}.thread-item.on{background:var(--bg)}.chat-log{flex-direction:column;gap:8px;min-height:180px;max-height:52vh;padding:6px;display:flex;overflow:auto}.chat-msg{border-radius:12px;max-width:75%;padding:8px 12px;font-size:14px}.chat-msg .chat-author{color:var(--text-muted);margin-bottom:2px;font-size:11px}.chat-msg.from-user{background:var(--accent);color:#fff;align-self:flex-end}.chat-msg.from-user .chat-author{color:#fffc}.chat-msg.from-support{background:var(--surface);border:1px solid var(--border);align-self:flex-start}.chat-input{gap:8px;margin-top:10px;display:flex}.chat-input input{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--text);outline:none;flex:1;padding:9px 12px;font-size:14px}.app-shell{flex-direction:column;height:100%;display:flex}.topbar{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:14px;padding:0 16px;display:flex}.topbar .brand{color:var(--accent);white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.topbar .brand-logo{width:auto;height:44px;display:block}.topbar .search{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);max-width:320px;color:var(--text-muted);flex:1;align-items:center;gap:8px;padding:6px 10px;display:flex}.topbar .search input{color:var(--text);background:0 0;border:0;outline:none;width:100%;font-size:13px}.topbar .spacer{flex:1}.topbar .balance{color:var(--text-muted);font-size:13px}.topbar .balance b{color:var(--accent)}.icon-btn{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);cursor:pointer;background:0 0;min-width:34px;height:32px;padding:0 9px;font-size:13px}.icon-btn:hover{background:var(--bg)}.profile{color:var(--text-muted);align-items:center;gap:7px;font-size:13px;display:flex}.role-badge{background:var(--accent-soft);color:var(--accent);border-radius:var(--r-sm);padding:1px 8px;font-size:11px;font-weight:600}.body{flex:1;min-height:0;display:flex}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--sidebar);padding:10px 0;overflow-y:auto}.nav-item{color:#c7ccd6;border-left:3px solid #0000;align-items:center;gap:12px;padding:10px 18px;font-size:14px;text-decoration:none;display:flex}.nav-item i{text-align:center;flex-shrink:0;width:18px;font-size:15px}.nav-item:hover{background:var(--sidebar-hover);color:#fff;text-decoration:none}.nav-item.active{background:var(--sidebar-hover);color:#fff;border-left-color:var(--accent)}.content{flex:1;padding:24px;overflow-y:auto}.footer{border-top:1px solid var(--border);color:var(--text-muted);background:var(--surface);flex:none;padding:10px 16px;font-size:12px}@media (width<=820px){.sidebar{flex-basis:60px;width:60px}.nav-item span,.topbar .search{display:none}}.topbar .profile{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;align-items:center;gap:8px;display:flex}.icon-btn{position:relative}.badge{background:var(--danger,#c0392b);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-size:10px;line-height:16px;position:absolute;top:-3px;right:-3px}.dropdown{background:var(--surface,#fff);min-width:250px;color:var(--text,#111);border:1px solid var(--border,#ddd);border-radius:var(--r-md,8px);box-shadow:var(--sh-pop,0 8px 24px #0000002e);z-index:50;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.dropdown-h{border-bottom:1px solid var(--border,#eee);padding:10px 14px;font-weight:600}.dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--text,inherit);font:inherit;background:0 0;border:none;padding:10px 14px;text-decoration:none;display:block}.dropdown-item i{color:var(--text-muted);margin-right:8px}.dropdown-item:hover{background:var(--sidebar-hover,#0000000d)}.dropdown-item+.dropdown-item{border-top:1px solid var(--border,#f0f0f0)}.dropdown-backdrop{z-index:40;position:fixed;inset:0}.login-screen{background:var(--bg);justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:360px;box-shadow:var(--sh-card);padding:28px 26px}.login-brand{color:var(--accent);justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.login-title{text-align:center;color:var(--text-muted);margin:6px 0 18px;font-size:15px}.role-switch{gap:6px;margin-bottom:16px;display:flex}.role-switch button{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;flex:1;padding:8px;font-size:13px}.role-switch button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.fld{color:var(--text-muted);flex-direction:column;gap:5px;margin-bottom:12px;font-size:13px;display:flex}.fld input{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--text);outline:none;padding:9px 11px;font-size:14px}.fld input:focus{border-color:var(--accent)}.login-btn{background:var(--accent);color:#fff;border-radius:var(--r-sm);cursor:pointer;border:0;width:100%;margin-top:4px;padding:10px;font-size:14px;font-weight:700}.login-btn:hover{background:var(--accent-hover)}.login-note{color:var(--text-muted);text-align:center;margin-top:12px;font-size:11px}.social-login{flex-direction:column;gap:8px;margin-top:14px;display:flex}.social-sep{text-align:center;color:var(--text-muted);margin:4px 0;font-size:.8rem}.social-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.social-btn:hover{border-color:var(--accent);background:var(--bg)}.social-btn.disabled{opacity:.45;pointer-events:none}.social-letter{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:inline-flex}.consent{color:var(--text-muted);flex-direction:column;align-items:flex-start;gap:6px;margin:10px 0 4px;font-size:.82rem;display:flex}.consent-row{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.consent-row input{margin-top:2px}.consent-link{color:var(--accent);margin-left:24px;font-size:.8rem;display:inline-block}.login-brand .brand-logo{width:auto;height:40px}