:root{--color-bg: #f7f7f8;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #e2e2e5;--color-text: #1a1a1e;--color-text-muted: #63636c;--color-primary: #2f6fed;--color-primary-text: #ffffff;--color-income: #1c9d6b;--color-expense: #d64545;--color-warning: #d69a1f;--color-danger: #d64545;--color-overlay: rgb(0 0 0 / 40%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: .8125rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.375rem;--font-size-xl: 1.75rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--tap-target-min: 44px;--bottom-nav-height: 60px;--content-max-width: 1100px;--shadow-sm: 0 1px 2px rgb(0 0 0 / 6%);--shadow-md: 0 4px 16px rgb(0 0 0 / 10%)}:root[data-theme=dark]{--color-bg: #111214;--color-surface: #1b1c1f;--color-surface-raised: #232428;--color-border: #2f3034;--color-text: #f0f0f2;--color-text-muted: #a3a3ad;--color-primary: #6d9bff;--color-primary-text: #0b0e14;--color-income: #3ecf8e;--color-expense: #f07272;--color-warning: #e8b34f;--color-danger: #f07272;--color-overlay: rgb(0 0 0 / 60%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 4px 16px rgb(0 0 0 / 40%)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}a{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target-min);padding-inline:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;background:var(--color-primary);color:var(--color-primary-text);border:1px solid transparent}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-icon{min-width:var(--tap-target-min);padding-inline:0}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.field input,.field select,.field textarea{min-height:var(--tap-target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.field textarea{min-height:80px;padding-top:var(--space-2)}app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;width:100%;max-width:var(--content-max-width);margin-inline:auto;padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--space-4) + env(safe-area-inset-bottom))}@media(min-width:900px){.app-main{padding-bottom:var(--space-4)}}.view{display:flex;flex-direction:column;gap:var(--space-5)}.view-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.view-header h1{font-size:var(--font-size-lg);font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.chart-card{height:320px}.segmented{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.segmented button{min-height:var(--tap-target-min);padding-inline:var(--space-4);color:var(--color-text-muted);font-weight:600}.segmented button[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-text)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat-tile .stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.stat-tile .stat-value{font-size:var(--font-size-lg);font-weight:700;font-variant-numeric:tabular-nums}dialog{border:none;border-radius:var(--radius-lg);padding:0;width:min(480px,calc(100vw - var(--space-5)));max-height:min(90dvh,720px);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md)}dialog::backdrop{background:var(--color-overlay)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--font-size-md);font-weight:600}.modal-body{padding:var(--space-4);overflow-y:auto;max-height:calc(min(90dvh,720px) - 64px)}.close-btn{width:var(--tap-target-min);height:var(--tap-target-min);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}