[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-2: #273549;--color-surface-3: #334155;--color-border: #334155;--color-border-light: #475569;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-faint: #475569;--color-shadow: rgba(0, 0, 0, .4)}[data-theme=light]{--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-2: #f1f5f9;--color-surface-3: #e2e8f0;--color-border: #e2e8f0;--color-border-light: #cbd5e1;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-faint: #94a3b8;--color-shadow: rgba(0, 0, 0, .08)}:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-income: #22c55e;--color-expense: #ef4444;--color-saving: #3b82f6;--color-warning: #f59e0b;--color-success: #22c55e;--color-danger: #ef4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--sidebar-width: 260px;--navbar-height: 64px;--transition-base: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5;transition:background-color var(--transition-base),color var(--transition-base)}h1{font-size:1.875rem;font-weight:700;color:var(--color-text)}h2{font-size:1.5rem;font-weight:600;color:var(--color-text)}h3{font-size:1.25rem;font-weight:600;color:var(--color-text)}h4{font-size:1.125rem;font-weight:500;color:var(--color-text)}.text-muted{color:var(--color-text-muted);font-size:.875rem}.text-faint{color:var(--color-text-faint);font-size:.75rem}.page{padding:1.5rem;max-width:1100px}.page-enter{animation:pageEnter .2s ease both}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-text)}.page-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 1px 3px var(--color-shadow)}.btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--radius-md);padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;border:none}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-border-light);background:var(--color-surface-2)}.btn-ghost{background:transparent;color:var(--color-text-muted);border:none;padding:.4rem .75rem}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface-2)}.btn-danger-fill{background:var(--color-danger);color:#fff;border:none}.btn-danger-fill:hover{opacity:.88}.btn-success{background:color-mix(in srgb,var(--color-income) 15%,transparent);color:var(--color-income);border:1px solid color-mix(in srgb,var(--color-income) 30%,transparent)}.btn-success:hover{background:color-mix(in srgb,var(--color-income) 25%,transparent)}.btn-danger{background:color-mix(in srgb,var(--color-expense) 15%,transparent);color:var(--color-expense);border:1px solid color-mix(in srgb,var(--color-expense) 30%,transparent)}.btn-danger:hover{background:color-mix(in srgb,var(--color-expense) 25%,transparent)}.btn-sm{padding:.35rem .875rem;font-size:.8125rem}.btn-xs{padding:.25rem .625rem;font-size:.75rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);padding:.375rem;transition:all var(--transition-base)}.btn-icon:hover{background:var(--color-surface-2);color:var(--color-text)}.btn-icon--danger:hover{color:var(--color-expense)}.input,.form-input,.field-input{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem .875rem;color:var(--color-text);font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--transition-base)}.input:focus,.form-input:focus,.field-input:focus{outline:none;border-color:var(--color-primary)}.form-label,.field-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.375rem}.form-group,.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.form-error,.field-error{font-size:.75rem;color:var(--color-expense)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.table td{padding:.875rem 1rem;border-bottom:1px solid var(--color-border);font-size:.875rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-surface-2)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.badge-income{background:color-mix(in srgb,var(--color-income) 15%,transparent);color:var(--color-income)}.badge-expense{background:color-mix(in srgb,var(--color-expense) 15%,transparent);color:var(--color-expense)}.badge-warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.badge-danger{background:color-mix(in srgb,var(--color-expense) 15%,transparent);color:var(--color-expense)}.badge-owner{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary-light)}.badge-member{background:var(--color-surface-3);color:var(--color-text-muted)}.modal-overlay,.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:500;padding:1rem}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 4px 6px var(--color-shadow);padding:1.75rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal--sm{max-width:440px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-title{font-size:1.25rem;font-weight:600}.modal-body{font-size:.9rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem}.modal-footer,.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.alert{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1rem}.alert-error{background:color-mix(in srgb,var(--color-expense) 12%,transparent);color:var(--color-expense);border:1px solid color-mix(in srgb,var(--color-expense) 30%,transparent)}.alert-success{background:color-mix(in srgb,var(--color-income) 12%,transparent);color:var(--color-income);border:1px solid color-mix(in srgb,var(--color-income) 30%,transparent)}.loading{color:var(--color-text-muted);text-align:center;padding:2rem 0;font-size:.9rem}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;text-align:center;color:var(--color-text-muted)}.progress-track{height:6px;background:var(--color-surface-3);border-radius:var(--radius-full);overflow:visible;position:relative}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .4s ease}.income-text{color:var(--color-income)}.expense-text{color:var(--color-expense)}.saving-text{color:var(--color-saving)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}