:root{color-scheme:dark;--bg: #050810;--panel: rgba(14, 20, 38, .92);--panel2: #0c1225;--border: rgba(0, 200, 255, .15);--border-strong: rgba(0, 200, 255, .35);--text: #e8f4ff;--muted: #7a9bb5;--accent: #00c8ff;--violet: #7b2fff;--ok: #34d399;--warn: #fbbf24;--err: #fb7185}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:"Exo 2",system-ui,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,rgba(0,200,255,.08),transparent),var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}button{cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--violet));color:#02121b}button.ghost{background:#ffffff0d;color:var(--text);border:1px solid var(--border)}button:disabled{opacity:.5;cursor:default}input,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0a1223;color:var(--text);font:inherit;font-size:14px}.muted{color:var(--muted)}.err{color:var(--err);font-size:13px;min-height:16px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border)}.pill.ok{color:var(--ok);border-color:#34d39966;background:#34d3991a}.pill.warn{color:var(--warn);border-color:#fbbf2466;background:#fbbf241a}.topbar{display:flex;align-items:center;gap:14px;padding:12px 22px;border-bottom:1px solid var(--border);background:linear-gradient(145deg,#00c8ff14,#7b2fff1a);position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar .brand{font-weight:700;letter-spacing:.5px}.topbar .spacer{flex:1}.page{max-width:1100px;margin:0 auto;padding:24px 20px 64px}.hero{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--border);margin-bottom:20px;min-height:180px;display:flex;align-items:center}.hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.55}.hero .hero-text{position:relative;padding:26px 28px}.hero h1{margin:0 0 6px;font-size:24px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.kpi{border:1px solid var(--border);border-radius:14px;padding:16px 18px;background:var(--panel)}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:30px;font-weight:700;background:linear-gradient(135deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:18px 20px;margin-bottom:18px;box-shadow:0 20px 50px #02061766}.card h3{margin:0 0 14px;font-size:16px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500}.row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.row>div{flex:1;min-width:150px}.empty{text-align:center;padding:30px}.empty img{width:160px;opacity:.85}.login{min-height:100%;display:grid;place-items:center}.login-card{width:360px;border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:28px;box-shadow:0 30px 70px #02061780}.login-card h1{margin:0 0 4px;font-size:22px}.login-card .field{margin:14px 0}.login-card label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.center{display:grid;place-items:center;height:100%;color:var(--muted)}.meters{display:flex;flex-direction:column;gap:12px}.meter-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.bar{height:9px;border-radius:999px;background:#0a1223;border:1px solid var(--border);overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--violet));transition:width .4s ease}.logbox{background:#060a14;border:1px solid var(--border);border-radius:10px;padding:12px;max-height:340px;overflow:auto;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;color:#9fd5e8;margin:0}