:root{--bg0: #070c18;--bg1: #0b1226;--bg2: #101a33;--glass: rgba(16, 26, 51, .72);--glass-brd: rgba(148, 163, 198, .16);--silver: #c3ccdf;--text: #e6ecf7;--muted: #8b96b3;--blue: #3d7bfd;--blue2: #2b5fd9;--ok: #2fd28a;--warn: #f2b73f;--err: #ff5c72;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:radial-gradient(1200px 700px at 80% -10%,rgba(61,123,253,.14),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(61,123,253,.1),transparent 60%),linear-gradient(160deg,var(--bg0),var(--bg1) 55%,#0a1122);color:var(--text);font-size:14px}a{color:var(--blue);text-decoration:none}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:232px;flex:0 0 auto;padding:18px 12px;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--glass-brd);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px}.brand .logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--blue),#7ea6ff);display:grid;place-items:center;font-weight:800;color:#fff;font-size:15px;box-shadow:0 6px 18px #3d7bfd59}.brand h1{font-size:14.5px;margin:0;font-weight:650;letter-spacing:.2px}.brand small{display:block;color:var(--muted);font-weight:400;font-size:11px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--silver);cursor:pointer;border:1px solid transparent;font-weight:500}.nav-item svg{width:17px;height:17px;opacity:.9}.nav-item:hover{background:#3d7bfd1a;color:var(--text)}.nav-item.active{background:linear-gradient(120deg,#3d7bfd38,#3d7bfd14);border-color:#3d7bfd59;color:#fff}.sidebar .spacer{flex:1}.main{flex:1;overflow-y:auto;padding:22px 26px 40px}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.topbar h2{margin:0;font-size:19px;font-weight:650}.topbar .sub{color:var(--muted);font-size:12.5px}.topbar .grow{flex:1}.card{background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--radius);padding:16px 18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #02061259}.card h3{margin:0 0 12px;font-size:13.5px;font-weight:600;color:var(--silver);text-transform:uppercase;letter-spacing:.6px}.grid{display:grid;gap:14px}.grid.cols4{grid-template-columns:repeat(4,1fr)}.grid.cols3{grid-template-columns:repeat(3,1fr)}.grid.cols2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1100px){.grid.cols4{grid-template-columns:repeat(2,1fr)}.grid.cols3{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.grid.cols4,.grid.cols3,.grid.cols2{grid-template-columns:1fr}.app{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap}}.stat{display:flex;flex-direction:column;gap:6px}.stat .v{font-size:26px;font-weight:700;letter-spacing:.3px}.stat .l{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px}.stat .x{color:var(--silver);font-size:12px}table.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;padding:8px 10px;border-bottom:1px solid var(--glass-brd);white-space:nowrap}.tbl td{padding:9px 10px;border-bottom:1px solid rgba(148,163,198,.08);vertical-align:middle}.tbl tr:hover td{background:#3d7bfd0d}.tbl .actions{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:2.5px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.badge.ok{background:#2fd28a24;color:var(--ok)}.badge.err{background:#ff5c7224;color:var(--err)}.badge.warn{background:#f2b73f24;color:var(--warn)}.badge.mut{background:#8b96b324;color:var(--muted)}.badge.blue{background:#3d7bfd29;color:#9cbcff}button,.btn{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border:none;border-radius:9px;padding:7.5px 13px;font-size:12.8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:filter .15s}button:hover,.btn:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;border:1px solid var(--glass-brd);color:var(--silver)}button.danger{background:linear-gradient(135deg,#b23447,#8f2438)}button.sm{padding:4.5px 9px;font-size:11.8px}input,select,textarea{background:#070c188c;border:1px solid var(--glass-brd);color:var(--text);border-radius:9px;padding:8px 11px;font-size:13px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:#3d7bfd8c}label.fld{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);margin-bottom:10px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#040812a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50}.modal{width:min(620px,92vw);max-height:88vh;overflow-y:auto}.modal .mhead{display:flex;align-items:center;margin-bottom:12px}.modal .mhead h3{margin:0;font-size:16px}.modal .mhead .grow{flex:1}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1}.mt{margin-top:14px}.mb{margin-bottom:14px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px}.prewrap{white-space:pre-wrap;word-break:break-all}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:min(400px,92vw);padding:30px}.login-card h1{font-size:21px;margin:0 0 4px}.errbox{background:#ff5c721f;color:#ffb4bf;padding:9px 12px;border-radius:9px;font-size:12.6px;margin-bottom:10px}.okbox{background:#2fd28a1f;color:#a9f0d0;padding:9px 12px;border-radius:9px;font-size:12.6px;margin-bottom:10px}.chart-line{width:100%;height:130px}.video-box video{width:100%;border-radius:12px;background:#000;max-height:52vh}.kv{display:grid;grid-template-columns:150px 1fr;gap:4px 12px;font-size:12.6px}.kv .k{color:var(--muted)}.pager{display:flex;gap:8px;align-items:center;margin-top:12px}.logo-cell{width:34px;height:24px;border-radius:6px;object-fit:contain;background:#ffffff0a}