:root{--bg:#07090d;--panel:#0e1219;--panel2:#131923;--line:#232c39;--text:#f5f7fb;--muted:#8e9aab;--accent:#7c9cff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}.login-shell{background:radial-gradient(circle at 50% 0,#17213a 0,#090c12 36%,#06080b 70%);place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{border:1px solid var(--line);background:#0e1219f0;border-radius:24px;width:min(520px,100%);padding:48px;box-shadow:0 30px 90px #00000073}.brand-mark{background:var(--text);color:#0a0d12;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:28px;font-size:22px;font-weight:900;display:grid}.eyebrow{color:var(--accent);letter-spacing:.14em;margin:0 0 10px;font-size:12px;font-weight:800}.login-card h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(34px,6vw,54px);line-height:1.02}.lead{color:var(--muted);margin-bottom:30px;font-size:18px;line-height:1.6}.primary{color:#0a0d12;cursor:pointer;background:#f5f7fb;border:0;border-radius:12px;width:100%;padding:15px 18px;font-weight:800}.security-note{color:#697588;text-align:center;margin:18px 0 0;font-size:12px}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#090c11;flex-direction:column;justify-content:space-between;padding:28px 22px;display:flex}.logo{letter-spacing:.08em;font-size:25px;font-weight:900}.sidebar-label{color:#566174;letter-spacing:.18em;margin-top:4px;font-size:10px}nav{gap:8px;margin:42px 0 auto;display:grid}nav a{color:#8591a2;border-radius:10px;padding:11px 12px}nav a.active{color:#fff;background:#151c27}.user-block{border-top:1px solid var(--line);gap:6px;padding-top:20px;display:grid}.user-block span{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.ghost{border:1px solid var(--line);color:#c8d0dc;cursor:pointer;background:0 0;border-radius:9px;width:100%;margin-top:10px;padding:9px}.content{padding:42px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}header h1{letter-spacing:-.04em;margin:0;font-size:38px}.status{color:#83d7a7;background:#0d1b15;border:1px solid #294136;border-radius:999px;padding:8px 12px;font-size:12px}.hero{border:1px solid var(--line);background:linear-gradient(135deg,#111827,#0d1219);border-radius:20px;justify-content:space-between;align-items:end;margin-bottom:22px;padding:30px;display:flex}.hero h2{margin:0 0 8px;font-size:30px}.hero p:last-child{color:var(--muted);margin-bottom:0}.hero-metric{text-align:right;gap:5px;display:grid}.hero-metric span{color:var(--muted);font-size:11px}.hero-metric strong{color:#83d7a7;font-size:13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:var(--panel);border-radius:16px;min-height:170px;padding:22px}.card h3{margin:18px 0 8px}.card p{color:var(--muted);margin:0 0 22px;line-height:1.5}.card small{color:#596577}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px;display:block}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:24px}.grid{grid-template-columns:1fr}.hero{flex-direction:column;align-items:start;gap:24px}header{flex-direction:column;align-items:start;gap:16px}.login-card{padding:32px 24px}}