:root{--background:#f4f6f8;--foreground:#1f2933;--muted:#667085;--panel:#fff;--line:#d9e1e8;--primary:#2563eb;--primary-dark:#1d4ed8;--success:#15803d;--warning:#b45309;--danger:#b42318;--shadow:0 18px 45px #0f172a14}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.login-panel{width:100%;max-width:440px;margin:0 auto}.eyebrow{color:var(--primary);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}h1,h2,p{margin-top:0}.dashboard-header h1{margin-bottom:16px;font-size:clamp(30px,4vw,44px);line-height:1.1}.subtle,.section-heading p{color:var(--muted);line-height:1.6}.login-form{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:32px;display:grid}.login-form label{color:#344054;gap:8px;font-size:14px;font-weight:700;display:grid}.login-form input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;min-height:46px;padding:0 14px}.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb24}.login-form button,.secondary-button{border:0;border-radius:6px;min-height:46px;padding:0 18px;font-weight:700}.login-form button{background:var(--primary);color:#fff}.login-form button:hover{background:var(--primary-dark)}.login-form button:disabled{cursor:not-allowed;opacity:.65}.form-error{color:var(--danger);background:#fef3f2;border:1px solid #fecdca;border-radius:6px;margin:0;padding:10px 12px}.dashboard-shell{max-width:1180px;margin:0 auto;padding:32px}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.secondary-button{border:1px solid var(--line);color:#344054;background:#fff}.secondary-button:hover{border-color:#aebccc}.metrics-grid{gap:16px;display:grid}.metric-card,.state-box{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0f172a0d}.metric-card span{color:var(--muted);font-size:14px;line-height:1.4}.metrics-section{border:1px solid var(--line);background:#eef2f6;border-radius:8px;padding:22px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-heading h2,.section-heading p{margin-bottom:0}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border-left:4px solid #94a3b8;gap:12px;min-height:118px;padding:18px;display:grid}.metric-card strong{color:#111827;overflow-wrap:anywhere;font-size:clamp(24px,3vw,32px);line-height:1.1}.tone-blue{border-left-color:var(--primary)}.tone-green{border-left-color:var(--success)}.tone-amber{border-left-color:var(--warning)}.tone-red{border-left-color:var(--danger)}.tone-slate{border-left-color:#475467}.state-box{color:var(--muted);margin-bottom:18px;padding:18px}.state-box.error{color:var(--danger)}.state-box strong{color:var(--foreground);margin-bottom:8px;font-size:18px;display:block}.state-box p{color:var(--muted);margin-bottom:0;line-height:1.6}@media (max-width:860px){.login-panel{padding:32px}.metrics-grid{grid-template-columns:1fr}.dashboard-header,.section-heading{flex-direction:column;align-items:stretch}}@media (max-width:560px){.login-shell,.dashboard-shell,.login-panel,.login-form,.metrics-section{padding:20px}}