:root{--color-background: #f5f7fb;--color-background-strong: #eef2f8;--color-surface: rgba(255, 255, 255, .78);--color-surface-strong: #ffffff;--color-surface-muted: #f8fafc;--color-primary: #159a9c;--color-primary-strong: #2563eb;--color-accent: #67e8f9;--color-success: #0f9f8c;--color-danger: #dc4c64;--color-text: #122033;--color-text-soft: #526074;--color-border: rgba(23, 32, 51, .08);--color-border-strong: rgba(23, 32, 51, .14);--shadow-soft: 0 24px 60px rgba(15, 23, 42, .08);--shadow-card: 0 18px 40px rgba(15, 23, 42, .06);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;font-family:Space Grotesk,Inter,Segoe UI,sans-serif;color:var(--color-text)}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top left,rgba(103,232,249,.18),transparent 22%),radial-gradient(circle at 85% 12%,rgba(37,99,235,.14),transparent 18%),linear-gradient(180deg,#f9fbff,#f2f5fb)}body{margin:0;min-height:100vh;color:var(--color-text);background:linear-gradient(180deg,#ffffff47,#fff0),transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}a{color:var(--color-primary-strong);text-decoration:none}#root{min-height:100vh}.screen-center,.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px}.loading-state{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:var(--color-text-soft);font-weight:600}.loading-state.panel{display:flex;min-height:120px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(21,154,156,.18);border-top-color:var(--color-primary);border-right-color:var(--color-primary-strong);animation:spin .8s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.auth-card,.panel{border:1px solid rgba(255,255,255,.7);background:var(--color-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.auth-card{width:min(100%,540px);padding:36px}.login-card{width:min(100%,980px)}.login-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:28px;align-items:stretch}.login-copy{display:grid;align-content:start;gap:16px}.login-copy h1{font-size:clamp(2rem,3vw,2.8rem)}.login-details{display:grid;gap:14px;margin-top:8px}.login-detail-card{display:grid;gap:10px;padding:18px 20px;border-radius:20px;background:#ffffff94;border:1px solid rgba(23,32,51,.06)}.login-detail-card strong{font-size:1rem;letter-spacing:-.02em}.login-detail-card.subtle{background:#67e8f91f}.login-feature-list{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--color-text-soft)}.login-panel{display:grid;align-content:start;gap:18px;padding:24px;border-radius:24px;background:#ffffffd1;border:1px solid rgba(23,32,51,.06);box-shadow:var(--shadow-card)}.login-panel-copy{display:grid;gap:10px}.login-panel-copy h2,.login-panel-copy p{margin:0}.login-panel-label{display:inline-flex;align-items:center;width:fit-content;min-height:30px;padding:0 10px;border-radius:999px;background:#159a9c1a;color:#0d6170;font-size:.77rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.panel{padding:24px}.auth-card h1,.panel h1,.panel h2,.budget-row h3{margin:0}.auth-card h1,.panel h1{font-size:clamp(2rem,3vw,3rem);line-height:1.02;letter-spacing:-.04em}.panel h2,.budget-row h3{letter-spacing:-.03em}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary-strong);background:#2563eb14;margin-bottom:16px}.muted{color:var(--color-text-soft)}.form-grid{display:grid;gap:16px}.form-grid label,.month-picker span{display:block;font-size:.92rem;font-weight:600;margin-bottom:8px}.form-grid input,.month-picker input{width:100%;min-height:52px;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffffd6;color:var(--color-text);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.form-grid input:focus,.month-picker input:focus{outline:none;border-color:#2563eb52;box-shadow:0 0 0 4px #159a9c1f;background:#fff}.button-primary,.button-soft{min-height:48px;border:0;border-radius:999px;padding:12px 18px;font-weight:600;cursor:pointer;transition:transform .14s ease,opacity .14s ease,background .14s ease,box-shadow .14s ease}.button-primary:hover,.button-soft:hover{transform:translateY(-1px)}.button-primary:disabled,.button-soft:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.button-primary{color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-strong) 100%);box-shadow:0 14px 30px #2563eb38}.button-soft{color:var(--color-text);background:#ffffffd1;border:1px solid rgba(23,32,51,.08)}.button-soft.success{background:#1f8a701f;color:#12614f}.button-soft.danger{background:#c445361a;color:var(--color-danger)}.button-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-links,.stack-actions{display:grid;gap:12px;margin-top:20px}.success-text,.error-text{margin:0;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid transparent}.success-text{color:#106857;background:#1f8a7014;border-color:#1f8a701f}.error-text{color:#922f24;background:#c4453614;border-color:#c445361f}.config-banner{margin-bottom:18px;padding:12px 14px;border-radius:var(--radius-sm);background:#67e8f929;border:1px solid rgba(21,154,156,.18);color:#0d6170}.app-shell{display:grid;gap:20px;min-height:100vh;max-width:1320px;margin:0 auto;padding:20px;width:100%}.topbar{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(0,auto);align-items:center;gap:16px;padding:14px;background:#fff;border-color:#17203314;position:sticky;top:14px;z-index:20}.topbar .eyebrow{margin:0 0 5px;padding:0;border-radius:0;background:transparent;font-size:.68rem;letter-spacing:.13em}.topbar-brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{display:grid;flex:0 0 auto;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#159a9cf5,#2563ebf5);box-shadow:0 16px 32px #2563eb33}.brand-mark span{font-size:1.15rem;font-weight:800;line-height:1}.brand-copy{min-width:0}.topbar-brand h1{margin:0 0 4px;font-size:clamp(1.05rem,1.5vw,1.35rem);letter-spacing:-.04em;line-height:1}.topbar-brand .muted{margin:0;max-width:560px;font-size:.88rem}.topbar-nav{justify-self:center;display:flex;gap:4px;align-items:center;min-height:48px;padding:4px;border-radius:18px;background:#0f172a0d;border:1px solid rgba(23,32,51,.06)}.topbar-nav a{display:flex;gap:8px;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:14px;color:var(--color-text-soft);font-size:.92rem;font-weight:700;white-space:nowrap;transition:background .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.nav-icon,.button-icon{width:18px;height:18px;fill:currentColor;flex:0 0 auto}.topbar-nav a:hover,.topbar-nav a.active{color:var(--color-text);background:#fffffff5;box-shadow:0 10px 24px #0f172a14;transform:translateY(-1px)}.topbar-account{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.account-chip{display:flex;align-items:center;gap:9px;min-width:0;max-width:260px;min-height:44px;padding:6px 12px 6px 7px;border-radius:999px;background:#ffffffa8;border:1px solid rgba(23,32,51,.07)}.account-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#0d6170;font-size:.9rem;font-weight:800;background:#67e8f93d}.account-email{min-width:0;color:var(--color-text-soft);font-size:.92rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sign-out-button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0}.app-content{padding:0 4px 20px}.page-stack{display:grid;gap:20px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;background:radial-gradient(circle at top right,rgba(103,232,249,.16),transparent 24%),linear-gradient(180deg,#ffffffb8,#ffffff8c)}.month-picker{min-width:220px}.month-nav{display:flex;align-items:center;gap:10px}.month-nav-label{min-width:110px;text-align:center;font-weight:700;letter-spacing:-.02em}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.summary-card{position:relative;overflow:hidden;border-radius:22px;padding:22px;display:grid;gap:10px;color:#fff;box-shadow:var(--shadow-card)}.summary-card:before{content:"";position:absolute;inset:auto -18px -28px auto;width:120px;height:120px;border-radius:50%;background:#ffffff1f}.summary-card.primary{background:linear-gradient(135deg,#0f172a,#153a5b)}.summary-card.secondary{background:linear-gradient(135deg,#159a9c,#2563eb)}.summary-card.accent{background:linear-gradient(135deg,#0ea5a8,#67e8f9)}.summary-card span,.summary-card strong{position:relative;z-index:1}.summary-card strong{font-size:1.75rem;line-height:1;letter-spacing:-.04em}.toolbar,.toolbar-icon-actions{display:flex;gap:12px;flex-wrap:wrap}.mobile-bottom-tabs{display:none}.toolbar .button-soft{background:#ffffffe6}.toolbar .button-soft.active{color:#0d6170;background:#67e8f933;border-color:#159a9c2e}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.budget-list-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px 12px}.budget-list-panel>.section-heading{margin-bottom:0}.budget-list-panel>.month-nav{justify-self:end}.budget-list-panel>.budget-table-wrap{grid-column:1 / -1}.budget-table-wrap{overflow-x:auto}.budget-table{width:100%;border-collapse:collapse;min-width:560px}.budget-table th,.budget-table td{padding:16px 14px;text-align:left;border-bottom:1px solid rgba(23,32,51,.08);vertical-align:middle}.budget-table thead th{font-size:.84rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-soft)}.budget-table tbody tr:last-child td{border-bottom:0}.budget-input-row td{background:#67e8f90f}.budget-row.unpaid td{background:#f2b1381a}.budget-row.paid td{background:#1f8a701a}.budget-row.unpaid:hover td{background:#f2b13824}.budget-row.paid:hover td{background:#1f8a7024}.budget-skeleton-row td{background:#ffffffb8}.skeleton-line,.skeleton-toggle,.skeleton-icon{display:block;overflow:hidden;position:relative;border-radius:999px;background:#64748b24}.skeleton-line:after,.skeleton-toggle:after,.skeleton-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:skeleton-shimmer 1.15s ease-in-out infinite}.skeleton-title{width:min(72%,220px);height:16px}.skeleton-meta{width:min(48%,150px);height:11px}.skeleton-amount{width:92px;height:16px}.skeleton-toggle{width:58px;height:34px}.skeleton-icon{width:38px;height:38px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.budget-cell-title strong{font-size:1rem;font-weight:600;letter-spacing:-.02em}.budget-item-content,.budget-amount-content{display:grid;gap:4px}.budget-amount-content strong{font-size:1.02rem;letter-spacing:-.03em}.budget-mobile-meta{color:var(--color-text-soft);font-size:.82rem}.table-input{width:100%;min-height:42px;padding:10px 12px;border-radius:12px;border:1px solid rgba(23,32,51,.08);background:#ffffffeb;color:var(--color-text)}.table-input:focus{outline:none;border-color:#2563eb52;box-shadow:0 0 0 4px #159a9c1f}.budget-status-text{font-size:.84rem;font-weight:700;letter-spacing:.01em;color:var(--color-text)}.budget-status-actions-cell{width:1%}.budget-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.budget-static-status{display:grid;justify-items:end;gap:2px;min-width:0}.action-label{display:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px}.icon-button{border:1px solid rgba(23,32,51,.08);background:#ffffffe0;color:var(--color-text-soft);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.icon-button:hover{transform:translateY(-1px);color:var(--color-text);border-color:#2563eb29}.icon-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.icon-button.success{color:var(--color-success)}.icon-button.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-strong) 100%)}.icon-button.danger{color:var(--color-danger)}.payment-toggle{display:inline-flex;align-items:center;min-height:42px;padding:6px;border:1px solid rgba(23,32,51,.08);border-radius:999px;background:#ffffffe0;color:var(--color-text);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.payment-toggle:hover{transform:translateY(-1px);border-color:#2563eb29}.payment-toggle:disabled{cursor:not-allowed;opacity:.6;transform:none}.payment-toggle.is-paid{border-color:#1f8a702e;background:#1f8a701f}.payment-toggle-track{position:relative;width:46px;height:26px;border-radius:999px;background:#5260743d;transition:background .16s ease;flex:0 0 auto}.payment-toggle.is-paid .payment-toggle-track{background:#1f8a7057}.payment-toggle-thumb{position:absolute;top:3px;left:3px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 4px 10px #0f172a2e;transition:transform .16s ease}.payment-toggle.is-paid .payment-toggle-thumb{transform:translate(20px)}.payment-toggle-check{width:12px;height:12px;color:var(--color-success)}.budget-empty-row{text-align:center;padding:24px 16px}.chart-panel{overflow:hidden}.chart-wrap{height:280px;margin-top:10px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px}.chart-legend-item{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:16px;background:#ffffffad;border:1px solid rgba(23,32,51,.07)}.chart-legend-item div{display:grid;gap:2px}.chart-legend-item strong,.chart-tooltip strong{font-size:.92rem;letter-spacing:-.02em}.chart-legend-item span{color:var(--color-text-soft);font-size:.82rem}.chart-legend-swatch{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.chart-legend-swatch.paid{background:#b74424;box-shadow:0 0 0 6px #d8572a1f}.chart-legend-swatch.unpaid{background:#f2b138;box-shadow:0 0 0 6px #f2b13829}.chart-tooltip{display:grid;gap:8px;min-width:168px;padding:12px 14px;border-radius:16px;background:#fffffff5;border:1px solid rgba(23,32,51,.08);box-shadow:0 18px 36px #0f172a1f}.chart-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-text-soft);font-size:.86rem}.danger-panel{border-color:#c4453624}.profile-page{gap:18px}.profile-hero{position:relative;overflow:hidden;gap:28px;align-items:stretch}.profile-hero:after{content:"";position:absolute;inset:auto -40px -52px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(21,154,156,.18),transparent 68%);pointer-events:none}.profile-hero-copy{display:grid;gap:12px;max-width:640px}.profile-hero h1{font-size:clamp(1.7rem,2.4vw,2.3rem);line-height:1.06}.profile-summary-card{position:relative;z-index:1;display:grid;gap:18px;min-width:min(100%,320px);padding:20px;border-radius:22px;background:linear-gradient(180deg,#0f172af0,#153a5bf0);color:#fff;box-shadow:0 20px 46px #0f172a2e}.profile-summary-identity{display:flex;align-items:center;gap:14px;min-width:0}.profile-avatar-large{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#67e8f952,#2563eb61);color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:.04em;flex:0 0 auto}.profile-summary-copy{display:grid;gap:4px;min-width:0}.profile-summary-copy strong{font-size:1.05rem;letter-spacing:-.03em}.profile-summary-copy .muted{color:#ffffffb8}.profile-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-stat{display:grid;gap:5px;padding:12px 14px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.profile-stat strong{font-size:1rem;letter-spacing:-.03em}.profile-stat-label,.profile-note-label{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-soft)}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-card{gap:18px}.profile-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profile-card-header p{margin:8px 0 0}.profile-card-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#159a9c1a;color:#0d6170;font-size:.8rem;font-weight:700;white-space:nowrap}.profile-inline-note{display:grid;gap:6px;padding:14px 16px;border-radius:16px;background:#fff9;border:1px solid rgba(23,32,51,.06)}.profile-inline-note strong{letter-spacing:-.02em}.profile-actions{display:flex;flex-wrap:wrap;gap:12px}.profile-actions>*{flex:1 1 180px}.profile-danger-card{display:grid;gap:16px}.profile-note-label.danger{color:var(--color-danger)}code{padding:2px 6px;border-radius:8px;background:#1720330f}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0f172a6b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000}.dialog-panel{width:min(100%,440px);padding:22px;border-radius:24px;background:#fffffff5;border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 80px #0f172a2e}.dialog-copy{display:grid;gap:10px}.dialog-copy h2,.dialog-copy p{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:900px){.login-layout{grid-template-columns:1fr}.app-shell{padding:14px;gap:14px}.topbar{grid-template-columns:1fr;align-items:stretch;gap:12px;padding:14px;top:10px}.topbar-nav{justify-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-account{justify-content:space-between;gap:10px}.account-chip{max-width:none}.summary-grid,.profile-grid{grid-template-columns:1fr}.profile-summary-card{min-width:0}.profile-summary-stats{grid-template-columns:1fr 1fr}.hero{flex-direction:column;align-items:stretch}.app-content{padding:0 0 18px}.auth-page{padding:20px}.panel,.auth-card{padding:18px;border-radius:20px}.toolbar,.profile-actions{display:grid;grid-template-columns:1fr}.profile-actions>*{width:100%}.toolbar>*{width:100%}.toolbar-icon-actions{width:100%;justify-content:flex-start}.toolbar>.toolbar-icon-actions{width:100%}.button-soft,.button-primary{width:100%;justify-content:center}.file-button{justify-content:center}.toolbar .mobile-icon-button{width:48px;min-width:48px;padding:12px;flex:0 0 auto}.toolbar .mobile-icon-button .button-label{display:none}.month-picker{min-width:0;width:100%}.month-nav{align-self:stretch;justify-content:space-between}.chart-wrap{height:240px}.dialog-actions{display:grid;grid-template-columns:1fr}}@media(max-width:640px){.login-card{width:100%}.login-panel{padding:18px;border-radius:20px}.screen-center,.auth-page{padding:16px}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand account" "nav nav";position:static;align-items:center;gap:10px;padding:10px 12px}.topbar-brand{grid-area:brand;align-items:center;gap:10px}.topbar-nav{grid-area:nav}.topbar-account{grid-area:account;display:flex;justify-content:flex-end;align-items:center}.topbar .eyebrow{display:none}.topbar-brand h1{margin:0;font-size:1rem;line-height:1.05}.topbar-brand .muted{display:none}.brand-mark{width:36px;height:36px;border-radius:12px}.brand-mark span{font-size:1rem}.topbar-nav a{justify-content:center;min-height:40px;padding:0 10px}.account-chip{min-width:auto;min-height:36px;padding:2px;gap:0;border-radius:999px}.account-email{display:none}.account-avatar{width:30px;height:30px;font-size:.84rem}.sign-out-button{width:40px;min-height:40px;padding:0}.hero{gap:14px}.app-content{padding-bottom:88px}.toolbar-icon-actions{display:none}.mobile-tab-panels{display:grid}.mobile-tab-panels>.panel{width:calc(100% + 28px);margin-inline:-14px;border-radius:0}.mobile-tab-panels>.summary-grid{width:calc(100% + 28px);margin-inline:-14px;padding:16px;border:1px solid rgba(255,255,255,.7);border-radius:0;background:var(--color-surface);box-shadow:var(--shadow-soft);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.mobile-bottom-tabs{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:64px;padding:6px;border-radius:22px;border:1px solid rgba(23,32,51,.1);background:#ffffffeb;box-shadow:0 18px 48px #0f172a2e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-bottom-tab{display:grid;place-items:center;gap:3px;min-width:0;min-height:52px;padding:6px 8px;border:0;border-radius:17px;color:var(--color-text-soft);background:transparent;font-size:.78rem;font-weight:800;cursor:pointer}.mobile-bottom-tab .button-icon{width:20px;height:20px}.mobile-bottom-tab.active{color:#0d6170;background:#67e8f933;box-shadow:inset 0 0 0 1px #159a9c29}.chart-panel{padding:16px}.chart-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chart-legend-item{gap:8px;padding:9px 10px;border-radius:14px}.chart-legend-item strong{font-size:.88rem}.chart-legend-item span,.chart-tooltip-row{font-size:.8rem}.chart-wrap{height:220px;margin-top:8px}.chart-wrap-mobile{height:auto;min-height:320px}.hero .muted{margin:0}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:12px}.budget-list-panel{display:block}.section-heading .muted{margin:0}.month-nav{position:sticky;top:8px;z-index:12;width:100%;margin:0 0 12px;padding:8px;border-radius:18px;background:#fffffff0;border:1px solid rgba(23,32,51,.08);box-shadow:0 12px 28px #0f172a14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.month-nav-label{flex:1}.budget-table{min-width:0}.budget-table thead{display:none}.budget-table,.budget-table tbody,.budget-table tr,.budget-table td{display:block;width:100%}.budget-table tbody{display:grid;gap:12px}.budget-table tr{border:1px solid rgba(23,32,51,.08);border-radius:18px;background:#ffffffbd;overflow:hidden;box-shadow:0 14px 34px #0f172a0f}.budget-table td{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(23,32,51,.06);text-align:left}.budget-table td:last-child{border-bottom:0}.budget-table td:before{content:none}.budget-input-row td{background:transparent}.budget-row,.budget-input-row{position:relative;padding:2px}.budget-row:before,.budget-input-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#67e8f91a,#2563eb0a);pointer-events:none}.budget-row.paid:before{background:linear-gradient(135deg,#1f8a701a,#67e8f90a)}.budget-item-cell{grid-template-columns:1fr;gap:6px;align-items:start;padding-bottom:10px}.budget-item-cell:before{content:none}.budget-item-content strong{font-size:1.02rem}.budget-amount-cell,.budget-status-actions-cell{grid-template-columns:minmax(0,1fr);gap:8px}.budget-status-actions-cell:before{content:none}.budget-status-actions{justify-content:stretch;width:100%;flex-wrap:wrap}.budget-static-status{justify-items:start}.payment-toggle{flex:0 0 auto;width:auto}.budget-status-actions .icon-button{flex:0 0 auto;width:auto;min-height:40px;padding:0 12px;gap:6px;border-radius:14px}.budget-status-actions .icon-button.danger{width:40px;padding:0;margin-left:auto;color:#64748b;background:#ffffffd6;border-color:#64748b2e;border-radius:999px}.budget-status-actions .icon-button.danger .action-label{display:none}.action-label{display:inline;font-size:.76rem;font-weight:700}.budget-empty-row{display:block;padding:18px 14px}.budget-empty-row:before{content:none}.table-input{min-height:40px}}