*,:after,:before{box-sizing:border-box}html{color-scheme:var(--color-scheme)}body{margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI Variable Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--leading-relaxed);font-weight:var(--weight-regular);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:inherit;font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-2)}h1{font-size:var(--font-size-4xl)}h1,h2{letter-spacing:var(--tracking-tighter)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h3,h4{letter-spacing:var(--tracking-tight)}h4{font-size:var(--font-size-xl)}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.money{font-family:ui-monospace,SFMono-Regular,SF Mono,Cascadia Mono,Menlo,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1,"tnum";letter-spacing:-.01em}.money-positive{color:var(--positive-text)}.money-negative{color:var(--negative-text)}.money-symbol{font-size:.82em;opacity:.55}.text-2xs{font-size:var(--font-size-2xs)}.text-2xs,.text-xs{letter-spacing:var(--tracking-wide);text-transform:uppercase}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-muted{color:var(--text-secondary)}.text-faint{color:var(--text-muted)}:root{--transition-interactive:background-color var(--dur-fast) var(--ease-out-expo),border-color var(--dur-fast) var(--ease-out-expo),color var(--dur-fast) var(--ease-out-expo),box-shadow var(--dur-base) var(--ease-out-expo),transform var(--dur-base) var(--ease-out-expo)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:0 0 0 1px var(--bg-base),0 0 0 3px var(--border-focus);border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:var(--font-size-base);font-weight:var(--weight-medium);font-family:inherit;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);transition:var(--transition-interactive)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.btn-icon{padding:6px;width:30px;height:30px}.btn-sm{padding:4px 10px;font-size:var(--font-size-sm)}.btn-primary{background:var(--accent-base);color:var(--text-on-accent);border-color:var(--accent-hover);box-shadow:var(--elev-1),inset 0 1px 0 rgba(255,255,255,.14)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--elev-2),0 0 0 4px var(--accent-glow-faint)}.btn-primary:active:not(:disabled){background:var(--accent-active);transform:translateY(0) scale(.98)}.btn-secondary{background:var(--surface-raised);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--surface-active);border-color:var(--border-strong)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-ghost:active:not(:disabled){transform:scale(.98)}.btn-destructive{background:transparent;color:var(--negative-text);border-color:var(--negative-border)}.btn-destructive:hover:not(:disabled){background:var(--negative-subtle);border-color:var(--negative-text)}.btn-destructive:active:not(:disabled){transform:scale(.98)}.input{color:var(--text-primary);background:var(--surface-inset);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-size-md);font-family:inherit;width:100%;transition:var(--transition-interactive)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent-base)}.input::placeholder{color:var(--text-faint);opacity:1}.input.input-error{border-color:var(--negative-border)}.input.input-error:focus-visible{box-shadow:0 0 0 1px var(--bg-base),0 0 0 3px var(--negative-border)}select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:transparent;border:1px solid var(--border-subtle)}.card-widget{background:var(--elev-1-surface);border-color:var(--elev-1-border);box-shadow:var(--elev-1),inset 0 1px 0 var(--elev-1-highlight)}.card-flush{padding:0}.card-interactive{transition:var(--transition-interactive)}.card-interactive:hover{transform:translateY(-2px);background:var(--elev-2-surface);border-color:var(--elev-2-border);box-shadow:var(--elev-2),inset 0 1px 0 var(--elev-2-highlight)}.card-kicker{font-size:var(--font-size-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent-text)}.card-title{font-weight:var(--weight-semibold);font-size:var(--font-size-lg);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.card-body{margin:0;font-size:var(--font-size-base);color:var(--text-secondary);flex:1 1}.card-meta{display:flex;gap:6px;color:var(--text-muted)}.card-meta,.tag{align-items:center;font-size:var(--font-size-xs)}.tag{display:inline-flex;letter-spacing:.02em;padding:3px 9px;border-radius:var(--radius-pill)}.tag-outline{border:1px solid var(--accent-border);color:var(--accent-text)}.tag-green{background:var(--positive-subtle);color:var(--positive-text)}.tag-red{background:var(--negative-subtle);color:var(--negative-text)}.seg{display:inline-flex;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden}.seg-opt{all:unset;cursor:pointer;font-family:inherit;font-size:var(--font-size-base);padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);transition:var(--transition-interactive)}.seg-opt:hover{background:var(--surface-hover);color:var(--text-primary)}.seg-opt.active{color:var(--accent-text);background:var(--accent-subtle)}.progress{height:6px;background:var(--data-progress-track);overflow:hidden}.progress,.progress-fill{border-radius:var(--radius-xs)}.progress-fill{height:100%;transition:width var(--dur-slow) var(--ease-out-expo)}.progress-fill.green{background:var(--positive-base)}.progress-fill.red{background:var(--negative-base)}.progress-fill.accent{background:var(--accent-base)}.app-shell{position:relative;z-index:1;display:flex;align-items:stretch;min-height:100vh}.app-main{flex:1 1;min-width:0;padding:var(--space-6) var(--space-6) var(--space-8)}.app-main__content{width:min(1080px,100%);margin-inline:auto}.sidebar{flex:none;width:216px;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--bg-chrome);box-shadow:var(--chrome-shadow);position:relative;z-index:2}.sidebar-brand{display:block;color:var(--text-primary);text-decoration:none;font-weight:var(--weight-semibold);font-size:var(--font-size-lg);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-subtle)}.sidebar-links{flex:1 1;display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-2)}.sidebar-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-base);padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition-interactive)}.sidebar-link:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-link.active{color:var(--accent-text);background:var(--accent-subtle)}.sidebar-user{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);transition:var(--transition-interactive)}.sidebar-user:hover{background:var(--surface-hover)}.sidebar-avatar{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-default);display:grid;place-items:center;font-weight:var(--weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary)}.sidebar-user-info{min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font-size:var(--font-size-sm);line-height:var(--leading-snug);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-action{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted)}@media (max-width:768px){.app-shell{flex-direction:column}.sidebar{width:auto;flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--border-subtle);box-shadow:var(--chrome-shadow-bottom);padding:0 var(--space-2)}.sidebar-brand{border-bottom:none;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-2)}.sidebar-links{flex-direction:row;flex-wrap:wrap;padding:var(--space-2)}.sidebar-user{border-top:none;margin-left:auto}.sidebar-user-info{display:none}}.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;opacity:var(--ambient-strength)}.ambient__grad{position:absolute;inset:-10%;background-image:radial-gradient(ellipse 120% 80% at 50% -20%,var(--ambient-pool-a),transparent 60%),radial-gradient(ellipse 90% 60% at 100% 10%,var(--ambient-pool-b),transparent 55%),radial-gradient(ellipse 80% 70% at 0 90%,var(--ambient-pool-c),transparent 60%),linear-gradient(180deg,var(--bg-sunken) 0,var(--bg-base) 45%,var(--bg-sunken) 100%)}.ambient__blob{position:absolute;width:1100px;height:1100px;border-radius:50%;will-change:transform;animation:ambient-drift var(--dur-ambient) ease-in-out infinite alternate}.ambient__blob--a{top:-34%;left:-18%;background:radial-gradient(circle at center,var(--ambient-pool-a) 0,transparent 70%)}.ambient__blob--b{top:22%;right:-26%;background:radial-gradient(circle at center,var(--ambient-pool-b) 0,transparent 70%);animation-duration:61s;animation-delay:-14s}.ambient__blob--c{bottom:-40%;left:28%;background:radial-gradient(circle at center,var(--ambient-pool-c) 0,transparent 70%);animation-duration:73s;animation-delay:-31s}@keyframes ambient-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6vw,4vh,0) scale(1.14)}}.ambient__grid{position:absolute;inset:0;background-image:linear-gradient(to right,var(--data-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--data-grid-line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 25%,transparent 85%);mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 25%,transparent 85%)}.ambient__noise{position:absolute;inset:0;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px}@media (prefers-reduced-motion:reduce){.ambient__blob{animation:none}}[data-density=dense]{--ambient-strength-override:1}[data-density=dense] .ambient{opacity:calc(var(--ambient-strength) * .6)}[data-density=dense] .ambient__blob--c{display:none}.theme-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--space-2)}.theme-swatch{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-interactive)}.theme-swatch:hover{border-color:var(--border-strong);background:var(--surface-hover)}.theme-swatch.active{border-color:var(--accent-border);background:var(--accent-subtle)}.theme-swatch__preview{width:100%;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.theme-swatch__accent{position:absolute;bottom:5px;right:5px;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px rgba(0,0,0,.18)}.theme-swatch__label{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.theme-swatch.active .theme-swatch__label{color:var(--accent-text)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-2)}.field label{font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary)}.field-error{font-size:var(--font-size-sm);color:var(--negative-text)}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-4);background:var(--data-scrim);z-index:100}.dialog{width:min(440px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--elev-3-surface);border:1px solid var(--elev-3-border);box-shadow:var(--elev-3),inset 0 1px 0 var(--elev-3-highlight)}.dialog-title{font-weight:var(--weight-semibold);font-size:var(--font-size-xl)}.dialog-body{font-size:var(--font-size-md);color:var(--text-secondary)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-md)}.table th{text-align:left;font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-default)}.table td,.table th{padding:var(--space-2)}.table td{border-bottom:1px solid var(--border-subtle)}.table tbody tr{transition:background var(--dur-instant) linear}.table tbody tr:hover{background:var(--surface-hover)}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--border-subtle);transition:background var(--dur-instant) linear}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface-hover)}.hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-3) 0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header__kicker{font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.page-header__title{font-size:var(--font-size-3xl);font-weight:var(--weight-medium)}.page-header__subtitle{margin-top:var(--space-2);max-width:560px;font-size:var(--font-size-sm);color:var(--text-secondary)}.page-header__actions{display:flex;align-items:center;gap:var(--space-3)}.stat-group{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-3)}.stat{display:flex;align-items:baseline;gap:4px;font-size:var(--font-size-base)}.stat__label{color:var(--text-secondary)}.stat__value{color:var(--text-primary)}.hero-panel__value{font-size:var(--font-size-hero);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tighter)}.hero-panel__meta{text-align:right;font-size:var(--font-size-base);color:var(--text-secondary);display:flex;flex-direction:column;gap:2px}.empty-state{padding:var(--space-4) 0}.fullscreen-center{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center}.household-setup{max-width:480px;margin:80px auto;padding:0 var(--space-6)}.settings-profile{max-width:400px}.settings-join-code{font-size:var(--font-size-3xl);font-weight:var(--weight-medium);letter-spacing:.08em}.login-page{padding:var(--space-6)}.login-card{text-align:center;max-width:360px;width:100%;padding:40px 32px}.login-card__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.login-card__cta{padding:12px}.month-picker{width:180px}.category-edge{border-left:2px solid}.reports-empty{max-width:400px;margin:0 auto;text-align:center;color:var(--text-secondary);font-size:var(--font-size-md);line-height:var(--leading-relaxed)}.reports-empty__icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.reports-empty__kicker{font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.text-right{text-align:right}.text-center{text-align:center}.grid-2{grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:var(--space-4)}.grid-3{grid-template-columns:1fr 1fr 1fr}.flex-1{flex:1 1}.flex-wrap{flex-wrap:wrap}.w-10{width:40px}.w-80{width:80px}.w-100{width:100px}.w-120{width:120px}.w-160{width:160px}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.ml-2{margin-left:var(--space-2)}.glance-item:not(:last-child){margin-bottom:var(--space-3)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}