:root{color-scheme:light;--bg:#f4f7fb;--surface:#ffffff;--surface-alt:#eef4f6;--border:#d7e0ea;--text:#183046;--muted:#5b7184;--accent:#356f88;--calm:#dfeee5;--focus:#ede7fa}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:linear-gradient(180deg,#f6f9fc,#eef3f8);color:var(--text)}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:320px 1fr}.sidebar{border-right:1px solid var(--border);background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:20px}.content,.sidebar{padding:32px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px}.eyebrow,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.card,.navCard{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 30px rgba(25,55,78,.06)}.navCard:hover{border-color:var(--accent)}.metric{font-size:28px;font-weight:700}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.calm{background:var(--calm)}.focus{background:var(--focus)}.modeRow{display:flex;flex-wrap:wrap;gap:10px}.sectionTitle{margin-top:0}.list{display:grid;grid-gap:12px;gap:12px}.banner{padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#e7f4f0,#edf2ff);border:1px solid var(--border);margin-bottom:20px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}}