:root{--purple:#8B5CF6;--violet:#A78BFA;--sky:#60A5FA;--night:#0B0D17;--panel:#11131D;--panel2:#161926;--light:#F5F6FA;--dim:rgba(245,246,250,.6);--faint:rgba(245,246,250,.36);--hair:rgba(245,246,250,.08);--hair2:rgba(245,246,250,.14);--grad:linear-gradient(135deg,#8B5CF6 0%,#60A5FA 100%);--green:#34D399;--red:#F87171;--amber:#FBBF24}*{margin:0;padding:0;box-sizing:border-box}body{background:#07080f;color:var(--light);font-family:Manrope,system-ui,sans-serif;font-size:14px}button{font-family:inherit}#root{min-height:100vh}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(800px 500px at 70% -10%,rgba(139,92,246,.18),transparent),#07080f}.login-card{width:380px;background:var(--panel);border:1px solid var(--hair2);border-radius:20px;padding:34px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.brand b{letter-spacing:.4em;font-size:15px}.brand span{font-size:10px;letter-spacing:.2em;color:var(--faint);font-weight:700;border:1px solid var(--hair2);border-radius:99px;padding:3px 9px}.layout{display:flex;min-height:100vh}.side{width:228px;flex:0 0 228px;border-right:1px solid var(--hair);padding:22px 14px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,#0b0d17,#0a0c15)}.side .brand{padding:0 10px;margin-bottom:18px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;cursor:pointer;color:var(--dim);font-weight:600;font-size:13.5px;border:0;background:none;text-align:left;width:100%;transition:all .15s}.nav-item:hover{background:#f5f6fa0a;color:#fff}.nav-item.on{background:linear-gradient(135deg,#8b5cf640,#60a5fa2e);color:#fff}.nav-item .ic{width:18px;text-align:center;opacity:.9}.side .foot{margin-top:auto;padding:10px 12px;font-size:12px;color:var(--faint)}.side .foot b{display:block;color:var(--dim)}.main{flex:1;padding:26px 30px;max-width:1340px}.page-h{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.page-h h1{font-size:21px;font-weight:700;letter-spacing:-.01em}.muted{color:var(--faint);font-size:12.5px}.grid{display:grid;gap:14px}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}@media (max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}}.card{background:var(--panel);border:1px solid var(--hair);border-radius:16px;padding:18px}.stat .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:700;margin-bottom:8px}.stat .v{font-size:26px;font-weight:300}.stat .v b{font-weight:700}.stat .sub{font-size:11.5px;color:var(--faint);margin-top:4px}table{width:100%;border-collapse:collapse}th{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);text-align:left;padding:9px 12px;border-bottom:1px solid var(--hair)}td{padding:11px 12px;border-bottom:1px solid var(--hair);font-size:13px;vertical-align:middle}tr.click{cursor:pointer}tr.click:hover td{background:#f5f6fa06}.num{font-variant-numeric:tabular-nums}.badge{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:4px 9px;border-radius:99px;border:1px solid var(--hair2);color:var(--dim)}.badge.green{color:var(--green);border-color:#34d39966;background:#34d39914}.badge.purple{color:var(--violet);border-color:#a78bfa73;background:#a78bfa1a}.badge.amber{color:var(--amber);border-color:#fbbf2466;background:#fbbf2414}.badge.red{color:var(--red);border-color:#f8717166;background:#f8717114}.pos{color:var(--green);font-weight:700}.neg{color:var(--red);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;cursor:pointer;border-radius:11px;padding:10px 16px;font:700 13px Manrope,sans-serif;color:#fff;background:var(--grad);transition:transform .12s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:#f5f6fa0f;border:1px solid var(--hair2);color:var(--dim)}.btn.sm{padding:7px 12px;font-size:12px;border-radius:9px}.btn.danger{background:#f8717129;border:1px solid rgba(248,113,113,.45);color:var(--red)}.inp,select.inp,textarea.inp{background:#f5f6fa0d;border:1px solid var(--hair2);border-radius:11px;padding:10px 13px;font:500 13.5px Manrope,sans-serif;color:var(--light);outline:none;width:100%}.inp:focus{border-color:#8b5cf699}.inp.sm{padding:7px 10px;font-size:12.5px;border-radius:8px}textarea.inp{resize:vertical;min-height:90px;line-height:1.5}select.inp{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.field{margin-bottom:13px}.field label{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}.row{display:flex;gap:10px;align-items:center}.spread{justify-content:space-between}.drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#04050ca8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:flex;justify-content:flex-end}.drawer{width:520px;max-width:94vw;height:100%;background:var(--panel);border-left:1px solid var(--hair2);padding:24px;overflow-y:auto;animation:slide .3s cubic-bezier(.22,.9,.3,1)}@keyframes slide{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.drawer h2{font-size:17px;margin-bottom:4px}.bars{display:flex;align-items:flex-end;gap:3px;height:160px;padding-top:10px}.bars .b{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:1px;cursor:default}.bars .seg-sub{background:var(--purple);border-radius:2px 2px 0 0;min-height:0}.bars .seg-p1{background:var(--sky);border-radius:2px}.legend{display:flex;gap:16px;margin-top:10px;font-size:11.5px;color:var(--faint)}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}.toastbox{position:fixed;bottom:22px;right:22px;z-index:99;display:flex;flex-direction:column;gap:8px}.toast{background:#1a1d2b;border:1px solid var(--hair2);border-radius:12px;padding:12px 16px;font-weight:600;font-size:13px;box-shadow:0 12px 30px #00000080;animation:tin .25s}@keyframes tin{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.empty{padding:34px;text-align:center;color:var(--faint);font-size:13px}.mt6{margin-top:6px}.mt10{margin-top:10px}.mt14{margin-top:14px}.mt20{margin-top:20px}.mb10{margin-bottom:10px}.mb14{margin-bottom:14px}.mb20{margin-bottom:20px}.hr{height:1px;background:var(--hair);margin:16px 0}.kv{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;font-size:13px}.kv .k{color:var(--faint)}