:root{--color-brand: #4f46e5;--color-brand-dark: #4338ca;--color-danger: #e74c3c;--color-error: #c0392b;--color-positive: #27ae60;--color-edit: #3498db;--color-bg: #f0f4f8;--color-surface: #fff;--color-surface-muted: #f8f8f8;--color-surface-hover: #fafafa;--color-code-bg: #f5f5f5;--color-error-bg: #fff0f0;--color-success-bg: #f0fff4;--color-border: #e0e0e0;--color-border-input: #ddd;--color-border-faint: #f0f0f0;--color-brand-tint: rgba(79, 70, 229, .12);--color-grid-header: #eef0fd;--color-icon: var(--color-brand);--chart-1: #4f46e5;--chart-2: #f59e0b;--chart-3: #0d9488;--chart-4: #e11d48;--chart-5: #06b6d4;--chart-6: #7c3aed;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-strong: #333;--text-body: #555;--text-muted: #888;--text-subtle: #aaa;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-card: 0 4px 20px rgba(0,0,0,.1);--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: 20px;--space-9: 24px;--space-10: 28px;--space-11: 40px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);min-height:100vh}input,select,textarea,button{font-family:inherit}.container{max-width:800px;margin:0 auto;background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-lg)}.error{color:var(--color-error);padding:var(--space-4);background:var(--color-error-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-7);font-size:14px}pre{background:var(--color-code-bg);padding:var(--space-4);border-radius:var(--radius-sm);overflow-x:auto}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--space-8)}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-11);width:100%;max-width:400px}.app-title{font-size:28px;color:var(--color-brand);text-align:center;margin-bottom:var(--space-3)}.login-card h2{text-align:center;color:var(--text-body);font-size:16px;font-weight:400;margin-bottom:var(--space-10)}.form-group{margin-bottom:var(--space-8)}.form-group label{display:block;font-size:14px;color:var(--text-body);margin-bottom:var(--space-2)}.form-group input{width:100%;padding:var(--space-4) var(--space-6);border:1px solid var(--color-border-input);border-radius:var(--radius-lg);font-size:15px;outline:none;transition:border-color .2s}.form-group input:focus{border-color:var(--color-brand)}.btn-primary{width:100%;padding:var(--space-5);background:var(--color-brand);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--color-brand-dark)}.success{color:var(--color-positive);padding:var(--space-4);background:var(--color-success-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-7);font-size:14px}.form-footer{text-align:center;margin-top:var(--space-8);font-size:14px;color:var(--text-body)}.form-footer a{color:var(--color-brand);text-decoration:none}.form-footer a:hover{text-decoration:underline}.page-wrapper{max-width:1300px;margin:0 auto;padding:var(--space-8) var(--space-8) var(--space-9)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-9)}.page-heading{color:var(--text-strong);margin-bottom:var(--space-8)}.btn-logout{background:none;border:1px solid var(--color-brand);color:var(--color-brand);padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);text-decoration:none;font-size:14px}.btn-logout:hover{background:var(--color-brand);color:#fff}.btn-delete{background:none;border:1px solid var(--color-danger);color:var(--color-danger);padding:var(--space-1) var(--space-4);border-radius:var(--radius-md);font-size:13px;cursor:pointer}.btn-delete:hover{background:var(--color-danger);color:#fff}.btn-edit{background:none;border:1px solid var(--color-edit);color:var(--color-edit);padding:var(--space-1) var(--space-4);border-radius:var(--radius-md);font-size:13px;cursor:pointer;text-decoration:none}.btn-edit:hover{background:var(--color-edit);color:#fff}.grid{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-card)}.grid-header{display:grid;grid-template-columns:.5fr 2fr 1.5fr 1fr 1fr;background:var(--color-grid-header);padding:var(--space-6) var(--space-7);font-weight:700;font-size:14px;color:var(--text-strong);border-bottom:1px solid var(--color-border)}.grid-row{display:grid;grid-template-columns:.5fr 2fr 1.5fr 1fr 1fr;padding:var(--space-6) var(--space-7);border-bottom:1px solid var(--color-border-faint);font-size:14px;align-items:center;transition:background .12s}.grid-row:last-child{border-bottom:none}.grid-row:nth-child(2n){background:var(--color-surface-muted)}.grid-row:hover{background:var(--color-surface-hover)}.grid-row--clickable{cursor:pointer}.grid-row--clickable:hover{background:var(--color-brand-tint)}.grid-row--clickable:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.account-type{color:var(--text-muted);font-size:13px}.negative{color:var(--color-danger);font-weight:700}.positive{color:var(--color-positive);font-weight:700}.no-data{color:var(--text-muted);font-size:14px}nav{display:flex;gap:var(--space-5);align-items:center}.nav-link{color:var(--color-brand);text-decoration:none;font-size:14px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);transition:background .15s,color .15s}.nav-link:hover{text-decoration:underline}.nav-link.active{background:var(--color-brand-tint);color:var(--color-brand-dark);font-weight:600;text-decoration:none}.filter-form{display:flex;gap:var(--space-7);align-items:flex-end;margin-bottom:var(--space-9);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.filter-group label{font-size:13px;color:var(--text-body)}.filter-group input{padding:var(--space-3) var(--space-5);border:1px solid var(--color-border-input);border-radius:var(--radius-lg);font-size:14px;outline:none}.filter-group input:focus{border-color:var(--color-brand)}.btn-filter{padding:var(--space-3) var(--space-8);font-size:14px;width:auto}.transactions-grid{grid-template-columns:1fr 1.2fr 1.2fr 1.4fr 1.2fr .7fr .8fr .5fr .5fr}.grid-scroll{max-height:600px;overflow-y:auto;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.grid-scroll .grid-header{position:sticky;top:0;z-index:1}.grid-scroll .grid-row:nth-child(odd){background:var(--color-surface-muted)}.grid-scroll .grid-row:nth-child(2n){background:transparent}.grid-scroll .grid-row:last-child{border-bottom:none}.reports-grid{grid-template-columns:2fr 1fr 1fr}.reports-grid.with-subcategory{grid-template-columns:1.5fr 1.5fr 1fr 1fr}.grid-footer{display:grid;padding:var(--space-5) var(--space-7);background:var(--color-grid-header);border-top:2px solid var(--color-border);font-size:14px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.grid-header span.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.grid-header span.sortable:hover{color:var(--color-brand)}.grid-header span.sort-asc:after{content:" ▲";font-size:11px}.grid-header span.sort-desc:after{content:" ▼";font-size:11px}.form-container{max-width:500px;margin:0 auto}.form-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10)}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-7)}.page-toolbar .page-heading{margin-bottom:0}.btn-create{width:auto;padding:var(--space-3) var(--space-8);text-decoration:none;font-size:14px}.select{width:100%;padding:var(--space-4) var(--space-6);border:1px solid var(--color-border-input);border-radius:var(--radius-lg);font-size:15px;outline:none}.select:focus{border-color:var(--color-brand)}.select--disabled{background:var(--color-code-bg);color:var(--text-subtle)}.filter-select{padding:var(--space-3) var(--space-5);border:1px solid var(--color-border-input);border-radius:var(--radius-lg);font-size:14px;outline:none}.filter-select:focus{border-color:var(--color-brand)}.filter-group--end{justify-content:flex-end}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-inline{width:auto;accent-color:var(--color-brand)}.cell-total{font-weight:700}.form-footer--flush{margin-top:0;margin-bottom:var(--space-8)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-7);margin-bottom:var(--space-9)}.summary-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-8)}.summary-card-label{color:var(--text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.summary-card-value{color:var(--text-strong);font-size:26px;font-weight:700}.dashboard-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-7);margin-bottom:var(--space-9)}.dashboard-section{margin-bottom:var(--space-9)}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.dashboard-section-header h3{color:var(--text-strong);font-size:16px}.dashboard-link{color:var(--color-brand);text-decoration:none;font-size:14px}.dashboard-link:hover{text-decoration:underline}.account-list,.recent-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.account-row{display:flex;align-items:center;gap:var(--space-7);padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--color-border-faint);font-size:14px;transition:background .12s}.account-row:last-child{border-bottom:none}.account-row-name{flex:1;color:var(--text-strong);font-weight:600}.account-row .account-type{margin-left:auto}.account-row--clickable{cursor:pointer}.account-row--clickable:hover{background:var(--color-brand-tint)}.account-row--clickable:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.recent-row{display:grid;grid-template-columns:auto 1.4fr 1.6fr auto;gap:var(--space-5);align-items:center;padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--color-border-faint);font-size:14px}.recent-row:last-child{border-bottom:none}.recent-row-date{color:var(--text-muted);font-size:13px}.recent-row-payee{color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-row-meta{color:var(--text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-8)}.chart-figure{margin:0}.chart-caption{color:var(--text-muted);font-size:13px;margin-bottom:var(--space-5)}.quick-actions{display:flex;gap:var(--space-7);flex-wrap:wrap}