:root{--primary:#3498db;--primary-dark:#2980b9;--primary-light:#5dade2;--primary-alpha:#3498db33;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--text-muted:#95a5a6;--card-bg:#fff;--card-border:#e9ecef;--card-shadow:0 2px 4px #0000001a;--nav-bg:#34495e;--nav-active-border:#3498db;--header-bg:linear-gradient(135deg,var(--header-start) 0%,var(--header-end) 100%);--header-text:#fff;--success:#27ae60;--success-light:#2ecc71;--success-bg:#d5f4e6;--warning:#f39c12;--warning-light:#f1c40f;--warning-bg:#fef9e7;--danger:#e74c3c;--danger-light:#ec7063;--danger-bg:#fadbd8;--info:#3498db;--info-light:#5dade2;--info-bg:#d6eaf8;--input-bg:#fff;--input-border:#bdc3c7;--input-focus:#3498db;--input-error:#e74c3c;--btn-primary-bg:#3498db;--btn-primary-hover:#2980b9;--btn-primary-text:#fff;--btn-secondary-bg:#95a5a6;--btn-secondary-hover:#7f8c8d;--btn-secondary-text:#fff;--btn-success-bg:#27ae60;--btn-success-hover:#229954;--btn-success-text:#fff;--btn-danger-bg:#e74c3c;--btn-danger-hover:#c0392b;--btn-danger-text:#fff;--table-header-bg:#34495e;--table-header-text:#fff;--table-row-hover:#f8f9fa;--category-section-bg:#e6f2ff;--border-light:#e9ecef;--border-medium:#bdc3c7;--border-dark:#7f8c8d;--hover-bg:#f8f9fa;--focus-ring:#3498db4d;--disabled-bg:#e9ecef;--disabled-text:#95a5a6;--disabled-border:#bdc3c7;--amount-positive:#27ae60;--amount-negative:#e74c3c;--amount-neutral:#7f8c8d;--amount-income:#2ecc71;--amount-expense:#e67e22;--chart-grid:#0000001a;--chart-text:#7f8c8d;--chart-tooltip-bg:#2c3e50;--chart-tooltip-text:#fff;--header-start:#667eea;--header-end:#764ba2}:root[data-theme=dark]{--primary:#5dade2;--primary-dark:#3498db;--primary-light:#85c1e9;--primary-alpha:#5dade233;--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3d3d3d;--text-primary:#ecf0f1;--text-secondary:#bdc3c7;--text-muted:#95a5a6;--card-bg:#2d2d2d;--card-border:#4d4d4d;--card-shadow:0 2px 8px #0000004d;--nav-bg:#212529;--nav-text:#ecf0f1;--nav-active-bg:#5dade233;--nav-active-border:#5dade2;--header-bg:linear-gradient(135deg,var(--header-start) 0%,var(--header-end) 100%);--header-text:#ecf0f1;--success:#2ecc71;--success-light:#58d68d;--success-bg:#2ecc7133;--warning:#f1c40f;--warning-light:#f4d03f;--warning-bg:#f1c40f33;--danger:#ec7063;--danger-light:#f1948a;--danger-bg:#ec706333;--info:#5dade2;--info-light:#85c1e9;--info-bg:#5dade233;--input-bg:#3d3d3d;--input-border:#5d5d5d;--input-focus:#5dade2;--input-error:#ec7063;--btn-primary-bg:#5dade2;--btn-primary-hover:#3498db;--btn-primary-text:#1a1a1a;--btn-secondary-bg:#6c757d;--btn-secondary-hover:#5a6268;--btn-secondary-text:#ecf0f1;--btn-success-bg:#2ecc71;--btn-success-hover:#27ae60;--btn-success-text:#1a1a1a;--btn-danger-bg:#ec7063;--btn-danger-hover:#e74c3c;--btn-danger-text:#fff;--table-header-bg:#212529;--table-header-text:#ecf0f1;--table-row-hover:#3d3d3d;--category-section-bg:#1f3b57;--border-light:#4d4d4d;--border-medium:#5d5d5d;--border-dark:#6d6d6d;--hover-bg:#3d3d3d;--focus-ring:#5dade24d;--disabled-bg:#4d4d4d;--disabled-text:#7f8c8d;--disabled-border:#5d5d5d;--amount-positive:#2ecc71;--amount-negative:#ec7063;--amount-neutral:#bdc3c7;--amount-income:#58d68d;--amount-expense:#f39c12;--chart-grid:#ffffff1a;--chart-text:#bdc3c7;--chart-tooltip-bg:#ecf0f1;--chart-tooltip-text:#2c3e50;--header-start:#3b3f9f;--header-end:#5b2d88}:root[data-theme=high-contrast]{--primary:#06c;--primary-dark:#049;--primary-light:#38d;--bg-primary:#fff;--bg-secondary:#f0f0f0;--bg-tertiary:#e0e0e0;--text-primary:#000;--text-secondary:#333;--text-muted:#666;--card-bg:#fff;--card-border:#000;--card-shadow:0 2px 4px #00000080;--success:#060;--warning:#c60;--danger:#c00;--info:#06c;--input-bg:#fff;--input-border:#000;--input-focus:#06c;--border-light:#666;--border-medium:#333;--border-dark:#000}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-theme=dark] .nav-btn{color:#fff;color:var(--nav-text)}:root[data-theme=dark] .nav-btn:hover{background-color:#5dade21a}:root[data-theme=dark] .summary-card{background:#fff;background:var(--card-bg);border:1px solid #e9ecef;border:1px solid var(--card-border)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#7f8c8d;color:var(--text-muted)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#bdc3c7;background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7f8c8d;background:var(--border-dark)}:root[data-theme=dark] ::-webkit-scrollbar-track{background:#e9ecef;background:var(--bg-tertiary)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#e9ecef;background:var(--border-light)}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#bdc3c7;background:var(--border-medium)}::selection{background-color:#3498db33;background-color:var(--primary-alpha);color:#2c3e50;color:var(--text-primary)}::-moz-selection{background-color:#3498db33;background-color:var(--primary-alpha);color:#2c3e50;color:var(--text-primary)}:root,:root[data-theme=dark]{--bg:var(--bg-primary);--text:var(--text-primary);--text-muted:var(--text-secondary);--surface:var(--card-bg);--surface-muted:var(--table-header-bg);--border:var(--border-light)}:root{--header-height:100px;--page-max:1400px;--page-gutter:20px}.app-header{align-items:center;background:var(--header-bg);box-shadow:0 2px 4px #0000001a;color:var(--header-text);display:flex;height:100px;height:var(--header-height);left:0;min-height:100px;min-height:var(--header-height);padding:.5rem 0;position:fixed;right:0;top:0;z-index:1000}.header-content{gap:.75rem;height:100%;margin:0 auto;max-width:min(98vw,1400px);max-width:min(98vw,var(--page-max));min-height:80px;padding:0 1rem;width:100%}.app-title-section{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.app-logo{font-size:1.5rem}.app-title{font-size:1.25rem;line-height:1.2;margin:0}.app-subtitle{font-size:.75rem;line-height:1;margin:0;opacity:.8}.month-selector{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.month-label{font-size:.75rem;font-weight:500;white-space:nowrap}.month-select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:.375rem;font-size:.75rem;min-width:120px;padding:.25rem .5rem}.month-select,.month-select option{color:var(--text-primary)}.month-select:focus{outline:2px solid var(--input-focus)}.theme-toggle{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:.375rem;color:var(--header-text);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;gap:.5rem;padding:.375rem .75rem;transition:all .2s ease}.header-stats{align-items:center;gap:2rem}.stat-item{align-items:center;display:flex;flex-direction:column;min-width:170px;text-align:center}.app-header .stat-label{font-size:.9rem}.app-header .stat-label,.stat-label{color:#fff;font-weight:600;opacity:1}.stat-label{margin-bottom:.5rem;text-shadow:0 1px 3px #00000080}.homepage-redesigned .overview-stat .stat-value{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:.5rem;display:flex;font-size:1.4rem;justify-content:center;min-height:2.5rem;padding:.5rem .75rem;text-shadow:0 1px 3px #00000080;transition:all .3s ease}.version-info{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;font-size:.625rem;opacity:.7}.privacy-badge{background:#059669;border:1px solid #fff3;border-radius:15px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:.625rem;font-weight:600;padding:.25rem .5rem;position:fixed;right:10px;top:10px;transition:all .2s ease;z-index:1001}.nav-bar{background:var(--nav-bg);box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:0;padding:0;position:sticky;top:100px;top:var(--header-height);z-index:999}.calculator-nav-btn,.nav-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--nav-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;min-width:0;padding:1rem 1.5rem;transition:all .3s ease}.calculator-nav-btn:hover,.nav-btn:hover{background-color:#ffffff1a;color:var(--nav-text)}.nav-btn.active{background-color:var(--nav-active-bg);border-bottom-color:var(--nav-active-border)}.calculator-nav-btn{margin-left:auto}.calculator-nav-btn.active,.calculator-nav-btn:hover{border-bottom-color:#f39c12}.calculator-nav-btn.active{background-color:#f39c1233;color:#f39c12}.nav-label{white-space:nowrap}.main-content{margin:156px auto 0;margin-top:calc(var(--header-height) + var(--nav-height));max-width:1400px;max-width:var(--page-max);min-height:calc(100vh - 156px);min-height:calc(100vh - var(--header-height) - var(--nav-height));padding:10px 20px 20px;padding:10px var(--page-gutter) var(--page-gutter) var(--page-gutter);width:100%}.card-container,.content-wrapper,.dashboard-container,.dashboard-wrapper,.homepage-container,.homepage-redesigned,.page-container{margin-left:auto;margin-right:auto;max-width:min(98vw,1400px);max-width:min(98vw,var(--page-max));padding-left:20px;padding-left:var(--page-gutter);padding-right:20px;padding-right:var(--page-gutter);width:100%}.annual-expenses-page,.monthly-expenses-page,.weekly-planner-page{max-width:none;padding-top:0}.btn{border:1px solid #0000;border-radius:.375rem;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.btn:disabled{background-color:var(--disabled-bg);border-color:var(--disabled-border);color:var(--disabled-text);cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:var(--primary)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,var(--btn-secondary-bg) 0,#545b62 100%);border-color:var(--btn-secondary-bg);color:#fff}.btn-secondary:hover:not(:disabled){box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success) 0,#1e7e34 100%);border-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0,#c82333 100%);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.btn-outline{background-color:initial;border-color:var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background-color:var(--primary);color:#fff}.btn-sm{font-size:.75rem;padding:.25rem .75rem}.btn-lg{padding:.75rem 1.5rem}.btn-icon,.btn-lg{font-size:1rem}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;box-shadow:var(--card-shadow);overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 1.5rem 0}.card-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.card-subtitle{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}.card-content{padding:1.5rem}.card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.accordion-toggle{background:none;border:none;cursor:pointer;font-size:1rem}.accordion-toggle:focus{outline:none}.summary-section{margin-bottom:2rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.summary-card:before{background:var(--primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:background .2s ease}.summary-card.positive:before{background:var(--success)}.summary-card.negative:before{background:var(--danger)}.summary-card.income:before{background:var(--amount-income)}.summary-card.expense:before{background:var(--amount-expense)}.summary-icon{flex-shrink:0;font-size:2rem}.summary-content{flex:1 1;min-width:0}.summary-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.summary-amount{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.summary-amount.positive{color:var(--amount-positive)}.summary-amount.negative{color:var(--amount-negative)}.summary-amount.income{color:var(--amount-income)}.summary-amount.expense{color:var(--amount-expense)}.summary-description{color:var(--text-muted);font-size:.75rem}.summary-trend{flex-shrink:0}.trend-indicator{font-size:1.25rem}.quick-actions{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;margin-bottom:2rem;max-width:none;padding:1.5rem;width:100%}.actions-header{margin-bottom:1.5rem;text-align:center}.actions-header h3{color:var(--text-primary);margin:0 0 .5rem}.actions-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.actions-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.action-btn{flex-direction:column;gap:.5rem;min-height:80px;padding:1rem}.action-btn .btn-icon{font-size:1.5rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.overview-card{grid-column:span 2}.chart-card{min-height:400px}.accounts-overview-card{grid-column:span 2}.health-card,.insights-card,.upcoming-card{min-height:300px}.overview-stats{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-item{background:var(--bg-secondary);border-radius:.375rem;padding:1rem;text-align:center}.overview-item.highlight{background:var(--primary-alpha);border:2px solid var(--primary)}.overview-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.overview-value{color:var(--text-primary);font-size:1.25rem;font-weight:600}.overview-value.positive{color:var(--amount-positive)}.overview-value.negative{color:var(--amount-negative)}.overview-value.income{color:var(--amount-income)}.overview-value.expense{color:var(--amount-expense)}.overview-value.warning{color:var(--warning)}.health-metrics{grid-gap:1rem;display:grid;gap:1rem}.health-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.75rem 0}.health-item:last-child{border-bottom:none}.health-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.health-value{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.health-indicator{align-items:center;display:flex;gap:.5rem}.indicator-bar{border-radius:4px;height:8px;width:100px}.indicator-fill{border-radius:4px;height:100%;transition:width .3s ease}.indicator-text{color:var(--text-secondary);font-size:.75rem;font-weight:500}.health-metrics-compact{display:flex;flex-direction:column;gap:1rem}.health-item-compact{align-items:center;background:var(--bg-secondary);border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.indicator-bar{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:3px;height:6px;overflow:hidden;width:60px}.insights-list,.insights-list-compact{display:flex;flex-direction:column;gap:.75rem}.insight-item{align-items:center;border-radius:.5rem;display:flex;font-size:.875rem;gap:.75rem;line-height:1.4;padding:.75rem}.insight-item.success{background:var(--success-bg);color:var(--success)}.insight-item.warning{background:var(--warning-bg);color:var(--warning)}.insight-item.info{background:var(--info-bg);color:var(--info)}.insight-icon{flex-shrink:0;font-size:1rem}.insight-text{flex:1 1;font-weight:500}.editor-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;display:flex;flex-direction:column;margin:1rem;overflow:hidden}.editor-inner{background:var(--bg-primary);position:relative}.editor-input{caret-color:var(--text-primary);max-height:500px;min-height:250px;outline:none;overflow-y:auto;padding:1rem 1.5rem;resize:vertical}.editor-placeholder{color:var(--text-muted);left:1.5rem;overflow:hidden;pointer-events:none;position:absolute;top:1rem;-webkit-user-select:none;user-select:none}.toolbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--card-border);flex-wrap:wrap;gap:.5rem;padding:.5rem}.icon-btn,.toolbar{align-items:center;display:flex}.icon-btn{background-color:initial;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:.375rem}.icon-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.icon-btn.active{background-color:var(--primary-alpha);color:var(--primary)}.select{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:4px;color:var(--text-primary);padding:.375rem .75rem}.divider{align-self:stretch;background-color:var(--card-border);margin:0 .5rem;width:1px}.editor-heading-h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.editor-heading-h2{border-bottom:1px solid var(--border-light);font-size:1.5rem;margin:1rem 0;padding-bottom:.25rem}.editor-heading-h2,.editor-heading-h3{color:var(--text-primary);font-weight:600}.editor-heading-h3{font-size:1.25rem;margin:.75rem 0}.editor-quote{border-left:4px solid var(--primary-alpha);color:var(--text-secondary);font-style:italic;margin:1rem 0;padding-left:1rem}.editor-list-ol,.editor-list-ul{padding-left:2rem}.editor-listitem{margin:.5rem 0}.editor-link{color:var(--primary);text-decoration:underline}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-code{background-color:var(--bg-secondary);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:90%;padding:.1rem .3rem}.accounts-manager-container{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.accounts-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.account-stat-card{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;box-shadow:var(--card-shadow);display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.account-stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.stat-icon-primary{background:#3498db1a;color:var(--primary)}.stat-icon-success{background:#27ae601a;color:var(--success)}.stat-icon-warning{background:#f39c121a;color:var(--warning)}.stat-content{flex:1 1;min-width:0}.homepage-redesigned .overview-stat .stat-value{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:var(--text-secondary)}.add-account-section{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:1rem;box-shadow:var(--card-shadow);color:#fff;overflow:hidden;padding:2rem;position:relative}.add-account-section:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.add-account-header{margin-bottom:1.5rem;position:relative;z-index:1}.add-account-title{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:.5rem}.add-account-icon{font-size:1.25rem}.add-account-subtitle{color:#ffffffe6;font-size:.875rem;line-height:1.4}.add-account-form{position:relative;z-index:1}.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.form-label-white{color:#ffffffe6;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-white{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26!important;border:1px solid #ffffff4d!important;color:#fff!important}.input-white::placeholder{color:#fff9!important}.input-white:focus{background:#fff3!important;border-color:#ffffff80!important;box-shadow:0 0 0 3px #ffffff1a!important}.btn-white{background-color:#fff!important;border-color:#fff!important;color:var(--primary)!important}.btn-white:hover{background-color:#f8f9fa!important;transform:translateY(-1px)}.btn-white-outline{background-color:initial!important;border:1px solid #ffffff80!important;color:#fff!important}.btn-white-outline:hover{background-color:#ffffff1a!important;border-color:#fff!important}.accounts-list-icon{font-size:1.25rem;margin-right:.5rem}.accounts-empty-state{color:var(--text-muted);padding:3rem 1rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state-text{color:var(--text-secondary);font-size:.875rem}.accounts-list{display:flex;flex-direction:column}.account-item{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .2s ease}.account-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.account-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.account-info{flex:1 1;min-width:0}.account-name{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.account-icon{font-size:1rem}.account-bank{color:var(--text-secondary)}.account-actions{flex-shrink:0;gap:.5rem}.account-btn-delete,.account-btn-edit{font-size:.75rem!important;padding:.375rem .75rem!important}.account-details-grid{grid-gap:1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1rem;padding:1rem}.account-detail{text-align:center}.detail-label{color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.detail-value{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:600}.account-balance{align-items:center;background:linear-gradient(135deg,var(--success) 0,var(--success-light) 100%);border-radius:.5rem;color:#fff;display:flex;justify-content:space-between;margin-top:1rem;padding:1rem}.balance-label{font-weight:500}.balance-amount{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.25rem}.version-indicator{align-items:flex-end;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.375rem;bottom:1rem;box-shadow:var(--card-shadow);color:var(--text-muted);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;padding:.5rem .75rem;position:fixed;right:1rem;z-index:50}.last-updated{font-size:.625rem;opacity:.7}.homepage-container{margin:0 auto;max-width:1400px;padding:1rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;text-align:left}.page-header-content{flex:1 1}.page-header .page-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-header .page-description{color:var(--text-secondary);font-size:1rem;margin:0}.page-header-actions{flex-shrink:0;margin-left:2rem}.page-title:not(.import-export-redesigned .page-title):not(.empty-state h2){-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-description{font-size:1rem}.homepage-redesigned{margin:0 auto;max-width:1400px;padding:1rem}.homepage-main-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:2rem}.homepage-left-column,.homepage-right-column{display:flex;flex-direction:column;gap:1.5rem}.financial-overview-card .card-content{padding:1rem}.financial-overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.overview-stat{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;max-width:100%;min-width:0;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.overview-stat:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.overview-stat.highlight{background:linear-gradient(135deg,var(--primary-alpha),var(--bg-secondary));border:2px solid var(--primary)}.stat-icon.income{background:#10b98133}.stat-icon.expense,.stat-icon.income{border:2px solid #fff3;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;color:#fff;text-shadow:0 1px 2px #000000b3}.stat-icon.expense{background:#ef444433}.stat-icon.annual{background:#fbbf2433}.stat-icon.annual,.stat-icon.positive{border:2px solid #fff3;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;color:#fff;text-shadow:0 1px 2px #000000b3}.stat-icon.positive{background:#10b9814d}.stat-icon.negative{background:#ef44444d}.stat-icon.negative,.stat-icon.warning{border:2px solid #fff3;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;color:#fff;text-shadow:0 1px 2px #000000b3}.stat-icon.warning{background:#fbbf244d}.homepage-redesigned .overview-stat .stat-value.income{background:#10b9811a;border:1px solid #10b9814d;border-radius:.375rem;color:#10b981;padding:.25rem .5rem}.homepage-redesigned .overview-stat .stat-value.expense{background:#ef44441a;border:1px solid #ef44444d;border-radius:.375rem;color:#ef4444;padding:.25rem .5rem}.homepage-redesigned .overview-stat .stat-value.annual{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:.375rem;color:#f59e0b;padding:.25rem .5rem}.homepage-redesigned .overview-stat .stat-value.positive{background:#10b98133;border-color:#10b98166;color:#10b981;font-size:1.4rem;padding:.5rem .75rem;text-shadow:0 1px 3px #000000b3}.homepage-redesigned .overview-stat .stat-value.income-value{background:#fbbf2433;border-color:#fbbf2466;color:#fbbf24;font-size:1.4rem;padding:.5rem .75rem;text-shadow:0 1px 3px #000000b3}.homepage-redesigned .overview-stat .stat-value.expense-value{background:#ef444433;border-color:#ef444466;color:#ef4444;font-size:1.4rem;padding:.5rem .75rem;text-shadow:0 1px 3px #000000b3}.homepage-redesigned .overview-stat .stat-value.health-indicator{font-size:1.2rem;padding:.5rem .75rem;white-space:nowrap}.homepage-redesigned .overview-stat .stat-value.health-indicator.positive{background:#10b98133;border-color:#10b98166;color:#10b981}.homepage-redesigned .overview-stat .stat-value.health-indicator.negative{background:#ff6b6b33;border-color:#ff6b6b66;color:#ff6b6b}.app-header .stat-value{align-items:center;display:inline-flex;justify-content:center;line-height:1.2;white-space:nowrap}.homepage-redesigned .overview-stat .stat-value.negative{background:#ff6b6b33;border-color:#ff6b6b66;color:#ff6b6b;font-size:1.4rem;padding:.5rem .75rem;text-shadow:0 1px 3px #000000b3}.homepage-redesigned .overview-stat .stat-value.warning{background:#fbbf2426;border:1px solid #fbbf244d;border-radius:.375rem;color:#f59e0b;font-weight:700;padding:.25rem .5rem}.stat-label{color:var(--text-primary);font-size:.875rem;letter-spacing:.5px;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.overview-stat.actual-performance{align-items:center;background:linear-gradient(135deg,#0891b2,#0e7490);border:1px solid #0891b2;color:#fff;display:flex;flex-direction:row;gap:1rem;min-height:140px;min-width:280px;padding:1.5rem}.overview-stat.actual-performance .stat-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:200px}.overview-stat.actual-performance .stat-icon{background:#ffffff26;border:1px solid #ffffff40;color:#fff;flex-shrink:0;height:3rem;width:3rem}.overview-stat.actual-performance .stat-value{font-feature-settings:"tnum";border:1px solid #fff3;border-radius:.375rem;color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:1.125rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:0;line-height:1.1;min-width:fit-content;overflow:visible;padding:.5rem .75rem;text-overflow:clip}.overview-stat.actual-performance .stat-label,.overview-stat.actual-performance .stat-value{background:#ffffff1a;display:inline-block;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.overview-stat.actual-performance .stat-label{border-radius:.25rem;color:#fffffff2;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.25rem .5rem}.overview-stat.actual-performance .variance-indicator{font-feature-settings:"tnum";background:#ffffff26;border:1px solid #ffffff4d;border-radius:.375rem;color:#fff;display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:0;margin-top:.5rem;min-width:fit-content;overflow:visible;padding:.375rem .75rem;text-overflow:clip;text-shadow:0 1px 2px #0006;white-space:nowrap}.overview-stat.actual-performance:hover{background:linear-gradient(135deg,#0a7c97,#0c6b7a);box-shadow:0 4px 12px #0891b24d;transform:translateY(-2px)}.variance-indicator{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;margin-left:8px;padding:.25rem .5rem;text-shadow:0 1px 2px #00000080}.variance-indicator.variance-positive{background:#10b98133;border:1px solid #10b98166;color:#fff}.variance-indicator.variance-negative{background:#ef444433;border:1px solid #ef444466;color:#fff}.charts-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.chart-card .card-content{padding:1rem}.chart-container{display:flex;flex-direction:column;height:300px}.chart-summary{border-top:1px solid var(--border-light);margin-top:1rem;padding-top:1rem;text-align:center}.chart-stat{color:var(--text-secondary);font-size:.875rem}.accounts-table-card .card-content{padding:0}.empty-accounts-state{color:var(--text-muted);padding:3rem 1.5rem;text-align:center}.empty-accounts-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-accounts-state h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-accounts-state p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.accounts-table{width:100%}.accounts-table-header{background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:600}.accounts-table-header,.accounts-table-row{grid-gap:1rem;border-bottom:1px solid var(--border-light);display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem 1.5rem}.accounts-table-row{align-items:center;transition:background-color .2s ease}.accounts-table-row:hover{background:var(--hover-bg)}.accounts-table-row.totals{background:var(--bg-secondary);border-top:2px solid var(--border-medium);font-weight:600}.account-details{color:var(--text-muted);font-size:.75rem}.account-details,.balance-cell{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.balance-cell{font-size:.875rem;font-weight:600;text-align:right}.balance-cell.projected{color:var(--warning)}.balance-cell.net.positive{color:var(--success)}.balance-cell.net.negative{color:var(--danger)}.balance-input-compact{background:var(--input-bg);border:1px solid var(--input-border);border-radius:.375rem;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;max-width:100px;padding:.375rem .5rem;text-align:right;transition:all .2s ease;width:100%}.balance-input-compact:focus{border-color:var(--input-focus);box-shadow:0 0 0 2px var(--focus-ring);outline:none}.accounts-table-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:1rem 1.5rem;text-align:center}.accounts-overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.account-overview-item{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .2s ease}.account-overview-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.account-overview-header{margin-bottom:1rem}.account-overview-info{display:flex;flex-direction:column;gap:.25rem}.account-overview-name{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.account-overview-bank{color:var(--text-secondary);font-size:.875rem}.account-overview-balances{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.balance-row{align-items:center;display:flex;justify-content:space-between}.balance-row.total{border-top:1px solid var(--border-light);font-weight:600;margin-top:.5rem;padding-top:.75rem}.balance-label{color:var(--text-secondary);font-size:.875rem}.balance-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;padding:.375rem .75rem;text-align:right;transition:all .2s ease;width:100px}.balance-input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.balance-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.balance-value.projected{color:var(--warning)}.balance-value.positive{color:var(--success)}.balance-value.negative{color:var(--danger)}.account-overview-details{border-top:1px solid var(--border-light);padding-top:.75rem;text-align:center}.accounts-overview-footer{border-top:1px solid var(--border-light);display:flex;justify-content:center;padding-top:1rem}.no-accounts-state{color:var(--text-muted);padding:3rem 1rem;text-align:center}.no-accounts-state .empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-accounts-state h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.no-accounts-state p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.health-card-compact .card-content,.insights-card-compact .card-content,.upcoming-card-compact .card-content{padding:1rem}.expense-breakdown-container{display:flex;flex-direction:column;gap:1rem;max-height:500px}.expense-breakdown-summary{border-top:1px solid var(--border-light);padding-top:1rem}.breakdown-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.breakdown-stat{align-items:center;background:var(--bg-secondary);border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.breakdown-stat .stat-label{color:var(--text-secondary);font-size:.875rem}.breakdown-stat .stat-value{color:var(--text-primary);font-weight:600}.notes-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.notes-title-section{flex:1 1}.notes-controls{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.notes-month-select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;min-width:150px;padding:.5rem}.last-saved{color:var(--text-secondary);font-size:.75rem}.save-indicator{align-items:center;color:var(--success);display:flex;gap:.25rem}.notes-editor-card{margin-bottom:2rem}.notes-meta{align-items:center;display:flex;flex:1 1;gap:1rem}.note-title-input{background:#0000;border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary);flex:1 1;font-size:1.125rem;font-weight:600;max-width:400px;padding:.5rem 0}.note-title-input:focus{border-bottom-color:var(--primary);outline:none}.notes-settings{align-items:center;display:flex;gap:1rem}.auto-save-toggle{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.auto-save-toggle input[type=checkbox]{accent-color:var(--primary)}.notes-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.export-dropdown{display:flex;gap:.25rem}.notes-editor-content{display:flex;flex-direction:column;max-height:500px;overflow-y:auto;padding:0}.notes-editor{min-height:400px}.notes-editor .lexical-editor{height:100%;min-height:250px}.notes-editor .simple-editor-container{border:none;border-radius:0}.notes-editor .simple-toolbar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.notes-editor .toolbar-group{display:flex;gap:.25rem}.notes-editor .toolbar-btn{background:var(--btn-secondary-bg);border:1px solid var(--border-light);border-radius:.375rem;color:var(--btn-secondary-text);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.notes-editor .toolbar-btn:hover{background:var(--btn-secondary-hover);transform:translateY(-1px)}.notes-editor .simple-editor-textarea{font-family:Georgia,Times New Roman,serif;font-size:.9rem;line-height:1.6;min-height:400px!important;padding:2rem!important}.notes-editor .editor-help{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:.75rem 2rem}.quick-templates-card{margin-bottom:2rem}.templates-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.template-btn{background:var(--card-bg);border:1px solid var(--border-light);color:var(--text-primary);justify-content:flex-start;padding:1rem;text-align:left;transition:all .2s ease}.template-btn:hover{background:var(--bg-secondary);border-color:var(--primary);transform:translateY(-2px)}.import-export-redesigned{background:linear-gradient(135deg,#6366f108,#a855f708);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1rem}.import-export-redesigned .page-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#1e293b,#475569)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.page-header:before{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:-1rem;transform:translateX(-50%);width:100px}.data-overview-dashboard{margin-bottom:3rem}.overview-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.stat-card.primary:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stat-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.info:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.primary .stat-icon{background:#3b82f61a}.stat-card.success .stat-icon{background:#10b9811a}.stat-card.info .stat-icon{background:#8b5cf61a}.stat-card.warning .stat-icon{background:#f59e0b1a}.stat-number{color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-detail{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.last-updated-info{background:#6366f10d;border:1px solid #6366f11a;border-radius:.75rem;padding:1rem;text-align:center}.update-indicator{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.875rem;gap:.5rem}.update-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.main-actions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:3rem}.action-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.action-section:before{background:linear-gradient(90deg,#0000,#6366f14d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.action-section:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.export-section{border-left:4px solid #3b82f6}.import-section{border-left:4px solid #10b981}.section-header{border-bottom:1px solid var(--border-light);gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.section-header,.section-icon{align-items:center;display:flex}.section-icon{border-radius:1rem;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.section-icon.export{background:linear-gradient(135deg,#3b82f61a,#1d4ed81a)}.section-icon.import{background:linear-gradient(135deg,#10b9811a,#0596691a)}.section-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.section-subtitle{color:var(--text-secondary);font-size:1rem}.primary-action-card{background:linear-gradient(135deg,#6366f10d,#a855f70d);border:1px solid #6366f133;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.action-header{gap:1rem;margin-bottom:1.5rem}.action-header,.action-icon{align-items:center;display:flex}.action-icon{background:#6366f11a;border-radius:.75rem;font-size:1.5rem;height:48px;justify-content:center;width:48px}.action-info h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.action-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.action-form{display:flex;flex-direction:column;gap:1rem}.filename-input{border:1px solid var(--border-light);border-radius:.5rem;flex:1 1;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease}.filename-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.primary-action-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.primary-action-btn:hover{background:linear-gradient(135deg,#5b21b6,#7c3aed);box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.primary-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-actions{margin-top:1rem}.secondary-header{margin-bottom:1rem}.secondary-header h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.secondary-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.csv-export-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.csv-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-light);border-radius:.75rem;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem;text-decoration:none;transition:all .3s ease}.csv-btn:hover{background:#6366f10d;border-color:#6366f1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.csv-btn.featured{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-color:#6366f1}.warning-banner{align-items:flex-start;background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b4d;border-radius:.75rem;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.warning-icon{color:#d97706;flex-shrink:0;font-size:1.25rem}.warning-content strong{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.25rem}.warning-content p{color:var(--text-secondary);font-size:.875rem;margin:0}.import-requirements{background:#6366f10d;border:1px solid #6366f133;border-radius:.75rem;padding:1.5rem}.import-requirements h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.import-requirements ul{list-style:none;margin:0;padding:0}.import-requirements li{color:var(--text-secondary);font-size:.875rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.import-requirements li:before{color:#10b981;content:"✓";font-weight:600;left:0;position:absolute}.management-tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.danger-card,.diagnostic-card,.info-card{border-radius:1rem;padding:1.5rem;transition:all .3s ease}.diagnostic-card{background:linear-gradient(135deg,#3b82f60d,#6366f10d);border:1px solid #3b82f633}.danger-card{background:linear-gradient(135deg,#ef44440d,#dc26260d);border:1px solid #ef444433}.info-card{background:linear-gradient(135deg,#6b72800d,#4b55630d);border:1px solid #6b728033}.tool-header{gap:1rem;margin-bottom:1rem}.tool-header,.tool-icon{align-items:center;display:flex}.tool-icon{border-radius:.5rem;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.diagnostic-card .tool-icon{background:#3b82f61a}.danger-card .tool-icon{background:#ef44441a}.info-card .tool-icon{background:#6b72801a}.tool-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.tool-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.diagnostic-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.diagnostic-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.danger-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.danger-btn:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.app-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{background:#ffffff80;border-radius:.375rem;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem}.detail-row span:first-child{color:var(--text-secondary)}.detail-row span:last-child{color:var(--text-primary);font-weight:600}.operation-result-banner{align-items:center;animation:slideInUp .3s ease-out;background:var(--card-bg);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding:1.5rem}.operation-result-banner.success{background:linear-gradient(135deg,#10b9810d,#0596690d);border-left:4px solid #10b981}.operation-result-banner.error{background:linear-gradient(135deg,#ef44440d,#dc26260d);border-left:4px solid #ef4444}.result-content{align-items:center;display:flex;flex:1 1;gap:1rem}.result-icon{flex-shrink:0;font-size:1.5rem}.result-info{flex:1 1}.result-title{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.result-message{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.result-timestamp{color:var(--text-muted);font-size:.75rem}.result-stats{display:flex;flex-direction:column;gap:.5rem;margin-left:1rem}.stats-summary{grid-gap:.5rem;display:grid;font-size:.75rem;gap:.5rem;grid-template-columns:repeat(2,1fr)}.stat-summary-item{align-items:center;background:#ffffff1a;border-radius:.375rem;display:flex;flex-direction:column;padding:.5rem}.stat-key{color:var(--text-secondary);margin-bottom:.25rem}.close-result-btn{background:#0000;border:1px solid var(--border-light);border-radius:.375rem;color:var(--text-secondary);cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s ease}.close-result-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea08,#764ba208 50%,#fffffff2);border-radius:24px;box-shadow:0 32px 64px #0000001f,0 0 0 1px #ffffff0d;overflow:hidden;padding:4rem 3rem;position:relative}.empty-state:before{animation:floatingBackground 20s ease-in-out infinite;background:radial-gradient(circle at center,#667eea14 0,#0000 50%);height:200%;left:-50%;top:-50%;width:200%}.empty-state:after,.empty-state:before{content:"";pointer-events:none;position:absolute}.empty-state:after{background:linear-gradient(45deg,#ffffff1a 25%,#0000 0,#0000 50%,#ffffff1a 0,#ffffff1a 75%,#0000 0);background-size:40px 40px;bottom:0;left:0;opacity:.03;right:0;top:0}.empty-content{position:relative;z-index:2}.empty-content .empty-icon{animation:rocketFloat 6s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 8px 16px rgba(102,126,234,.3));font-size:5rem;margin-bottom:2rem}.empty-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#667eea 50%,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.empty-content p{color:#fff!important;text-shadow:0 2px 8px #0000004d}.empty-actions{margin-bottom:4rem}.empty-actions .btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 8px 32px #667eea66,0 0 0 0 #667eea80;color:#fff;font-size:1.125rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.empty-actions .btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.empty-actions .btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 16px 40px #667eea80,0 0 0 4px #667eea1a;transform:translateY(-3px) scale(1.02)}.empty-actions .btn:hover:before{left:100%}.empty-actions .btn:active{transform:translateY(-1px) scale(1.01)}.suggested-categories{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:20px;padding:2.5rem;position:relative;z-index:2}.suggested-categories h4{color:#2d3748;font-size:1.75rem;font-weight:700;margin-bottom:1rem;position:relative;text-align:center}.suggested-categories h4:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-.5rem;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.suggestions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2.5rem}.suggestion-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:2px solid #0000;border-radius:16px;box-shadow:0 8px 32px #00000014,0 0 0 1px #ffffff1a;cursor:pointer;overflow:hidden;padding:1.75rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.suggestion-card:before{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--suggestion-color,#667eea) 0,var(--suggestion-color-light,#764ba2) 100%);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.suggestion-card:hover:before{opacity:1}.suggestion-card:hover{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-color:#667eea4d;box-shadow:0 20px 40px #00000026,0 0 0 1px #667eea1a;transform:translateY(-8px) scale(1.02)}.suggestion-card:active{transform:translateY(-4px) scale(1.01)}.suggestion-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.suggestion-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.suggestion-card:hover .suggestion-icon{background:linear-gradient(135deg,#667eea33,#764ba233);transform:scale(1.1)}.suggestion-name{color:#2d3748;flex:1 1;font-size:1.25rem;font-weight:700;line-height:1.3}.suggestion-examples{background:#667eea05;border-left:3px solid #667eea33;border-radius:8px;color:#64748b;font-size:.9rem;font-style:italic;line-height:1.5;padding:.75rem}.suggestion-card[data-category=banking]{--suggestion-color:#10b981;--suggestion-color-light:#059669}.suggestion-card[data-category=utilities]{--suggestion-color:#f59e0b;--suggestion-color-light:#d97706}.suggestion-card[data-category=insurance]{--suggestion-color:#3b82f6;--suggestion-color-light:#1d4ed8}.suggestion-card[data-category=government]{--suggestion-color:#6366f1;--suggestion-color-light:#4f46e5}.suggestion-card[data-category=shopping]{--suggestion-color:#ec4899;--suggestion-color-light:#db2777}.suggestion-card[data-category=work]{--suggestion-color:#8b5cf6;--suggestion-color-light:#7c3aed}.suggestion-card[data-category=health]{--suggestion-color:#ef4444;--suggestion-color-light:#dc2626}.suggestion-card[data-category=education]{--suggestion-color:#06b6d4;--suggestion-color-light:#0891b2}.suggestion-card[data-category=home]{--suggestion-color:#84cc16;--suggestion-color-light:#65a30d}.suggestion-card[data-category=travel]{--suggestion-color:#f97316;--suggestion-color-light:#ea580c}@keyframes floatingBackground{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-5%,-5%) rotate(1deg)}50%{transform:translate(5%,-10%) rotate(-1deg)}75%{transform:translate(-10%,5%) rotate(1deg)}}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(-20px) rotate(0deg)}75%{transform:translateY(-10px) rotate(-2deg)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}.pulse{animation:pulse 2s infinite}.loading-overlay{align-items:center;background:#fffc;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);height:2rem;width:2rem}.loading-text{color:var(--text-secondary);font-size:.875rem;margin-left:1rem}.category{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:24px;overflow:hidden;transition:all .2s ease}.category:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.category-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;padding:18px 20px}.category-name{font-size:1.2rem;text-shadow:0 1px 2px #0000001a}.category-controls{align-items:center;display:flex;gap:20px}.category-total{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:1.2rem;font-weight:700;padding:8px 16px}.add-item-btn,.remove-category-btn{background-color:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 12px;transition:all .2s ease}.add-item-btn:hover,.remove-category-btn:hover{background-color:#ffffff4d;transform:translateY(-1px)}.subcategory-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:600;padding:12px}.header-date{width:140px}.header-name{flex:2 1}.header-status{text-align:center;width:140px}.header-amounts{display:flex;justify-content:space-between;width:220px}.header-monthly{text-align:center;width:100px}.subcategory-list{background-color:var(--card-bg)}.subcategory{align-items:center;border-bottom:1px solid var(--border-light);cursor:move;display:flex;gap:12px;min-height:60px;padding:12px 16px;transition:all .2s ease}.subcategory:hover{background-color:var(--hover-bg)}.subcategory:last-child{border-bottom:none}.account-select,.amount-input,.date-input,.due-date-input,.expense-name-input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:8px 12px;transition:all .2s ease}.account-select:focus,.amount-input:focus,.date-input:focus,.due-date-input:focus,.expense-name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2196f31a;outline:none}.amount-input.has-value{background:linear-gradient(135deg,#e8f5e8,#f0f8f0)!important;border-color:var(--success)!important;color:#155724!important;font-weight:600!important}.copy-to-actual-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 10px;transition:all .2s ease}.copy-to-actual-btn:hover{box-shadow:0 4px 8px #2196f34d;transform:translateY(-1px)}.item-delete-btn{align-items:center;background:linear-gradient(135deg,var(--danger) 0,#c82333 100%);border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:32px;justify-content:center;line-height:1;overflow:hidden;padding:6px;text-align:center;transition:all .2s ease;width:32px}.item-delete-btn:hover{box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.weekly-planner-page{background-color:var(--bg-primary);min-height:100vh}.planner-table-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--card-shadow);margin-bottom:20px;overflow-x:auto;width:100%}.planner-table{background-color:var(--card-bg);border-collapse:collapse;font-size:.85rem;min-width:1200px;table-layout:fixed;width:100%}.planner-table td,.planner-table th{border:1px solid var(--border-light);overflow:hidden;padding:8px 6px;text-align:center;text-overflow:ellipsis;vertical-align:middle}.planner-table th{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;font-size:.8rem;font-weight:600;position:sticky;top:0;white-space:nowrap;z-index:10}.planner-table th:first-child{left:0;min-width:240px;position:sticky;text-align:left;width:240px;z-index:11}.planner-table tr:not(.category-row) td:first-child{background:var(--card-bg);left:0;min-width:240px;position:sticky;text-align:left;width:240px;z-index:5}.planner-table th:nth-child(2){min-width:120px;width:120px}.planner-table th.week-1-col,.planner-table th.week-2-col,.planner-table th.week-3-col,.planner-table th.week-4-col,.planner-table th.week-5-col{min-width:140px;width:140px}.planner-table th.status-header{font-size:.7rem;min-width:70px;width:70px}.planner-table th:last-child{min-width:120px;width:120px}.table-input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:.8rem;padding:6px 8px;text-align:right;transition:all .2s ease;width:100%}.table-input:focus{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:-1px}.table-input.has-value{background:linear-gradient(135deg,#e8f5e8,#f0f8f0)!important;border-color:var(--success)!important;color:#155724!important;font-weight:600!important}.table-input.zero-value{background-color:var(--input-bg);border-color:var(--input-border);font-weight:400}.week-date-range-inputs{display:flex;flex-direction:column;gap:2px;margin:4px 0}.week-date-end,.week-date-start{background-color:#ffffffe6!important;border:1px solid #ffffff80!important;border-radius:3px!important;color:#495057!important;cursor:default;font-size:.65rem!important;outline:none;padding:2px 4px!important;text-align:center;transition:all .2s ease;width:100%}.week-date-end:hover,.week-date-start:hover{background-color:#fff!important;border-color:#fffc!important}.category-row{color:var(--text-primary);font-weight:700}.category-row,.category-row td{background:var(--category-section-bg)!important}.category-row td{font-size:.9rem!important;padding-left:15px!important;text-align:left!important}.category-row td:first-child{left:0;min-width:240px;position:sticky;width:240px;z-index:6}.expense-name{background-color:var(--card-bg);color:var(--text-primary);font-weight:500;left:0;max-width:240px;padding-left:20px!important;position:sticky;text-align:left!important;width:240px;z-index:2}.planner-table tr:hover .expense-name{background-color:var(--hover-bg)}.annual-indicator{color:var(--text-muted);font-size:.7rem;font-style:italic;margin-top:2px}.planner-input-group{align-items:stretch;display:flex;flex-direction:column;gap:4px;position:relative;width:100%}.planner-action-select{background-color:var(--bg-secondary);border:1px solid var(--input-border);border-radius:3px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-size:.7rem;padding:2px 4px;width:100%}.planner-action-select:hover{background-color:var(--hover-bg)}.status-cell{max-width:70px;padding:6px 4px!important;text-align:center!important;vertical-align:middle;width:70px}.status-checkboxes{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.paid-checkbox,.transferred-checkbox{cursor:pointer;margin:1px;transform:scale(1.1)}.transferred-checkbox:checked{accent-color:#ffc107}.paid-checkbox:checked{accent-color:var(--success)}.remaining-amount{color:var(--text-primary);font-weight:600!important;max-width:120px;padding-right:12px!important;text-align:right!important;width:120px}.table-footer{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--hover-bg) 100%);border-top:2px solid var(--primary);font-weight:700}.table-footer td{color:var(--text-primary);font-size:.8rem;padding:12px 8px;vertical-align:top}.table-footer .cash-flow-positive{color:var(--success)}.table-footer .cash-flow-negative{color:var(--danger)}.cash-flow-analysis{background:linear-gradient(135deg,#2196f31a,#2196f30d);border:1px solid #2196f34d;border-radius:12px;box-shadow:0 2px 8px #2196f31a;margin-top:20px;padding:20px}.cash-flow-analysis h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:15px}.cash-flow-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(5,1fr)}.cash-flow-grid>div{background:#fffc;border:1px solid #2196f333;border-radius:8px;padding:15px 12px;text-align:center;transition:all .2s ease}.cash-flow-grid>div:hover{background:#fffffff2;transform:translateY(-1px)}.week-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:5px}.balance-amount{font-size:1.2rem;font-weight:700}.balance-amount.positive{color:var(--success)}.balance-amount.negative{color:var(--danger)}.hidden{display:none!important}.income-section{background:linear-gradient(135deg,#28a7451a,#28a7450d);border:1px solid #28a7454d;border-radius:8px;box-shadow:0 2px 8px #28a7451a;margin-bottom:20px;padding:16px}.income-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-top:12px}.income-week{background:#fffc;border:1px solid #28a74533;border-radius:6px;padding:12px 8px;text-align:center;transition:all .2s ease}.income-week:hover{background:#fffffff2;transform:translateY(-1px)}.income-indicator{color:#155724;font-size:.75rem;font-style:italic;margin-top:2px}.actual-income{border-left:3px solid var(--success)}.projected-income{border-left:3px solid #ffc107}[data-theme=dark] .loading-overlay{background:#000c}[data-theme=dark] .simple-toolbar{background:var(--bg-tertiary)}[data-theme=dark] .toolbar-btn{background:var(--btn-secondary-bg);border-color:var(--border-medium);color:var(--btn-secondary-text)}[data-theme=dark] .toolbar-btn:hover{background:var(--btn-secondary-hover)}[data-theme=dark] .add-account-section{background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%)}[data-theme=dark] .account-stat-card{background:var(--card-bg);border-color:var(--border-medium)}[data-theme=dark] .account-item{background:var(--bg-tertiary);border-color:var(--border-medium)}[data-theme=dark] .account-details-grid{background:var(--bg-primary);border-color:var(--border-medium)}[data-theme=dark] .overview-stat{background:var(--bg-tertiary)}[data-theme=dark] .overview-stat.actual-performance{background:linear-gradient(135deg,#164e63,#155e75);border-color:#164e63}[data-theme=dark] .accounts-table-header,[data-theme=dark] .accounts-table-row.totals,[data-theme=dark] .category,[data-theme=dark] .health-item-compact{background:var(--bg-tertiary)}[data-theme=dark] .category{border-color:var(--border-medium)}[data-theme=dark] .planner-table{background:var(--bg-tertiary)}[data-theme=dark] .planner-table th{background:linear-gradient(135deg,#1e293b,#334155)}[data-theme=dark] .income-section{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:#22c55e4d}[data-theme=dark] .cash-flow-analysis{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f64d}@media (max-width:1200px){.header-stats{gap:.5rem}.stat-item{min-width:100px}.homepage-redesigned .overview-stat .stat-value{font-size:.75rem;padding:.125rem .25rem}.homepage-main-content{grid-template-columns:1.5fr 1fr}.charts-row{grid-template-columns:1fr}.financial-overview-grid{grid-template-columns:repeat(2,1fr)}.overview-stat.actual-performance .stat-value{font-size:1.125rem;padding:.375rem .5rem}.overview-stat.actual-performance .variance-indicator{font-size:.75rem;padding:.25rem .5rem}@media (min-width:1600px){.actions-grid{grid-template-columns:repeat(7,minmax(180px,1fr))!important}}}@media (max-width:480px){.stat-item{min-width:130px}.app-header .stat-value{font-size:1.1rem}.stat-label{font-size:.75rem}}@media (max-width:968px){:root{--header-height:120px}.header-content{flex-wrap:wrap;gap:.5rem;min-height:100px}.header-stats{justify-content:space-between;margin-top:.5rem;order:3;width:100%}.stat-item{min-width:80px}.homepage-main-content{gap:1.5rem}.charts-row,.financial-overview-grid,.homepage-main-content{grid-template-columns:1fr}.overview-stat.actual-performance{min-width:240px}.overview-stat.actual-performance .stat-value{font-size:.95rem}.overview-stat.actual-performance .variance-indicator{font-size:.75rem}.accounts-table-header,.accounts-table-row{gap:.5rem;grid-template-columns:1.5fr 1fr 1fr 1fr;padding:.75rem 1rem}.account-name{font-size:.875rem}.account-details{display:none}.balance-cell{font-size:.8rem}.main-content{padding:15px}.subcategory{align-items:stretch;cursor:move;flex-direction:column;gap:10px;padding:15px}.subcategory-header{display:none}.cash-flow-grid,.income-summary{grid-template-columns:repeat(2,1fr)}.planner-table{min-width:800px}}@media (max-width:768px){.header-stats{flex-wrap:wrap;gap:1rem;justify-content:center}.header-content{align-items:stretch;flex-direction:column;gap:.5rem;min-height:120px;padding:.5rem 1rem}.app-title-section,.month-selector{justify-content:center}.theme-toggle{align-self:center}.header-stats{justify-content:space-around;margin-top:.25rem}.version-info{align-items:center;text-align:center}.nav-btn{flex-shrink:0;padding:.75rem 1rem}.nav-label{display:none}.dashboard-grid,.summary-grid{grid-template-columns:1fr}.overview-card{grid-column:span 1}.overview-stats{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.card-header{align-items:stretch;flex-direction:column}.version-indicator{align-items:center;margin:1rem;position:static;text-align:center}.homepage-redesigned{padding:.5rem}.page-title{font-size:1.5rem}.overview-stat{gap:.75rem;padding:.75rem}.stat-icon{font-size:1rem;height:2.5rem;width:2.5rem}.chart-container{height:250px}.accounts-table-header,.accounts-table-row{font-size:.75rem;grid-template-columns:1fr 80px 80px 80px}.balance-input-compact{font-size:.75rem;max-width:70px;padding:.25rem}.overview-stat.actual-performance{flex-direction:column;min-height:auto;min-width:220px;padding:1rem;text-align:center}.overview-stat.actual-performance .stat-content{align-items:center;min-width:auto}.overview-stat.actual-performance .stat-value{font-size:.9rem}.overview-stat.actual-performance .variance-indicator{font-size:.7rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header-actions{align-self:stretch;margin-left:0}.page-header-actions .print-button{width:100%}.main-content{margin-top:110px;margin-top:calc(var(--header-height) + 10px);padding:5px}.nav-bar{justify-content:flex-start;overflow-x:auto}.category{margin-bottom:20px}.category-header{flex-direction:column;gap:10px;padding:15px;text-align:center}.cash-flow-grid,.income-summary{gap:8px;grid-template-columns:1fr}.planner-table{font-size:.75rem;min-width:600px}.table-input{font-size:.75rem;padding:4px 6px}.notes-header{flex-direction:column;gap:1rem}.notes-controls,.notes-header,.notes-meta{align-items:stretch}.notes-meta{flex-direction:column;gap:.75rem}.note-title-input{max-width:none}.notes-actions{gap:.375rem;justify-content:flex-start}.export-dropdown{flex-direction:column}.notes-editor .simple-toolbar{gap:.5rem;padding:.75rem}.notes-editor .toolbar-btn{font-size:.75rem;padding:.375rem .5rem}.notes-editor .simple-editor-textarea{min-height:300px!important;padding:1rem!important}.accounts-stats-grid,.form-grid,.templates-grid{grid-template-columns:1fr}.account-header{align-items:flex-start;flex-direction:column}.account-actions{justify-content:flex-end;width:100%}.account-details-grid{grid-template-columns:repeat(2,1fr)}.account-balance{gap:.5rem;text-align:center}.account-balance,.form-actions{flex-direction:column}.add-account-section{padding:1.5rem}.import-export-redesigned{padding:.5rem}.main-actions-grid{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-icon{font-size:1.25rem;height:3rem;width:3rem}.stat-number{font-size:1.5rem}.action-section{padding:1.5rem}.section-icon{font-size:1.5rem;height:3rem;width:3rem}.section-title{font-size:1.25rem}.empty-state{border-radius:20px;margin:1rem 0;padding:3rem 2rem}.empty-content h2{font-size:2.25rem}.empty-content p{font-size:1.125rem;margin-bottom:2.5rem}.empty-content .empty-icon{font-size:4rem;margin-bottom:1.5rem}.suggested-categories{padding:2rem 1.5rem}.suggested-categories h4{font-size:1.5rem}.suggestions-grid{gap:1.25rem;grid-template-columns:1fr;margin-top:2rem}.suggestion-card{padding:1.5rem}.suggestion-header{gap:.75rem}.suggestion-icon{font-size:1.75rem;height:50px;width:50px}.suggestion-name{font-size:1.125rem}}@media (max-width:480px){.actions-grid{grid-template-columns:1fr}.action-btn{flex-direction:row;justify-content:flex-start;min-height:auto}.theme-toggle{font-size:.75rem;padding:.375rem .75rem}.app-title{font-size:1.25rem}.accounts-table-header,.accounts-table-row{gap:.5rem;grid-template-columns:1fr;text-align:left}.balance-cell{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.balance-cell:before{color:var(--text-secondary);content:attr(data-label);font-weight:500}.accounts-table-row .balance-cell:nth-child(2):before{content:"Current: "}.accounts-table-row .balance-cell:nth-child(3):before{content:"Projected: "}.accounts-table-row .balance-cell:nth-child(4):before{content:"Net: "}.main-content{padding:8px}.btn{font-size:.8rem;padding:.375rem .75rem}.category-header{padding:12px}.subcategory{cursor:move;padding:12px}.planner-table{font-size:.7rem;min-width:500px}.account-details-grid{grid-template-columns:1fr}.homepage-redesigned .overview-stat .stat-value{font-size:1.5rem}.account-name{font-size:1.125rem}.notes-actions{align-items:stretch;flex-direction:column}.export-dropdown{flex-direction:row;gap:.25rem}.notes-editor .simple-editor-textarea{font-size:.875rem}.overview-stats{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{font-size:1.25rem;height:3rem;width:3rem}.stat-number{font-size:1.5rem}.action-section{padding:1.5rem}.section-icon{font-size:1.5rem;height:3rem;width:3rem}.section-title{font-size:1.25rem}.empty-state{padding:2.5rem 1.5rem}.empty-content h2{font-size:2rem}.empty-content p{font-size:1rem;margin-bottom:2rem}.empty-content .empty-icon{font-size:3.5rem;margin-bottom:1rem}.suggested-categories{padding:1.5rem}.suggested-categories h4{font-size:1.25rem}.suggestions-grid{gap:1rem;margin-top:1.5rem}.suggestion-card{padding:1.25rem}.suggestion-header{flex-direction:column;gap:.5rem;text-align:center}.suggestion-icon{font-size:2rem;height:60px;width:60px}.suggestion-name{font-size:1rem}.suggestion-examples{font-size:.85rem;text-align:left}.empty-actions .btn{font-size:1rem;padding:.875rem 2rem}}@media print{.nav-bar,.theme-toggle,.version-indicator{display:none!important}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.account-select:focus,.date-input:focus,.expense-name-input:focus,.focus-visible,.table-input:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){.action-section,.overview-stat,.stat-card{border-width:2px}.overview-stat .stat-value{border-width:2px;font-weight:800}.overview-stat .stat-icon{border-width:2px}.variance-indicator{border-width:2px;font-weight:800}.overview-stat.actual-performance{background:#000!important;border:3px solid #fff!important}.overview-stat.actual-performance .stat-label,.overview-stat.actual-performance .stat-value,.overview-stat.actual-performance .variance-indicator{background:#fff!important;border:2px solid #000!important;color:#000!important;text-shadow:none!important}.btn,.card,.category{border-width:2px}.btn{font-weight:600}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.action-section:hover,.btn:hover,.card:hover,.category:hover,.overview-stat:hover,.stat-card:hover{transform:none}}.overview-stat:focus-within{outline:3px solid #4f46e580;outline-offset:2px}.homepage-redesigned .overview-stat .stat-value:focus-within{outline:2px solid #ffffff80;outline-offset:2px}.stat-item:hover .stat-value{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.stat-item:hover .stat-label{text-shadow:0 1px 4px #000000b3}.homepage-redesigned .overview-stat .stat-value[data-changed=true]{animation:valueChange .6s ease}.overview-stat.actual-performance:focus-within{outline:3px solid #fbbf24;outline-offset:3px}.planner-table td,.planner-table th{contain:layout}.btn:hover,.card:hover,.category:hover{will-change:transform,box-shadow}.cash-flow-grid>div,.income-week,.subcategory{backface-visibility:hidden;transform:translateZ(0)}html{scrollbar-gutter:stable both-edges}@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}.page-container{padding:24px}.page-container>h1:first-child,.page-content>h1:first-child,.page-title{margin-top:0}.main-content{min-height:calc(100vh - 100px);min-height:calc(100vh - var(--header-height, 64px))}:root{--nav-bg:linear-gradient(135deg,#667eea,#764ba2);--nav-text:#fff;--nav-active-bg:#ffffff26;--nav-active-border:#fbbf24;--nav-hover-bg:#ffffff1a;--nav-height:56px}[data-theme=dark]{--nav-bg:linear-gradient(135deg,#1e293b,#334155);--nav-text:#e2e8f0}.main-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--nav-bg);border-bottom:1px solid #0000001a;box-shadow:0 2px 8px #0000001a;left:0;position:fixed;right:0;top:var(--header-height);z-index:999}.main-navigation,.nav-container{min-height:56px;min-height:var(--nav-height)}.nav-container{align-items:center;display:flex;margin:0 auto;max-width:min(98vw,var(--page-max));padding:0 1rem;position:relative}.nav-brand{display:none}.nav-links{align-items:center;display:flex;flex:1 1;gap:.25rem;list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:8px;color:#fff;color:var(--nav-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin:4px 2px;opacity:.9;padding:.75rem 1rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-link:hover{background:#ffffff1a;background:var(--nav-hover-bg)}.nav-link.active,.nav-link:hover{opacity:1;transform:translateY(-1px)}.nav-link.active{background:#ffffff26;background:var(--nav-active-bg);border-bottom-color:#fbbf24;border-bottom-color:var(--nav-active-border);box-shadow:0 4px 12px #00000026}.nav-link.active:after{background:#fbbf24;background:var(--nav-active-border);border-radius:2px;bottom:-2px;box-shadow:0 0 8px #fbbf2480;content:"";height:2px;left:8px;position:absolute;right:8px}.nav-icon{flex-shrink:0;font-size:1rem;line-height:1}.calculator-nav-btn{align-items:center;background:none;border:none;border-left:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--nav-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-left:1rem;opacity:.9;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.calculator-nav-btn:hover{background:#f39c1233;opacity:1;transform:translateY(-1px)}.calculator-nav-btn.active{background:#f39c124d;border-bottom:2px solid #f39c12;box-shadow:0 4px 12px #f39c124d;color:#fbbf24}.nav-right{align-items:center;display:flex;gap:.25rem;margin-left:auto}.calculator-nav-btn:focus-visible,.nav-link:focus-visible{border-radius:8px;outline:2px solid #fbbf24b3;outline-offset:2px}.main-content{box-sizing:border-box;margin:0 auto;max-width:min(98vw,var(--page-max));padding-left:var(--page-gutter);padding-right:var(--page-gutter);padding-top:calc(var(--header-height) + var(--nav-height) + 1rem)}@media (max-width:968px){.nav-container{flex-direction:column;min-height:64px;padding:.5rem 1rem}.nav-links{flex-wrap:wrap;gap:.25rem;justify-content:center;width:100%}.nav-link{border-bottom:none;border-radius:8px;margin:2px;padding:.625rem .875rem}.nav-link.active:after{display:none}.nav-link.active{background:#ffffff26;background:var(--nav-active-bg);border-bottom:none}.calculator-nav-btn{border-left:none;margin-left:0;order:10;padding-left:.875rem}:root{--nav-height:64px}}@media (max-width:768px){.nav-links{gap:.125rem}.nav-link{flex-direction:column;font-size:.8rem;gap:.25rem;padding:.5rem .75rem}.nav-icon{font-size:1.125rem}.nav-label{font-size:.7rem;line-height:1}.calculator-nav-btn{flex-direction:column;gap:.25rem;padding:.5rem .75rem}.calculator-nav-btn .nav-icon{font-size:1.125rem}.calculator-nav-btn .nav-label{font-size:.7rem}:root{--nav-height:72px}}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 56px + 1rem);scroll-padding-top:calc(var(--header-height) + var(--nav-height) + 1rem)}.main-navigation:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);top:0}.main-navigation:after,.main-navigation:before{content:"";height:1px;left:0;position:absolute;right:0}.main-navigation:after{background:linear-gradient(90deg,#0000,#0000001a,#0000);bottom:0}@keyframes navItemSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-link{animation:navItemSlide .3s ease-out}.nav-item:first-child .nav-link{animation-delay:0ms}.nav-item:nth-child(2) .nav-link{animation-delay:50ms}.nav-item:nth-child(3) .nav-link{animation-delay:.1s}.nav-item:nth-child(4) .nav-link{animation-delay:.15s}.nav-item:nth-child(5) .nav-link{animation-delay:.2s}.nav-item:nth-child(6) .nav-link{animation-delay:.25s}.nav-item:nth-child(7) .nav-link{animation-delay:.3s}.nav-item:nth-child(8) .nav-link{animation-delay:.35s}@media (prefers-reduced-motion:reduce){.nav-link{animation:none;transition:none}.calculator-nav-btn:hover,.nav-link:hover{transform:none}}.app-header .header-stats .stat-value.header-stat-value{font-size:1.85rem!important;font-weight:800!important;line-height:1.3!important;padding:.35rem .75rem!important}@media (max-width:992px){.app-header .header-stats .stat-value.header-stat-value{font-size:1.6rem!important}}@media (max-width:768px){.app-header .header-stats .stat-value.header-stat-value{font-size:1.3rem!important}}@media (max-width:480px){.app-header .header-stats .stat-value.header-stat-value{font-size:1.1rem!important}}.app-header .header-stats .stat-value{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:.375rem!important;display:inline-block!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;padding:.25rem .5rem!important;text-shadow:0 1px 2px #0000004d!important;transition:all .3s ease!important;white-space:nowrap!important}.app-header .header-stats .stat-value.positive{background:#10b98126!important;border-color:#10b9814d!important;color:#10b981!important;text-shadow:0 1px 2px #00000080!important}.app-header .header-stats .stat-value.negative{background:#ff6b6b26!important;border-color:#ff6b6b4d!important;color:#ff6b6b!important;text-shadow:0 1px 2px #00000080!important}.app-header .header-stats .stat-value.income-value{background:#fbbf2426!important;border-color:#fbbf244d!important;color:#fbbf24!important;text-shadow:0 1px 2px #00000080!important}.app-header .header-stats .stat-value.expense{background:#ef444426!important;border-color:#ef44444d!important;color:#ef4444!important;text-shadow:0 1px 2px #00000080!important}.app-header .header-stats .stat-value.warning{background:#fbbf2426!important;border-color:#fbbf244d!important;color:#f59e0b!important;text-shadow:0 1px 2px #00000080!important}.app-header .header-stats .stat-label{color:#fff!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:.25rem!important;opacity:1!important;text-transform:uppercase!important}.app-header .header-stats .stat-value[data-changed=true]{animation:valueChange .6s ease!important}@keyframes valueChange{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:480px){.app-header .header-stats .stat-item{min-width:170px!important}.app-header .header-stats .stat-value{font-size:.95rem!important}}.app-header .header-stats .stat-value.header-stat-value{font-size:2.25rem!important;font-weight:900!important;letter-spacing:-.02em!important;line-height:1.2!important;padding:.4rem .85rem!important;text-shadow:0 2px 4px #0006!important;transform:scale(1)!important;transition:transform .2s ease!important}.app-header .header-stats .stat-value.header-stat-value:hover{transform:scale(1.02)!important}@media (max-width:992px){.app-header .header-stats .stat-value.header-stat-value{font-size:2rem!important;padding:.35rem .75rem!important}}@media (max-width:768px){.app-header .header-stats .stat-value.header-stat-value{font-size:1.75rem!important;padding:.3rem .65rem!important}}@media (max-width:480px){.app-header .header-stats .stat-value.header-stat-value{font-size:1.4rem!important;padding:.25rem .55rem!important}}.app-header .header-stats :where(.stat,.stat-card,.stat-box,.stat-item,.stat-container,.stat-tile){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:0!important;box-shadow:none!important}.app-header .header-stats :where(.stat,.stat-card,.stat-box,.stat-item,.stat-container,.stat-tile):after,.app-header .header-stats :where(.stat,.stat-card,.stat-box,.stat-item,.stat-container,.stat-tile):before{content:none!important}.app-header .header-stats>*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:0!important;box-shadow:none!important}.app-header.app-header .header-stats.header-stats .stat-value.stat-value,.app-header.app-header .header-stats.header-stats .stat-value.stat-value.expense,.app-header.app-header .header-stats.header-stats .stat-value.stat-value.income-value,.app-header.app-header .header-stats.header-stats .stat-value.stat-value.warning{font-size:2.25rem!important;font-weight:900!important;line-height:1.2!important;padding:.4rem .85rem!important}@media (max-width:992px){.app-header.app-header .header-stats.header-stats .stat-value.stat-value{font-size:2rem!important}}@media (max-width:768px){.app-header.app-header .header-stats.header-stats .stat-value.stat-value{font-size:1.75rem!important}}@media (max-width:480px){.app-header.app-header .header-stats.header-stats .stat-value.stat-value{font-size:1.4rem!important}}.calculator-backdrop{background:#0000;display:block;inset:0;pointer-events:none;position:fixed;z-index:2147483646}.calculator-modal{animation:calculatorFade .18s ease-out;background:#2c3e50;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #0006;color:#fff;contain:layout style paint;display:flex;flex-direction:column;isolation:isolate;max-height:90vh;overflow:visible;padding:12px 12px 14px;pointer-events:auto;position:fixed;transition:width .3s ease;-webkit-user-select:none;user-select:none;width:380px;z-index:2147483647}.calculator-modal.with-history{width:680px}@keyframes calculatorFade{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.calculator-header{align-items:center;background:#ffffff0d;border-radius:8px;cursor:move;display:flex;justify-content:space-between;margin-bottom:8px;padding:6px}.header-left{align-items:center;display:flex;gap:.75rem}.hamburger-container{position:relative}.hamburger-menu{align-items:center;background:#3498dbe6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:30px;justify-content:center;line-height:1;transition:transform .15s ease,background .15s ease;width:30px}.hamburger-menu:hover{background:#3498db;transform:scale(1.05)}.hamburger-dropdown{animation:dropdownIn .15s ease-out;background:#2c3e50f2;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;min-width:160px;position:absolute;top:100%;z-index:2147483648}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.menu-item{border-radius:4px;cursor:pointer;font-size:.9rem;margin:2px;padding:8px 12px;transition:background .15s ease}.menu-item:hover{background:#ffffff1a}.close-button{align-items:center;background:#e74c3ce6;border:none;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:28px;justify-content:center;width:28px}.close-button:hover{background:#e74c3c}.calculator-header h4{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.memory-indicator{background:#e74c3c;border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px}.calculator-content{display:flex;gap:12px;position:relative}.history-panel{animation:slideIn .2s ease-out;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;padding:8px;width:280px}.history-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:6px;padding-bottom:6px}.history-header span{font-size:.9rem;font-weight:600}.history-actions{display:flex;gap:6px}.clear-history,.close-history{background:#ffffff1f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;height:26px;width:26px}.clear-history:hover,.close-history:hover{background:#fff3}.history-list{flex:1 1;max-height:420px;overflow:auto;scrollbar-width:thin}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.history-empty{color:#fff9;font-size:.9rem;font-style:italic;padding:20px 0;text-align:center}.history-item{background:#ffffff14;border-left:3px solid #27ae60;border-radius:6px;cursor:pointer;margin-bottom:.45rem;padding:.5rem;transition:transform .15s ease,background .15s ease}.history-item:hover{background:#ffffff24;transform:translateX(2px)}.history-item.error{background:#e74c3c1f;border-left-color:#e74c3c}.history-item.memory{background:#f39c121f;border-left-color:#f39c12}.history-expression{color:#ffffffd9;font-size:.85rem;word-break:break-all}.history-result{font-size:.9rem;font-weight:700;margin-top:2px}.history-time{color:#fff9;font-size:.7rem;margin-top:2px}.calculator-panel{flex:1 1;min-width:320px}.display-container{margin-bottom:10px;width:100%}.previous-expression{align-items:center;background:#ffffff08;border:1px solid #ffffff1f;border-bottom:none;border-radius:8px 8px 0 0;color:#ffffffb3;display:flex;font-size:.75rem;justify-content:flex-end;min-height:20px;padding:4px 12px}.calculator-display,.previous-expression{font-family:Monaco,Menlo,Ubuntu Mono,monospace;text-align:right;width:100%}.calculator-display{background:#ffffff1a;border:2px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1.25rem;min-height:54px;outline:none;overflow:hidden;padding:12px;resize:none}.calculator-display.has-previous{border-radius:0 0 8px 8px;border-top:none}.calculator-display:focus{border-color:#3498dbe6;box-shadow:0 0 0 3px #3498db40}.calculator-display.error{animation:errorShake .45s ease-in-out;border-color:#e74c3ce6;color:#e74c3c}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.memory-controls{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);margin-bottom:10px}.memory-btn{background:#f39c12e6;border:1px solid #f39c1299;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;min-height:34px;padding:.45rem;transition:background .15s ease}.memory-btn:hover:not(:disabled){background:#f39c12}.memory-btn:disabled{background:#ffffff1a;border-color:#fff3;cursor:not-allowed;opacity:.45}.keypad-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);margin-bottom:10px}.keypad-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:42px;padding:10px 8px;transition:transform .15s ease,background .15s ease}.keypad-button:hover{background:#fff3;transform:translateY(-1px)}.keypad-button:active{transform:translateY(0)}.keypad-button.clear,.keypad-button.clear:hover{background:#e74c3c}.keypad-button.clear-entry,.keypad-button.clear-entry:hover{background:#e67e22}.keypad-button.backspace,.keypad-button.backspace:hover{background:#f39c12}.keypad-button.operator{background:#27ae60;font-size:1.15rem}.keypad-button.operator:hover{background:#27ae60}.keypad-button.equals{background:#3498db;font-size:1.15rem}.keypad-button.equals:hover{background:#3498db}.keypad-button.number{background:#ffffff26}.keypad-button.number:hover{background:#ffffff40}.keypad-button.number.zero{grid-column:span 2}.calculator-instructions{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffbf;font-size:10px;line-height:1.35;padding:.5rem;text-align:center}@media (max-width:720px){.calculator-modal.with-history{width:95vw}.calculator-content{flex-direction:column}.history-panel{max-height:200px;width:100%}}@media (max-width:480px){.calculator-modal{width:92vw}.calculator-modal.with-history{width:95vw}.history-panel{width:100%}}.MuiModal-root .calculator-modal,.ant-modal-mask .calculator-modal,.modal-backdrop .calculator-modal{z-index:2147483647!important}@media print{.calculator-modal{display:none!important}}.income-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:24px}.income-page .page-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;box-shadow:0 8px 32px #00000026;color:#fff;margin-bottom:32px;padding:48px 32px;position:relative;text-align:center}.income-page .page-header:before{background:#0000001a;border-radius:16px;content:"";inset:0;pointer-events:none;position:absolute}.income-page .page-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.income-page .page-description{font-size:1.125rem;margin:0;opacity:1;position:relative;text-shadow:0 1px 2px #0000004d;z-index:1}.income-page .tabs-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;overflow:hidden}.income-page .tabs-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.income-page .tab-button{background:none;border:none;color:#6b7280;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:16px 24px;position:relative;text-align:center;transition:all .3s ease}.income-page .tab-button:hover{background:#4f46e514;color:#4f46e5}.income-page .tab-button.active{background:#fff;color:#4f46e5;font-weight:600}.income-page .tab-button.active:after{background:linear-gradient(90deg,#4f46e5,#7c3aed);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.income-page .tab-content{padding:32px}.income-page .summary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.income-page .summary-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:24px;position:relative;text-align:center}.income-page .summary-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.income-page .summary-card.projected:before{background:linear-gradient(90deg,#10b981,#34d399)}.income-page .summary-card.actual:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.income-page .summary-card.variance:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.income-page .summary-card.variance.negative:before{background:linear-gradient(90deg,#ef4444,#f87171)}.income-page .card-icon{font-size:2rem;margin-bottom:12px}.income-page .card-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;line-height:1.2;margin-bottom:8px;text-transform:uppercase}.income-page .card-value{color:#111827;font-size:1.75rem;font-weight:700;line-height:1.1;margin-bottom:8px;word-break:break-all}.income-page .card-subtext{color:#6b7280;font-size:.75rem;line-height:1.2}.income-page .variance-indicator{align-items:center;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;justify-content:center;margin-top:8px;max-width:100%;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap}.income-page .variance-indicator.positive{background:#10b98126;border:1px solid #10b98133;color:#059669}.income-page .variance-indicator.negative{background:#ef444426;border:1px solid #ef444433;color:#dc2626}.income-page .page-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.income-page .action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.income-page .action-button.primary{background:#4f46e5;color:#fff}.income-page .action-button.primary:hover{background:#4338ca;box-shadow:0 8px 20px #4f46e54d;transform:translateY(-2px)}.income-page .action-button.secondary{background:#f3f4f6;color:#374151}.income-page .action-button.secondary:hover{background:#e5e7eb}.income-page .income-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:32px}.income-page .form-header{margin-bottom:32px;text-align:center}.income-page .form-title{align-items:center;color:#111827;display:flex;font-size:1.5rem;font-weight:700;gap:8px;margin:0 0 8px}.income-page .editing-indicator{font-size:1.25rem}.income-page .form-subtitle{color:#6b7280;font-size:.875rem;font-style:italic;margin:0}.income-page .form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.income-page .form-group{display:flex;flex-direction:column}.income-page .form-group.full-width{grid-column:1/-1}.income-page .form-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.income-page .form-input,.income-page .form-select,.income-page .form-textarea{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.income-page .form-input:focus,.income-page .form-select:focus,.income-page .form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.income-page .form-input::placeholder{color:#9ca3af}.income-page .form-textarea{min-height:80px;resize:vertical}.income-page .projected-actual-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.income-page .account-hint{color:#6b7280;font-size:.75rem;font-style:italic;margin-top:4px}.income-page .account-hint.create-new{color:#10b981;font-weight:500}.income-page .form-actions{display:flex;gap:16px;justify-content:center}.income-page .income-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.income-page .income-table{border-collapse:collapse;width:100%}.income-page .income-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.income-page .income-table td{border-bottom:1px solid #f3f4f6;font-size:.875rem;padding:16px 12px;vertical-align:middle}.income-page .income-table tbody tr:hover{background:#f8fafc}.income-page .source-name{color:#111827;font-weight:600;max-width:150px;word-break:break-word}.income-page .amount-cell{font-family:SF Mono,Monaco,Roboto Mono,monospace;font-weight:600}.income-page .amount.projected{color:#059669}.income-page .amount.actual{color:#2563eb}.income-page .variance-cell{font-family:SF Mono,Monaco,Roboto Mono,monospace;font-weight:600}.income-page .variance.positive{color:#059669}.income-page .variance.negative{color:#dc2626}.income-page .frequency-badge{background:#f3f4f6;border-radius:16px;color:#374151;font-size:.875rem;font-weight:500;padding:4px 12px}.income-page .action-buttons{display:flex;gap:8px}.income-page .btn-small{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.income-page .btn-small.edit-btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}.income-page .btn-small.edit-btn:hover{background:#e5e7eb;color:#111827}.income-page .btn-small.edit-btn.editing{background:#fef3c7;border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2433;color:#92400e}.income-page .btn-small.edit-btn.editing:hover{background:#fde68a;color:#78350f}.income-page .btn-small.delete-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.income-page .btn-small.delete-btn:hover{background:#fee2e2;color:#b91c1c}.income-page .btn-small:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.income-page .btn-small:disabled:hover{background:inherit;color:inherit;transform:none}.income-page .empty-state{color:#6b7280;padding:64px 32px;text-align:center}.income-page .empty-icon{font-size:4rem;margin-bottom:16px}.income-page .analytics-grid{display:flex;flex-direction:column;gap:24px}.income-page .analytics-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.income-page .a-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:16px}.income-page .a-card.pos .a-value{color:#059669}.income-page .a-card.neg .a-value{color:#dc2626}.income-page .a-title{color:#6b7280;font-size:.85rem;font-weight:600;margin-bottom:6px;text-transform:uppercase}.income-page .a-value{font-size:1.4rem;font-weight:800}.income-page .a-sub{color:#6b7280;font-size:.85rem;margin-top:6px}.income-page .a-panel{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:16px}.income-page .a-panel-title{color:#111827;font-weight:700;margin-bottom:10px}.income-page .a-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.income-page .mini-table{border-collapse:collapse;width:100%}.income-page .mini-table td,.income-page .mini-table th{border-bottom:1px solid #f3f4f6;font-size:.9rem;padding:10px 8px}.income-page .mini-table th{background:#f9fafb;color:#6b7280;font-weight:700;text-align:left}.income-page .mini-table .num{font-family:SF Mono,Monaco,Roboto Mono,monospace;font-weight:600;text-align:right}.income-page .mini-table .neg{color:#dc2626}.income-page .mini-table .pos{color:#059669}.income-page .muted{color:#9ca3af;text-align:center}.income-page .quick-entry-section{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 8px 32px #10b98133;color:#fff;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.income-page .quick-entry-section:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.income-page .quick-entry-header{margin-bottom:24px;position:relative;text-align:center;z-index:1}.income-page .quick-entry-title{font-size:1.75rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.income-page .quick-entry-subtitle{font-size:1rem;margin:0;opacity:.9;text-shadow:0 1px 2px #0000004d}.income-page .quick-entry-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));max-width:100%;position:relative;z-index:1}.income-page .quick-entry-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;display:flex;flex-direction:column;min-height:200px;overflow:hidden;padding:20px;transition:all .3s ease}.income-page .quick-entry-card:hover{background:#fff3;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.income-page .quick-entry-card-header{align-items:center;display:flex;gap:12px;justify-content:between;margin-bottom:16px}.income-page .quick-entry-source-name{flex:1 1;font-size:1.125rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0000004d}.income-page .quick-entry-frequency{background:#fff3;border-radius:16px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.income-page .quick-entry-pay-dates{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:16px}.income-page .quick-entry-pay-row{grid-gap:16px;align-items:center;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:160px 1fr 120px;width:100%}.income-page .quick-entry-amount-input,.income-page .quick-entry-date-input{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.875rem;min-width:0;padding:10px 12px;transition:all .3s ease;width:100%}.income-page .quick-entry-amount-input::placeholder,.income-page .quick-entry-date-input::placeholder{color:#ffffffb3}.income-page .quick-entry-amount-input:focus,.income-page .quick-entry-date-input:focus{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a;outline:none}.income-page .quick-entry-amount-input.has-existing-data,.income-page .quick-entry-date-input.has-existing-data{background:#22c55e33;border-color:#22c55e66}.income-page .quick-entry-amount-input.has-existing-data:focus,.income-page .quick-entry-date-input.has-existing-data:focus{background:#22c55e4d;border-color:#22c55e99}.income-page .quick-entry-update-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;min-width:0;padding:8px 16px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap;width:100%}.income-page .quick-entry-update-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.income-page .quick-entry-update-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.income-page .quick-entry-update-btn.updated{animation:updateSuccess .3s ease;background:#10b9814d!important;color:#065f46!important;font-weight:700}@keyframes updateSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.income-page .quick-entry-summary{grid-gap:12px;border-top:1px solid #ffffff4d;box-sizing:border-box;display:grid;font-size:.875rem;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px;padding-top:16px;width:100%}.income-page .quick-entry-summary-item{align-items:center;display:flex;justify-content:space-between}.income-page .quick-entry-summary-label{opacity:.9}.income-page .quick-entry-summary-value{font-family:SF Mono,Monaco,Roboto Mono,monospace;font-weight:600}.income-page .quick-entry-no-sources{color:#fffc;padding:40px 20px;position:relative;text-align:center;z-index:1}.income-page .quick-entry-no-sources h3{font-size:1.25rem;margin:0 0 8px}.income-page .quick-entry-no-sources p{margin:0;opacity:.8}@media (max-width:1024px){.income-page .a-columns{grid-template-columns:1fr}}@media (max-width:768px){.income-page{padding:16px}.income-page .page-header{padding:32px 16px}.income-page .page-title{font-size:2rem}.income-page .form-grid,.income-page .projected-actual-grid{grid-template-columns:1fr}.income-page .income-table-container{overflow-x:auto}.income-page .income-table{min-width:800px}.income-page .quick-entry-grid{grid-template-columns:1fr}.income-page .quick-entry-pay-row{gap:8px;grid-template-columns:1fr}.income-page .quick-entry-amount-input,.income-page .quick-entry-date-input,.income-page .quick-entry-update-btn{width:100%}.income-page .quick-entry-summary{grid-template-columns:1fr}.income-page .quick-entry-card{min-height:auto;padding:16px}}@media (max-width:1000px){.income-page .quick-entry-grid{grid-template-columns:1fr;margin:0 auto;max-width:600px}}.accounts-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.accounts-header{margin-bottom:2rem;text-align:center}.accounts-title{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.accounts-description{color:#64748b;font-size:1.1rem;font-weight:400;margin:0}.account-form{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;margin:2rem 0;padding:2rem;transition:all .3s ease}.account-form:hover{box-shadow:0 15px 35px #0000001f,0 8px 15px #00000014;transform:translateY(-2px)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1f2937;font-size:1rem;font-weight:500;padding:.875rem 1rem;transition:all .3s ease}.form-input:focus{background:#fefefe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder{color:#9ca3af;font-weight:400}.form-input:hover{border-color:#cbd5e1}.form-actions{flex-wrap:wrap}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-reset{background:#f1f5f9;border:2px solid #e2e8f0;color:#475569}.btn-reset:hover{background:#e2e8f0;color:#334155;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.btn-edit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.875rem;min-width:80px;padding:.5rem 1rem}.btn-edit:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.875rem;min-width:80px;padding:.5rem 1rem}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.accounts-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.account-card{grid-gap:1.5rem;align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:12px;box-shadow:0 4px 15px #00000014,0 2px 4px #0000000a;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr 1fr auto;padding:1.5rem;transition:all .3s ease}.account-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0000001f,0 4px 8px #00000014;transform:translateY(-3px)}.account-info{display:flex;flex-direction:column}.account-name{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.account-bank{color:#64748b;font-size:.875rem;font-weight:500;margin:0}.account-detail{display:flex;flex-direction:column;text-align:right}.account-detail-label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.account-detail-value{color:#1f2937;font-size:1rem;font-weight:500}.account-balance{color:#059669;font-size:1.125rem;font-weight:700}.account-id{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.account-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.empty-state{background:linear-gradient(145deg,#fff,#f8fafc);border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:1.1rem;font-weight:500;padding:3rem 2rem}.empty-state:before{content:"💳";display:block;font-size:3rem;margin-bottom:1rem;opacity:.7}.total-balance{background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;box-shadow:0 8px 25px #1e293b4d;color:#fff;margin-top:2rem;padding:1.5rem;text-align:center}.total-balance-label{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;opacity:.9}.total-balance-amount{font-size:2rem;font-weight:800;margin:0;text-shadow:0 2px 4px #0000004d}@media (max-width:768px){.accounts-page{padding:1rem}.accounts-title{font-size:2rem}.account-form{padding:1.5rem}.account-card,.form-grid{gap:1rem;grid-template-columns:1fr}.account-card,.account-detail{text-align:center}.account-actions,.form-actions{justify-content:center}.total-balance-amount{font-size:1.5rem}}@media (max-width:480px){.accounts-page{padding:.75rem}.account-card,.account-form{padding:1rem}.btn{font-size:.875rem;min-width:100px;padding:.625rem 1rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.account-card{animation:slideInUp .3s ease-out}.loading{opacity:.6;pointer-events:none}.btn:focus,.form-input:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.account-card,.account-form{border:2px solid #000}.btn-primary{background:#00f}.btn-edit{background:green}.btn-delete{background:red}}.reports-page{padding:20px}.page-header{margin-bottom:16px}.page-title{color:#111827;margin:0 0 6px}.page-description{color:#6b7280}.reports-grid{grid-gap:16px;display:grid;gap:16px}.reports-grid .card .card-content p{margin-bottom:10px}@media (min-width:900px){.reports-grid{grid-template-columns:1fr 1fr}}.links-page{background:linear-gradient(135deg,var(--header-start) 0,var(--header-end) 100%);min-height:100vh;padding:2rem 1rem}.links-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:2rem;padding:2.5rem}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.header-text .page-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.title-icon{font-size:2rem}.page-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0;max-width:600px}.header-stats{display:flex;gap:1.5rem}.stat-card{background:linear-gradient(135deg,var(--header-start),var(--header-end));border-radius:15px;box-shadow:0 10px 30px #667eea4d;color:#fff;min-width:120px;padding:1.5rem;text-align:center}.stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9rem;font-weight:500;opacity:.9}.action-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.primary-actions,.secondary-actions{align-items:center;display:flex;gap:1rem}.add-link-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;box-shadow:0 8px 20px #28a7454d;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.add-link-btn:hover{box-shadow:0 12px 25px #28a74566;transform:translateY(-2px)}.add-category-btn{background:linear-gradient(135deg,#fd7e14,#e83e8c);border:none;border-radius:10px;box-shadow:0 8px 20px #fd7e144d;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.add-category-btn:hover{box-shadow:0 12px 25px #fd7e1466;transform:translateY(-2px)}.search-box{align-items:center;display:flex;position:relative}.search-input{border:2px solid var(--card-border);border-radius:25px;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:250px}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-icon{color:#6c757d;font-size:1rem;left:1rem;position:absolute}.export-btn{background:#0000;border:2px solid #6f42c1;border-radius:10px;color:#6f42c1;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease}.export-btn:hover{background:#6f42c1;color:#fff;transform:translateY(-1px)}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:2rem 0;padding:3rem;text-align:center}.empty-content .empty-icon{font-size:4rem;margin-bottom:1rem}.empty-content h2{color:var(--text-primary)!important;font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:none}.empty-content p{color:var(--text-secondary)!important;font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;text-shadow:none!important}.suggested-categories{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.suggested-category{align-items:center;background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .3s ease}.suggested-category:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.suggested-icon{flex-shrink:0;font-size:1.5rem}.suggested-info{flex:1 1}.suggested-name{color:#495057;font-weight:600;margin-bottom:.25rem}.suggested-examples{color:#6c757d;font-size:.85rem}.modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-modal{animation:slideIn .3s ease-out;background:var(--card-bg);border-radius:15px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:700px;overflow-y:auto;padding:0;position:relative;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.form-header{align-items:center;background:linear-gradient(135deg,var(--header-start),var(--header-end));border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.form-header h3{font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.close-btn:hover{background:#fff3}.category-form,.link-form{padding:2rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}@media (max-width:600px){.form-grid{gap:1rem;grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}@media (max-width:600px){.form-group.full-width{grid-column:span 1}}.form-group label{color:var(--text-secondary);font-weight:600;margin-bottom:.5rem}.custom-select-wrapper{position:relative;width:100%}.custom-select{background:var(--card-bg);border:2px solid var(--card-border);border-radius:8px;cursor:pointer;position:relative;transition:all .3s ease}.custom-select:hover{border-color:#ced4da}.custom-select.open{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.custom-select.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.select-display{align-items:center;display:flex;font-size:.9rem;gap:.5rem;min-height:1.2rem;padding:.75rem}.select-display .placeholder{color:#6c757d}.select-display .placeholder.error{color:#dc3545}.category-icon{font-size:1rem}.dropdown-arrow{color:#6c757d;font-size:.8rem;margin-left:auto;transition:transform .3s ease}.dropdown-arrow.up{transform:rotate(180deg)}.custom-dropdown{background:var(--card-bg);border:2px solid #667eea;border:2px solid var(--brand-primary,#667eea);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}.dropdown-list{max-height:300px;overflow-y:auto;padding:.25rem 0}.dropdown-option{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem;transition:background .2s ease}.dropdown-option:hover{background:var(--bg-tertiary)}.dropdown-option.selected{background:#667eea;background:var(--brand-primary,#667eea);color:#fff}.option-icon{flex-shrink:0;font-size:1rem}.option-text{flex:1 1}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.form-select,.form-textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:.9rem;padding:.75rem;transition:border-color .3s}.form-select option{background:var(--card-bg);border:none;color:var(--text-primary);font-size:.9rem;line-height:1.4;padding:.75rem .5rem}.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.form-help{color:#6c757d;font-size:.8rem;line-height:1.3;margin-bottom:0;margin-top:.25rem}.url-preview{align-items:center;background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:6px;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.5rem}.preview-label{color:var(--text-secondary);flex-shrink:0;font-weight:500}.preview-url{background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:.8rem;overflow-x:auto;padding:.25rem .5rem;white-space:nowrap;word-break:break-all}.test-link-btn{background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.75rem;padding:.3rem .6rem;transition:all .2s ease;white-space:nowrap}.test-link-btn:hover{background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-1px)}.test-link-btn:active{transform:translateY(0)}.icon-input-group{align-items:center;display:flex;gap:.5rem}.icon-input{flex:1 1}.icon-preview{background:var(--bg-tertiary);border-radius:8px;font-size:1.5rem;min-width:50px;padding:.5rem;text-align:center}.color-input{border:2px solid var(--card-border);border-radius:8px;cursor:pointer;height:40px;width:60px}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.links-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:2rem}.category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:all .3s ease}.category-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.category-header{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;justify-content:space-between;padding:1.5rem}.category-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1 1;font-size:inherit;gap:1rem;padding:0}.category-icon{flex-shrink:0;font-size:1.5rem}.category-info{flex:1 1;text-align:left}.category-name{color:var(--text-primary);display:block;font-size:1.1rem;font-weight:600}.category-count{color:var(--text-secondary);display:block;font-size:.85rem;margin-top:.25rem}.expand-icon{color:var(--text-secondary);font-size:.9rem;margin-left:auto;transition:transform .3s}.category-content{padding:0 1.5rem 1.5rem}.links-list{display:flex;flex-direction:column;gap:1rem}.link-item{background:var(--bg-tertiary);border-radius:10px;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.link-item:hover{background:#667eea0d;transform:translateX(5px)}.link-main{margin-bottom:.75rem;width:100%}.link-button{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:0;text-align:left;width:100%}.link-icon{flex-shrink:0;font-size:1rem;margin-top:.2rem}.link-info{flex:1 1;min-width:0;overflow:hidden}.link-name{color:var(--text-primary);font-size:.95rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin-bottom:.25rem}.link-name,.link-url{word-wrap:break-word;overflow-wrap:break-word}.link-url{color:var(--text-secondary);font-size:.8rem;line-height:1.2}.link-description{word-wrap:break-word;color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.link-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.tag{background:#667eea1a;border-radius:12px;color:#667eea;font-size:.7rem;font-weight:500;padding:.2rem .5rem;white-space:nowrap}.link-metadata{color:#adb5bd;font-size:.7rem;margin-bottom:.5rem}.link-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.link-actions .btn{border-radius:6px;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease;white-space:nowrap}.link-actions .btn:hover{transform:translateY(-1px)}.link-actions .btn-primary{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff}.link-actions .btn-outline{background:#0000;border:1px solid #6c757d;color:#6c757d}.link-actions .btn-outline:hover{background:#6c757d;color:#fff}.link-actions .btn-danger{background:#0000;border:1px solid #dc3545;color:#dc3545}.link-actions .btn-danger:hover{background:#dc3545;color:#fff}.quick-access-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2rem}.quick-access-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.quick-links-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quick-category{background:#f8f9facc;border:2px solid #0000;border-radius:12px;padding:1rem;transition:all .3s ease}.quick-category:hover{background:#667eea05;border-color:#667eea}.quick-category-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.quick-icon{font-size:1.25rem}.quick-name{color:var(--text-primary);font-weight:600}.quick-links{display:flex;flex-direction:column;gap:.5rem}.quick-link{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;padding:.75rem;text-align:left;transition:all .3s ease;word-break:break-word}.quick-link:hover{background:#667eea0d;border-color:#667eea;transform:translateX(3px)}.quick-more{background:#0000;border:1px dashed var(--text-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.75rem;transition:all .3s ease}.quick-more:hover{border-color:#667eea;color:#667eea}@media (max-width:768px){.links-page{padding:1rem .5rem}.header-content{flex-direction:column;gap:1.5rem;text-align:center}.header-stats{justify-content:center}.action-bar{flex-direction:column;gap:1rem}.primary-actions,.secondary-actions{flex-wrap:wrap;justify-content:center}.search-input{width:200px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.form-modal{margin:1rem;max-width:95vw;width:95vw}.links-grid,.quick-links-grid,.suggested-categories{grid-template-columns:1fr}}@media (max-width:480px){.page-title{font-size:2rem!important}.links-header{padding:1.5rem}.action-bar{padding:1rem}.modal-backdrop{padding:.5rem}.form-modal{margin:0;max-height:95vh;max-width:100%;width:100%}.form-header{padding:1rem 1.5rem}.category-form,.link-form{padding:1.5rem}.icon-input-group{align-items:stretch;flex-direction:column;gap:.75rem}.icon-preview{align-items:center;align-self:center;display:flex;font-size:2rem;height:60px;justify-content:center;min-width:60px}.form-actions{flex-direction:column;gap:.75rem}.form-actions .btn{width:100%}.link-item{padding:.75rem}.link-main{margin-bottom:.5rem}.link-button{gap:.5rem}.link-name{font-size:.9rem;line-height:1.2}.link-url{font-size:.75rem}.link-actions{gap:.4rem}.link-actions .btn{font-size:.75rem;padding:.3rem .6rem}}
/*# sourceMappingURL=main.6a6f9a01.css.map*/