:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8eef4;background-color:#0b1116;font-family:Space Grotesk,Sora,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 700px at 10% -10%,#1c2a36,#0b1116 60%);min-height:100vh;margin:0}#root{min-height:100vh}button,input{font-family:inherit}.app{max-width:1120px;margin:0 auto;padding:28px 20px 60px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand img{border-radius:14px;width:56px;height:56px;box-shadow:0 0 0 2px #ffffff14}.brand p{letter-spacing:.2em;color:#95a6b5;text-transform:uppercase;margin:0;font-size:13px}.brand h1{margin:2px 0 0;font-size:28px}.actions{gap:10px;display:flex}.card{background:linear-gradient(145deg,#111a21f5,#0a1015f5);border:1px solid #50667859;border-radius:20px;padding:20px;box-shadow:0 20px 60px #04080c73}.login h2{margin:0 0 6px}.sub{color:#93a7b6;margin:0 0 18px}.form-grid{gap:14px;display:grid}label{color:#9fb1c0;gap:6px;font-size:14px;display:grid}input{color:#f3f7fb;background:#0e151b;border:1px solid #7896aa59;border-radius:14px;padding:12px 14px;font-size:15px}.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.controls h3{margin:18px 0 10px}.btn{cursor:pointer;color:#e8eef4;background:#1a2430;border:none;border-radius:14px;padding:12px 14px;font-size:15px;font-weight:600}.btn:disabled{opacity:.7;cursor:not-allowed}.btn.primary{color:#04120f;background:linear-gradient(135deg,#22c1a0,#2a9d8f)}.btn.danger{color:#160405;background:linear-gradient(135deg,#ff6b6b,#e63946)}.btn.warn{color:#1a1102;background:linear-gradient(135deg,#ffb347,#f5a623)}.btn.ghost{background:0 0;border:1px solid #82a0b466}.status-box{white-space:pre-wrap;color:#b9c7d4;background:#0a1116;border:1px solid #7896aa40;border-radius:14px;min-height:56px;margin-top:16px;padding:12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.dashboard{flex-direction:column;gap:16px;display:flex}.online{align-items:center;gap:12px;display:flex}.dot{background:#5b6b77;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #5b6b7740}.dot.on{background:#3bf579;box-shadow:0 0 18px #3bf57999}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stats div{background:#0b141b;border:1px solid #7896aa33;border-radius:14px;gap:6px;padding:12px 14px;display:grid}.stats span{color:#90a6b6;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.stats strong{font-size:18px}.compact{gap:16px;margin-top:18px;display:grid}.compact .mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.compact .mini div{background:#0b141b;border:1px solid #7896aa33;border-radius:14px;padding:12px}.app.collapsed .grid{display:none}@media (width<=960px){.topbar{flex-direction:column;align-items:flex-start}.grid,.row,.compact .mini{grid-template-columns:1fr}}