:root{--color-mode: 'light';--primary: #4a5568;--primary-hover: #2d3748;--primary-light: rgba(74, 85, 104, 0.1);--primary-gradient: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);--success: #27ae60;--success-light: rgba(39, 174, 96, 0.1);--success-bg: #d4edda;--success-border: #c3e6cb;--success-text: #155724;--danger: #e74c3c;--danger-light: rgba(231, 76, 60, 0.1);--danger-bg: #f8d7da;--danger-border: #f5c6cb;--danger-text: #721c24;--warning: #f39c12;--warning-light: rgba(243, 156, 18, 0.1);--warning-bg: #fff3cd;--warning-border: #ffeaa7;--warning-text: #856404;--info: #17a2b8;--info-light: rgba(23, 162, 184, 0.1);--info-bg: #d1ecf1;--info-border: #bee5eb;--info-text: #0c5460;--bg: #f5f6fa;--bg-elevated: #ffffff;--bg-hover: #f8f9fa;--bg-active: #e9ecef;--bg-muted: #f1f3f5;--surface: #ffffff;--surface-2: #f8f9fa;--surface-3: #f1f3f5;--surface-overlay: rgba(0, 0, 0, 0.5);--text: #2c3e50;--text-secondary: #495057;--text-muted: #6c757d;--text-disabled: #adb5bd;--text-inverse: #ffffff;--border: #dee2e6;--border-light: #e9ecef;--border-dark: #ced4da;--border-focus: #4a5568;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--shadow: 0 2px 8px rgba(0, 0, 0, 0.08);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.15);--shadow-primary: 0 4px 12px rgba(74, 85, 104, 0.3);--input-bg: #ffffff;--input-border: #dee2e6;--input-focus-border: #4a5568;--input-focus-shadow: 0 0 0 3px rgba(74, 85, 104, 0.1);--input-placeholder: #adb5bd;--scrollbar-bg: #f1f1f1;--scrollbar-thumb: #c1c1c1;--scrollbar-thumb-hover: #a8a8a8;--sidebar-bg: #1a1d29;--sidebar-hover: #252836;--sidebar-text: #a0a3b1;--sidebar-text-active: #ffffff;--sidebar-border: rgba(255, 255, 255, 0.08);--topbar-bg: #ffffff;--topbar-text: #2c3e50;--topbar-border: #e9ecef;--table-header-bg: #f8f9fa;--table-border: #f1f3f4;--table-row-hover: #f8f9fa;--table-row-stripe: #fafbfc;--badge-bg: #e9ecef;--badge-text: #495057;--skeleton-base: #f0f0f0;--skeleton-shine: #e0e0e0;--chart-grid: #e9ecef;--chart-text: #6c757d}[data-theme="dark"]{--color-mode: 'dark';--primary: #7c93f5;--primary-hover: #8fa3f7;--primary-light: rgba(124, 147, 245, 0.15);--primary-gradient: linear-gradient(135deg, #7c93f5 0%, #9b6dff 100%);--success: #2ecc71;--success-light: rgba(46, 204, 113, 0.15);--success-bg: rgba(46, 204, 113, 0.15);--success-border: rgba(46, 204, 113, 0.3);--success-text: #2ecc71;--danger: #ff6b6b;--danger-light: rgba(255, 107, 107, 0.15);--danger-bg: rgba(255, 107, 107, 0.15);--danger-border: rgba(255, 107, 107, 0.3);--danger-text: #ff6b6b;--warning: #feca57;--warning-light: rgba(254, 202, 87, 0.15);--warning-bg: rgba(254, 202, 87, 0.15);--warning-border: rgba(254, 202, 87, 0.3);--warning-text: #feca57;--info: #54a0ff;--info-light: rgba(84, 160, 255, 0.15);--info-bg: rgba(84, 160, 255, 0.15);--info-border: rgba(84, 160, 255, 0.3);--info-text: #54a0ff;--bg: #0f1117;--bg-elevated: #1a1d29;--bg-hover: #252836;--bg-active: #2d3142;--bg-muted: #1e2130;--surface: #1a1d29;--surface-2: #252836;--surface-3: #2d3142;--surface-overlay: rgba(0, 0, 0, 0.7);--text: #e8e9ed;--text-secondary: #b8bbc4;--text-muted: #8b8f9d;--text-disabled: #5c5f6d;--text-inverse: #0f1117;--border: #2d3142;--border-light: #252836;--border-dark: #383d52;--border-focus: #7c93f5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);--shadow: 0 2px 8px rgba(0, 0, 0, 0.4);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);--shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.7);--shadow-primary: 0 4px 12px rgba(124, 147, 245, 0.25);--input-bg: #252836;--input-border: #383d52;--input-focus-border: #7c93f5;--input-focus-shadow: 0 0 0 3px rgba(124, 147, 245, 0.2);--input-placeholder: #5c5f6d;--scrollbar-bg: #1a1d29;--scrollbar-thumb: #383d52;--scrollbar-thumb-hover: #4a4f65;--sidebar-bg: #0f1117;--sidebar-hover: #1a1d29;--sidebar-text: #8b8f9d;--sidebar-text-active: #ffffff;--sidebar-border: rgba(255, 255, 255, 0.05);--topbar-bg: #1a1d29;--topbar-text: #e8e9ed;--topbar-border: #2d3142;--table-header-bg: #1e2130;--table-border: #2d3142;--table-row-hover: #252836;--table-row-stripe: #1e2130;--badge-bg: #2d3142;--badge-text: #b8bbc4;--skeleton-base: #252836;--skeleton-shine: #2d3142;--chart-grid: #2d3142;--chart-text: #8b8f9d}.theme-toggle{display:flex;align-items:center;gap:8px;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer;transition:all 0.3s ease;color:var(--text-secondary);font-size:0.9rem}.theme-toggle:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.theme-toggle-icon{font-size:1.1rem;transition:transform 0.3s ease}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}[data-theme="dark"] .theme-toggle .fa-sun{display:inline-block}[data-theme="dark"] .theme-toggle .fa-moon{display:none}:root .theme-toggle .fa-sun,[data-theme="light"] .theme-toggle .fa-sun{display:none}:root .theme-toggle .fa-moon,[data-theme="light"] .theme-toggle .fa-moon{display:inline-block}@media (max-width: 768px){.theme-toggle{padding:6px 10px}.theme-toggle-text{display:none}}body{background-color:var(--bg);color:var(--text);transition:background-color 0.3s ease, color 0.3s ease}::selection{background:var(--primary);color:var(--text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg)}a{color:var(--primary)}a:hover{color:var(--primary-hover)}hr{border-color:var(--border)}code,pre{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}table{border-color:var(--table-border)}th{background:var(--table-header-bg);color:var(--text-muted)}td{border-color:var(--table-border)}tr:hover{background:var(--table-row-hover)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::placeholder{color:var(--input-placeholder)}:disabled,.disabled{opacity:0.6;cursor:not-allowed}.app-layout,.sidebar,.topbar,.main-content,.card-improved,.insight-card,.table-container,.modal-dialog-improved,.alert,.btn,input,select,textarea{transition:background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease}.no-transitions,.no-transitions *{transition:none !important}.card-improved,.summary-card,.insight-card,.alert-card,.info-card,.month-navigation-improved,.month-header-improved,.insights-section,.table-container,.transaction-form,.auth-card{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}[data-theme="dark"] .card-improved,[data-theme="dark"] .summary-card,[data-theme="dark"] .insight-card,[data-theme="dark"] .alert-card,[data-theme="dark"] .info-card,[data-theme="dark"] .month-navigation-improved,[data-theme="dark"] .month-header-improved,[data-theme="dark"] .insights-section,[data-theme="dark"] .table-container,[data-theme="dark"] .transaction-form,[data-theme="dark"] .auth-card{background:var(--surface);border-color:var(--border)}[data-theme="dark"] .income-card{background:linear-gradient(135deg, rgba(46,204,113,0.08), var(--surface))}[data-theme="dark"] .expense-card{background:linear-gradient(135deg, rgba(255,107,107,0.08), var(--surface))}[data-theme="dark"] .balance-card{background:linear-gradient(135deg, rgba(84,160,255,0.08), var(--surface))}[data-theme="dark"] .balance-card.positive-balance{background:linear-gradient(135deg, rgba(46,204,113,0.08), var(--surface))}[data-theme="dark"] .balance-card.negative-balance{background:linear-gradient(135deg, rgba(255,107,107,0.08), var(--surface))}[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4,[data-theme="dark"] h5,[data-theme="dark"] h6{color:var(--text)}[data-theme="dark"] .dashboard-header h1,[data-theme="dark"] .month-header h1,[data-theme="dark"] .header-content h1,[data-theme="dark"] .planning-title,[data-theme="dark"] .section-title,[data-theme="dark"] .insights-title,[data-theme="dark"] .table-header h3{color:var(--text)}[data-theme="dark"] .card-content h3,[data-theme="dark"] .summary-card h3,[data-theme="dark"] .summary-card h4,[data-theme="dark"] .insight-label{color:var(--text-muted)}[data-theme="dark"] .description-cell strong,[data-theme="dark"] .copy-desc{color:var(--text)}[data-theme="dark"] .month-summary{color:var(--text-muted)}[data-theme="dark"] .income-section,[data-theme="dark"] .expense-section,[data-theme="dark"] .category-summary,[data-theme="dark"] .copy-summary,[data-theme="dark"] .modal-footer-improved,[data-theme="dark"] .table-header,[data-theme="dark"] .table-footer{background:var(--surface-2);border-color:var(--border)}[data-theme="dark"] .month-content{background:var(--surface);box-shadow:var(--shadow)}[data-theme="dark"] .category-item,[data-theme="dark"] .transaction-item{background:var(--surface);border-color:var(--border)}[data-theme="dark"] .transaction-item:hover{background:var(--surface-2)}[data-theme="dark"] .alert-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-theme="dark"] .alert-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}[data-theme="dark"] .alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-theme="dark"] .transactions-table-improved thead,[data-theme="dark"] .transactions-table-improved th{background:var(--table-header-bg);color:var(--text-muted);border-color:var(--table-border)}[data-theme="dark"] .transactions-table-improved td{border-color:var(--table-border);color:var(--text)}[data-theme="dark"] .transaction-row-improved:hover{background:var(--table-row-hover)}[data-theme="dark"] .form-control,[data-theme="dark"] .filter-select,[data-theme="dark"] .month-select,[data-theme="dark"] .year-select,[data-theme="dark"] select,[data-theme="dark"] input[type="text"],[data-theme="dark"] input[type="email"],[data-theme="dark"] input[type="password"],[data-theme="dark"] input[type="number"],[data-theme="dark"] input[type="date"],[data-theme="dark"] textarea{background:var(--input-bg);border-color:var(--input-border);color:var(--text)}[data-theme="dark"] .form-control:focus,[data-theme="dark"] .filter-select:focus,[data-theme="dark"] select:focus,[data-theme="dark"] input:focus,[data-theme="dark"] textarea:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow);background:var(--surface-2)}[data-theme="dark"] .form-group label,[data-theme="dark"] .auth-form label{color:var(--text)}[data-theme="dark"] .btn-outline-primary{border-color:var(--primary);color:var(--primary)}[data-theme="dark"] .btn-outline-secondary{border-color:var(--text-muted);color:var(--text-muted)}[data-theme="dark"] .btn-outline-danger{border-color:var(--danger);color:var(--danger)}[data-theme="dark"] .month-tabs{border-color:var(--border)}[data-theme="dark"] .month-tab,[data-theme="dark"] .month-tab-improved{background:var(--surface);border-color:var(--border);color:var(--text-muted)}[data-theme="dark"] .month-tab:hover,[data-theme="dark"] .month-tab-improved:hover{background:var(--surface-2);color:var(--text)}[data-theme="dark"] .copy-tab-buttons{background:var(--surface-2);border-color:var(--border)}[data-theme="dark"] .copy-tab-btn{color:var(--text-muted)}[data-theme="dark"] .copy-tab-btn:hover{background:var(--primary-light);color:var(--primary)}[data-theme="dark"] .copy-tab-btn.active{background:var(--surface);color:var(--primary);border-color:var(--primary)}[data-theme="dark"] .category-tag,[data-theme="dark"] .copy-cat,[data-theme="dark"] .transaction-info .category{background:var(--badge-bg);color:var(--badge-text)}[data-theme="dark"] .status-badge.pending{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}[data-theme="dark"] .status-badge.paid{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}[data-theme="dark"] .empty-state,[data-theme="dark"] .empty-transactions,[data-theme="dark"] .empty-copy{background:var(--surface);border-color:var(--border);color:var(--text-muted)}[data-theme="dark"] .modal-overlay{background:var(--surface-overlay)}[data-theme="dark"] .modal-dialog-improved,[data-theme="dark"] .delete-modal{background:var(--surface);box-shadow:var(--shadow-xl)}[data-theme="dark"] .modal-body-improved{color:var(--text)}[data-theme="dark"] .modal-intro{color:var(--text-secondary)}[data-theme="dark"] .copy-tabs-container{background:var(--surface);border-color:var(--border)}[data-theme="dark"] .transaction-copy-item{background:var(--surface);border-color:var(--border)}[data-theme="dark"] .transaction-copy-item:hover{background:var(--primary-light);border-color:var(--primary)}[data-theme="dark"] .transaction-copy-item.selected{background:var(--primary-light);border-color:var(--primary)}[data-theme="dark"] .copy-actions{background:var(--surface-2);border-color:var(--border)}[data-theme="dark"] .btn-select-all,[data-theme="dark"] .btn-select-none{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme="dark"] .btn-modal.btn-secondary{background:var(--surface-2);color:var(--text)}[data-theme="dark"] .delete-modal-overlay{background:var(--surface-overlay)}[data-theme="dark"] .delete-modal{background:var(--surface)}[data-theme="dark"] .delete-modal-title{color:var(--text)}[data-theme="dark"] .delete-modal-message{color:var(--text-secondary)}[data-theme="dark"] .delete-modal-icon{background:linear-gradient(135deg, rgba(255,107,107,0.2), rgba(255,107,107,0.1))}[data-theme="dark"] .delete-modal-icon i{color:var(--danger)}[data-theme="dark"] .delete-modal-checkbox{background:var(--surface-2);border-color:var(--border)}[data-theme="dark"] .delete-modal-checkbox label{color:var(--text-secondary)}[data-theme="dark"] .delete-modal-btn.cancel{background:var(--surface-2);color:var(--text)}[data-theme="dark"] .delete-modal-btn.cancel:hover{background:var(--surface-3)}[data-theme="dark"] .transactions-list::-webkit-scrollbar-track,[data-theme="dark"] .category-summary::-webkit-scrollbar-track,[data-theme="dark"] .table-wrapper::-webkit-scrollbar-track{background:var(--scrollbar-bg)}[data-theme="dark"] .transactions-list::-webkit-scrollbar-thumb,[data-theme="dark"] .category-summary::-webkit-scrollbar-thumb,[data-theme="dark"] .table-wrapper::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}[data-theme="dark"] .transactions-list::-webkit-scrollbar-thumb:hover,[data-theme="dark"] .category-summary::-webkit-scrollbar-thumb:hover,[data-theme="dark"] .table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme="dark"] .transaction-info strong{color:var(--text)}[data-theme="dark"] .transaction-info .date{color:var(--text-muted)}[data-theme="dark"] .transaction-amount{color:var(--text)}[data-theme="dark"] .transaction-item.pending{background:var(--warning-light)}[data-theme="dark"] .transaction-item.paid{background:rgba(46,204,113,0.05)}[data-theme="dark"] .transaction-item.overdue{background:var(--danger-light)}[data-theme="dark"] .card-main-value.positive,[data-theme="dark"] .secondary-value.positive,[data-theme="dark"] .insight-amount.positive,[data-theme="dark"] .month-summary .positive,[data-theme="dark"] .total-amount.positive,[data-theme="dark"] .copy-val.income,[data-theme="dark"] .amount-cell.income{color:var(--success)}[data-theme="dark"] .card-main-value.negative,[data-theme="dark"] .secondary-value.negative,[data-theme="dark"] .insight-amount.negative,[data-theme="dark"] .month-summary .negative,[data-theme="dark"] .total-amount.negative,[data-theme="dark"] .copy-val.expense,[data-theme="dark"] .amount-cell.expense,[data-theme="dark"] .category-amount{color:var(--danger)}[data-theme="dark"] .insight-card{background:var(--surface-2);border-color:var(--border)}[data-theme="dark"] .insight-card.positive-insight{background:linear-gradient(135deg, rgba(46,204,113,0.1), var(--surface-2));border-color:var(--success)}[data-theme="dark"] .insight-card.negative-insight{background:linear-gradient(135deg, rgba(255,107,107,0.1), var(--surface-2));border-color:var(--danger)}[data-theme="dark"] .insight-value{color:var(--text)}[data-theme="dark"] .alert-danger-improved{background:linear-gradient(135deg, rgba(255,107,107,0.1), var(--surface))}[data-theme="dark"] .alert-warning-improved{background:linear-gradient(135deg, rgba(254,202,87,0.1), var(--surface))}[data-theme="dark"] .alert-header strong{color:var(--text)}[data-theme="dark"] .alert-transaction{background:var(--surface-2);color:var(--text-secondary)}[data-theme="dark"] .section-total.income{background:rgba(46,204,113,0.1);border-color:var(--success);color:var(--success)}[data-theme="dark"] .section-total.expense{background:rgba(255,107,107,0.1);border-color:var(--danger);color:var(--danger)}[data-theme="dark"] .card-breakdown{border-color:var(--border)}[data-theme="dark"] .breakdown-label{color:var(--text-muted)}[data-theme="dark"] .breakdown-value{color:var(--text)}[data-theme="dark"] .card-message{background:var(--surface-2);color:var(--text-muted)}[data-theme="dark"] .card-message.alert{background:var(--danger-light);color:var(--danger)}[data-theme="dark"] .footer-hint{color:var(--text-muted)}[data-theme="dark"] .planning-info{color:var(--text)}[data-theme="dark"] .info-card h3{color:var(--primary)}[data-theme="dark"] .info-card li,[data-theme="dark"] .info-card p{color:var(--text-secondary)}[data-theme="dark"] .auth-header h1{color:var(--text)}[data-theme="dark"] .auth-header p{color:var(--text-muted)}[data-theme="dark"] .auth-form .form-control{background:var(--input-bg);border-color:var(--input-border);color:var(--text)}[data-theme="dark"] .input-with-icon{background:var(--input-bg);border-color:var(--input-border)}[data-theme="dark"] .input-with-icon:focus-within{border-color:var(--input-focus-border);background:var(--surface-2);box-shadow:var(--input-focus-shadow)}[data-theme="dark"] .auth-links{border-color:var(--border)}[data-theme="dark"] .auth-links p{color:var(--text-muted)}[data-theme="dark"] .fab-menu{background:var(--surface);box-shadow:var(--shadow-lg)}[data-theme="dark"] .fab-option{color:var(--text)}[data-theme="dark"] .fab-option:hover{background:var(--bg-hover)}[data-theme="dark"] .checkbox-toggle:hover{background:var(--surface-2)}[data-theme="dark"] .checkbox-btn.unchecked{background:var(--surface-2)}[data-theme="dark"] .date-cell{color:var(--text-secondary)}[data-theme="dark"] .date-status.overdue{color:var(--danger)}[data-theme="dark"] .date-status.today{color:var(--warning)}[data-theme="dark"] .date-status.paid{color:var(--success)}[data-theme="dark"] .transaction-notes{color:var(--text-muted)}[data-theme="dark"] .payment-method{color:var(--text-muted)}[data-theme="dark"] .skeleton{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shine) 50%, var(--skeleton-base) 75%);background-size:200% 100%}[data-theme="dark"] .toast-notification{box-shadow:var(--shadow-lg)}[data-theme="dark"] .nav-arrow{background:var(--primary-gradient)}[data-theme="dark"] .btn-current-month{background:var(--info)}[data-theme="dark"] .btn-current-month:hover{background:#4592d6}[data-theme="dark"] .chart-container{background:var(--surface)}[data-theme="dark"] .input-group{border-color:var(--input-border)}[data-theme="dark"] .input-prefix{background:var(--surface-2);border-color:var(--input-border);color:var(--text-muted)}[data-theme="dark"] .progress-bar{background:var(--surface-3)}[data-theme="dark"] .btn-action:hover{background:var(--surface-2)}[data-theme="dark"] .income-section,[data-theme="dark"] .expense-section{border-color:var(--border)}[data-theme="dark"] .income-section h2,[data-theme="dark"] .expense-section h2{color:var(--text);border-color:var(--border)}[data-theme="dark"] .month-header,[data-theme="dark"] .summary-row h3{border-color:var(--border);color:var(--text)}[data-theme="dark"] .category-summary h3{color:var(--text)}[data-theme="dark"] .category-name{color:var(--text)}[data-theme="dark"] .category-percentage{color:var(--text-muted)}