:root{--page:#f5f8f8;--app-bg:#f5f8f8;--surface:#ffffff;--surface-alt:#f0f4f4;--border:#e5eaed;--border-strong:#d5dde0;--border-soft:#e5eaed;--border-hairline:#ecf0f2;--border-faint:#f1f4f5;--track:#e8f0f0;--bar-neutral:#dfe2e4;--ink:#1d2b38;--ink-2:#3a4b5f;--ink-3:#667687;--muted:#8b97a5;--muted-2:#9aa5b1;--muted-3:#aab3bd;--accent:#5f9ea0;--accent-hover:#1b7893;--accent-deep:#1b7893;--accent-tint-bg:#e8f3f3;--accent-tint-border:#cfe4e4;--accent-tint-border-strong:#6fafb1;--accent-bar:#6fafb1;--positive:#0f9d6a;--savings-bar:#4fb8a4;--primary-btn-bg:var(--accent);--primary-btn-hover:var(--accent-hover);--negative:oklch(0.55 0.16 25);--negative-tint-bg:oklch(0.96 0.03 25);--negative-tint-border:oklch(0.87 0.06 25);--shadow-card:0 1px 2px rgba(16,24,32,0.04),0 1px 1px rgba(16,24,32,0.03);--shadow-modal:0 20px 50px rgba(16,24,32,0.16);--shadow-segmented:0 1px 2px rgba(16,24,32,0.07);--shadow-fab:0 6px 18px rgba(95,158,160,0.32);--overlay:rgba(20,22,24,0.26)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--page);font-family:Heebo,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink-2)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,select,textarea{font-family:inherit}button{border:none;background:none;cursor:pointer;color:inherit}.mono{font-family:Roboto Mono,monospace}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-card)}.hover-wash:hover{background:var(--surface-alt)}.btn-secondary{background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:8px 14px;font-size:12.5px;color:var(--ink-2);transition:border-color .15s ease,background .15s ease}.btn-secondary:hover{border-color:var(--accent);background:var(--surface-alt)}.btn-primary{background:var(--primary-btn-bg);color:#fff;border-radius:10px;padding:8px 15px;font-size:12.5px;font-weight:600;box-shadow:0 2px 8px rgba(95,158,160,.3);transition:background .15s ease}.btn-primary:hover{background:var(--primary-btn-hover)}.progress-track{background:var(--track);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px}.pill{padding:7px 12px;border-radius:20px;font-size:12px;border:1px solid var(--border);color:var(--ink-2);cursor:pointer;transition:border-color .15s ease,background .15s ease}.pill.selected{background:var(--accent-tint-bg);border-color:var(--accent-tint-border-strong)}.checkbox{width:22px;height:22px;border:1px solid var(--bar-neutral);border-radius:6px;display:grid;place-items:center;cursor:pointer;transition:border-color .15s ease;flex:none}.checkbox:hover{border-color:var(--accent)}.checkbox.checked{background:var(--positive);border-color:var(--positive);color:#fff;font-size:12px;line-height:1}@media (max-width:900px){.app-frame{width:100%!important}}@media (max-width:899px) and (min-width:641px){.app-sidebar{width:64px!important}.app-menu-button,.app-sidebar-hide-tablet,.app-sidebar-nav-label{display:none!important}}@media (max-width:640px){.app-sidebar{position:fixed!important;right:0;top:0;bottom:0;z-index:40;transform:translateX(260px);transition:transform .2s ease;box-shadow:var(--shadow-modal)}.app-sidebar.drawer-open{transform:translateX(0)}.app-scrim{display:none}.app-scrim.drawer-open{display:block;position:fixed;inset:0;background:var(--overlay);z-index:35}}@media (min-width:641px){.app-menu-button,.app-scrim{display:none!important}}