:root { --bg:#07100d; --panel:#0d1914; --soft:#13221b; --line:rgba(201,231,216,.15); --text:#f4faf6; --muted:#9eb0a6; --lime:#4fd39a; --red:#ffaaa5; }
* { box-sizing:border-box; } body { margin:0; min-height:100vh; font-family:"Manrope",sans-serif; color:var(--text); background:radial-gradient(900px 500px at 50% -10%,rgba(79, 211, 154,.12),transparent 65%),var(--bg); }
a { color:var(--lime); } .account-header { min-height:72px; padding:12px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); background:rgba(7,16,13,.94); }
.account-header>a { padding:5px 9px; border-radius:11px; background:#fff; box-shadow:0 6px 20px rgba(0,76,45,.2); }.account-header img { width:148px; max-height:38px; object-fit:contain; display:block; }.account-header nav { display:flex; gap:8px; flex-wrap:wrap; }.account-header nav a { padding:9px 11px; border-radius:9px; color:var(--muted); text-decoration:none; font-size:.76rem; font-weight:800; }.account-header nav a:hover,.account-header nav a.active { color:var(--text); background:var(--soft); }
.account-shell { width:min(520px,calc(100vw - 28px)); margin:56px auto; }.dashboard-shell { width:min(1120px,calc(100vw - 28px)); }
.auth-card,.reports-card,.dashboard-hero,.dashboard-grid article { border:1px solid var(--line); border-radius:18px; background:linear-gradient(150deg,rgba(19,34,27,.97),rgba(10,20,16,.98)); box-shadow:0 22px 60px rgba(0,0,0,.25); }
.auth-card { padding:28px; }.eyebrow { margin:0 0 7px; color:var(--lime); font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.13em; }.auth-card h1,.dashboard-hero h1 { margin:0; font-size:2rem; }.lead { color:var(--muted); line-height:1.6; font-size:.83rem; }
form { display:grid; gap:13px; margin-top:22px; } label { display:grid; gap:7px; color:#d7e2dc; font-size:.72rem; font-weight:800; } label span { color:var(--muted); font-size:.58rem; } input { width:100%; padding:12px; border:1px solid var(--line); border-radius:10px; outline:none; color:var(--text); background:#08120e; } input:focus { border-color:rgba(79, 211, 154,.6); }.code-input { font-size:1.6rem; letter-spacing:.3em; text-align:center; }
button,.empty-reports a { padding:11px 14px; border:1px solid rgba(79, 211, 154,.35); border-radius:10px; color:#132017; background:var(--lime); font-weight:800; cursor:pointer; text-decoration:none; text-align:center; }.secondary { color:var(--lime); background:transparent; }.secondary-form { margin-top:9px; }.form-note { margin:-4px 0 0; color:var(--muted); font-size:.62rem; }.auth-links { margin-top:18px; display:flex; justify-content:space-between; gap:12px; font-size:.7rem; font-weight:700; }
.account-alert { margin-bottom:12px; padding:11px 13px; border-radius:10px; border:1px solid var(--line); color:#dce8e1; background:var(--soft); font-size:.72rem; }.account-alert.error { border-color:rgba(255,170,165,.4); color:var(--red); }.account-alert.success { border-color:rgba(79, 211, 154,.4); color:var(--lime); }
.dashboard-hero { padding:24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }.dashboard-hero p:last-child { margin-bottom:0; color:var(--muted); font-size:.75rem; }.dashboard-hero form { margin:0; }.dashboard-grid { margin-top:14px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.dashboard-grid article { padding:18px; }.dashboard-grid span { color:var(--muted); font-size:.65rem; text-transform:uppercase; }.dashboard-grid strong { display:block; margin-top:7px; color:var(--lime); }.dashboard-grid p { color:var(--muted); font-size:.66rem; line-height:1.5; }
.reports-card { margin-top:14px; padding:22px; }.reports-card h2 { margin:0; }.empty-reports { margin-top:18px; padding:24px; border:1px dashed var(--line); border-radius:12px; text-align:center; }.empty-reports p { color:var(--muted); font-size:.72rem; }.empty-reports a { margin-top:8px; display:inline-block; font-size:.7rem; }.reports-list { display:grid; gap:8px; margin-top:18px; }.reports-list article { padding:12px; display:flex; justify-content:space-between; border-radius:10px; background:var(--soft); }.reports-list span { color:var(--muted); font-size:.65rem; }
@media(max-width:760px){.account-header{align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;flex-direction:column}.auth-card{padding:21px}}