:root{color:#111827;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--background: #f8fafc;--card: #ffffff;--border: #cbd5e1;--border-soft: #e2e8f0;--text: #111827;--text-muted: #475569;--text-subtle: #64748b;--primary: #2563eb;--primary-pressed: #1d4ed8;--success: #16a34a;--danger: #dc2626;--warning-bg: #fff7ed;--warning-text: #9a3412;--shadow: 0 18px 48px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--background)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.6}a{color:inherit}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;flex:0 0 auto}label{display:grid;gap:7px;color:var(--text-muted);font-size:.88rem;font-weight:700}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:10px 12px;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:middle}th{color:var(--text-subtle);font-size:.78rem;text-transform:uppercase}tr{transition:background .14s ease}tbody tr:hover{background:#f8fafc}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:22px;height:100vh;padding:24px 18px;border-right:1px solid var(--border-soft);background:#fffffff0}.brand-block{display:flex;align-items:center;gap:12px}.brand-icon{width:44px;height:44px;border-radius:8px}.auth-brand{margin-bottom:16px}.eyebrow{color:var(--text-subtle);font-size:.73rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-block h1,.topbar h2,.page-heading h1{color:var(--text);font-size:1.6rem;line-height:1.15}.nav-list,.sidebar-footer,.stack,.page-stack{display:grid;gap:12px}.sidebar-footer{margin-top:auto}.nav-button,.bottom-tab{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;background:transparent;color:var(--text-muted);padding:11px 12px;font-weight:800;text-align:left}.nav-button.active,.nav-button:hover{background:#eff6ff;color:var(--primary)}.main-pane{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.household-switcher{width:min(360px,70vw);min-height:42px;margin-top:3px;font-size:1.05rem;font-weight:750}.invitation-confirmation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.topbar-actions,.inline-actions,.form-actions,.budget-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--border-soft);border-radius:999px;background:#fff;color:var(--text-muted);padding:6px 12px;font-size:.86rem}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-heading h1{font-size:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.budget-summary-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:16px;align-items:stretch}.budget-summary-grid:has(.budget-summary-card:only-child){grid-template-columns:minmax(320px,720px)}.budget-editor-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:16px;align-items:start}.content-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid>.card{min-width:0}.settings-wide-card{grid-column:1 / -1}.more-grid,.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card,.table-card,.auth-card,.loading-card,.metric-card,.action-tile{border:1px solid var(--border-soft);border-radius:8px;background:var(--card);box-shadow:var(--shadow)}.card{padding:18px}.table-card{overflow:hidden}.metric-card{display:grid;gap:8px;min-height:128px;padding:18px}.metric-card svg{color:var(--primary)}.metric-card span{color:var(--text-subtle);font-weight:700}.metric-card strong{font-size:clamp(1.35rem,2vw,2rem);line-height:1.08}.metric-card.danger strong{color:var(--danger)}.budget-summary-card{display:grid;align-content:start;gap:18px;min-height:280px}.budget-summary-card.cumulative{border-color:#bfdbfe}.budget-total{color:var(--success);font-size:clamp(2rem,4vw,3.35rem);font-weight:900;line-height:1.02}.budget-total.danger{color:var(--danger)}.budget-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.budget-detail{display:grid;gap:4px;border:1px solid var(--border-soft);border-radius:8px;background:#f8fafc;padding:12px}.budget-detail span{color:var(--text-subtle);font-size:.8rem;font-weight:800}.budget-detail strong{color:var(--text);font-size:1.02rem;line-height:1.2;overflow-wrap:anywhere}.budget-form-card{box-shadow:none}.budget-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.budget-hero h2,.section-title h2,.card h2{color:var(--text);font-size:1.18rem;line-height:1.25}.muted{color:var(--text-muted);line-height:1.45}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.budget-ring{display:grid;place-items:center;width:124px;height:124px;border-radius:999px;background:radial-gradient(circle at center,#ffffff 0 57%,transparent 58%),conic-gradient(var(--primary) var(--percent),#e2e8f0 0);color:var(--text)}.budget-ring strong{font-size:1.1rem;line-height:1}.budget-ring span{color:var(--text-subtle);font-size:.78rem;font-weight:800}.budget-ring.compact{width:74px;height:74px}.budget-ring.compact strong{font-size:.9rem}.category-bars,.mini-list,.budget-list,.item-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px}.bar-track{grid-column:1 / -1;overflow:hidden;height:9px;border-radius:999px;background:#e2e8f0}.bar-fill{height:100%;border-radius:inherit;background:var(--primary)}.mini-row,.budget-row,.item-row{display:grid;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.mini-row{grid-template-columns:auto minmax(0,1fr) auto}.budget-row{grid-template-columns:minmax(0,1fr) auto}.item-row{grid-template-columns:auto minmax(0,1fr) auto auto auto}.mini-row:last-child,.budget-row:last-child,.item-row:last-child{border-bottom:0}.household-member-list{max-height:340px;overflow-y:auto}.household-member-list .item-row{grid-template-columns:minmax(140px,1fr) auto minmax(110px,auto) auto}.mini-row p{color:var(--text-subtle);font-size:.84rem}.color-dot{display:inline-block;width:12px;height:12px;border-radius:999px;margin-right:8px}.amount-cell{font-weight:800;white-space:nowrap}.transactions-table{background:#fff}.transactions-table tbody tr{cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inline-control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;min-width:0}.currency-add-row{grid-template-columns:minmax(220px,360px) auto;justify-content:start}.currency-add-row select{min-width:0;width:100%}.currency-rate-list{display:grid;gap:12px}.currency-rate-row{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,2fr);gap:16px;align-items:start;border:1px solid var(--border-soft);border-radius:8px;padding:12px;min-width:0}.currency-rate-copy,.currency-rate-controls{display:grid;gap:6px;min-width:0}.currency-rate-copy>*{min-width:0;overflow-wrap:anywhere}.currency-rate-controls{grid-template-columns:minmax(170px,220px) minmax(0,1fr);gap:12px;align-items:start;justify-items:stretch}.currency-rate-input{min-width:0;width:100%}.live-rate-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.live-rate-actions>span{min-width:min(100%,160px);overflow-wrap:anywhere;text-align:right}.currency-rate-actions .small-button{min-width:92px}.small-text{font-size:.82rem}.full-span{grid-column:1 / -1}.narrow-page{max-width:980px}.primary-button,.secondary-button,.danger-button,.small-button,.link-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:800;text-decoration:none}.primary-button{min-height:44px;border:0;background:var(--primary);color:#fff;padding:10px 15px}.primary-button:hover{background:var(--primary-pressed)}.secondary-button,.small-button{min-height:40px;border:1px solid var(--border);background:#fff;color:var(--text);padding:9px 12px}.small-button.secondary{color:var(--primary)}.small-button.danger,.danger-button,.icon-button.danger{color:var(--danger)}.danger-button{min-height:42px;border:1px solid #fecaca;background:#fff1f2;padding:10px 14px}.link-button{border:0;background:transparent;color:var(--primary);padding:6px 0}.link-button.inline{padding:0}.icon-button{width:40px;height:40px;border:1px solid var(--border-soft);background:#fff;color:var(--text-muted);padding:0}.compact-button{min-width:92px}.search-field{display:flex;align-items:center;gap:8px;width:min(360px,100%);border:1px solid var(--border);border-radius:8px;background:#fff;padding:0 12px}.search-field input{border:0;box-shadow:none;padding-inline:0}.month-picker{display:flex;align-items:center;gap:10px}.notice,.inline-warning,.form-error,.form-success{border-radius:8px;padding:12px 14px;font-weight:700}.notice{margin-bottom:16px}.notice.success,.form-success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.notice.error,.form-error{border:1px solid #fecaca;background:#fff1f2;color:#991b1b}.email-confirmation-reminder{display:grid;gap:8px;margin-bottom:14px;border:1px solid #fed7aa;border-radius:8px;background:var(--warning-bg);color:var(--warning-text);padding:8px 10px}.email-confirmation-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:inherit;padding:0;text-align:left}.email-confirmation-summary span{font-weight:900}.email-confirmation-summary small{font-weight:800}.email-confirmation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.email-confirmation-actions p{flex:1 1 240px;font-weight:700;line-height:1.4}.email-confirmation-message{flex-basis:100%;font-weight:800}.email-confirmation-message.success{color:#166534}.email-confirmation-message.error{color:#991b1b}.inline-warning{border:1px solid #fed7aa;background:var(--warning-bg);color:var(--warning-text)}.empty-block,.section-loading,.loading-card,.error-state{display:grid;place-items:center;gap:10px;min-height:160px;color:var(--text-muted);text-align:center}.section-loading.compact{min-height:64px}.spin{animation:spin .85s linear infinite}.auth-layout{display:grid;place-items:center;min-height:100vh;padding:22px}.auth-preview-layout{display:block;overflow-x:hidden;padding:32px;background:linear-gradient(180deg,#fff,#f8fafc 54%,#f0fdfa)}.auth-preview-shell{display:grid;grid-template-areas:"preview auth" "gallery gallery";grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:start;gap:24px;min-width:0;width:min(100%,1440px);margin:0 auto}.auth-preview-shell>.auth-card{position:sticky;top:24px;grid-area:auth;min-width:0;max-width:100%;width:100%}.auth-card-intro{margin-top:12px;color:var(--text-muted);font-size:.94rem;line-height:1.5}.auth-form-note{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text-muted);font-size:.86rem;font-weight:700}.auth-form-note svg{width:17px;height:17px;color:var(--success)}.auth-preview-panel{grid-area:preview;display:grid;gap:18px;min-width:0}.auth-preview-copy{display:grid;gap:14px;min-width:0;max-width:760px}.auth-preview-copy h2{color:var(--text);font-size:3.35rem;line-height:1.03;overflow-wrap:break-word}.auth-preview-copy>p:not(.eyebrow){max-width:680px;color:var(--text-muted);font-size:1.08rem;line-height:1.55}.auth-preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:4px}.auth-preview-stage{position:relative;min-width:0;padding-right:88px;padding-bottom:28px}.auth-preview-window,.auth-preview-phone,.auth-screenshot-card{overflow:hidden;min-width:0;border:1px solid var(--border-soft);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.auth-preview-window img,.auth-preview-phone img,.auth-screenshot-card img{display:block;width:100%;max-width:100%}.auth-preview-window img{aspect-ratio:16 / 9;object-fit:cover;object-position:top left}.auth-preview-phone{position:absolute;right:0;bottom:0;width:172px}.auth-preview-phone img{aspect-ratio:9 / 16;object-fit:cover;object-position:top center}.auth-preview-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--border-soft);padding-top:18px}.auth-preview-feature{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;min-height:0;padding:2px 0}.auth-preview-feature svg{width:28px;height:28px}.auth-preview-feature.blue svg{color:var(--primary)}.auth-preview-feature.orange svg{color:#f97316}.auth-preview-feature.green svg{color:var(--success)}.auth-preview-feature.purple svg{color:#7c3aed}.auth-preview-feature h3,.auth-screenshot-card h3{color:var(--text);font-size:1rem;line-height:1.25}.auth-preview-feature p{margin-top:4px;color:var(--text-muted);font-size:.9rem;line-height:1.45}.auth-screenshot-gallery{grid-area:gallery;display:grid;gap:18px;padding-top:18px;border-top:1px solid var(--border-soft)}.auth-gallery-heading{display:grid;gap:8px;max-width:680px}.auth-gallery-heading h2,.auth-final-cta h2{color:var(--text);font-size:1.75rem;line-height:1.15}.auth-gallery-heading>p:not(.eyebrow){color:var(--text-muted);line-height:1.5}.auth-screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.auth-screenshot-card img{aspect-ratio:16 / 10;border-bottom:1px solid var(--border-soft);background:#f8fafc;object-fit:cover;object-position:top left}.auth-screenshot-card h3{padding:12px 14px}.auth-card{width:min(100%,460px);padding:24px}.auth-card.compact{text-align:center}.auth-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:8px;background:#eff6ff;color:var(--primary)}.install-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-bottom:14px;border:1px solid var(--border-soft);border-radius:8px;background:#f8fafc;padding:12px}.install-callout p{margin-top:4px;color:var(--text-muted)}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.mode-tab{min-height:42px;border:1px solid var(--border-soft);border-radius:8px;background:#fff;color:var(--text-muted);font-weight:800}.mode-tab.active{border-color:var(--primary);color:var(--primary);background:#eff6ff}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(100%,980px)}.setup-intro{grid-row:span 2;display:grid;align-content:center;gap:14px;border:1px solid var(--border-soft);border-radius:8px;background:#fff;padding:24px;box-shadow:var(--shadow)}.drawer-backdrop{position:fixed;inset:0;z-index:40;display:flex;justify-content:flex-end;background:#0f172a52}.detail-drawer{overflow:auto;width:min(100%,560px);height:100%;background:#fff;padding:22px;box-shadow:-18px 0 40px #0f172a29}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.receipt-panel{display:grid;gap:12px;margin-bottom:16px;border:1px solid var(--border-soft);border-radius:8px;padding:12px}.receipt-panel img{max-height:360px;width:100%;object-fit:contain;border-radius:8px;background:#f8fafc}.receipt-limit-note{display:flex;align-items:center;flex-wrap:wrap;gap:6px;border:1px solid var(--border-soft);border-radius:8px;background:#f8fafc;color:var(--text-muted);font-size:.9rem;line-height:1.45;padding:10px 12px}.file-input{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px dashed var(--border);border-radius:8px;background:#f8fafc;color:var(--text-muted);padding:10px 12px}.file-input input:not([hidden]){position:absolute;inset:0;opacity:0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border-soft);border-radius:8px;padding:12px}.switch-row input{width:44px;min-height:24px;accent-color:var(--primary)}.switch-row.disabled{opacity:.64}.copy-box{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed var(--border);border-radius:8px;background:#f8fafc;padding:12px}.inline-loading{display:inline-flex;align-items:center;gap:8px}.danger-zone-section{display:grid;gap:16px;border-top:1px solid var(--border-soft);padding-top:20px}.danger-zone-link{justify-self:flex-start}.danger-zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.danger-card{border-color:#fecaca}.danger-card h2,.danger-card svg{color:var(--danger)}.action-tile{min-height:150px;border:1px solid var(--border-soft);color:var(--text);padding:16px;text-align:left}.action-tile:hover{border-color:var(--primary)}.action-tile svg,.help-card svg{color:var(--primary)}.action-tile span,.help-card p{color:var(--text-muted);line-height:1.45}.help-card{display:grid;gap:10px}.public-policy-layout,.delete-account-layout{min-height:100vh;padding:24px}.policy-page{width:min(100%,960px)}.delete-account-page{width:min(100%,960px);margin:0 auto}.public-policy-layout .policy-page{margin:0 auto}.policy-card{display:grid;gap:12px;box-shadow:none}.policy-card p,.policy-card li{color:var(--text-muted);line-height:1.55}.policy-card a{color:var(--primary);font-weight:800;overflow-wrap:anywhere}.effective-date{color:var(--text)}.policy-list,.contact-list{display:grid;gap:8px}.policy-list{margin:0;padding-left:22px}.bottom-tabs{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1060px){.auth-preview-shell{grid-template-areas:"preview" "auth" "gallery";grid-template-columns:1fr}.auth-preview-shell>.auth-card{position:static;max-width:100%;width:min(100%,560px)}.auth-preview-copy h2{font-size:2.65rem}.auth-screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1120px){.dashboard-grid,.settings-grid,.more-grid,.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.currency-rate-row,.currency-rate-controls{grid-template-columns:1fr}.currency-add-row{grid-template-columns:minmax(0,1fr) auto}.live-rate-actions{justify-content:flex-start}.live-rate-actions>span{min-width:0;text-align:left}}@media(max-width:820px){.auth-preview-layout{padding:calc(22px + env(safe-area-inset-top)) 16px 22px}.auth-preview-shell{display:block;max-width:calc(100vw - 32px);overflow-x:hidden}.auth-preview-panel,.auth-preview-shell>.auth-card{margin-bottom:18px}.auth-preview-stage{padding-right:0;padding-bottom:0}.auth-preview-phone{display:none}.auth-preview-features,.auth-screenshot-grid{grid-template-columns:1fr}.auth-preview-feature{min-height:0}.app-shell{display:block;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.sidebar{display:none}.main-pane{padding:calc(18px + env(safe-area-inset-top)) 14px 18px}.topbar{align-items:flex-start}.topbar-actions{justify-content:flex-end}.household-member-list .item-row{grid-template-columns:minmax(0,1fr) auto}.household-member-list .item-row select,.household-member-list .item-row button{grid-column:1 / -1;width:100%}.pill{display:none}.page-heading,.budget-hero{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:1.7rem}.dashboard-grid,.budget-summary-grid,.budget-editor-grid,.content-grid,.danger-zone-grid,.settings-grid,.more-grid,.help-grid,.setup-grid,.form-grid,.currency-rate-row,.inline-control-row{grid-template-columns:1fr}.currency-rate-controls{justify-items:stretch}.currency-rate-actions .small-button{flex:1 1 120px}.setup-intro{grid-row:auto}.table-card{border:0;background:transparent;box-shadow:none}.transactions-table,.transactions-table thead,.transactions-table tbody,.transactions-table tr,.transactions-table td{display:block;width:100%}.transactions-table thead{display:none}.transactions-table tr{margin-bottom:12px;border:1px solid var(--border-soft);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.transactions-table td{border:0;padding:8px 14px}.transactions-table td:first-child{padding-top:14px;color:var(--text-subtle);font-size:.84rem;font-weight:800}.transactions-table td:last-child{padding-bottom:14px}.detail-drawer{width:100%}.bottom-tabs{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border-soft);background:#fffffff5;padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.bottom-tab{display:grid;justify-items:center;gap:3px;padding:6px 3px;border-radius:8px;font-size:.72rem;text-align:center}.bottom-tab svg{width:22px;height:22px}.bottom-tab.active{color:var(--primary);background:#eff6ff}}@media(max-width:520px){.auth-layout{align-items:start;padding:calc(18px + env(safe-area-inset-top)) 12px 18px}.auth-preview-layout{padding:calc(18px + env(safe-area-inset-top)) 12px 18px}.auth-preview-shell{gap:18px;max-width:calc(100vw - 24px)}.auth-preview-shell>.auth-card{width:100%}.auth-preview-copy h2{font-size:2.1rem}.auth-preview-copy>p:not(.eyebrow){font-size:1rem}.auth-gallery-heading h2{font-size:1.45rem}.auth-preview-actions .primary-button,.auth-preview-actions .secondary-button{width:100%}.auth-card,.card{padding:16px}.public-policy-layout,.delete-account-layout{padding:calc(18px + env(safe-area-inset-top)) 12px 18px}.metric-card{min-height:112px}.brand-block h1,.topbar h2{font-size:1.28rem}}