:root{--bg:#07100f;--panel:#0c1715;--panel2:#101e1b;--line:#20302c;--text:#edf7f3;--muted:#8fa8a1;--accent:#65f2b3;--accent2:#38bdf8;--warn:#f5c451;--danger:#ff6b7a;--shadow:0 20px 60px #00000040}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background-image:radial-gradient(circle at 80% -10%,#65f2b31f,#0000 32%),linear-gradient(#081310 0,#07100f 60%)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060e0de0;height:100vh;padding:22px 14px;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:11px;padding:0 10px 20px;display:flex}.brandmark{background:linear-gradient(135deg,var(--accent),#1f8f69);color:#04100c;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 0 28px #65f2b338}.brand strong{letter-spacing:.02em;font-size:14px}.brand span{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;margin-top:3px;font-size:10px;display:block}.navgroup{color:#5f7a72;text-transform:uppercase;letter-spacing:.18em;padding:15px 12px 7px;font-size:10px}.nav a{color:#a9bcb7;border-radius:9px;align-items:center;gap:10px;margin:2px 0;padding:9px 11px;font-size:13px;text-decoration:none;display:flex}.nav a:hover,.nav a.active{color:#fff;background:#12231f}.nav a.active{box-shadow:inset 2px 0 var(--accent);color:var(--accent)}.nav svg{width:16px;height:16px}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:4;background:#07100fd1;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:11px}.topright{align-items:center;gap:12px;display:flex}.statusdot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 15px var(--accent);border-radius:50%}.avatar{background:#1a302a;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.content{max-width:1720px;margin:auto;padding:30px}.hero{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.hero h1{letter-spacing:-.035em;margin:5px 0 7px;font-size:29px;line-height:1.15}.hero p{color:var(--muted);margin:0;font-size:13px}.actions{gap:9px;display:flex}.btn{border:1px solid var(--line);color:var(--text);background:#10201c;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:650}.btn.primary{background:var(--accent);color:#03110c;border-color:var(--accent)}.btn.danger{color:var(--danger)}.grid{gap:14px;display:grid}.metrics{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(160deg,#111f1bf5,#0a1513f5);border-radius:14px}.metric{padding:17px;position:relative;overflow:hidden}.metric:after{content:"";background:var(--accent);filter:blur(48px);opacity:.12;border-radius:50%;width:70px;height:70px;position:absolute;top:-15px;right:-15px}.metric label{color:var(--muted);margin-bottom:11px;font-size:11px;display:block}.metric strong{letter-spacing:-.04em;font-size:23px}.metric small{color:#5e7b72;margin-top:8px;font-size:10px;display:block}.panels{grid-template-columns:1.45fr .75fr}.panel{min-width:0;padding:19px}.panelhead{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.panelhead h2{margin:0;font-size:14px}.panelhead span{color:var(--muted);font-size:11px}.chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 47px,#ffffff09 48px);align-items:end;gap:6px;height:240px;padding:15px 0 4px;display:flex}.bar{background:linear-gradient(to top,#65f2b347,var(--accent));border-radius:3px 3px 0 0;flex:1;min-width:4px;position:relative}.bar:hover:after{content:attr(data-v);background:#020706;border-radius:5px;padding:5px;font-size:10px;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.rank{align-items:center;gap:10px;margin:12px 0;display:flex}.rank .idx{color:#4d6c62;width:14px;font-size:10px}.rank .label{white-space:nowrap;text-overflow:ellipsis;width:145px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.rank .track{background:#182923;border-radius:5px;flex:1;height:5px}.rank .fill{background:var(--accent2);border-radius:5px;height:100%}.rank .value{color:var(--muted);text-align:right;width:65px;font-size:10px}.toolbar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.input{color:var(--text);border:1px solid var(--line);background:#0b1714;border-radius:9px;outline:none;min-width:145px;padding:9px 11px;font-size:12px}.input:focus{border-color:#3b7d68;box-shadow:0 0 0 3px #65f2b312}.tablewrap{border:1px solid var(--line);background:#0a1513;border-radius:13px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px}th{color:#718e85;text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid var(--line);background:#0e1b18;padding:11px 12px;font-size:9px;position:sticky;top:0}td{color:#c6d5d1;white-space:nowrap;border-bottom:1px solid #162520;padding:11px 12px;font-size:11px}tr:hover td{background:#0f1d19}.mono{color:#e6f4ef;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.badge{color:#8fdabf;text-transform:uppercase;letter-spacing:.06em;background:#132620;border:1px solid #29433b;border-radius:999px;padding:3px 7px;font-size:9px;display:inline-flex}.badge.warn{color:var(--warn);border-color:#5b4a25}.badge.danger{color:var(--danger);border-color:#5d2b34}.empty{text-align:center;color:var(--muted);padding:70px 25px}.empty strong{color:#dce9e5;margin-bottom:7px;font-size:15px;display:block}.formgrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.formgrid .wide{grid-column:span 2}.section{margin-top:16px}.sectiontitle{color:#bdd0ca;margin:0 0 10px;font-size:12px}.split{grid-template-columns:1fr 1fr;gap:14px;display:grid}.notice{color:#e5c66d;background:#211d10;border:1px solid #5d4d28;border-radius:10px;margin:12px 0;padding:13px 15px;font-size:11px}.login{grid-template-columns:1.2fr .8fr;min-height:100vh;display:grid}.loginvisual{background:radial-gradient(circle at 35% 30%,#65f2b32b,#0000 28%),#07100f;flex-direction:column;justify-content:space-between;padding:70px;display:flex}.loginvisual h1{letter-spacing:-.06em;max-width:700px;margin:20px 0;font-size:54px;line-height:1.02}.loginvisual p{color:var(--muted);max-width:550px}.networkline{background:linear-gradient(90deg,var(--accent),transparent);height:1px;margin:60px 0;position:relative}.networkline:before,.networkline:after{content:"";border:2px solid var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px}.networkline:before{left:12%}.networkline:after{left:58%}.loginbox{border-left:1px solid var(--line);background:#091310;place-items:center;display:grid}.loginform{width:min(360px,80%)}.loginform h2{margin-bottom:7px;font-size:24px}.loginform p{color:var(--muted);margin-bottom:26px;font-size:12px}.loginform .input{width:100%;margin:10px 0;padding:12px;display:block}.loginform .btn{width:100%;margin-top:8px;padding:12px}.error{color:var(--danger);font-size:11px}.skeleton{background:#13231f;border-radius:8px;height:20px;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.5}}@media (max-width:1100px){.app{grid-template-columns:76px 1fr}.sidebar{padding:18px 9px}.brand strong,.brand span,.navgroup,.nav a span{display:none}.brand{padding:0 9px 18px}.nav a{justify-content:center}.metrics{grid-template-columns:repeat(3,1fr)}.panels{grid-template-columns:1fr}.formgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.app{display:block}.sidebar{z-index:20;border-top:1px solid var(--line);height:61px;padding:5px;display:flex;position:fixed;inset:auto 0 0;overflow-x:auto}.brand,.navgroup{display:none}.nav{display:flex}.nav a{min-width:48px}.main{padding-bottom:66px}.topbar{padding:0 16px}.content{padding:20px 14px}.metrics{grid-template-columns:1fr 1fr}.hero{align-items:flex-start;gap:14px}.hero h1{font-size:24px}.actions{display:none}.formgrid,.split{grid-template-columns:1fr}.formgrid .wide{grid-column:auto}.login{grid-template-columns:1fr}.loginvisual{display:none}.loginbox{min-height:100vh}}