:root{
  --bg:#07111f;--panel:#0e1b2d;--panel2:#12233a;--text:#f5f8ff;
  --muted:#9fb0c8;--primary:#2b8cff;--secondary:#7a46ff;--success:#37d67a;
  --danger:#ff5b6e;--border:rgba(255,255,255,.09)
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
input,select{width:100%;margin-top:7px;padding:13px 14px;border-radius:12px;border:1px solid var(--border);background:#0a1626;color:#fff;outline:none}
label{display:block;font-size:14px;color:#dbe7f7;margin-bottom:14px}
button{font:inherit}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:800;cursor:pointer}
.brand{font-size:25px;font-weight:900;letter-spacing:-1px}.brand span{color:#5aa7ff}
.login-bg,.install-bg{min-height:100vh;display:grid;place-items:center;padding:24px;background:
radial-gradient(circle at 20% 20%,rgba(43,140,255,.22),transparent 34%),
radial-gradient(circle at 80% 80%,rgba(122,70,255,.18),transparent 30%),var(--bg)}
.login-card,.install-card{width:min(460px,100%);padding:34px;border:1px solid var(--border);border-radius:24px;background:rgba(14,27,45,.92);box-shadow:0 25px 70px rgba(0,0,0,.35)}
.install-card{width:min(820px,100%)}
.login-card h1,.install-card h1{margin:24px 0 8px}.login-card p,.install-card p{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.alert{padding:12px 14px;border-radius:10px;margin:16px 0}.error{background:rgba(255,91,110,.15);color:#ff9dac}.success{background:rgba(55,214,122,.14);color:#8ef0b4}
.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}
.sidebar{padding:28px 20px;background:#091525;border-right:1px solid var(--border);display:flex;flex-direction:column}
.sidebar nav{margin-top:35px;display:grid;gap:8px}
.sidebar nav a{padding:12px 14px;border-radius:10px;color:var(--muted)}
.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,rgba(43,140,255,.18),rgba(122,70,255,.12));color:#fff}
.logout{margin-top:auto;color:#ff9dac;padding:12px 14px}
.content{padding:34px}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
header h1{margin:4px 0}.eyebrow{margin:0;color:#5aa7ff;font-weight:700}.user-pill{padding:10px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--border)}
.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:22px;background:
linear-gradient(135deg,rgba(43,140,255,.18),rgba(122,70,255,.14)),var(--panel);border:1px solid var(--border)}
.hero h2{font-size:32px;margin:12px 0 8px}.hero p{color:var(--muted);max-width:680px;line-height:1.6}.badge{display:inline-block;padding:7px 10px;border-radius:999px;background:rgba(55,214,122,.13);color:#75e6a2;font-size:13px;font-weight:800}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}
.stats article,.panel{padding:22px;border-radius:18px;background:var(--panel);border:1px solid var(--border)}
.stats span{display:block;color:var(--muted);margin-bottom:14px}.stats strong{font-size:32px}
.panel h3{margin-top:0}.checklist{display:grid;gap:12px;color:#c7d4e6}
@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}.stats{grid-template-columns:repeat(2,1fr)}.content{padding:20px}}
@media(max-width:600px){.grid,.stats{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.hero h2{font-size:26px}}