:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:999px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs:12px;--text-sm:13.5px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:26px;--text-2xl:34px;--weight-regular:400;--weight-medium:550;--weight-bold:700;--duration-fast:.12s;--duration-base:.2s;--ease:cubic-bezier(.2, .7, .3, 1);--color-bg:#f4f6f7;--color-bg-tint:#eef3f2;--color-surface:#fff;--color-surface-raised:#fff;--color-border:#e1e7e6;--color-border-strong:#cdd7d5;--color-text:#16211f;--color-text-muted:#56655f;--color-text-faint:#8a9793;--color-accent:#0b6e63;--color-accent-strong:#085a51;--color-accent-soft:#e3f3ef;--color-accent-contrast:#fff;--color-success:#1c7c4c;--color-warning:#b6690a;--color-danger:#c0392b;--color-danger-soft:#fbeae7;--color-chart-1:#0b6e63;--color-chart-2:#3f8f7a;--color-chart-3:#7fb2a0;--color-chart-4:#c39a3f;--color-chart-5:#7a6bb0;--color-chart-6:#4a83b5;--color-grid:#e3e9e8;--shadow-sm:0 1px 2px #141e1c0f;--shadow-md:0 4px 12px #141e1c14, 0 1px 3px #141e1c0f;--shadow-lg:0 12px 32px #141e1c1f, 0 2px 8px #141e1c14;--header-height:64px;--bottom-nav-height:64px;--sidebar-width:248px;--content-max-width:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-bg:#101614;--color-bg-tint:#131b19;--color-surface:#182220;--color-surface-raised:#1d2926;--color-border:#263531;--color-border-strong:#33443f;--color-text:#eef4f2;--color-text-muted:#a8b8b3;--color-text-faint:#71827c;--color-accent:#4fd6c0;--color-accent-strong:#7ce5d4;--color-accent-soft:#1c3733;--color-accent-contrast:#06211d;--color-success:#4fd68a;--color-warning:#e0a751;--color-danger:#e6786a;--color-danger-soft:#33201d;--color-chart-1:#4fd6c0;--color-chart-2:#7fd9b8;--color-chart-3:#9fc3b0;--color-chart-4:#e0bb63;--color-chart-5:#a79bdc;--color-chart-6:#7aa9d6;--color-grid:#263531;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 14px #0000005c, 0 1px 4px #0000004d;--shadow-lg:0 16px 40px #00000070, 0 2px 10px #00000052;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;position:relative}body:before{content:"";z-index:-1;background:radial-gradient(circle at 12% -10%, var(--color-bg-tint), transparent 55%), var(--color-bg);position:fixed;inset:0}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{color:inherit;font-family:inherit}a{color:inherit}.num,.amount,input[type=number],input[type=text].num-input{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}@media (prefers-reduced-motion:no-preference){.transition{transition:all var(--duration-base) var(--ease)}}.app-shell{min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-content{width:100%;max-width:var(--content-max-width);padding:var(--space-4) var(--space-4) calc(var(--bottom-nav-height) + var(--space-8));flex:1;margin:0 auto}@media (width>=1024px){.app-content{padding:var(--space-8) var(--space-8) var(--space-12)}}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));z-index:20;background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;position:sticky;top:0}@media (width>=1024px){.topbar{display:none}}.brand{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--text-md);letter-spacing:-.01em;display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--color-accent);width:30px;height:30px;color:var(--color-accent-contrast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar{display:none}@media (width>=1024px){.sidebar{width:var(--sidebar-width);border-right:1px solid var(--color-border);padding:var(--space-6) var(--space-4);gap:var(--space-6);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}}.nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:var(--weight-medium);font-size:var(--text-sm);text-decoration:none;display:flex}.nav-link svg{flex-shrink:0;width:20px;height:20px}.nav-link.active{background:var(--color-accent-soft);color:var(--color-accent-strong)}.sidebar-footer{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:auto}.bottom-nav{z-index:30;background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=1024px){.bottom-nav{display:none}}.bottom-nav-link{padding:var(--space-2) 0 calc(var(--space-1) + 2px);min-height:56px;color:var(--color-text-faint);font-size:11px;font-weight:var(--weight-medium);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav-link svg{width:22px;height:22px}.bottom-nav-link.active{color:var(--color-accent)}.fab-add{right:var(--space-4);bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-4));z-index:25;border-radius:var(--radius-full);background:var(--color-accent);width:56px;height:56px;color:var(--color-accent-contrast);box-shadow:var(--shadow-lg);border:none;justify-content:center;align-items:center;display:flex;position:fixed}.fab-add svg{width:26px;height:26px}@media (width>=1024px){.fab-add{display:none}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-3)}.grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-dashboard{grid-template-columns:1.3fr 1fr;align-items:start}.grid-3{grid-template-columns:repeat(3,1fr)}}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.01em}.page-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--weight-medium);font-size:var(--text-sm);padding:0 var(--space-4);cursor:pointer;white-space:nowrap;border:1px solid #0000;min-height:44px;display:inline-flex}.btn svg{width:18px;height:18px}.btn-primary{background:var(--color-accent);color:var(--color-accent-contrast)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn-block{width:100%}.btn-icon{flex-shrink:0;width:44px;height:44px;padding:0}.btn:disabled{opacity:.55;cursor:not-allowed}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.field-hint{font-size:var(--text-xs);color:var(--color-text-faint)}.field-error{font-size:var(--text-xs);color:var(--color-danger)}.input,.select,.textarea{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);min-height:48px;color:var(--color-text);font-size:16px}.textarea{resize:vertical;min-height:96px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}.input.has-error,.select.has-error{border-color:var(--color-danger)}.category-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.category-chip{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);text-align:center;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;min-height:44px}.category-chip.selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.autocomplete{position:relative}.autocomplete-list{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:15;max-height:220px;padding:var(--space-1);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.autocomplete-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm)}.autocomplete-item:hover,.autocomplete-item.highlighted{background:var(--color-accent-soft)}.form-actions{gap:var(--space-3);margin-top:var(--space-2);display:flex}.form-actions .btn{flex:1}.pill{align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--color-accent-soft);color:var(--color-accent-strong);display:inline-flex}.pill-muted{background:var(--color-bg-tint);color:var(--color-text-muted)}.entry-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.entry-row:last-child{border-bottom:none}.entry-icon{border-radius:var(--radius-md);background:var(--color-accent-soft);width:40px;height:40px;color:var(--color-accent-strong);flex-shrink:0;justify-content:center;align-items:center;display:flex}.entry-icon svg{width:20px;height:20px}.entry-main{flex:1;min-width:0}.entry-source{font-weight:var(--weight-medium);font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.entry-meta{font-size:var(--text-xs);color:var(--color-text-faint);gap:var(--space-2);margin-top:2px;display:flex}.entry-amount{font-weight:var(--weight-bold);font-size:var(--text-base);white-space:nowrap;flex-shrink:0}.entry-actions{gap:var(--space-1);flex-shrink:0;display:flex}.subtotal-row{padding:var(--space-2) 0;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);background:var(--color-bg-tint);border-radius:var(--radius-sm);padding-left:var(--space-3);padding-right:var(--space-3);margin-top:var(--space-3);justify-content:space-between;display:flex}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-bg-tint) 37%, var(--color-border) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.empty-state{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);color:var(--color-text-muted);flex-direction:column;display:flex}.empty-state svg{width:56px;height:56px;color:var(--color-text-faint)}.empty-state-title{font-weight:var(--weight-medium);color:var(--color-text);font-size:var(--text-md)}.error-banner{align-items:flex-start;gap:var(--space-3);background:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);display:flex}.error-banner svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}.modal-overlay{z-index:50;background:#0a0e0d80;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-overlay{padding:var(--space-4);align-items:center}}.modal-sheet{background:var(--color-surface-raised);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:480px;padding:var(--space-5);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);max-height:85vh;overflow-y:auto}@media (width>=640px){.modal-sheet{border-radius:var(--radius-xl)}}.modal-handle{border-radius:var(--radius-full);background:var(--color-border-strong);width:36px;height:4px;margin:0 auto var(--space-4)}@media (width>=640px){.modal-handle{display:none}}.login-screen{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.login-card{gap:var(--space-5);flex-direction:column;width:100%;max-width:380px;display:flex}.login-brand{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.login-brand-mark{border-radius:var(--radius-lg);background:var(--color-accent);width:56px;height:56px;color:var(--color-accent-contrast);justify-content:center;align-items:center;display:flex}.login-brand-mark svg{width:30px;height:30px}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-center{text-align:center}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.disclaimer{font-size:var(--text-xs);color:var(--color-text-faint);background:var(--color-bg-tint);border-radius:var(--radius-md);padding:var(--space-4);line-height:1.5}.chart-svg{width:100%;max-width:640px;height:auto;margin:0 auto;display:block}.chart-svg.chart-wide{max-width:860px}.chart-empty{min-height:140px;color:var(--color-text-faint);font-size:var(--text-sm);text-align:center;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-size:var(--text-xs);color:var(--color-text-faint);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-border)}.table td{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.table tr:last-child td{border-bottom:none}.share-bar-track{border-radius:var(--radius-full);background:var(--color-bg-tint);width:100%;height:6px;margin-top:var(--space-1);overflow:hidden}.share-bar-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%}.range-picker{gap:var(--space-2);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.range-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;flex-shrink:0;min-height:44px}.range-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.filter-bar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filter-bar .select,.filter-bar .input{width:auto;min-height:40px;padding:var(--space-2) var(--space-3)}