:root{--bg:#f5f7fa;--surface:#fff;--surface-alt:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--primary:#0f766e;--primary-dark:#115e59;--shadow:0 20px 40px #0f172a14;--radius:20px}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 100% 0,#0f766e14,#0000 25%),linear-gradient(#f8fafc,#eef2f7);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.shell,.authShell{width:min(1200px,100% - 24px);margin:0 auto;padding:24px 0 48px}.authShell{place-items:center;min-height:100vh;display:grid}.authCard,.panel,.metricCard,.stackItem{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.authCard,.panel{padding:24px}.authCard{gap:24px;width:min(760px,100%);display:grid}.authForm,.metricGrid,.grid,.stack,.roleGrid,.topbar,.topbarActions{gap:16px;display:grid}.authForm label{color:var(--muted);gap:8px;display:grid}.authForm input{border:1px solid var(--line);border-radius:14px;padding:14px 16px}.roleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.roleCard{border:1px solid var(--line);background:var(--surface-alt);border-radius:18px;gap:8px;padding:18px;display:grid}.roleCard span,.heroText,.stackItem p,.metricCard span{color:var(--muted)}.topbar{grid-template-columns:1fr auto;align-items:center;margin-bottom:20px}.topbarActions{grid-auto-flow:column;align-items:center}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.grid{margin-bottom:20px}.twoColWide{grid-template-columns:1.2fr .8fr}.sectionHead{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.metricCard,.stackItem{padding:16px}.metricCard strong{margin-top:8px;font-size:1.1rem;display:block}.stackItem{justify-content:space-between;gap:12px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 8px;font-size:.75rem;font-weight:700}.pill{border-radius:999px;align-items:center;padding:8px 12px;font-size:.82rem;display:inline-flex}.soft{background:#f1f5f9}.primaryButton,.ghostButton{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:12px 16px;display:inline-flex}.primaryButton{background:var(--primary);color:#fff}.ghostButton{border:1px solid var(--line);background:#fff}@media (max-width:900px){.metricGrid,.twoColWide,.roleGrid,.topbar{grid-template-columns:1fr}.topbarActions{grid-auto-flow:row}.stackItem{flex-direction:column}}.appFrame{min-height:100vh}.mainNav{justify-content:space-between;align-items:center;width:min(1200px,100% - 24px);margin:0 auto;padding:18px 0;display:flex}.brandBlock{flex-direction:column;gap:4px;display:flex}.navLinks{flex-wrap:wrap;gap:12px;display:flex}.navLinks a{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:999px;padding:10px 14px}