@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-sage:#2f5d50;--color-sage-deep:#1f3d34;--color-sage-soft:#dde8e2;--color-ochre:#e8b86d;--color-ochre-soft:#f7e6c4;--color-terracotta:#c75d4f;--color-terracotta-soft:#f2d4ce;--color-cream:#f5f1ea;--color-paper:#fbf8f2;--color-paper-warm:#f0eade;--color-ink:#1f2421;--color-ink-soft:#5c6661;--color-ink-muted:#8c9590;--color-hairline:#e5dccd;--color-hairline-strong:#d4c9b5;--bg:var(--color-cream);--surface:var(--color-paper);--surface-alt:var(--color-paper-warm);--fg-1:var(--color-ink);--fg-2:var(--color-ink-soft);--fg-3:var(--color-ink-muted);--border:var(--color-hairline);--border-strong:var(--color-hairline-strong);--accent:var(--color-sage);--accent-deep:var(--color-sage-deep);--accent-soft:var(--color-sage-soft);--highlight:var(--color-ochre);--highlight-soft:var(--color-ochre-soft);--positive:var(--color-sage);--negative:var(--color-terracotta);--negative-soft:var(--color-terracotta-soft);--bg-card:var(--surface);--text:var(--fg-1);--text-muted:var(--fg-2);--danger:var(--color-terracotta);--accent-soft-old:var(--accent-soft);--font-display:"Newsreader", ui-serif, Georgia, serif;--font-body:"Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-display:400 40px/44px var(--font-display);--text-h1:500 28px/34px var(--font-display);--text-h2:500 22px/28px var(--font-display);--text-h3:600 18px/24px var(--font-body);--text-body:400 16px/24px var(--font-body);--text-body-em:600 16px/24px var(--font-body);--text-small:500 14px/20px var(--font-body);--text-micro:600 12px/16px var(--font-body);--text-money-lg:500 36px/40px var(--font-mono);--text-money:500 18px/24px var(--font-mono);--text-money-sm:500 14px/20px var(--font-mono);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--shadow-sm:0 1px 2px oklch(30% .02 70/.06), 0 1px 1px oklch(30% .02 70/.04);--shadow-md:0 4px 12px oklch(30% .02 70/.08), 0 2px 4px oklch(30% .02 70/.04);--shadow-lg:0 12px 32px oklch(30% .02 70/.1), 0 4px 8px oklch(30% .02 70/.06);--ease-cozy:cubic-bezier(.32, .72, 0, 1);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.36s;--gutter-mobile:20px;--gutter-desktop:32px;--content-max:1120px;--nav-height:64px;--sidebar-width:240px}@media (width>=900px){:root{--text-display:400 48px/52px var(--font-display);--text-h1:500 34px/40px var(--font-display);--text-h2:500 26px/32px var(--font-display);--text-h3:600 20px/28px var(--font-body);--text-money-lg:500 44px/48px var(--font-mono)}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg-1);font:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}#root{background:var(--bg);min-height:100svh}h1{font:var(--text-h1);letter-spacing:-.01em;margin:0}h2{font:var(--text-h2);letter-spacing:-.005em;margin:0}h3{font:var(--text-h3);margin:0}p{font:var(--text-body);text-wrap:pretty;margin:0}small{font:var(--text-small);color:var(--fg-2)}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body)}::selection{background:var(--color-ochre-soft);color:var(--color-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.money{font:var(--text-money);font-feature-settings:"tnum";white-space:nowrap}.money-lg{font:var(--text-money-lg);font-feature-settings:"tnum";letter-spacing:-.02em;white-space:nowrap}.money-sm{font:var(--text-money-sm);font-feature-settings:"tnum";white-space:nowrap}.micro{font:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2)}.muted{color:var(--fg-2)}.subtle{color:var(--fg-3)}.amount-positive{font:var(--text-money-sm);font-feature-settings:"tnum";color:var(--positive)}.amount-danger{font:var(--text-money-sm);font-feature-settings:"tnum";color:var(--negative)}.amount{font:var(--text-money-sm);font-feature-settings:"tnum";color:var(--fg-1)}.form-error{color:var(--negative);font:var(--text-small);margin-top:var(--space-2)}.field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field label{font:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2)}.field input,.field select{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:14px var(--space-4);font:var(--text-body);color:var(--fg-1);background:var(--surface);transition:border-color var(--dur-fast) var(--ease-cozy);outline:none}.field input:focus,.field select:focus{border-color:var(--accent)}.empty-state{text-align:center;color:var(--fg-3);padding:var(--space-7) var(--space-5);font:var(--text-body)}.btn-primary{background:var(--accent);color:var(--color-paper);border:1px solid var(--accent);border-radius:var(--radius-md);padding:14px var(--space-5);font:var(--text-body-em);width:100%;transition:opacity var(--dur-fast) var(--ease-cozy)}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--fg-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:10px var(--space-4);font:var(--text-small);transition:border-color var(--dur-fast) var(--ease-cozy)}.btn-ghost{color:var(--accent);border-radius:var(--radius-md);padding:10px var(--space-4);font:var(--text-small);transition:background var(--dur-fast) var(--ease-cozy);background:0 0;border:none}.btn-ghost:hover{background:var(--accent-soft)}.btn-danger{background:var(--negative);color:var(--color-paper);border:1px solid var(--negative);border-radius:var(--radius-md);padding:10px var(--space-4);font:var(--text-small);transition:opacity var(--dur-fast) var(--ease-cozy)}.btn-add{background:var(--accent);width:auto;color:var(--color-paper);border:1px solid var(--accent);border-radius:var(--radius-md);padding:10px var(--space-4);font:var(--text-small);transition:opacity var(--dur-fast) var(--ease-cozy)}.btn-add:hover{opacity:.9}.avatar{font-family:var(--font-body);letter-spacing:.03em;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar-sm{width:28px;height:28px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:15px}.avatar-lg{width:56px;height:56px;font-size:20px}.avatar-xl{width:72px;height:72px;font-size:26px}.avatar-sage{background:var(--accent-soft);color:var(--accent-deep)}.avatar-ochre{background:var(--highlight-soft);color:#6b4a14}.avatar-terra{background:var(--negative-soft);color:#6b2820}.side-nav{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);height:100svh;padding:var(--space-5) 0;flex-direction:column;flex-shrink:0;display:none;position:sticky;top:0;overflow-y:auto}@media (width>=768px){.side-nav{display:flex}}.side-nav-logo{padding:0 var(--space-5) var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-3)}.side-nav-links{gap:var(--space-1);padding:0 var(--space-3);flex-direction:column;flex:1;display:flex}.side-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--fg-2);font:var(--text-body-em);transition:background var(--dur-fast) var(--ease-cozy), color var(--dur-fast) var(--ease-cozy);text-decoration:none;display:flex}.side-nav-item:hover{background:var(--surface-alt);color:var(--fg-1)}.side-nav-item.active{background:var(--accent-soft);color:var(--accent)}.side-nav-profile{align-items:center;gap:var(--space-3);padding:var(--space-3);margin:var(--space-3);border-radius:var(--radius-md);color:var(--fg-1);background:var(--surface-alt);transition:opacity var(--dur-fast) var(--ease-cozy);margin-top:auto;text-decoration:none;display:flex}.side-nav-profile:hover{opacity:.8}.side-nav-profile-info{flex:1;min-width:0}.side-nav-name{font:var(--text-small);color:var(--fg-1);font-weight:600;display:block}.bottom-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:100;background:#f5f1ead9;justify-content:space-around;align-items:center;width:100%;max-width:480px;padding:8px 12px 32px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--fg-3);font:var(--text-micro);text-transform:none;letter-spacing:0;transition:color var(--dur-fast) var(--ease-cozy);flex-direction:column;align-items:center;gap:2px;padding:4px 8px;text-decoration:none;display:flex}.nav-item.active{color:var(--accent)}.nav-icon{justify-content:center;align-items:center;display:flex}.nav-label{font:var(--text-micro);text-transform:none;letter-spacing:0}@media (width>=768px){.bottom-nav{display:none}}.fab-container{z-index:90;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:80px;right:max(16px,50% - 224px)}.fab-btn{border-radius:var(--radius-full);background:var(--accent);width:56px;height:56px;color:var(--color-paper);box-shadow:var(--shadow-md);transition:transform var(--dur-base) var(--ease-cozy), opacity var(--dur-fast) var(--ease-cozy);border:none;justify-content:center;align-items:center;font-size:28px;line-height:1;display:flex}.fab-btn:hover{opacity:.9}.fab-btn.fab-open{transform:rotate(45deg)}.fab-menu{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.fab-option{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:10px var(--space-4);font:var(--text-small);color:var(--fg-1);white-space:nowrap;box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease-cozy)}.fab-option:hover{border-color:var(--accent);color:var(--accent)}@media (width>=768px){.fab-container{display:none}}.no-household-banner{background:var(--color-warning-subtle,#fff8e1);border-bottom:1px solid var(--color-warning,#f59e0b);align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.9rem;display:flex}.no-household-banner__text{flex:1}.no-household-banner__actions{gap:.5rem;display:flex}.no-household-banner__btn{cursor:pointer;border:none;border-radius:6px;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.no-household-banner__btn--primary{background:var(--color-primary,#1a1a1a);color:#fff}.no-household-banner__btn--secondary{border:1px solid var(--color-primary,#1a1a1a);color:var(--color-primary,#1a1a1a);background:0 0}.app-layout{min-height:100svh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.app-content{max-width:480px;padding:0 var(--gutter-mobile) 88px;flex:1;width:100%;margin:0 auto}@media (width>=768px){.app-content{max-width:min(960px, calc(100vw - var(--sidebar-width) - var(--gutter-desktop) * 2));padding:var(--space-6) var(--gutter-desktop)}}.splash{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.splash__logo{background:var(--accent);border-radius:12px;width:44px;height:44px}.splash__spinner{border:2px solid color-mix(in srgb, var(--accent) 15%, transparent);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite splash-spin}@keyframes splash-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.splash__spinner{animation-duration:2s}}.join{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.join__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;padding:40px 48px;display:flex}.join__spinner{border:3px solid color-mix(in srgb, var(--accent) 15%, transparent);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin-bottom:4px;animation:.8s linear infinite join-spin}@keyframes join-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.join__spinner{animation-duration:2s}}.join__icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;font-size:1.5rem;font-weight:600;display:flex}.join__icon--success{color:#10b981;background:#10b98133}.join__icon--error{color:#ef4444;background:#ef444433}.join__icon--warning{color:#f59e0b;background:#f59e0b33}.join__title{font-family:var(--font-display);color:var(--fg-1);margin:0;font-size:1.25rem;font-weight:400}.join__subtitle{color:var(--fg-3);margin:0;font-size:.8125rem;line-height:1.5}.join__button{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:12px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:opacity .2s}.join__button:hover{opacity:.9}.join__button:active{opacity:.8}.login{min-height:100vh;display:flex}.login__left{background:var(--accent);flex-direction:column;flex-shrink:0;justify-content:flex-end;width:42%;padding:32px 28px;display:flex;position:relative;overflow:hidden}.login__left:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.login__left:after{content:"";background:var(--highlight);opacity:.12;pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;right:-60px}.login__preview{background:var(--surface);z-index:1;border:1px solid #ffffff1a;border-radius:10px;width:70%;padding:14px;position:absolute;top:28px;right:-12px;transform:rotate(4deg);box-shadow:0 10px 40px #0006,0 2px 8px #0003}.login__preview-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.login__preview-label{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);font-size:.5625rem;font-weight:700}.login__preview-badge{background:var(--highlight);color:#fff;letter-spacing:.04em;border-radius:4px;padding:2px 6px;font-size:.4375rem;font-weight:700}.login__preview-balance{font-family:var(--font-mono);color:var(--fg-1);margin-bottom:10px;font-size:1rem;font-weight:500}.login__preview-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:5px 0;font-size:.5rem;display:flex}.login__preview-row:last-child{border-bottom:none}.login__preview-row-label{color:var(--fg-2)}.login__preview-row-val{font-family:var(--font-mono);font-weight:500}.login__preview-row-val--pos{color:var(--accent)}.login__preview-row-val--neg{color:var(--danger)}.login__brand{z-index:2;position:relative}.login__brand-logo{width:46px;height:46px;font-family:var(--font-display);color:#fff;letter-spacing:-.01em;background:#ffffff26;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;font-size:1.125rem;font-weight:800;display:flex}.login__brand-name{color:#fff;letter-spacing:-.01em;margin-bottom:8px;font-size:1.5rem;font-weight:800}.login__brand-tagline{font-family:var(--font-display);color:#ffffffb8;margin:0;font-size:1.0625rem;font-style:italic;line-height:1.5}.login__brand-tagline em{color:var(--highlight);font-style:inherit}.login__right{background:var(--surface);flex:1;justify-content:center;align-items:center;padding:40px 36px;display:flex}.login__form{width:100%;max-width:360px}.login__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:8px;font-size:.75rem;font-weight:700}.login__title{font:400 2rem/1.2 var(--font-display);color:var(--fg-1);margin-bottom:6px}.login__subtitle{color:var(--fg-2);margin-bottom:28px;font-size:.9375rem;line-height:1.5}.login__error{color:var(--danger);margin-bottom:12px;font-size:.75rem;line-height:1.4}.login__google-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--fg-1);cursor:pointer;box-shadow:var(--shadow-sm);font-size:1rem;font-weight:600;font-family:var(--font-body);background:#fff;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:11px 16px;transition:border-color .12s,box-shadow .12s;display:flex}.login__google-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login__google-btn:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-md)}.login__google-btn:disabled{opacity:.6;cursor:not-allowed}.login__google-icon{flex-shrink:0;width:18px;height:18px}.login__divider{color:var(--fg-3);align-items:center;gap:10px;margin-bottom:20px;font-size:.6875rem;display:flex}.login__divider:before,.login__divider:after{content:"";background:var(--border);flex:1;height:1px}.login__dev{background:color-mix(in srgb, var(--accent) 6%, transparent);border:1px solid color-mix(in srgb, var(--accent) 14%, transparent);border-radius:var(--radius-sm);padding:14px}.login__dev-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-bottom:10px;font-size:.625rem;font-weight:700;display:flex}.login__dev-dot{background:var(--accent);opacity:.6;border-radius:50%;flex-shrink:0;width:6px;height:6px}.login__dev-input{border:1.5px solid var(--border);width:100%;color:var(--fg-1);font-size:.75rem;font-family:var(--font-body);box-sizing:border-box;background:#fff;border-radius:6px;outline:none;margin-bottom:8px;padding:8px 10px;transition:border-color .12s}.login__dev-input:focus{border-color:var(--accent)}.login__dev-input::placeholder{color:var(--fg-3)}.login__dev-btn{background:var(--accent);color:#fff;cursor:pointer;width:100%;font-size:.75rem;font-weight:600;font-family:var(--font-body);border:none;border-radius:6px;padding:8px;transition:background .12s}.login__dev-btn:hover:not(:disabled){background:var(--accent-deep)}.login__dev-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login__preview-row{animation:fadeInUp var(--dur-base,.22s) var(--ease-cozy,ease) both}.login__preview-row:nth-child(3){animation-delay:0s}.login__preview-row:nth-child(4){animation-delay:80ms}.login__preview-row:nth-child(5){animation-delay:.16s}.login__mobile-brand{display:none}@media (width<=767px){.login{flex-direction:column}.login__left{justify-content:flex-start;width:100%;min-height:220px;padding:24px 20px}.login__preview{display:none}.login__mobile-brand{align-items:center;gap:10px;margin-bottom:24px;display:flex}.login__mobile-brand-logo{background:var(--accent);width:32px;height:32px;font-family:var(--font-display);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.login__mobile-brand-text{flex-direction:column;gap:1px;display:flex}.login__mobile-brand-name{color:var(--fg-1);letter-spacing:-.01em;font-size:1rem;font-weight:800;line-height:1}.login__mobile-brand-tagline{font-family:var(--font-display);color:var(--fg-3);margin:0;font-size:.6875rem;font-style:italic;line-height:1.3}.login__title{font-size:2.1rem}.login__subtitle{font-size:.984375rem}.login__google-btn{font-size:1.05rem}.login__form{max-width:378px}.login__eyebrow{font-size:.7875rem}}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-4);box-shadow:var(--shadow-sm)}.empty-state-block{align-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-5);text-align:center;flex-direction:column;display:flex}.empty-state-text{gap:var(--space-2);flex-direction:column;display:flex}.empty-state-title{font:var(--text-h3);color:var(--fg-1)}.empty-state-desc{font:var(--text-body);color:var(--fg-2)}.split-bar-container{gap:var(--space-3);flex-direction:column;display:flex}.split-bar-header{justify-content:space-between;align-items:baseline;display:flex}.split-bar-title{font:var(--text-h3);color:var(--fg-1)}.split-bar-subtitle{font:var(--text-small);color:var(--fg-2)}.split-bar{border-radius:var(--radius-full);background:var(--border);height:24px;display:flex;overflow:hidden}.split-bar-seg{font:var(--text-money-sm);align-items:center;padding-left:14px;display:flex}.split-bar-seg-sage{background:var(--accent);color:var(--color-paper)}.split-bar-seg-ochre{background:var(--highlight);color:var(--color-ink)}.split-bar-legend{gap:18px;display:flex}.split-bar-legend-item{font:var(--text-small);color:var(--fg-2);align-items:center;gap:6px;display:flex}.split-bar-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.split-bar-dot-sage{background:var(--accent)}.split-bar-dot-ochre{background:var(--highlight)}.list-item{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 18px;display:flex}button.list-item{text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:none}.list-item:last-child{border-bottom:none}.list-item-clickable{cursor:pointer;transition:background var(--dur-fast) var(--ease-cozy)}.list-item-clickable:hover{background:var(--surface-alt)}.list-item-icon{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.list-item-icon-sage{background:var(--accent-soft);color:var(--accent-deep)}.list-item-icon-ochre{background:var(--highlight-soft);color:var(--color-ink)}.list-item-icon-terra{background:var(--negative-soft);color:var(--negative)}.list-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list-item-label{font:var(--text-body-em);color:var(--fg-1)}.list-item-sublabel{font:var(--text-small);color:var(--fg-2)}.dashboard-title{font:var(--text-h1);letter-spacing:-.01em;color:var(--fg-1);padding:20px 0 var(--space-2)}.dashboard-section{margin-top:var(--space-5)}.section-title{text-transform:none;letter-spacing:0;color:var(--fg-2);margin-bottom:10px;font-size:13px;font-weight:600}.balance-list,.recent-expenses{gap:var(--space-2);flex-direction:column;display:flex}.balance-row{align-items:center;gap:var(--space-2);font:var(--text-small);flex-wrap:wrap;display:flex}.balance-row-amount{font:var(--text-money);font-feature-settings:"tnum"}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-list{gap:var(--space-2);flex-direction:column;display:flex}.skeleton-bar{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--border) 25%, var(--accent-soft) 50%, var(--border) 75%);background-size:200% 100%;height:48px;animation:1.4s ease-in-out infinite skeleton-shimmer}.recent-expense-row{padding:var(--space-3) var(--space-4)}.recent-expense-main{justify-content:space-between;align-items:center;display:flex}.recent-expense-label{font:var(--text-body-em);color:var(--fg-1)}.recent-expense-meta{font:var(--text-small);color:var(--fg-2);margin-top:var(--space-1);justify-content:space-between;display:flex}.dashboard-desktop{flex-direction:column;min-height:100%;display:flex}.dashboard-desktop-topbar{padding:var(--space-6) var(--space-6) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;display:flex}.dashboard-desktop-sub{font:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2);margin-bottom:var(--space-2)}.dashboard-desktop-title{font:var(--text-h1);color:var(--fg-1);margin:0}.dashboard-desktop-action.btn-primary{width:auto;padding:12px var(--space-5)}.dashboard-desktop-body{padding:var(--space-5) var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.dashboard-desktop-grid{gap:var(--space-4);grid-template-columns:2fr 1fr;align-items:start;display:grid}.dashboard-desktop-stats{gap:var(--space-3);flex-direction:column;display:flex}.dashboard-desktop-balance-card{flex-direction:column;gap:18px;display:flex}.dashboard-desktop-activity-card{padding:0}.dashboard-desktop-amount{font:var(--text-money-lg);font-feature-settings:"tnum";letter-spacing:-.02em}.dashboard-desktop-stat-value{font:var(--text-money);font-feature-settings:"tnum";margin-top:var(--space-2)}.dashboard-desktop-stat-count{font:var(--text-small);color:var(--fg-2);margin-top:var(--space-2)}.dashboard-desktop-activity-header{padding:var(--space-2) var(--space-1) var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.dashboard-desktop-section-title{font:var(--text-h2);color:var(--fg-1)}.dashboard-desktop-table-header{gap:var(--space-4);padding:12px var(--space-4);border-bottom:1px solid var(--border);font:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2);grid-template-columns:40px 1fr 140px 100px 100px;display:grid}.dashboard-desktop-table-row{gap:var(--space-4);padding:14px var(--space-4);border-bottom:1px solid var(--border);grid-template-columns:40px 1fr 140px 100px 100px;align-items:center;display:grid}.dashboard-desktop-table-row.last{border-bottom:none}.dashboard-desktop-table-icon{border-radius:var(--radius-full);background:var(--accent-soft);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dashboard-desktop-table-meta{font:var(--text-small);color:var(--fg-2)}.dashboard-desktop-table-icon.repayment{background:var(--highlight-soft)}.load-more-row{margin-top:var(--space-3);width:auto;margin-left:auto;margin-right:auto;display:block}.dashboard-activity-load-more{padding:var(--space-4);border-top:1px solid var(--border);justify-content:center;display:flex}.dashboard-desktop-mini-cards{gap:var(--space-3);display:flex}.dashboard-desktop-mini-card{background:var(--surface-alt);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);flex:1}.dashboard-desktop-income-card{flex-direction:column;gap:18px;display:flex}.income-header{padding:20px 0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.income-header .btn-primary{width:auto}.income-list{margin-top:var(--space-2);flex-direction:column;gap:10px;display:flex}.income-item-main{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.income-label{font:var(--text-body-em);color:var(--fg-1)}.income-item-meta{font:var(--text-small);color:var(--fg-2);justify-content:space-between;align-items:center;display:flex}@media (width>=768px){.income-page{max-width:none}.income-item-meta .btn-danger{width:auto}}.page-header{align-items:center;gap:var(--space-3);padding:20px 0 var(--space-3);display:flex}.page-title{font:var(--text-h2);letter-spacing:-.005em;color:var(--fg-1);flex:1}.back-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--fg-1);font:var(--text-small);transition:border-color var(--dur-fast) var(--ease-cozy);flex-shrink:0;padding:8px 14px}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.avatar-btn{border-radius:var(--radius-full);background:var(--accent-soft);width:36px;height:36px;color:var(--accent-deep);font-family:var(--font-body);cursor:pointer;letter-spacing:.05em;transition:opacity var(--dur-fast) var(--ease-cozy);border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:13px;font-weight:700;display:flex}.avatar-btn:hover{opacity:.8}@media (width>=768px){.page-header{display:none}}.datepicker-native-wrap{align-items:center;width:100%;display:inline-flex;position:relative}.datepicker-native{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;font:500 15px/22px var(--font-body);color:var(--fg-1);background:var(--surface);cursor:pointer;appearance:none;outline:none;padding:12px 40px 12px 14px}.datepicker-native:focus{border-color:var(--accent)}.datepicker-native-icon{color:var(--fg-3);pointer-events:none;font-size:16px;position:absolute;right:12px}.datepicker-calendar{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);-webkit-user-select:none;user-select:none;padding:16px}.datepicker-cal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.datepicker-cal-nav{background:var(--surface-alt);cursor:pointer;width:28px;height:28px;color:var(--fg-2);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:background .1s,color .1s;display:flex}.datepicker-cal-nav:hover{background:var(--accent-soft);color:var(--accent)}.datepicker-cal-month-label{font:600 14px/18px var(--font-body);color:var(--fg-1)}.datepicker-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker-cal-day-name{font:600 10px/14px var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3);text-align:center;padding:4px 0}.datepicker-cal-day{width:32px;height:32px;font:500 13px/1 var(--font-body);color:var(--fg-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;transition:background 80ms,color 80ms;display:flex}.datepicker-cal-day:hover{background:var(--surface-alt);color:var(--fg-1)}.datepicker-cal-day.today{color:var(--accent);font-weight:700}.datepicker-cal-day.selected{background:var(--accent);color:#fff}.datepicker-cal-day.other-month{opacity:.3}.income-form{padding-top:8px}@media (width>=768px){.form-page-container{padding-top:var(--space-4)}}.pill{border-radius:var(--radius-full);font:var(--text-small);background:var(--surface);border:1px solid var(--border-strong);color:var(--fg-1);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-cozy), color var(--dur-fast) var(--ease-cozy), border-color var(--dur-fast) var(--ease-cozy);align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.pill-active{background:var(--accent);border-color:var(--accent);color:var(--color-paper)}.pill-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.pill-dot-sage{background:var(--accent)}.pill-dot-ochre{background:var(--highlight)}.pill-dot-terra{background:var(--negative)}.pill-active .pill-dot-sage,.pill-active .pill-dot-ochre,.pill-active .pill-dot-terra{background:var(--color-paper);opacity:.7}.expenses-filter{gap:var(--space-2);padding:var(--space-3) 0;flex-wrap:wrap;display:flex;overflow-x:auto}.expenses-header{padding:20px 0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.expenses-header .btn-primary{width:auto}.expenses-list{margin-top:var(--space-2);flex-direction:column;gap:10px;display:flex}.expense-item-main{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.expense-label{font:var(--text-body-em);color:var(--fg-1);display:block}.expense-category{font:var(--text-micro);text-transform:none;letter-spacing:0;color:var(--accent-deep);background:var(--accent-soft);border-radius:var(--radius-full);margin-top:var(--space-1);padding:3px 10px;display:inline-block}.expense-item-meta{font:var(--text-small);color:var(--fg-2);justify-content:space-between;align-items:center;display:flex}.month-selects{gap:var(--space-2);display:flex}.month-selects select{flex:1}.expenses-tabs{gap:var(--space-2);border-bottom:1px solid var(--color-border,#e5e7eb);margin-bottom:var(--space-4);display:flex}.tab-btn{padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--font-size-sm,.875rem);color:var(--color-text-muted,#6b7280);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.tab-btn--active{color:var(--color-primary,#1a1a1a);border-bottom-color:var(--color-primary,#1a1a1a);font-weight:600}@media (width>=768px){.expenses-page{max-width:none}.expenses-list{grid-template-columns:1fr;display:grid}.expense-item-meta .btn-danger{width:auto}.expenses-header h1{font-size:1.75rem}}.expense-form{padding-top:var(--space-2)}@media (width>=768px){.form-page-container{padding-top:var(--space-4)}}.members-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.balance-title{font:var(--text-h1);letter-spacing:-.01em;color:var(--fg-1);padding:20px 0 var(--space-4)}.balance-list,.balance-item{gap:var(--space-3);flex-direction:column;display:flex}.balance-debt{align-items:center;gap:var(--space-2);font:var(--text-body);flex-wrap:wrap;display:flex}.balance-from,.balance-to{font:var(--text-body-em);color:var(--fg-1)}.balance-arrow{color:var(--fg-3);font:var(--text-small)}.balance-total{padding:var(--space-3) var(--space-4);background:var(--negative-soft);border-radius:var(--radius-md);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.balance-total-label{font:var(--text-small);color:var(--fg-2)}.btn-repay{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);padding:10px var(--space-4);font:var(--text-small);transition:background var(--dur-fast) var(--ease-cozy);align-self:flex-end;font-weight:600}.btn-repay:hover{background:var(--accent);color:var(--color-paper)}@media (width>=768px){.balance-desktop-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(280px,480px));display:grid}.balance-title{font:var(--text-h1);padding:var(--space-6) 0 var(--space-4)}}.repayment-form{padding-top:8px}.form-page-container{max-width:560px}@media (width>=768px){.form-page-container{padding-top:var(--space-4)}}.profile-page{flex-direction:column;min-height:100%;display:flex}.profile-body{padding:var(--space-5) var(--space-4) 6rem;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.profile-avatar-large{border-radius:var(--radius-full);background:var(--accent-soft);width:80px;height:80px;color:var(--accent-deep);font-family:var(--font-body);letter-spacing:.05em;justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;display:flex}.profile-email{color:var(--fg-2);font:var(--text-small);margin:0}.profile-form{gap:var(--space-4);flex-direction:column;width:100%;max-width:480px;display:flex}.profile-field{gap:var(--space-2);flex-direction:column;display:flex}.profile-field>span,.profile-field>label{font:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2)}.profile-field input,.profile-field textarea{padding:14px var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:var(--text-body);font-family:var(--font-body);background:var(--surface);color:var(--fg-1);transition:border-color var(--dur-fast) var(--ease-cozy);outline:none}.profile-field input:focus,.profile-field textarea:focus{border-color:var(--accent)}.profile-field textarea{resize:vertical}.profile-error{color:var(--negative);font:var(--text-small);margin:0}.profile-form .btn-primary{padding:14px var(--space-5);background:var(--accent);color:var(--color-paper);border:1px solid var(--accent);border-radius:var(--radius-md);font:var(--text-body-em);cursor:pointer;width:100%;transition:opacity var(--dur-fast) var(--ease-cozy)}.profile-form .btn-primary:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:100;padding:var(--space-4);background:oklch(15% .02 70/.45);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;width:100%;max-width:360px;display:flex}.modal h3{font:var(--text-h3);margin:0}.modal p{font:var(--text-body);color:var(--fg-2);margin:0}.modal-actions{gap:var(--space-3);margin-top:var(--space-2);display:flex}.btn-secondary{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:var(--text-small);cursor:pointer;color:var(--fg-1);transition:border-color var(--dur-fast) var(--ease-cozy);flex:1;padding:12px}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.profile-body .btn-danger{width:100%;padding:14px var(--space-5);font:var(--text-body-em);flex:unset}.household-stats-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.household-stats-seg{background:var(--surface-alt);border-radius:10px;gap:2px;padding:3px;display:flex}.household-stats-seg-item{font:600 13px/18px var(--font-body);color:var(--fg-2);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 14px;transition:background .12s,color .12s,box-shadow .12s}.household-stats-seg-item.active{background:var(--surface);color:var(--fg-1);box-shadow:0 1px 3px #00000014}.household-stats-seg-item:hover:not(.active){color:var(--fg-1)}.household-stats-scroll-hint{font:500 11px/14px var(--font-body);color:var(--fg-3);margin-bottom:8px}.household-stats-scroll-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.household-settings-page{flex-direction:column;min-height:100%;display:flex}.household-loading{padding:var(--space-5) var(--space-4);color:var(--fg-2);font:var(--text-small)}.household-section{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border);gap:var(--space-4);flex-direction:column;width:100%;max-width:640px;margin-left:auto;margin-right:auto;display:flex}.household-section:last-of-type{border-bottom:none}.household-section--wide{max-width:100%;overflow-x:auto}.household-section__label{font:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2);margin:0;margin-bottom:var(--space-3)}.household-form{gap:var(--space-4);flex-direction:column;display:flex}.household-form .btn-primary{width:auto}.household-field{gap:var(--space-2);flex-direction:column;display:flex}.household-field>span{font:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2)}.household-field input,.household-field textarea{padding:14px var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:var(--text-body);font-family:var(--font-body);background:var(--surface);color:var(--fg-1);transition:border-color var(--dur-fast) var(--ease-cozy);outline:none}.household-field input:focus,.household-field textarea:focus{border-color:var(--accent)}.household-field input:disabled,.household-field textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-alt)}.household-field textarea{resize:vertical}.household-error{color:var(--negative);font:var(--text-small);margin:0}.household-empty{color:var(--fg-2);font:var(--text-small);margin:0}.household-member-list{gap:var(--space-1);flex-direction:column;display:flex}.household-member-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.household-member-row:last-child{border-bottom:none}.household-member-avatar{border-radius:var(--radius-full);background:var(--accent-soft);width:40px;height:40px;color:var(--accent-deep);font-family:var(--font-body);letter-spacing:.05em;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.household-member-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.household-member-name{font:var(--text-body-em);color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.household-member-email{font:var(--text-small);color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.household-role-badge{font:var(--text-micro);border-radius:var(--radius-full);background:var(--surface-alt);color:var(--fg-2);white-space:nowrap;flex-shrink:0;padding:3px 10px;font-weight:600}.household-role-badge--admin{background:var(--accent-soft);color:var(--accent-deep)}.household-btn-remove{border:1px solid var(--negative);border-radius:var(--radius-sm);font:var(--text-micro);color:var(--negative);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-cozy);background:0 0;flex-shrink:0;padding:6px 12px;font-weight:600}.household-btn-remove:hover{opacity:.75}.household-invitation-list{gap:var(--space-1);flex-direction:column;display:flex}.household-invitation-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.household-invitation-row:last-child{border-bottom:none}.household-invitation-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.household-invitation-email{font:var(--text-body-em);color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.household-invitation-expires{font:var(--text-small);color:var(--fg-2)}.household-btn-revoke{border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:var(--text-micro);color:var(--fg-2);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-cozy), color var(--dur-fast) var(--ease-cozy);background:0 0;flex-shrink:0;padding:6px 12px;font-weight:600}.household-btn-revoke:hover{border-color:var(--negative);color:var(--negative)}.household-invite-input{padding:14px var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:var(--text-body);font-family:var(--font-body);background:var(--surface);color:var(--fg-1);width:100%;transition:border-color var(--dur-fast) var(--ease-cozy);outline:none}.household-invite-input:focus{border-color:var(--accent)}.household-invite-form{gap:var(--space-3);flex-direction:column;display:flex}.household-invite-actions{gap:var(--space-3);display:flex}.btn-danger{padding:12px var(--space-5);background:var(--negative);color:#fff;border-radius:var(--radius-md);font:var(--text-body-em);font-family:var(--font-body);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-cozy);border:none}.btn-danger:hover{opacity:.85}