:root{--bg:#12161d;--surface:#1a2029;--surface-raised:#212836;--border:#2b3342;--text:#eef1f6;--text-muted:#8b94a6;--accent:#f2a71b;--danger:#ef5b5b;--live:#2dd4bf}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:0;width:100%;max-width:380px;padding:32px}.login-card h1{margin:16px 0 20px;font-size:16px;font-weight:600}.login-logo{letter-spacing:2px;color:var(--text);font-size:28px;font-weight:800}.login-logo span{color:var(--accent)}.login-card form{flex-direction:column;gap:12px;display:flex}.login-card input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:10px 12px;font-size:14px}.login-card button{background:var(--accent);color:#12161d;cursor:pointer;border:none;padding:11px;font-size:14px;font-weight:600}.login-card button:hover{filter:brightness(1.08)}.login-foot{color:var(--text-muted);margin-top:18px;font-size:11px}.err{color:var(--danger);font-size:13px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.brand{letter-spacing:2px;font-size:20px;font-weight:800}.brand span{color:var(--accent)}.userbox{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.btn-ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;padding:5px 12px;font-size:13px}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}main{flex:1;max-width:1200px;margin:0 auto;padding:20px}.layout{min-height:calc(100vh - 96px);display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:200px;padding:16px 10px;display:flex}.sidebar-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:0 10px 10px;font-size:11px}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex}.app-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.app-item:hover:not(:disabled){background:var(--surface-raised)}.app-item.active{background:var(--surface-raised);border-left-color:var(--accent)}.app-item.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.55}.app-icon{font-size:15px}.app-name{flex:1}.app-soon{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.sidebar-foot{color:var(--text-muted);border-top:1px solid var(--border);padding:10px;font-size:10px}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);padding:16px}.stat-value{font-size:30px;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:12px}.stat-sub{color:var(--text-muted);margin-top:6px;font-size:11px}.panel{background:var(--surface);border:1px solid var(--border);margin-bottom:20px;overflow-x:auto}.panel h2{border-bottom:1px solid var(--border);padding:14px 16px;font-size:14px;font-weight:600}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:500}td{border-bottom:1px solid var(--border);padding:10px 16px}tr:last-child td{border-bottom:none}.banner.err{color:var(--danger);border-bottom:1px solid var(--danger);background:#ef5b5b1f;padding:12px 20px;font-size:13px}footer{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);padding:16px 20px;font-size:11px}