:root{--bg0: #05070d;--bg1: #070b14;--bg2: #0a1020;--panel: rgba(16, 23, 42, .7);--panel2: rgba(10, 16, 32, .75);--stroke: rgba(120, 160, 255, .16);--text: rgba(240, 245, 255, .92);--muted: rgba(240, 245, 255, .65);--soft: rgba(240, 245, 255, .4);--accent: #00d2c6;--accent2: #00a3ff;--amber: #f7b34a;--danger: #ff4d6d;--ok: #22c55e;--shadow: 0 18px 45px rgba(0, 0, 0, .55);--shadow2: 0 10px 25px rgba(0, 0, 0, .45);--radius: 16px;--radius2: 22px;--ring: 0 0 0 3px rgba(0, 210, 198, .18);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 15% 10%,rgba(0,210,198,.12),transparent 60%),radial-gradient(900px 500px at 85% 20%,rgba(0,163,255,.1),transparent 60%),radial-gradient(900px 700px at 30% 90%,rgba(247,179,74,.06),transparent 65%),linear-gradient(180deg,var(--bg0),var(--bg2));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font-family:inherit}::selection{background:#00d2c640}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#ffffff0a}*::-webkit-scrollbar-thumb{background:#00d2c638;border:2px solid rgba(10,16,32,.65);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#00d2c652}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;gap:18px;padding:18px}@media(max-width:980px){.shell{grid-template-columns:1fr}}.sidebar{position:sticky;top:18px;height:calc(100vh - 36px);border-radius:var(--radius2);background:linear-gradient(180deg,#0c1223cc,#080c18b3);box-shadow:var(--shadow2);border:1px solid var(--stroke);overflow:hidden}.sidebar__header{padding:18px 16px 14px;border-bottom:1px solid rgba(120,160,255,.12)}.brand{display:flex;align-items:center;gap:12px}.brand__logo{width:40px;height:40px;border-radius:14px;background:radial-gradient(18px 18px at 35% 30%,rgba(0,210,198,.55),transparent 60%),radial-gradient(18px 18px at 70% 70%,rgba(247,179,74,.35),transparent 60%),linear-gradient(145deg,#00a3ff1f,#00d2c614);border:1px solid rgba(0,210,198,.25);box-shadow:0 10px 22px #00000059}.brand__title{font-size:18px;font-weight:800;letter-spacing:.4px}.brand__subtitle{margin-top:2px;font-size:12px;color:var(--muted)}.sidebar__nav{padding:12px;display:grid;gap:10px}.navItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(120,160,255,.1);background:#0a102059;color:var(--text);transition:transform .12s ease,background .12s ease,border-color .12s ease}.navItem:hover{transform:translateY(-1px);border-color:#00d2c640;background:#0a10208c}.navItem__label{font-weight:650;letter-spacing:.2px;font-size:13px}.navItem--active{border-color:#00d2c659;background:linear-gradient(180deg,#00d2c614,#0a102099);box-shadow:0 12px 24px #00000059}.sidebar__footer{padding:14px 16px;border-top:1px solid rgba(120,160,255,.12);color:var(--muted);font-size:12px}.kbd{padding:2px 8px;border-radius:999px;border:1px solid rgba(120,160,255,.18);background:#0a102080;color:#f0f5ffcc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px}.main{border-radius:var(--radius2);border:1px solid var(--stroke);background:linear-gradient(180deg,#0c12238c,#080c188c);box-shadow:var(--shadow);overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(120,160,255,.12)}.pageTitle{display:grid;gap:2px}.pageTitle__h1{margin:0;font-size:16px;font-weight:850;letter-spacing:.3px}.pageTitle__p{margin:0;font-size:12px;color:var(--muted)}.topbar__right{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(120,160,255,.16);background:#0a102080;color:#f0f5ffd9;font-size:12px}.pill__dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px #00d2c62e}.content{padding:18px}.grid{display:grid;gap:14px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.grid--3,.grid--2,.grid--4{grid-template-columns:1fr}}.card{border-radius:var(--radius);border:1px solid rgba(120,160,255,.14);background:linear-gradient(180deg,#0a10208c,#0a102059);box-shadow:0 12px 24px #00000059;overflow:hidden}.card__head{padding:14px 14px 10px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(120,160,255,.1)}.card__title{font-weight:800;letter-spacing:.2px;font-size:13px;margin:0}.card__hint{margin:0;color:var(--muted);font-size:12px}.card__body{padding:14px}.metric{display:grid;gap:6px}.metric__kpi{font-size:28px;font-weight:900;letter-spacing:.6px}.metric__label{font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(120,160,255,.18);background:#0a10208c;color:#f0f5ffd9}.badge--ok{border-color:#22c55e59;background:#22c55e1a}.badge--warn{border-color:#f7b34a59;background:#f7b34a1f}.badge--danger{border-color:#ff4d6d59;background:#ff4d6d1f}.hr{height:1px;background:#78a0ff1f;margin:14px 0}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px;border-bottom:1px solid rgba(120,160,255,.1);text-align:left;vertical-align:middle}.table th{color:#f0f5ffbf;font-size:12px;font-weight:750;letter-spacing:.2px}.table tr:hover td{background:#00d2c60d}.field{display:grid;gap:6px}.label{font-size:12px;color:#f0f5ffc7}.input{height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(120,160,255,.18);background:#05070d59;color:var(--text);outline:none}.input:focus{box-shadow:var(--ring);border-color:#00d2c659}.help{font-size:12px;color:var(--muted)}.row{display:grid;gap:12px}.row--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.row--2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(120,160,255,.18);background:#0a10208c;color:#f0f5ffe6;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;font-weight:700;letter-spacing:.2px}.btn:hover{transform:translateY(-1px);border-color:#00d2c647;background:#0a1020bf}.btn:active{transform:translateY(0)}.btn--primary{border-color:#00d2c659;background:linear-gradient(180deg,#00d2c62e,#0a10208c)}.btn--danger{border-color:#ff4d6d59;background:#ff4d6d24}.btn--ghost{background:transparent}.actions{display:flex;gap:10px;flex-wrap:wrap}.notice{border-radius:14px;border:1px solid rgba(120,160,255,.18);background:#0a102073;padding:12px;color:#f0f5ffd9;font-size:13px}.notice--danger{border-color:#ff4d6d59;background:#ff4d6d1a}.notice--ok{border-color:#22c55e59;background:#22c55e1a}.small{font-size:12px;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}