:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#15313c;background:#eef6f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#eef6f7,#f8fbfc,#edf5f4)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.auth-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:linear-gradient(180deg,#eef6f7,#f8fbfc)}.auth-panel{display:grid;gap:14px;width:min(420px,100%);padding:26px;background:#fff;border:1px solid #d4e4e5;border-radius:8px;box-shadow:0 18px 46px #15313c17}.auth-panel svg{color:#0f766e}.auth-panel h1{margin:0;font-size:1.5rem;letter-spacing:0}.auth-panel p{margin:0;color:#60737b;line-height:1.5}.auth-error{padding:10px 12px;color:#b91c1c;background:#fff7f7;border:1px solid #fecaca;border-radius:8px}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#dff0f1;border-right:1px solid #c3dddf}.brand{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;color:#0f766e;background:#f4fbfb;border:1px solid #bcd8da;border-radius:8px}.brand h1,.topbar h1{margin:0;letter-spacing:0}.brand h1{font-size:1.08rem;line-height:1.2}.brand p,.kicker,.muted{color:#60737b}.brand p{margin:4px 0 0;font-size:.88rem}.nav{display:grid;gap:6px}.nav button,.button-row button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;color:#24434e;background:transparent;border:1px solid transparent;border-radius:8px}.nav button.active,.nav button:hover{background:#f6fbfb;border-color:#b8d8d9;color:#0f766e}.main{width:min(1180px,100%);margin:0 auto;padding:28px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.kicker{margin:0 0 5px;text-transform:uppercase;font-size:.76rem;font-weight:700;letter-spacing:.08em}.topbar h1{font-size:clamp(1.7rem,4vw,2.4rem)}.top-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.sync-pill,.status-pill{padding:10px 14px;background:#fff;border:1px solid #c9dddd;border-radius:999px;color:#0f766e;font-weight:700;white-space:nowrap}.logout-button{display:grid;place-items:center;width:42px;height:42px;color:#50646c;background:#fff;border:1px solid #c9dddd;border-radius:999px}.logout-button:hover{color:#0f766e;border-color:#9bcfd0}.sync-pill.synced{color:#047857;border-color:#a7f3d0;background:#ecfdf5}.sync-pill.saving,.sync-pill.loading{color:#0e7490;border-color:#a5f3fc;background:#ecfeff}.sync-pill.local{color:#50646c}.sync-pill.error{color:#b91c1c;border-color:#fecaca;background:#fff7f7}.screen-grid,.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.screen-grid .card:first-child{grid-column:1 / -1}.card{padding:18px;background:#ffffffe0;border:1px solid #d4e4e5;border-radius:8px;box-shadow:0 14px 34px #15313c12}.card-heading{margin-bottom:16px}.card-heading span{display:block;margin-bottom:4px;color:#0f766e;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.08em}.card h2{margin:0;font-size:1.08rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{min-height:96px;padding:14px;background:#f5fafb;border:1px solid #d8e8e9;border-radius:8px}.metric span{display:block;margin-bottom:8px;color:#60737b;font-size:.85rem}.metric strong{display:block;overflow-wrap:anywhere;font-size:1.35rem;color:#15313c}.metric.improving strong,.metric.stable strong{color:#0f766e}.metric.worsening strong{color:#b45309}.large-copy{margin:0 0 16px;font-size:1.08rem;line-height:1.6}.load-banner,.disclaimer{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;border:1px solid}.load-banner.low{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.load-banner.moderate{background:#fffbeb;border-color:#fde68a;color:#92400e}.load-banner.high{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.note-list,.rule-list,.insight-list,.load-list,.ladder{display:grid;gap:10px}.note-list div,.rule-list div,.insight-list div{display:grid;gap:4px;padding:12px;background:#f6fbfb;border:1px solid #d7e8e9;border-radius:8px}.note-list span{color:#60737b}.howto-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.howto-layout .card:first-child{grid-column:1 / -1}.howto-callout{padding:14px;color:#0f766e;background:#edfafa;border:1px solid #b8d8d9;border-radius:8px;font-weight:800;line-height:1.5}.guidance-list{display:grid;gap:10px;margin:0;padding-left:20px;color:#50646c;line-height:1.55}.guidance-list li::marker{color:#0f766e}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px;color:#50646c;font-weight:700;font-size:.88rem}.field input,.field select,.field textarea{width:100%;min-height:42px;padding:10px 11px;color:#15313c;background:#f8fbfc;border:1px solid #c9dddd;border-radius:8px}.field textarea{min-height:100px;resize:vertical}.field:has(textarea){grid-column:1 / -1}.check{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;background:#f6fbfb;border:1px solid #d7e8e9;border-radius:8px}.check input{width:18px;height:18px;accent-color:#0f766e}.primary-button{min-height:44px;padding:0 16px;color:#fff;background:#0f766e;border:0;border-radius:8px;font-weight:800}.stress-ring{display:grid;place-items:center;width:190px;height:190px;margin:6px auto 18px;border-radius:999px;border:18px solid;background:#fff}.stress-ring strong{font-size:3rem;line-height:1}.stress-ring span{color:#60737b}.stress-ring.low{border-color:#10b981}.stress-ring.moderate{border-color:#f59e0b}.stress-ring.high{border-color:#ef4444}.load-list div{display:grid;grid-template-columns:90px 1fr 42px;gap:10px;align-items:center}.load-track{height:10px;overflow:hidden;background:#e7f0f1;border-radius:999px}.load-track i{display:block;height:100%;border-radius:inherit}.load-track .low{background:#10b981}.load-track .moderate{background:#f59e0b}.load-track .high{background:#ef4444}.ladder-step{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:13px;background:#f6fbfb;border:1px solid #d7e8e9;border-radius:8px}.ladder-step>span{display:grid;place-items:center;width:32px;height:32px;color:#0f766e;background:#e6f5f4;border-radius:999px;font-weight:800}.ladder-step p{margin:4px 0 0;color:#60737b}.ladder-step em{color:#60737b;font-style:normal;font-weight:800}.ladder-step.locked{opacity:.62}.ladder-step.current{border-color:#0f766e;background:#edfafa}.chart-box{width:100%;height:280px}.recharts-wrapper text{fill:#60737b;font-size:.78rem}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.button-row button{width:auto;background:#f6fbfb;border-color:#c9dddd}.button-row .danger{color:#b91c1c;border-color:#fecaca;background:#fff7f7}.disclaimer{margin-top:20px;background:#f8fbfc;border-color:#d4e4e5;color:#50646c}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px;border-right:0;border-bottom:1px solid #c3dddf}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav button{justify-content:center}.nav button span{display:none}.main{padding:20px 16px}.metric-grid,.screen-grid,.chart-grid,.form-grid,.howto-layout{grid-template-columns:1fr 1fr}}@media(max-width:640px){.topbar{align-items:flex-start;flex-direction:column}.top-status{justify-content:flex-start}.metric-grid,.screen-grid,.chart-grid,.form-grid,.howto-layout{grid-template-columns:1fr}.nav{grid-template-columns:repeat(4,1fr)}.ladder-step{grid-template-columns:32px 1fr}.ladder-step em{grid-column:2}.load-list div{grid-template-columns:82px 1fr 34px}.status-pill{white-space:normal}}