:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0d0f14;--surface:#151922;--surface-elevated:#1b202b;--text-primary:#f4f1ea;--text-secondary:#9ea3ae;--accent:#c8a86b;--border:#ffffff14;--surface-shadow:0 18px 40px #0000002e, inset 0 1px 0 #ffffff0a;color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#c8a86b14,#0000 22%),linear-gradient(#0d0f14 0%,#10131a 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{width:100%;max-width:1180px;margin:0 auto}h1,h2,p,strong,span{margin:0}h1{letter-spacing:-.06em;font-size:clamp(32px,8vw,52px);line-height:.98}h2{font-size:18px;line-height:1.1}.app-frame{min-height:100vh;padding-bottom:98px}.app-shell{gap:18px;padding:24px 16px 40px;display:grid}.app-shell--centered{align-content:center;min-height:100vh}.hero-panel,.metric-card,.panel,.summary-strip,.quick-action{border:1px solid var(--border);background:var(--surface);box-shadow:var(--surface-shadow)}.hero-panel{background:radial-gradient(circle at top right, #c8a86b29, transparent 28%), linear-gradient(160deg, #ffffff0a, transparent 58%), var(--surface-elevated);border-radius:28px;gap:20px;padding:20px;display:grid}.hero-copy{gap:8px;display:grid}.month-label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:13px}.mode-switch{background:#ffffff0a;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));width:fit-content;padding:4px;display:inline-grid}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mode-button{color:var(--text-secondary);font:inherit;background:0 0;border:0;border-radius:999px;padding:10px 18px}.mode-button.is-active{color:var(--text-primary);background:#c8a86b2e}.card-grid,.summary-strip,.quick-actions,.panel-stack{gap:14px;display:grid}.metric-card{border-radius:24px;gap:10px;padding:18px;display:grid}.metric-card--primary{background:linear-gradient(180deg, #c8a86b24, transparent 80%), var(--surface)}.metric-label{color:var(--text-secondary);font-size:14px}.metric-value{color:var(--text-primary);letter-spacing:-.05em;font-size:clamp(30px,8vw,42px);line-height:1}.summary-strip{border-radius:22px;padding:14px}.summary-strip>div{gap:6px;display:grid}.summary-strip span,.transaction-row span,.obligation-card span{color:var(--text-secondary);font-size:13px}.summary-strip strong,.transaction-row strong,.obligation-card strong{color:var(--text-primary)}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action,.ghost-button{font:inherit;border-radius:18px;padding:15px 16px}.quick-action{color:var(--text-primary)}.quick-action.is-primary{background:var(--accent);color:#16120b;border-color:#0000;font-weight:700}.panel{border-radius:24px;gap:14px;padding:18px;display:grid}.panel-stack--single{grid-template-columns:minmax(0,1fr)}.panel--narrow{width:min(100%,460px);margin:0 auto}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ghost-button{border:1px solid var(--border);color:var(--text-primary);background:#ffffff08}.ghost-button--danger{color:var(--negative)}.transaction-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.transaction-row,.obligation-card{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.obligation-card--stacked{align-items:flex-start}.transaction-row+.transaction-row,.obligation-card+.obligation-card{border-top:1px solid var(--border)}.transaction-row>div,.obligation-card{gap:4px;display:grid}.transaction-amount{white-space:nowrap}.transaction-list--stacked{gap:0}.transaction-row--stacked{flex-direction:column;align-items:stretch;padding:16px 0}.transaction-main,.transaction-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.transaction-main>div{gap:4px;display:grid}.transaction-actions{padding-top:12px}.transaction-actions__buttons{gap:8px;display:inline-flex}.transaction-type-pill{color:var(--text-secondary);background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-size:12px;display:inline-flex}.status-pill{color:var(--accent);background:#c8a86b1f;border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-size:12px;display:inline-flex}.sheet-backdrop{background:#090b0fb8;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.sheet{border:1px solid var(--border);background:var(--surface-elevated);width:min(100%,540px);box-shadow:var(--surface-shadow);border-radius:28px;gap:18px;margin:0 auto;padding:18px;display:grid}.sheet-header,.field,.sheet-account,.sheet-form,.sheet-actions{gap:10px;display:grid}.sheet-header{grid-template-columns:1fr auto;align-items:center}.field span,.sheet-account span{color:var(--text-secondary);font-size:13px}.field input,.field select{border:1px solid var(--border);color:var(--text-primary);background:#ffffff08;border-radius:16px;padding:14px 16px}.field--checkbox{grid-template-columns:1fr auto;align-items:center}.field--checkbox input{width:20px;height:20px}.field-error{color:var(--negative);margin:0}.sheet-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.import-preview{padding:16px}.import-preview__amount{justify-items:end;gap:8px;display:grid}.analytics-list{gap:14px;display:grid}.analytics-row{gap:8px;display:grid}.analytics-row+.analytics-row{border-top:1px solid var(--border);padding-top:14px}.analytics-row__header,.analytics-row__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.analytics-row__meta{color:var(--text-secondary);font-size:13px}.analytics-bar{background:#ffffff0f;border-radius:999px;height:8px;overflow:hidden}.analytics-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#c8a86be0,#6fbf8fe0);height:100%;display:block}.bottom-nav{border:1px solid var(--border);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12161eeb;border-radius:24px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px;display:grid;position:fixed;bottom:16px;left:16px;right:16px}.bottom-nav__item{color:var(--text-secondary);font:inherit;background:0 0;border:0;border-radius:16px;padding:12px 8px;font-size:12px}.bottom-nav__item.is-active{color:var(--text-primary);background:#c8a86b24}@media (width>=760px){.app-frame{padding-bottom:116px}.app-shell{padding:32px 24px 56px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-strip,.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-stack{grid-template-columns:1.1fr .9fr}.bottom-nav{max-width:760px;margin:0 auto;left:24px;right:24px}}