:root{--primary: #4CAF50;--primary-dark: #388E3C;--primary-light: #C8E6C9;--accent: #FF9800;--accent-dark: #F57C00;--success: #4CAF50;--warning: #FFC107;--danger: #F44336;--info: #2196F3;--text-primary: #212121;--text-secondary: #757575;--text-light: #BDBDBD;--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-dark: #F5F5F5;--border-color: #E0E0E0;--shadow: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--income-color: #4CAF50;--expense-color: #F44336;--transfer-color: #2196F3;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 24px;--font-2xl: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:var(--font-md);color:var(--text-primary);background-color:var(--bg-secondary);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:var(--font-2xl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:500;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--bg-dark);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background:var(--bg-dark)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-lg)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-sm)}.btn-block{width:100%}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--spacing-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.card-header h3{margin:0}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-secondary);font-size:var(--font-sm)}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-md);transition:border-color .2s ease}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-control.is-invalid{border-color:var(--danger)}.form-error{color:var(--danger);font-size:var(--font-sm);margin-top:var(--spacing-xs)}.text-center{text-align:center}.text-right{text-align:right}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-secondary)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.amount{font-weight:600;font-family:SF Mono,Roboto Mono,monospace}.amount.income{color:var(--income-color)}.amount.expense{color:var(--expense-color)}.amount.transfer{color:var(--transfer-color)}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.alert-success{background:#e8f5e9;color:#2e7d32;border:1px solid #A5D6A7}.alert-danger{background:#ffebee;color:#c62828;border:1px solid #EF9A9A}.alert-warning{background:#fff8e1;color:#f57f17;border:1px solid #FFE082}.alert-info{background:#e3f2fd;color:#1565c0;border:1px solid #90CAF9}@media (max-width: 768px){:root{--spacing-lg: 16px;--spacing-xl: 24px}}