:root{--setup-panel:#ffffff80;--setup-border:#b5c8e45e;--setup-fill:#e8f0fa;--setup-accent:#24497e;--setup-dialog:#f9fbff;--setup-positive:#28675a}
.topright{gap:14px}.account-chip{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:5px 12px 5px 7px;border:1px solid var(--setup-border);border-radius:30px;background:var(--setup-panel);color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.account-chip:hover{border-color:#729ee5}.account-chip #app-badge{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-avatar{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:10px;background:linear-gradient(145deg,#729ee5,#315c9d);color:#f0f6ff;font-size:12px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 11px;border:1px solid var(--setup-border);border-radius:30px;background:var(--setup-panel);color:var(--ink);font-size:12px}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-sun{display:none}.yearlabel{font-size:12px}
.setup-notice{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;margin-bottom:24px;background:var(--setup-panel);border:1px solid var(--setup-border);border-radius:18px}.setup-notice strong{font-size:16px}.setup-notice p{margin:5px 0 0;color:var(--muted);font-size:13px}.setup-notice .button{flex-shrink:0}.onboarding-dialog{width:min(600px,calc(100% - 32px));padding:30px}.onboarding-dialog .modalheader{margin-bottom:18px}.onboarding-dialog .modalheader h2{font-size:26px;letter-spacing:-.8px}.setup-progress{display:flex;gap:8px;margin:0 0 24px;padding:0;list-style:none}.setup-progress li{flex:1;display:flex;align-items:center;gap:7px;padding:10px 0;border-top:3px solid var(--setup-border);color:var(--muted);font-size:11px;white-space:nowrap}.setup-progress li>span{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:var(--setup-fill);font-size:10px;font-weight:700}.setup-progress .is-current{color:var(--ink);font-weight:650;border-color:var(--setup-accent)}.setup-progress .is-current>span{background:var(--setup-accent);color:var(--setup-dialog)}.setup-progress .is-done{border-color:#7bbca8}.setup-progress .is-done>span{background:#b8efd8;color:#214c45}.setup-envelope{display:grid;place-items:center;width:82px;height:70px;border-radius:20px;margin:12px auto 22px;background:linear-gradient(140deg,#729ee5,#315c9d);border:1px solid #8ab1ec80;box-shadow:inset 0 1px 0 #ffffff50,0 12px 28px #315c9d25;transform:rotate(-5deg)}.setup-envelope svg{width:54px;height:42px;fill:none;stroke:#d9eaff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.setup-question{font-size:23px;line-height:1.3;font-weight:650;letter-spacing:-.6px;margin:0 0 12px;overflow-wrap:anywhere}.onboarding-dialog .helper{font-size:14px;margin-bottom:22px}.onboarding-dialog .field input{padding:14px 15px;border-radius:12px}.onboarding-dialog .field select{padding:13px 12px;border-radius:12px;font-size:14px}.onboarding-dialog .formactions{justify-content:space-between;align-items:center;border-top:1px solid var(--setup-border);padding-top:18px;margin-top:24px}.onboarding-dialog .formactions .primary{min-width:126px;min-height:46px;justify-content:space-between}.setup-success{display:grid;place-items:center;width:60px;height:60px;margin:14px 0 22px;border:1px solid #7bbca870;border-radius:22px;background:#b8efd835;color:var(--setup-positive);font-size:30px}.setup-choices{display:grid;gap:12px}.setup-choice{width:100%;display:flex;align-items:center;gap:14px;padding:18px;text-align:left;color:var(--ink);background:var(--setup-panel);border:1px solid var(--setup-border);border-radius:16px;transition:border-color .15s,transform .15s}.setup-choice:hover{border-color:#729ee5;transform:translateY(-1px)}.setup-choice>span:nth-child(2){flex:1;min-width:0}.setup-choice strong{display:block;font-size:15px;font-weight:650}.setup-choice small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.setup-choice-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:13px;background:var(--setup-fill);color:var(--setup-accent);font-size:25px}.setup-start-footer{display:flex;justify-content:space-between;gap:14px;margin-top:20px}.onboarding-dialog #modal-content{animation:setup-appear .18s ease-out}@keyframes setup-appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}

/* The same navy and mint palette as the landing page, including every dialog. */
:root[data-theme="dark"]{--ink:#edf3ff;--muted:#a8bbd8;--blue:#b5d2fa;--line:#9bb6df28;--bg:#101c34;--setup-panel:#dce9ff0a;--setup-border:#9bb6df32;--setup-fill:#b8d2fa15;--setup-accent:#b8efd8;--setup-dialog:#172741;--setup-positive:#b8efd8;color-scheme:dark}
[data-theme="dark"] body.app-body{background:radial-gradient(ellipse at 12% 10%,#23457080,transparent 55%),radial-gradient(ellipse at 95% 60%,#30559240,transparent 45%),#101c34}
[data-theme="dark"] .topbar{background:#101c34c9;border-color:#9bb6df28}
[data-theme="dark"] .branddot{color:#9abbee}
[data-theme="dark"] .spend-card,[data-theme="dark"] .metrics,[data-theme="dark"] .ledger-panel,[data-theme="dark"] .explanation,[data-theme="dark"] .coverage{background:linear-gradient(135deg,#edf4ff0c,#d6e6ff05);border-color:#9ab9e32b;box-shadow:inset 0 1px 0 #ffffff0d,0 10px 30px #050d201c}
[data-theme="dark"] .reserve-card{background:radial-gradient(ellipse at 100% 0,#517bc45c,transparent 65%),linear-gradient(125deg,#1d355a,#152840);border-color:#aec5ef3b;box-shadow:inset 0 1px 0 #ffffff12,0 12px 35px #050d2026}
[data-theme="dark"] .primary{background:#b8efd8;color:#173e37;box-shadow:0 5px 18px #b8efd80c}
[data-theme="dark"] .secondary{background:#dce9ff0a;border-color:#9ab9e33d;color:#edf3ff}
[data-theme="dark"] .notice{background:#dce9ff08;border-color:#9ab9e332}
[data-theme="dark"] .safeamount{color:#b8efd8}
[data-theme="dark"] .metrics strong{color:#edf3ff}
[data-theme="dark"] .metrics>div,[data-theme="dark"] .spendrows>div:last-child,[data-theme="dark"] .ledger-tabs{border-color:#9bb6df28}
[data-theme="dark"] th{background:#dce9ff08;color:#a8bbd8}
[data-theme="dark"] th,[data-theme="dark"] td{border-bottom-color:#9bb6df1c}
[data-theme="dark"] .ledger-tabs button.active{color:#b8efd8;border-color:#b8efd8}
[data-theme="dark"] .deduction-chips span{color:#c7dbf6;background:#dce9ff0a;border-color:#9bb6df32}
[data-theme="dark"] .status{background:#b8efd817;border-color:#b8efd837;color:#b8efd8}
[data-theme="dark"] .status.unpaid{background:#f7d49a12;border-color:#f7d49a36;color:#f7d49a}
[data-theme="dark"] .error,[data-theme="dark"] .modalerror{background:#ffc8b910;color:#ffd4c8;border:1px solid #ffc8b92b}
[data-theme="dark"] dialog{background:#172741f5;border-color:#9ab9e332;box-shadow:inset 0 1px 0 #ffffff0c,0 30px 100px #050d2070}
[data-theme="dark"] dialog::backdrop{background:#070f20a3}
[data-theme="dark"] .closebutton{background:#dce9ff0a;color:#edf3ff}
[data-theme="dark"] .field input,[data-theme="dark"] .field select,[data-theme="dark"] .field textarea{background:#0d1a3090;color:#edf3ff;border-color:#8da8ce50}
[data-theme="dark"] .field input::placeholder,[data-theme="dark"] .field textarea::placeholder{color:#91aace}
[data-theme="dark"] input[type="checkbox"]{accent-color:#b8efd8}
[data-theme="dark"] .profile-help,[data-theme="dark"] .import-file,[data-theme="dark"] .demo-assumptions{background:#dce9ff08;border-color:#9bb6df32}
[data-theme="dark"] .profile-help summary,[data-theme="dark"] .profile-help a,[data-theme="dark"] .profile-form .field small a,[data-theme="dark"] .import-help summary,[data-theme="dark"] .import-help a{color:#b5d2fa}
[data-theme="dark"] .import-help-list,[data-theme="dark"] .calculation .subtotal td{border-color:#9bb6df32}
[data-theme="dark"] .import-columns tbody th{color:#edf3ff;background:transparent}
[data-theme="dark"] .demo-notice-copy>span,[data-theme="dark"] .coverage .smallprint,[data-theme="dark"] footer{color:#a8bbd8}
[data-theme="dark"] .theme-moon{display:none}
[data-theme="dark"] .theme-sun{display:block}
[data-theme="dark"] button:focus-visible,[data-theme="dark"] input:focus-visible,[data-theme="dark"] select:focus-visible,[data-theme="dark"] textarea:focus-visible,[data-theme="dark"] a:focus-visible,[data-theme="dark"] summary:focus-visible{outline-color:#b8efd8}
@media(max-width:620px){.topright{gap:8px}.account-chip{padding-right:9px;gap:6px}.account-chip #app-badge{max-width:115px;font-size:11px}.company-avatar{width:24px;height:24px;flex-basis:24px;border-radius:8px}.theme-toggle{padding:8px;min-width:44px}.theme-toggle>span{display:none}.setup-notice{flex-direction:column;align-items:flex-start;gap:15px;padding:18px}.onboarding-dialog{padding:24px}.onboarding-dialog .modalheader h2{font-size:23px}.setup-progress{gap:6px}.setup-progress li{font-size:10px;gap:5px}.setup-question{font-size:21px}.setup-choice{padding:15px;gap:12px}.setup-start-footer{flex-wrap:wrap}.setup-start-footer .textbutton{font-size:12px}}
@media(max-width:420px){.topbar{padding:0 12px}.brand{font-size:21px;gap:7px}.brandmark{width:32px;height:32px;font-size:26px}.account-chip .company-avatar{display:none}.account-chip #app-badge{max-width:86px}.topright{gap:6px}}
@media(prefers-reduced-motion:reduce){.onboarding-dialog #modal-content{animation:none}.account-chip,.setup-choice{transition:none}.setup-choice:hover{transform:none}}