:root{--font-heading:"Urbanist",sans-serif;--font-body:"Manrope",sans-serif;--bg:#090d14;--bg-accent:#101826;--surface:#111a28;--surface-elevated:#172338;--surface-soft:#1b2a42;--text:#ecf2ff;--muted:#9eb0cc;--line:rgba(119,152,201,0.28);--panel:#101827;--panel-2:#0c121f;--brand-cyan:#5be8db;--brand-amber:#ffb450;--brand-coral:#ff7a66;--chip-paid:#0ea86c;--chip-late:#df4a64;--danger-bg:color-mix(in srgb,var(--chip-late) 22%,var(--surface));--danger-border:color-mix(in srgb,var(--chip-late) 55%,var(--line));--danger-text:#ffd1db;--urgency-income:linear-gradient(140deg,#30c3ff,#5be8db);--urgency-overdue:linear-gradient(140deg,#df4a64,#c92f4b);--urgency-today:linear-gradient(140deg,#ff7a66,#e45b47);--urgency-soon:linear-gradient(140deg,#ffb450,#f39f30);--urgency-upcoming:linear-gradient(140deg,#f4d259,#dfbd35);--urgency-later:linear-gradient(140deg,#14b790,#0b9a77);--shadow-soft:0 16px 36px rgba(3,7,14,0.28);--shadow-hard:0 22px 58px rgba(3,7,14,0.42)}[data-theme=light]{--bg:#eef3fb;--bg-accent:#ffffff;--surface:#ffffff;--surface-elevated:#f6f9ff;--surface-soft:#eaf1fd;--text:#0e1725;--muted:#5f6f89;--line:rgba(116,139,177,0.34);--panel:#f8fbff;--panel-2:#e8f1ff;--brand-cyan:#03a9a4;--brand-amber:#f39b2a;--brand-coral:#f0644f;--danger-bg:color-mix(in srgb,#f6c8d2 84%,var(--surface));--danger-border:color-mix(in srgb,var(--chip-late) 50%,var(--line));--danger-text:#7a1127;--shadow-soft:0 12px 30px rgba(26,49,81,0.12);--shadow-hard:0 18px 48px rgba(26,49,81,0.2)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;overflow-x:hidden}body{color:var(--text);font-family:var(--font-body),"Helvetica Neue",sans-serif;background:radial-gradient(900px 420px at 12% -10%,rgba(255,180,80,.2),transparent 56%),radial-gradient(760px 380px at 88% -12%,rgba(91,232,219,.22),transparent 58%),linear-gradient(180deg,var(--bg-accent) 0,var(--bg) 48%,var(--bg) 100%)}body.standalone-pwa.is-landscape{overflow:hidden}body.standalone-pwa.is-landscape main{visibility:hidden;pointer-events:none}body.standalone-pwa.is-landscape:before{content:"Portrait mode only";position:fixed;inset:0;z-index:120;display:grid;place-items:center;text-align:center;padding:24px;font-family:var(--font-heading),sans-serif;font-size:1.2rem;font-weight:750;letter-spacing:.2px;color:var(--text);background:radial-gradient(760px 320px at 20% -5%,rgba(255,180,80,.2),transparent 60%),radial-gradient(660px 300px at 80% -10%,rgba(91,232,219,.2),transparent 62%),linear-gradient(180deg,var(--bg-accent) 0,var(--bg) 100%)}main{min-height:100dvh}button,input,select,textarea{font:inherit}.app-shell{max-width:940px;margin:0 auto;padding:0 0 92px}.top-bar{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:linear-gradient(145deg,var(--panel),var(--panel-2));border-bottom:1px solid var(--line);padding:16px 16px 14px;box-shadow:var(--shadow-soft)}.top-bar:after{content:"";position:absolute;inset:auto 18px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(91,232,219,.6),rgba(255,180,80,.65),transparent)}.top-bar-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-family:var(--font-heading),sans-serif;font-size:1.25rem;font-weight:750;letter-spacing:.2px}.brand-subtitle{margin-top:2px;font-size:.78rem;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.ghost-button{border:1px solid var(--line);background:color-mix(in srgb,var(--surface-elevated) 64%,transparent);color:var(--text);border-radius:10px;padding:8px 11px;font-weight:700;cursor:pointer}.ghost-button:hover{border-color:color-mix(in srgb,var(--brand-cyan) 55%,var(--line))}.add-button{border:0;width:40px;height:40px;border-radius:12px;font-size:1.55rem;line-height:1;color:#07101a;background:linear-gradient(145deg,var(--brand-cyan),#86fff4);font-weight:800;cursor:pointer}.segment{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-elevated) 62%,transparent)}.segment button{border:0;border-radius:10px;padding:10px;background:transparent;color:var(--muted);font-weight:750;cursor:pointer}.segment button.active{background:linear-gradient(140deg,rgba(91,232,219,.2),rgba(255,180,80,.2));color:var(--text)}.top-note{margin:12px 12px 0;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-elevated) 70%,transparent);color:var(--muted);font-size:.9rem}.summary-area{padding:14px;display:grid;grid-gap:10px;gap:10px}.summary-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-soft)}.summary-toggle{width:100%;border:0;cursor:pointer;text-align:left;background:linear-gradient(120deg,rgba(91,232,219,.2),rgba(255,180,80,.2));color:var(--text);padding:10px 12px;display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:10px;gap:10px}.summary-label{font-family:var(--font-heading),sans-serif;font-weight:720}.summary-chevron{color:var(--muted);font-size:1rem}.summary-card-body{padding:10px 12px;display:grid;grid-gap:6px 12px;gap:6px 12px;grid-template-columns:repeat(2,minmax(0,1fr));color:var(--muted);border-top:1px solid var(--line)}.bill-list{padding:0 10px;display:grid;grid-gap:8px;gap:8px}.period-divider{border-radius:10px;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow-soft)}.period-divider-toggle{width:100%;border:0;text-align:left;background:transparent;color:var(--text);padding:8px 10px;display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:8px;gap:8px;cursor:pointer}.month-divider{background:color-mix(in srgb,var(--brand-cyan) 16%,var(--surface))}.week-divider{background:color-mix(in srgb,var(--brand-amber) 14%,var(--surface))}.period-divider-label{font-family:var(--font-heading),sans-serif;font-weight:700}.period-divider-values{display:inline-flex;align-items:center;gap:10px;font-weight:700;min-width:0}.period-divider-values .income{color:var(--brand-cyan)}.period-divider-values .outgoing{color:var(--text)}.period-pl,.summary-pl{font-weight:800}.period-divider-body{padding:10px 12px;display:grid;grid-gap:6px 12px;gap:6px 12px;grid-template-columns:repeat(2,minmax(0,1fr));color:var(--muted);border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-elevated) 65%,transparent)}.pl-positive{color:#0cad66}.pl-negative{color:#df4a64}.pl-neutral{color:var(--muted)}.bill-row{display:grid;grid-template-columns:90px 1fr;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft)}.bill-row.income{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,var(--brand-cyan) 12%),var(--surface))}.bill-urgency{color:#ffffff;display:grid;place-content:center;text-align:center;font-weight:700;padding:8px}.bill-urgency strong{font-family:var(--font-heading),sans-serif;font-size:1.66rem;line-height:1}.bill-urgency span{font-size:.88rem;opacity:.95}.bill-content{padding:10px 12px;display:grid;grid-gap:8px;gap:8px}.bill-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}.bill-name{font-size:1.08rem;font-weight:700;flex:1 1;min-width:0;max-width:34ch;overflow:hidden;text-overflow:ellipsis}.bill-amount,.bill-name{font-family:var(--font-heading),sans-serif;white-space:nowrap}.bill-amount{font-size:1rem;font-weight:730;flex-shrink:0}.amount-outgoing{color:var(--brand-amber)}.amount-income{color:var(--brand-cyan)}.bill-meta{justify-content:space-between;gap:8px;color:var(--muted);font-size:.95rem}.bill-meta,.chips{display:flex;flex-wrap:wrap}.chips{align-items:center;gap:6px}.chip{font-size:.78rem;font-weight:700;border-radius:999px;padding:4px 9px;border:1px solid var(--line);color:var(--text);background:var(--surface-elevated)}.chip.autopay{background:color-mix(in srgb,var(--chip-paid) 20%,var(--surface));color:color-mix(in srgb,var(--chip-paid) 72%,var(--text))}.chip.manual{background:color-mix(in srgb,#758db6 18%,var(--surface));color:color-mix(in srgb,#7c91b4 38%,var(--text))}.chip.income{background:color-mix(in srgb,var(--brand-cyan) 20%,var(--surface));color:color-mix(in srgb,var(--brand-cyan) 40%,var(--text))}.chip.paid-on-time{background:color-mix(in srgb,var(--chip-paid) 20%,var(--surface));color:color-mix(in srgb,var(--chip-paid) 72%,var(--text))}.chip.paid-late{background:color-mix(in srgb,var(--chip-late) 22%,var(--surface));color:color-mix(in srgb,var(--chip-late) 62%,var(--text))}.chip.assigned{background:color-mix(in srgb,#8299bd 20%,var(--surface));color:color-mix(in srgb,#8197ba 36%,var(--text))}.action-link{border:0;background:transparent;color:var(--brand-cyan);font-weight:700;cursor:pointer;padding:0}.empty-state{margin:18px 10px;border:1px dashed var(--line);border-radius:12px;padding:16px;color:var(--muted);background:var(--surface-elevated)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(145deg,var(--panel),var(--panel-2));border-top:1px solid var(--line)}.bottom-nav-item{border:0;background:transparent;color:var(--muted);padding:11px 4px;font-size:.78rem;display:grid;grid-gap:4px;gap:4px;justify-items:center;align-content:center;text-decoration:none}.bottom-nav-item.primary{color:color-mix(in srgb,var(--brand-cyan) 65%,var(--text))}.bottom-nav-item.active{color:var(--text);font-weight:700}.bottom-nav-item.disabled{opacity:.5;cursor:not-allowed}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:16px}.auth-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-gap:12px;gap:12px;box-shadow:var(--shadow-hard)}.auth-head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.auth-card h1{margin:0;font-family:var(--font-heading),sans-serif;font-size:1.6rem}.auth-card p{margin:2px 0 0;color:var(--muted)}.auth-card label{display:grid;grid-gap:6px;gap:6px;font-weight:600;color:var(--text)}.auth-card input{border:1px solid var(--line);border-radius:10px;min-height:42px;padding:8px 10px;background:var(--surface-elevated);color:var(--text)}.auth-card button{border:0;border-radius:10px;padding:11px 13px;background:linear-gradient(145deg,var(--brand-cyan),#87fff4);color:#041019;font-weight:800}.auth-card button:disabled{opacity:.65}.auth-error{background:color-mix(in srgb,var(--chip-late) 22%,var(--surface));color:#ffd1db;border:1px solid color-mix(in srgb,var(--chip-late) 55%,var(--line));border-radius:10px;padding:8px 10px;font-weight:600}.modal-backdrop{position:fixed;inset:0;z-index:60;background:rgba(2,7,14,.66);display:grid;place-items:center;padding:12px}.modal-card{width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-x:hidden;overflow-y:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:14px;display:grid;grid-gap:12px;gap:12px;box-shadow:var(--shadow-hard)}.modal-card>*{min-width:0}.modal-card .summary-section{margin:0}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-family:var(--font-heading),sans-serif;font-size:1.34rem}.close-button{border:1px solid var(--line);border-radius:10px;width:32px;height:32px;font-size:1.4rem;line-height:1;color:var(--text);background:var(--surface-elevated)}.modal-card label{display:grid;grid-gap:6px;gap:6px;font-weight:600;color:var(--text)}.modal-card input,.modal-card select,.modal-card textarea{border:1px solid var(--line);background:var(--surface-elevated);color:var(--text);border-radius:10px;min-height:40px;padding:8px 10px}.modal-card textarea{min-height:78px;resize:vertical}.form-row{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,1fr)}.switch-row{display:flex!important;align-items:center;gap:10px!important}.switch-row input{width:18px;min-height:18px}.error-text{margin:0;color:#ffadc1;font-weight:600;font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions.spread{justify-content:space-between;align-items:center;flex-wrap:wrap}.modal-actions-right{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.modal-actions button{border:0;border-radius:10px;padding:10px 13px;font-weight:700}.modal-actions .secondary{background:var(--surface-elevated);color:var(--text);border:1px solid var(--line)}.modal-actions .primary{color:#041019;background:linear-gradient(145deg,var(--brand-cyan),#87fff4)}.modal-actions .primary:disabled{opacity:.6}.modal-actions .danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.modal-actions .danger:disabled{opacity:.6}.settings-shell{padding-bottom:110px}.settings-section{margin:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft);padding:14px;display:grid;grid-gap:10px;gap:10px}.settings-section h2{margin:0;font-family:var(--font-heading),sans-serif;font-size:1.18rem}.settings-label{display:grid;grid-gap:6px;gap:6px;font-weight:600}.settings-label input,.settings-label select,.settings-label textarea{border:1px solid var(--line);background:var(--surface-elevated);color:var(--text);border-radius:10px;min-height:40px;padding:8px 10px}.settings-label textarea{min-height:96px;resize:vertical}.settings-subheading{margin:2px 0 0;font-family:var(--font-heading),sans-serif;font-size:1rem}.household-user-card,.household-users{display:grid;grid-gap:8px;gap:8px}.household-user-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface-elevated) 70%,transparent)}.household-user-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.household-user-head strong{font-family:var(--font-heading),sans-serif}.household-user-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.settings-label.settings-label-compact{min-width:140px}.settings-label.settings-label-compact select{min-height:38px}.settings-user-form{border-top:1px solid var(--line);padding-top:12px;display:grid;grid-gap:10px;gap:10px}.settings-switch{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface-elevated) 70%,transparent)}.settings-switch input{width:18px;min-height:18px;margin-top:1px}.settings-switch span{display:grid;grid-gap:4px;gap:4px;font-weight:650}.settings-switch small{color:var(--muted);font-size:.82rem;font-weight:550;line-height:1.3}.settings-note{margin:0;color:var(--muted)}.settings-kv{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-kv>div{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:color-mix(in srgb,var(--surface-elevated) 70%,transparent)}.settings-kv strong{display:block;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.2px}.settings-kv p{margin:5px 0 0;font-weight:700}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-actions button{border:0;border-radius:10px;padding:10px 13px;font-weight:700}.settings-actions .primary{color:#041019;background:linear-gradient(145deg,var(--brand-cyan),#87fff4)}.settings-actions .secondary{color:var(--muted)}.settings-actions .secondary,.settings-secondary{background:var(--surface-elevated);border:1px solid var(--line)}.settings-secondary{border-radius:10px;padding:9px 12px;font-weight:700;color:var(--text)}.settings-secondary.active{border-color:color-mix(in srgb,var(--brand-cyan) 50%,var(--line));background:color-mix(in srgb,var(--brand-cyan) 18%,var(--surface-elevated))}.settings-secondary:disabled{opacity:.6}.summary-overview{margin:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-overview.summary-overview-4{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-overview.summary-overview-3{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-overview>div{padding:12px;border-right:1px solid var(--line)}.summary-overview>div:last-child{border-right:0}.summary-overview strong{display:block;font-size:.78rem;color:var(--muted);text-transform:uppercase}.summary-overview p{margin:6px 0 0;font-family:var(--font-heading),sans-serif;font-size:1.15rem;font-weight:730}.summary-section{margin:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft);padding:14px;display:grid;grid-gap:10px;gap:10px}.summary-section h2{margin:0;font-family:var(--font-heading),sans-serif;font-size:1.08rem}.distribution-list{display:grid;grid-gap:9px;gap:9px}.distribution-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface-elevated) 70%,transparent);display:grid;grid-gap:8px;gap:8px}.distribution-toggle{border:0;background:transparent;color:var(--text);width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:0;text-align:left;cursor:pointer}.distribution-toggle-left{display:grid;grid-gap:2px;gap:2px;font-weight:700}.distribution-toggle-left small{color:var(--muted);font-size:.8rem;font-weight:600}.distribution-toggle-right{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.distribution-head{display:flex;justify-content:space-between;gap:8px;font-weight:700}.distribution-bar{height:8px;border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 72%,transparent);overflow:hidden}.distribution-bar>span{display:block;height:100%;background:linear-gradient(145deg,var(--brand-cyan),var(--brand-amber))}.distribution-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.86rem}.distribution-items{border-top:1px solid var(--line);padding-top:8px;display:grid;grid-gap:6px;gap:6px}.distribution-item{border:1px solid var(--line);border-radius:10px;padding:7px 8px;background:color-mix(in srgb,var(--surface) 78%,transparent);display:grid;grid-gap:5px;gap:5px}.distribution-item-clickable{cursor:pointer}.distribution-item-clickable:hover{border-color:color-mix(in srgb,var(--brand-cyan) 52%,var(--line));background:color-mix(in srgb,var(--surface-elevated) 66%,transparent)}.distribution-item-clickable:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-cyan) 75%,white);outline-offset:1px}.distribution-item-head{display:flex;justify-content:space-between;gap:8px}.distribution-item-name{font-weight:700;min-width:0;max-width:36ch;overflow:hidden;text-overflow:ellipsis}.distribution-item-amount,.distribution-item-name{font-family:var(--font-heading),sans-serif;white-space:nowrap}.distribution-item-amount{font-weight:730;color:var(--brand-amber)}.distribution-item-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.82rem}.distribution-item-action{color:var(--brand-cyan);font-size:.8rem;font-weight:700}.accounts-list{margin:10px 12px;display:grid;grid-gap:8px;gap:8px}.accounts-shell{padding-bottom:196px}.accounts-shell>.summary-section{margin:10px 12px 8px;padding:8px;border-radius:12px}.accounts-shell>.summary-section .segment{margin-top:0}.accounts-shell .top-bar{padding:12px 12px 10px}.accounts-shell .brand{font-size:1.14rem}.accounts-shell .brand-subtitle{font-size:.75rem;margin-top:1px}.accounts-shell .add-button{width:36px;height:36px;font-size:1.35rem}.accounts-tab-total-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:84px;width:min(940px,calc(100vw - 22px));border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-hard);padding:8px 10px;display:grid;grid-gap:6px;gap:6px;z-index:35;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.accounts-tab-total-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.accounts-tab-total-head strong{font-family:var(--font-heading),sans-serif;font-size:.95rem}.accounts-tab-total-head span{color:var(--muted);font-size:.8rem;font-weight:700}.accounts-tab-total-track{height:7px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--surface-soft) 75%,transparent)}.accounts-tab-total-track>span{display:block;height:100%;background:linear-gradient(145deg,var(--brand-cyan),var(--brand-amber))}.accounts-tab-total-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.accounts-tab-total-metrics>div{display:grid;grid-gap:3px;gap:3px}.accounts-tab-total-metrics>div strong{font-family:var(--font-heading),sans-serif;font-size:1rem;line-height:1.1}.accounts-tab-total-metrics>div span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.2px}.accounts-tab-total-metrics>div:last-child{text-align:right;justify-items:end}.accounts-search{width:100%}.accounts-card{border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--surface);box-shadow:var(--shadow-soft);display:grid;grid-gap:9px;gap:9px}.accounts-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.accounts-name{font-size:1.02rem;font-weight:700;min-width:0;max-width:34ch;overflow:hidden;text-overflow:ellipsis}.accounts-amount,.accounts-name{font-family:var(--font-heading),sans-serif;white-space:nowrap}.accounts-amount{font-weight:740;color:var(--brand-amber)}.accounts-shell .accounts-name{font-size:1rem;max-width:28ch}.accounts-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.accounts-actions{display:flex;justify-content:flex-end}.account-tabs{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))!important}.accounts-mode-tabs{margin-top:8px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.accounts-groups{margin:10px 12px;display:grid;grid-gap:12px;gap:12px}.accounts-group{display:grid;grid-gap:8px;gap:8px}.accounts-kind-divider{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 2px 6px;border-bottom:1px solid var(--line)}.accounts-kind-divider strong{font-family:var(--font-heading),sans-serif;font-size:.95rem}.accounts-kind-divider span{color:var(--muted);font-size:.8rem;font-weight:700}.accounts-group-list{display:grid;grid-gap:8px;gap:8px}.accounts-tool-section{margin:10px 12px}.accounts-accordion-list{display:grid;grid-gap:10px;gap:10px}.accounts-accordion{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--surface-elevated) 72%,transparent)}.accounts-accordion.open{border-color:color-mix(in srgb,var(--brand-cyan) 45%,var(--line))}.accounts-accordion-toggle{width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-family:var(--font-heading),sans-serif;font-size:.93rem;font-weight:700}.accounts-accordion-chevron{color:var(--muted);font-size:1rem;line-height:1}.accounts-accordion-body{border-top:1px solid var(--line);padding:10px;display:grid;grid-gap:10px;gap:10px}.accounts-tool-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.accounts-tool-summary>div{border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-elevated) 72%,transparent);padding:8px;display:grid;grid-gap:4px;gap:4px}.accounts-tool-summary>div span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.2px}.accounts-tool-summary>div strong{font-family:var(--font-heading),sans-serif;font-size:.95rem}.accounts-plan-list{display:grid;grid-gap:8px;gap:8px}.accounts-plan-row{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 84%,var(--surface-elevated));box-shadow:var(--shadow-soft);padding:10px;display:grid;grid-gap:6px;gap:6px;cursor:pointer}.accounts-plan-row:hover{border-color:color-mix(in srgb,var(--brand-cyan) 45%,var(--line))}.accounts-plan-row:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-cyan) 75%,white);outline-offset:1px}.accounts-plan-row-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.accounts-plan-row-head strong{font-family:var(--font-heading),sans-serif;font-size:.96rem;min-width:0;max-width:24ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accounts-plan-row-head span{color:var(--muted);font-size:.78rem;font-weight:700;white-space:nowrap}.accounts-plan-row-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;color:var(--muted);font-size:.78rem}.accounts-plan-row-metrics-4{grid-template-columns:repeat(4,minmax(0,1fr))}.accounts-plan-row-metrics span{display:grid;grid-gap:2px;gap:2px}.accounts-plan-row-metrics span strong{color:var(--text);font-family:var(--font-heading),sans-serif;font-size:.9rem;line-height:1.1}.accounts-plan-row-metrics span:last-child{justify-items:end;text-align:right}.accounts-plan-row-note{margin:0;font-size:.78rem}.accounts-stat-positive{color:color-mix(in srgb,var(--chip-paid) 82%,var(--text))!important}.accounts-stat-negative{color:color-mix(in srgb,var(--chip-late) 85%,var(--text))!important}.debt-overview{display:grid;grid-gap:8px;gap:8px}.debt-overview-track{height:10px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--surface-soft) 72%,transparent)}.debt-overview-track>span{display:block;height:100%;background:linear-gradient(145deg,var(--brand-cyan),var(--brand-amber))}.debt-overview-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:.9rem}.debt-card{border:1px solid var(--line);border-radius:14px;padding:8px;background:var(--surface);box-shadow:var(--shadow-soft);display:grid;grid-gap:6px;gap:6px;cursor:pointer}.debt-card:hover{border-color:color-mix(in srgb,var(--brand-cyan) 45%,var(--line))}.debt-card:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-cyan) 75%,white);outline-offset:1px}.debt-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.debt-card-head strong{font-family:var(--font-heading),sans-serif;font-size:.92rem;color:var(--muted)}.debt-progress-track{height:7px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--surface-soft) 72%,transparent)}.debt-progress-track>span{display:block;height:100%;background:linear-gradient(145deg,var(--brand-cyan),var(--brand-amber))}.debt-metrics-row{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:7px;gap:7px;align-items:center}.debt-metrics-row>div{display:grid;grid-gap:2px;gap:2px}.debt-metrics-row>div strong{font-family:var(--font-heading),sans-serif;font-size:.98rem;line-height:1.1}.debt-metrics-row>div span{color:var(--muted);font-size:.78rem}.debt-metrics-row>div:last-child{text-align:right}.debt-pill{border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-elevated) 70%,transparent);padding:6px 8px;min-width:102px;text-align:center}.debt-meta-line{margin:0;font-size:.76rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debt-card-layout{display:grid;grid-template-columns:46px 1fr;grid-gap:8px;gap:8px;align-items:start}.debt-card-icon{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;font-size:1.18rem;background:color-mix(in srgb,var(--surface-elevated) 78%,transparent);border:1px solid var(--line)}.debt-card-main{display:grid;grid-gap:6px;gap:6px;min-width:0}.savings-goal-card .debt-card-main{gap:7px}.debt-card-subtitle{margin:2px 0 0;font-size:.8rem;color:var(--muted)}.account-detail-shell{padding-bottom:96px}.account-back-button{margin-bottom:8px}.account-detail-card{margin:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);display:grid;grid-gap:10px;gap:10px}.account-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.account-detail-title{display:flex;align-items:center;gap:10px;min-width:0}.account-detail-title h1{margin:0;font-family:var(--font-heading),sans-serif;font-size:1.12rem;line-height:1.1;max-width:24ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-detail-title p{margin:4px 0 0;color:var(--muted);font-size:.84rem}.account-detail-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.18rem;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-elevated) 76%,transparent);flex:0 0 auto}.account-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.account-detail-metrics>div{display:grid;grid-gap:2px;gap:2px}.account-detail-metrics>div strong{font-family:var(--font-heading),sans-serif;font-size:1.02rem;line-height:1.1}.account-detail-metrics>div span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.22px}.account-detail-metrics>div:nth-child(2){text-align:center}.account-detail-metrics>div:last-child{text-align:right}.account-detail-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:.82rem}.calculator-section{gap:12px}.calculator-grid,.calculator-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.calculator-card{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-elevated) 72%,transparent);padding:10px;display:grid;grid-gap:6px;gap:6px}.calculator-card h3{font-size:.9rem}.calculator-card h3,.calculator-value{margin:0;font-family:var(--font-heading),sans-serif}.calculator-value{font-size:1rem;font-weight:760}.calculator-warning{color:color-mix(in srgb,var(--chip-late) 85%,var(--text))}.calculator-delta,.calculator-warning{margin:0;font-size:.8rem;font-weight:700}.calculator-delta.saving{color:color-mix(in srgb,var(--chip-paid) 82%,var(--text))}.calculator-delta.cost{color:color-mix(in srgb,var(--chip-late) 85%,var(--text))}.calculator-delta.neutral{color:var(--muted)}.account-manage-form{display:grid;grid-gap:10px;gap:10px}@media (min-width:768px){.app-shell{padding-left:18px;padding-right:18px}.bill-row{grid-template-columns:104px 1fr}.bottom-nav{max-width:940px;margin:0 auto;border-radius:14px 14px 0 0}}@media (max-width:640px){.top-actions{flex-wrap:wrap;justify-content:flex-end}.period-divider-body,.summary-card-body{grid-template-columns:1fr}.modal-actions.spread{flex-direction:column-reverse;align-items:stretch}.modal-actions-right{width:100%;justify-content:stretch}.modal-actions .danger,.modal-actions-right button{flex:1 1}.form-row{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal-card{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:12px;border-radius:14px}.settings-kv{grid-template-columns:1fr}.household-user-actions{flex-direction:column;align-items:stretch}.summary-overview,.summary-overview.summary-overview-3,.summary-overview.summary-overview-4{grid-template-columns:1fr}.summary-overview>div{border-right:0;border-bottom:1px solid var(--line)}.summary-overview>div:last-child{border-bottom:0}.distribution-meta{flex-direction:column;gap:4px}.distribution-toggle{flex-direction:column;align-items:flex-start}.distribution-toggle-right{width:100%;justify-content:space-between}.distribution-item-head{flex-direction:column;gap:4px}.distribution-item-name{max-width:100%}.accounts-shell{padding-bottom:214px}.accounts-tab-total-bar{width:calc(100vw - 14px);bottom:80px;padding:8px 9px}.accounts-meta{flex-direction:column;gap:5px}.accounts-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.accounts-groups{gap:10px}.accounts-tool-summary{grid-template-columns:1fr}.accounts-plan-row-metrics{grid-template-columns:1fr;gap:6px}.accounts-plan-row-metrics span:last-child{justify-items:start;text-align:left}.debt-overview-meta{flex-direction:column;align-items:flex-start;gap:4px}.debt-metrics-row{grid-template-columns:1fr}.debt-metrics-row>div:last-child,.debt-pill{text-align:left}.debt-pill{min-width:0}.accounts-shell .debt-card-layout{grid-template-columns:40px 1fr;gap:7px}.accounts-shell .debt-card-icon{width:40px;height:40px;border-radius:10px;font-size:1.02rem}.accounts-shell .accounts-name{font-size:.94rem;max-width:22ch}.accounts-shell .debt-card-head strong{font-size:.86rem}.accounts-shell .debt-card-subtitle{font-size:.74rem}.accounts-shell .debt-metrics-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.accounts-shell .debt-metrics-row>div:last-child{text-align:right}.accounts-shell .debt-metrics-row>div strong{font-size:.9rem}.accounts-shell .debt-metrics-row>div span{font-size:.72rem}.accounts-shell .debt-pill{min-width:84px;text-align:center;padding:5px 6px}.accounts-shell .debt-meta-line{font-size:.7rem}.account-detail-header{flex-direction:column}.account-detail-header .ghost-button{width:100%}.account-detail-metrics{grid-template-columns:1fr}.account-detail-metrics>div,.account-detail-metrics>div:last-child,.account-detail-metrics>div:nth-child(2){text-align:left}.calculator-grid,.calculator-inputs{grid-template-columns:1fr}.account-detail-meta{flex-direction:column;gap:4px}}@font-face{font-family:Urbanist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/680d078f20ab2e33-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Urbanist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a22b1dc24103c00d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Urbanist Fallback;src:local("Arial");ascent-override:95.93%;descent-override:25.24%;line-gap-override:0.00%;size-adjust:99.04%}.__className_472caf{font-family:Urbanist,Urbanist Fallback;font-style:normal}.__variable_472caf{--font-heading:"Urbanist","Urbanist Fallback"}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope Fallback;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_73ee6c{font-family:Manrope,Manrope Fallback;font-style:normal}.__variable_73ee6c{--font-body:"Manrope","Manrope Fallback"}