:root,[data-theme=light]{--dh-color-bg:#F6F7F9;--dh-color-surface:#FFFFFF;--dh-color-surface-2:#EEF1F4;--dh-color-border:#DCE1E7;--dh-color-text:#0F172A;--dh-color-muted:#5B6574;--dh-color-subtle:#8A94A3;--dh-color-primary:#0F7A5F;--dh-color-on-primary:#FFFFFF;--dh-color-primary-weak:#E3F4EE;--dh-color-income:#13804B;--dh-color-expense:#C2410C;--dh-color-danger:#C81E1E;--dh-color-danger-weak:#FDECEC;--dh-color-warning:#B45309;--dh-color-warning-weak:#FEF3C7;--dh-color-info:#1D5FD1;--dh-color-info-weak:#E6EEFC;--dh-color-new:#6D28D9;--dh-color-new-weak:#EFE7FD;--dh-color-focus:#2563EB;--dh-color-scrim:#0F172A;--dh-scrim-opacity:.35;--dh-elev-1:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.08);--dh-elev-2:0 8px 24px rgba(15,23,42,.12);--dh-elev-3:0 16px 48px rgba(15,23,42,.2);--dh-space-1:4px;--dh-space-2:8px;--dh-space-3:12px;--dh-space-4:16px;--dh-space-5:20px;--dh-space-6:24px;--dh-space-7:28px;--dh-space-8:32px;--dh-space-12:48px;--dh-space-14:56px;--dh-space-16:64px;--dh-radius-sm:8px;--dh-radius-md:12px;--dh-radius-key:14px;--dh-radius-lg:16px;--dh-radius-dialog:20px;--dh-radius-xl:24px;--dh-radius-pill:999px;--dh-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--dh-type-display-56:700 3.5rem/1.1 var(--dh-font);--dh-type-display-40:700 2.5rem/1.15 var(--dh-font);--dh-type-display-32:700 2rem/1.2 var(--dh-font);--dh-type-title-24:700 1.5rem/1.25 var(--dh-font);--dh-type-title-20:600 1.25rem/1.3 var(--dh-font);--dh-type-subtitle-16:600 1rem/1.4 var(--dh-font);--dh-type-body-16:400 1rem/1.5 var(--dh-font);--dh-type-body-14:400 .875rem/1.45 var(--dh-font);--dh-type-label-14:600 .875rem/1.4 var(--dh-font);--dh-type-medium-14:500 .875rem/1.45 var(--dh-font);--dh-type-caption-12:500 .75rem/1.35 var(--dh-font);--dh-type-caption-12-strong:600 .75rem/1.35 var(--dh-font);--dh-type-overline-11:700 .6875rem/1.3 var(--dh-font);--dh-type-key-28:500 1.75rem/1.2 var(--dh-font);--dh-type-num-20:700 1.25rem/1.25 var(--dh-font);--dh-type-num-16:600 1rem/1.3 var(--dh-font);--dh-dur-fast:.12s;--dh-dur-base:.2s;--dh-dur-slow:.32s;--dh-dur-emphasis:.6s;--dh-ease-standard:cubic-bezier(.2,0,0,1);--dh-ease-enter:cubic-bezier(0,0,0,1);--dh-ease-exit:cubic-bezier(.3,0,1,1)}[data-theme=dark]{--dh-color-bg:#0B0F14;--dh-color-surface:#131922;--dh-color-surface-2:#1B2330;--dh-color-border:#2A3442;--dh-color-text:#F1F5F9;--dh-color-muted:#A3ADBB;--dh-color-subtle:#7B8696;--dh-color-primary:#34D399;--dh-color-on-primary:#052E22;--dh-color-primary-weak:#0E3B2E;--dh-color-income:#4ADE80;--dh-color-expense:#FB923C;--dh-color-danger:#F87171;--dh-color-danger-weak:#3B1414;--dh-color-warning:#FBBF24;--dh-color-warning-weak:#3A2A08;--dh-color-info:#7AA7FF;--dh-color-info-weak:#14233F;--dh-color-new:#B794F6;--dh-color-new-weak:#2A1E45;--dh-color-focus:#7AA7FF;--dh-color-scrim:#000000;--dh-scrim-opacity:.6;--dh-elev-1:0 1px 2px rgba(0,0,0,.5);--dh-elev-2:0 8px 24px rgba(0,0,0,.6);--dh-elev-3:0 16px 48px rgba(0,0,0,.7)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--dh-color-bg:#0B0F14;--dh-color-surface:#131922;--dh-color-surface-2:#1B2330;--dh-color-border:#2A3442;--dh-color-text:#F1F5F9;--dh-color-muted:#A3ADBB;--dh-color-subtle:#7B8696;--dh-color-primary:#34D399;--dh-color-on-primary:#052E22;--dh-color-primary-weak:#0E3B2E;--dh-color-income:#4ADE80;--dh-color-expense:#FB923C;--dh-color-danger:#F87171;--dh-color-danger-weak:#3B1414;--dh-color-warning:#FBBF24;--dh-color-warning-weak:#3A2A08;--dh-color-info:#7AA7FF;--dh-color-info-weak:#14233F;--dh-color-new:#B794F6;--dh-color-new-weak:#2A1E45;--dh-color-focus:#7AA7FF;--dh-color-scrim:#000000;--dh-scrim-opacity:.6;--dh-elev-1:0 1px 2px rgba(0,0,0,.5);--dh-elev-2:0 8px 24px rgba(0,0,0,.6);--dh-elev-3:0 16px 48px rgba(0,0,0,.7)}}@media(prefers-reduced-motion:reduce){:root{--dh-dur-fast:0ms;--dh-dur-base:0ms;--dh-dur-slow:0ms;--dh-dur-emphasis:0ms}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(./assets/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(./assets/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(./assets/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(./assets/fonts/inter-700.woff2) format("woff2")}*{box-sizing:border-box}html,body,#root{min-height:100%}html{font-size:16px}body{margin:0;font-family:var(--dh-font);background:var(--dh-color-bg);color:var(--dh-color-text)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--dh-color-focus);outline-offset:2px}h1,h2,p{margin:0}.nums{font-variant-numeric:tabular-nums}.muted{color:var(--dh-color-muted)}.income{color:var(--dh-color-income)}.danger-text{color:var(--dh-color-danger)}.t-display-56{font:var(--dh-type-display-56);letter-spacing:-.03em}.t-display-40{font:var(--dh-type-display-40);letter-spacing:-.03em}.t-display-32{font:var(--dh-type-display-32);letter-spacing:-.02em}.t-title-24{font:var(--dh-type-title-24)}.t-title-20{font:var(--dh-type-title-20)}.t-subtitle{font:var(--dh-type-subtitle-16)}.t-body{font:var(--dh-type-body-14)}.t-label{font:var(--dh-type-label-14)}.t-caption{font:var(--dh-type-caption-12)}.t-num{font:var(--dh-type-num-16)}.btn{height:40px;border-radius:var(--dh-radius-md);padding:0 18px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:var(--dh-type-label-14);transition:transform var(--dh-dur-fast) var(--dh-ease-standard),background var(--dh-dur-fast)}.btn:active{transform:scale(.98)}.btn.full{width:100%}.btn-md{height:48px}.btn-sm{height:40px}.btn-xs{height:36px;padding:0 12px}.btn-primary{background:var(--dh-color-primary);color:var(--dh-color-on-primary)}.btn-primary:hover{background:color-mix(in srgb,var(--dh-color-primary) 94%,black)}.btn-secondary{background:var(--dh-color-surface);color:var(--dh-color-text);border-color:var(--dh-color-border)}.btn-ghost{background:transparent;color:var(--dh-color-primary)}.btn-danger{background:var(--dh-color-danger);color:#fff}.btn-dangerGhost{background:var(--dh-color-danger-weak);color:var(--dh-color-danger)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.icon-btn{width:40px;height:40px;border:0;background:transparent;border-radius:var(--dh-radius-md);color:var(--dh-color-muted);display:grid;place-items:center}.icon-btn:hover{background:var(--dh-color-surface-2);color:var(--dh-color-text)}.card{background:var(--dh-color-surface);border:1px solid var(--dh-color-border);border-radius:var(--dh-radius-lg);padding:16px}.card.highlight{background:var(--dh-color-surface-2);border-color:transparent}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.card-head h2{font:var(--dh-type-subtitle-16)}.card-head button.link{border:0;background:none;color:var(--dh-color-primary);font:var(--dh-type-label-14);padding:4px}.badge{display:inline-flex;align-items:center;border-radius:var(--dh-radius-pill);padding:3px 8px;font:var(--dh-type-caption-12-strong);white-space:nowrap}.tone-neutral{color:var(--dh-color-muted);background:var(--dh-color-surface-2)}.tone-ok{color:var(--dh-color-income);background:var(--dh-color-primary-weak)}.tone-warn{color:var(--dh-color-warning);background:var(--dh-color-warning-weak)}.tone-danger{color:var(--dh-color-danger);background:var(--dh-color-danger-weak)}.tone-info{color:var(--dh-color-info);background:var(--dh-color-info-weak)}.avatar{display:inline-grid;place-items:center;border-radius:50%;font:var(--dh-type-caption-12-strong);flex:none;box-shadow:0 0 0 2px var(--dh-color-surface)}.avatar-stack{display:inline-flex}.avatar-stack .avatar+.avatar{margin-left:-8px}.progress{height:8px;border-radius:4px;background:var(--dh-color-surface-2);overflow:hidden}.progress .fill{display:block;height:100%;border-radius:inherit;background:var(--dh-color-primary)}.progress .fill.tone-warning{background:var(--dh-color-warning)}.progress .fill.tone-danger{background:var(--dh-color-danger)}.progress .fill.tone-info{background:var(--dh-color-info)}.segmented{display:flex;background:var(--dh-color-surface-2);border-radius:var(--dh-radius-key);padding:4px;gap:2px}.segmented button{flex:1;min-height:36px;border:1px solid transparent;background:transparent;border-radius:10px;color:var(--dh-color-muted);font:var(--dh-type-label-14);padding:0 10px}.segmented button.on{background:var(--dh-color-surface);color:var(--dh-color-text);border-color:var(--dh-color-border)}.chip{height:36px;border-radius:var(--dh-radius-pill);padding:0 14px;border:1px solid var(--dh-color-border);background:var(--dh-color-surface);color:var(--dh-color-text);font:var(--dh-type-medium-14);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chip.on{background:var(--dh-color-primary);color:var(--dh-color-on-primary);border-color:transparent}.chips{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.field{display:grid;gap:6px}.field>span{font:var(--dh-type-label-14)}.field-box{height:48px;border:1px solid var(--dh-color-border);border-radius:var(--dh-radius-md);display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--dh-color-surface);color:var(--dh-color-muted)}.field-box input{border:0;outline:none;width:100%;background:transparent;color:var(--dh-color-text);font:var(--dh-type-body-16)}.field-box input::placeholder{color:var(--dh-color-subtle)}.field-box:focus-within{border:2px solid var(--dh-color-focus);padding:0 11px}.field-box.invalid{border:2px solid var(--dh-color-danger)}.field small{color:var(--dh-color-danger);font:var(--dh-type-caption-12)}.empty{border:1px dashed var(--dh-color-border);border-radius:var(--dh-radius-lg);padding:24px;text-align:center;display:grid;justify-items:center;gap:8px}.empty-icon{width:64px;height:64px;border-radius:20px;background:var(--dh-color-primary-weak);color:var(--dh-color-primary);display:grid;place-items:center}.empty h2{font:var(--dh-type-subtitle-16)}.empty p{font:var(--dh-type-body-14);color:var(--dh-color-muted);max-width:360px}.new-marker{display:inline-flex;align-items:center;gap:4px;background:var(--dh-color-new-weak);color:var(--dh-color-new);border-radius:var(--dh-radius-pill);padding:2px 8px;font:var(--dh-type-overline-11)}.shell{min-height:100vh;display:block;background:var(--dh-color-bg)}.sidebar{display:none}.bottom-nav{position:fixed;z-index:5;left:0;right:0;bottom:0;height:calc(84px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);background:var(--dh-color-surface);border-top:1px solid var(--dh-color-border);display:grid;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:start}.bottom-nav button{border:0;background:none;color:var(--dh-color-muted);font:var(--dh-type-caption-12);display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding-top:6px}.bottom-nav button[aria-current=page]{color:var(--dh-color-primary)}.bottom-nav .fab{width:56px;height:56px;border-radius:50%;background:var(--dh-color-primary);color:var(--dh-color-on-primary);justify-self:center;display:grid;place-items:center;transform:translateY(-18px);box-shadow:var(--dh-elev-2);padding:0}.content{padding:calc(16px + env(safe-area-inset-top)) 16px calc(108px + env(safe-area-inset-bottom))}.content-inner{max-width:1200px;margin:0 auto;display:grid;gap:16px}.offline{display:flex;gap:8px;align-items:center;background:var(--dh-color-surface-2);color:var(--dh-color-muted);border-radius:var(--dh-radius-md);padding:8px 12px;font:var(--dh-type-caption-12)}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-head h1{font:var(--dh-type-title-24)}.page-head p{font:var(--dh-type-body-14);color:var(--dh-color-muted);margin-top:2px}.head-actions{display:none;align-items:center;gap:12px}.mobile-top{display:flex;align-items:center;gap:8px}.switcher{width:100%;border:1px solid var(--dh-color-border);background:var(--dh-color-surface);border-radius:var(--dh-radius-pill);min-height:48px;padding:6px 10px 6px 8px;display:flex;align-items:center;gap:8px;text-align:left}.switcher .copy{min-width:0;flex:1;display:grid}.switcher b,.switcher small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switcher b{font:var(--dh-type-label-14)}.switcher small{font:var(--dh-type-caption-12);color:var(--dh-color-muted)}.switcher-list{display:grid;gap:4px}.switcher-list button{width:100%;border:0;background:transparent;border-radius:var(--dh-radius-md);min-height:56px;padding:8px;display:flex;align-items:center;gap:10px;text-align:left}.switcher-list button.active{background:var(--dh-color-primary-weak)}.switcher-list .copy{flex:1;display:grid}.switcher-list b{font:var(--dh-type-label-14)}.switcher-list small{font:var(--dh-type-caption-12);color:var(--dh-color-muted)}.hero{padding:20px;border-radius:var(--dh-radius-dialog);display:grid;gap:8px}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.hero-value{border:0;background:none;padding:0;text-align:left;font:var(--dh-type-display-40);letter-spacing:-.03em}.hero-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px}.hero-cols span{display:block;font:var(--dh-type-caption-12);color:var(--dh-color-muted)}.hero-cols b{font:var(--dh-type-label-14)}.txn{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;min-height:64px;padding:8px 0;border-top:1px solid var(--dh-color-border);width:100%;background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left}.txn:first-of-type{border-top:0}.txn.is-new{animation:dh-new 1.5s var(--dh-ease-exit)}@keyframes dh-new{0%{background:var(--dh-color-primary-weak)}to{background:transparent}}.cat-icon{width:40px;height:40px;border-radius:var(--dh-radius-md);background:var(--dh-color-surface-2);color:var(--dh-color-muted);display:grid;place-items:center}.cat-icon.income{color:var(--dh-color-income);background:var(--dh-color-primary-weak)}.txn-copy{min-width:0}.txn-copy b{display:block;font:var(--dh-type-label-14);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-copy small{display:flex;align-items:center;gap:6px;color:var(--dh-color-muted);font:var(--dh-type-caption-12);margin-top:2px}.txn-value{text-align:right;display:grid;justify-items:end;gap:4px}.txn-value b{font:var(--dh-type-num-16)}.check{width:40px;height:40px;border:0;border-radius:var(--dh-radius-md);background:transparent;color:var(--dh-color-primary);display:grid;place-items:center}.check.ghost{visibility:hidden}.day-head{font:var(--dh-type-caption-12);color:var(--dh-color-muted);padding:12px 0 0}.limit-row,.plan-row{display:grid;gap:6px;padding:10px 0}.limit-row>div,.plan-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.home{display:flex;flex-direction:column;gap:16px}.home .hero{order:1}.home .bills{order:2}.home .limits{order:3}.home .goals{order:4}.txn.reader{grid-template-columns:40px minmax(0,1fr) auto}.table-wrap{overflow:auto}table.tx{width:100%;border-collapse:collapse}table.tx th{text-align:left;font:var(--dh-type-caption-12);color:var(--dh-color-muted);font-weight:600;padding:8px;border-bottom:1px solid var(--dh-color-border)}table.tx td{padding:8px;border-bottom:1px solid var(--dh-color-border);height:56px;font:var(--dh-type-body-14)}table.tx tr:hover td{background:var(--dh-color-surface-2)}table.tx .right{text-align:right}table.tx button.linkish{border:0;background:none;padding:0;font:var(--dh-type-label-14);text-align:left}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--dh-color-scrim);opacity:var(--dh-scrim-opacity);z-index:20;border:0}.sheet,.popover,.dialog,.launch-panel{background:var(--dh-color-surface);color:var(--dh-color-text)}.sheet{position:fixed;z-index:30;left:0;right:0;bottom:0;border-radius:24px 24px 0 0;padding:12px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--dh-elev-2);display:grid;gap:12px}.handle{width:40px;height:4px;border-radius:99px;background:var(--dh-color-border);margin:0 auto}.dialog,.launch-panel{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px));border-radius:var(--dh-radius-dialog);padding:24px;box-shadow:var(--dh-elev-3);display:grid;gap:12px}.launch-panel{width:min(520px,calc(100% - 32px));max-height:min(760px,calc(100% - 48px));overflow:auto}.dialog h2,.sheet h2,.launch-panel h2{font:var(--dh-type-title-20)}.phrase{font:var(--dh-type-title-20);color:var(--dh-color-text);letter-spacing:.08em;word-break:break-word}.dialog p,.sheet p{font:var(--dh-type-body-14);color:var(--dh-color-muted)}.dialog-actions,.sheet-actions{display:flex;justify-content:flex-end;gap:12px}.sheet-actions .btn{flex:1}.popover{position:fixed;z-index:30;width:min(360px,calc(100% - 24px));border-radius:var(--dh-radius-lg);padding:8px;box-shadow:var(--dh-elev-2);border:1px solid var(--dh-color-border);display:grid;gap:8px}.menu{position:fixed;z-index:35;width:230px;padding:6px;border-radius:var(--dh-radius-key);background:var(--dh-color-surface);box-shadow:var(--dh-elev-2);border:1px solid var(--dh-color-border);display:grid}.menu button{height:40px;border:0;background:none;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;font:var(--dh-type-medium-14);text-align:left}.menu button:hover{background:var(--dh-color-surface-2)}.menu button.danger{color:var(--dh-color-danger)}.menu hr{border:0;border-top:1px solid var(--dh-color-border);margin:4px 0}.toast{position:fixed;z-index:40;left:16px;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--dh-color-text);color:var(--dh-color-bg);border-radius:var(--dh-radius-md);padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;font:var(--dh-type-label-14);box-shadow:var(--dh-elev-2)}.sync-wait{position:fixed;z-index:25;left:16px;right:16px;top:16px;background:var(--dh-color-surface);color:var(--dh-color-text);border:1px solid var(--dh-color-border);border-radius:var(--dh-radius-md);padding:12px 14px;font:var(--dh-type-label-14);box-shadow:var(--dh-elev-2)}.invite-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--dh-color-bg)}.invite-card{width:min(440px,100%);display:grid;gap:12px;padding:24px;border-radius:var(--dh-radius-dialog);background:var(--dh-color-surface);box-shadow:var(--dh-elev-3)}.toast button{border:0;background:none;color:var(--dh-color-primary);font:var(--dh-type-label-14)}.launch-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:var(--dh-color-bg);display:flex;flex-direction:column;padding:calc(8px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));gap:16px}.launch-top{display:flex;align-items:center;justify-content:space-between}.amount-hero{text-align:center;font:var(--dh-type-display-56);letter-spacing:-.03em}.amount-hero button{border:0;background:none;font:inherit}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.key{height:56px;border-radius:var(--dh-radius-key);border:1px solid var(--dh-color-border);background:var(--dh-color-surface);font:var(--dh-type-key-28)}.hint{color:var(--dh-color-warning);font:var(--dh-type-caption-12)}.member-line{display:flex;align-items:center;gap:8px;min-height:44px}.member-line b{flex:1;font:var(--dh-type-label-14)}.space-chip{align-self:center}.option{width:100%;text-align:left;border:1px solid var(--dh-color-border);background:var(--dh-color-surface);border-radius:var(--dh-radius-lg);padding:14px;display:flex;gap:12px;align-items:center}.option.on{border:2px solid var(--dh-color-primary)}.option .mark{width:44px;height:44px;border-radius:var(--dh-radius-md);background:var(--dh-color-primary-weak);color:var(--dh-color-primary);display:grid;place-items:center;flex:none}.option b{display:block;font:var(--dh-type-subtitle-16)}.option small{color:var(--dh-color-muted);font:var(--dh-type-caption-12)}.login{min-height:100vh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at top,var(--dh-color-primary-weak),transparent 58%),var(--dh-color-bg)}.login-card{width:min(420px,100%);background:var(--dh-color-surface);border:1px solid var(--dh-color-border);border-radius:var(--dh-radius-dialog);box-shadow:var(--dh-elev-2);padding:32px 28px;display:grid;gap:16px}.login-mark{width:72px;height:48px;position:relative;display:block}.login-mark i{position:absolute;top:6px;width:36px;height:36px;border-radius:50%;background:var(--dh-color-primary)}.login-mark i:first-child{left:0;opacity:.45}.login-mark i:last-child{left:22px}.login-error{min-height:1.35em;font:var(--dh-type-caption-12);color:var(--dh-color-danger)}.login-error:empty{visibility:hidden}.onboard{min-height:100vh;display:grid;align-content:start;gap:16px;padding:calc(20px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:var(--dh-color-bg)}.onboard-foot{display:flex;gap:12px}.color-dot{width:36px;height:36px;border-radius:50%;border:2px solid transparent;display:grid;place-items:center}.color-dot.on{box-shadow:0 0 0 2px var(--dh-color-surface),0 0 0 4px var(--dh-color-text)}.colors{display:flex;flex-wrap:wrap;gap:8px}.savebar{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-radius:var(--dh-radius-lg);border:1px solid var(--dh-color-text);background:var(--dh-color-surface)}.bars{display:flex;align-items:flex-end;gap:8px;height:160px}.bars button{flex:1;border:0;background:var(--dh-color-primary-weak);border-radius:8px 8px 4px 4px;min-height:8px}.bars button.now{background:var(--dh-color-primary)}.bars+.bar-labels{display:flex;gap:8px}.bar-labels span{flex:1;text-align:center;font:var(--dh-type-caption-12);color:var(--dh-color-muted)}.insight{display:flex;gap:10px;align-items:center;padding:12px;border-radius:var(--dh-radius-md);background:var(--dh-color-warning-weak);color:var(--dh-color-text)}.insight p{flex:1;font:var(--dh-type-body-14)}.two{display:grid;gap:16px}.role-table{width:100%;border-collapse:collapse;font:var(--dh-type-caption-12)}.role-table th,.role-table td{padding:8px 4px;border-bottom:1px solid var(--dh-color-border);text-align:center}.role-table th:first-child,.role-table td:first-child{text-align:left}.stack{display:grid;gap:12px}.row-link{width:100%;border:0;background:var(--dh-color-surface);border-radius:var(--dh-radius-lg);border:1px solid var(--dh-color-border);min-height:64px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left}.row-link span{flex:1;display:grid}.hidden-desktop{display:initial}@media(max-width:599px){.txn{gap:8px;grid-template-columns:40px minmax(0,1fr) auto 36px 32px;padding:10px 0}.txn .check,.txn .icon-btn{width:36px;height:36px}.txn-value b{font-size:.875rem}.txn-copy small{flex-wrap:wrap}}@media(min-width:600px){.bottom-nav{display:none}.shell{display:flex}.sidebar{display:flex;flex-direction:column;gap:16px;width:72px;height:100vh;position:sticky;top:0;padding:16px 10px;background:var(--dh-color-surface);border-right:1px solid var(--dh-color-border)}.brand{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 4px}.brand-mark{width:32px;height:32px;border-radius:8px;background:var(--dh-color-primary);color:var(--dh-color-on-primary);display:grid;place-items:center;font:700 13px/1 var(--dh-font);flex:none}.brand strong,.switcher .copy,.nav-label,.sidebar .launch span{display:none}.sidebar .switcher,.sidebar nav button,.sidebar .launch{justify-content:center;padding-left:0;padding-right:0}.sidebar nav{display:grid;gap:4px}.sidebar nav button{height:40px;border:0;background:none;border-radius:10px;color:var(--dh-color-muted);display:flex;align-items:center;gap:12px;padding:0 10px;font:var(--dh-type-medium-14);text-align:left}.sidebar nav button[aria-current=page]{background:var(--dh-color-primary-weak);color:var(--dh-color-text);font:var(--dh-type-label-14)}.sidebar .launch{height:44px;border:0;border-radius:var(--dh-radius-md);background:var(--dh-color-primary);color:var(--dh-color-on-primary);display:flex;align-items:center;justify-content:center;gap:8px;font:var(--dh-type-label-14)}.content{flex:1;min-width:0;padding:24px 24px 32px;overflow:auto;height:100vh}.head-actions{display:flex}.toast{left:auto;right:24px;bottom:24px;min-width:280px}.hidden-desktop{display:none}}@media(min-width:1024px){.sidebar{width:256px;padding:20px;gap:20px}.brand strong,.nav-label,.sidebar .launch span{display:initial}.switcher .copy{display:grid}.sidebar .switcher{justify-content:flex-start;padding:6px 10px 6px 8px}.sidebar nav button{justify-content:flex-start;padding:0 10px}.sidebar .launch{width:100%}.content{padding:28px 32px 32px}.home{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}.home .hero{grid-column:1}.home{display:grid}.home .hero,.home .bills,.home .limits,.home .goals{order:initial}.home .goals{grid-column:2;grid-row:1;width:300px;justify-self:end}.home .bills{grid-column:1}.home .limits{grid-column:2}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.two.desktop{grid-template-columns:minmax(0,1fr) 420px}.space-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,560px);gap:16px}.onboard{grid-template-columns:minmax(320px,480px) minmax(0,1fr);min-height:100vh;padding:0}.onboard-copy{background:var(--dh-color-surface);padding:56px;display:flex;flex-direction:column;gap:16px}.onboard-stage{padding:56px;display:grid;align-content:center;gap:16px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}}@media(prefers-reduced-motion:reduce){.txn.is-new{animation:none;background:var(--dh-color-primary-weak)}}