*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.month-selector{background-color:var(--color-surface);border-radius:var(--radius-pill);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:6px;margin-bottom:14px;padding:6px 10px;display:flex}.month-selector button{cursor:pointer;color:#4a5a6e;transition:var(--transition-fast);-webkit-touch-callout:none;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:60px;min-height:44px;padding:6px 12px;font-size:14px;font-weight:500;display:flex}.month-selector button:hover:not(:disabled){background-color:var(--color-bg-alt)}.month-selector button:active:not(:disabled){background-color:var(--color-bg-alt);transform:scale(.92)}.month-selector button:disabled{opacity:.4;cursor:not-allowed;color:#9ca3af}.month-selector span{color:var(--color-text);text-align:center;min-width:100px;font-size:14px;font-weight:600}.summary-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.summary-card{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:var(--transition-fast);text-align:center;flex-direction:column;justify-content:center;min-height:80px;padding:12px 14px;display:flex}.summary-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:4px;font-size:9px;font-weight:600}.summary-value{color:var(--color-text);letter-spacing:-.3px;font-size:18px;font-weight:700}.summary-value.income{color:var(--color-income)}.summary-value.expense{color:var(--color-expense)}.summary-value.balance{color:var(--color-primary)}.len-den-summary{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.len-den-card{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:center;box-shadow:var(--shadow-sm);padding:12px 14px}.len-den-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:4px;font-size:9px;font-weight:600}.len-den-value{letter-spacing:-.3px;font-size:18px;font-weight:700}.len-den-value.len{color:var(--color-len)}.len-den-value.den{color:var(--color-den)}.stats-section{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:14px;padding:10px 12px;display:grid}.stat-item{text-align:center}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:600}.stat-value{color:var(--color-text);margin-top:4px;font-size:15px;font-weight:700}.stat-value.highlight{color:#8e44ad}.budget-card{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:12px 14px}.budget-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.budget-header label{color:var(--color-text);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;display:flex}.budget-input-group{flex:1;gap:6px;min-width:150px;display:flex}.budget-input-group input{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);-webkit-appearance:none;background-color:#f8f9fb;flex:1;min-height:40px;padding:6px 10px;font-size:13px}.budget-input-group input:focus{border-color:var(--color-primary);background-color:var(--color-surface);outline:none}.budget-input-group button{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);-webkit-touch-callout:none;border:none;min-height:40px;padding:6px 14px;font-size:12px;font-weight:600}.budget-input-group button:active{opacity:.8;transform:scale(.97)}.budget-progress{margin-top:10px}.progress-bar{background-color:var(--color-den);border-radius:6px;height:4px;transition:width .5s;display:block}.progress-bar.warning{background-color:var(--color-budget)}.progress-bar.danger{background-color:var(--color-expense)}.budget-text{color:var(--color-text-muted);margin-top:6px;font-size:11px}@media (width<=420px){.summary-grid{gap:6px}.summary-card{min-height:70px;padding:10px 12px}.summary-value{font-size:16px}.len-den-summary{gap:6px}.len-den-card{padding:10px 12px}.len-den-value{font-size:16px}.stats-section{gap:4px;padding:8px}.stat-value{font-size:13px}.budget-header{flex-direction:column;align-items:stretch}.budget-input-group{min-width:unset}}.transactions-page{width:100%}.transactions-toolbar{margin-bottom:12px}.filter-group{background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.filter-group button{cursor:pointer;transition:var(--transition-fast);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.3px;-webkit-touch-callout:none;background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.filter-group button:active{transform:scale(.95)}.filter-group button.active{background-color:var(--color-primary);color:#fff}.filter-group button.len-den.active{background-color:var(--color-budget);color:#fff}.toolbar-actions{align-items:center;gap:8px;margin-bottom:12px;display:flex}.date-filter-panel{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.date-filter-tabs{background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);gap:4px;padding:4px;display:flex}.date-filter-tabs button{min-width:0;min-height:40px;color:var(--color-text-light);cursor:pointer;letter-spacing:.3px;text-transform:uppercase;transition:var(--transition-fast);background-color:#0000;border:none;border-radius:6px;flex:1;padding:6px 10px;font-size:11px;font-weight:600}.date-filter-tabs button.active{background-color:var(--color-primary);color:#fff}.date-filter-tabs button:active{transform:scale(.95)}.date-filter-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.date-filter-fields.single{grid-template-columns:1fr}.date-filter-fields label{flex-direction:column;gap:4px;display:flex}.date-filter-fields span{color:var(--color-text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:600}.date-filter-fields input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);min-height:40px;color:var(--color-text);-webkit-appearance:none;padding:8px 10px;font-family:inherit;font-size:13px}.date-filter-fields input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2c3e501a}.search-box{border:1px solid var(--color-border);border-radius:var(--radius-pill);background-color:var(--color-surface);color:var(--color-text);transition:var(--transition-fast);-webkit-appearance:none;flex:1;min-height:40px;padding:8px 12px;font-size:13px}.search-box:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2c3e501a}.search-box::placeholder{color:var(--color-text-muted)}.action-btn{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-fast);color:var(--color-text-light);-webkit-touch-callout:none;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.action-btn:active{opacity:.7;transform:scale(.95)}.action-btn.delete{color:var(--color-expense);border-color:#f5c6cb}.action-btn.delete:hover{background-color:#fef2f2}.transaction-list{width:100%}.transaction-item{background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:flex-start;gap:8px;min-height:70px;margin-bottom:8px;padding:12px;display:flex}.transaction-item:hover{box-shadow:var(--shadow-md);border-color:#c8d0d8}.transaction-item:active{background-color:#f8f9fb;transform:scale(.99)}.transaction-info{flex-direction:column;flex:1;gap:6px;display:flex}.transaction-desc{color:var(--color-text);word-break:break-word;font-size:13px;font-weight:600;display:flex}.transaction-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.category{background-color:var(--color-bg-alt);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:2px 10px;font-size:9px;font-weight:600}.payment-mode{color:#1e40af;background-color:#dbeafe;border-radius:12px;padding:2px 10px;font-size:9px;font-weight:500}.date{color:var(--color-text-muted);font-size:10px}.len-den-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:2px 10px;font-size:8px;font-weight:600}.len-den-badge.len{color:var(--color-len);background-color:#fde8e8}.len-den-badge.den{color:var(--color-den);background-color:#e8f8ef}.transaction-amount{flex-shrink:0;align-items:center;gap:8px;display:flex}.amount{letter-spacing:-.2px;white-space:nowrap;font-size:14px;font-weight:700}.amount.income{color:var(--color-income)}.amount.expense{color:var(--color-expense)}.amount.len{color:var(--color-len)}.amount.den{color:var(--color-den)}.action-buttons{gap:4px;display:flex}.action-buttons button{cursor:pointer;transition:var(--transition-fast);color:var(--color-text-muted);-webkit-touch-callout:none;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:4px 6px;font-size:14px;display:flex}.action-buttons button:hover{background-color:var(--color-bg-alt)}.action-buttons button:active{transform:scale(.9)}.edit-btn{color:var(--color-primary)!important}.delete-btn{color:var(--color-expense)!important}@media (width<=420px){.filter-group button{padding:5px 10px;font-size:10px}.transaction-item{min-height:60px;padding:10px}.transaction-desc{font-size:12px}.amount{font-size:13px}.search-box{font-size:12px}.date-filter-tabs button{padding:5px 8px;font-size:10px}.date-filter-fields{gap:6px}.date-filter-fields input{padding:8px;font-size:12px}}@media (width<=360px){.transaction-desc{font-size:11px}.amount{font-size:12px}.date-filter-fields{grid-template-columns:1fr}}.add-page{width:100%}.form-type-selector{gap:8px;margin-bottom:16px;display:flex}.form-type-selector button{border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);cursor:pointer;transition:var(--transition-base);color:var(--color-text-light);-webkit-touch-callout:none;flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px;font-size:13px;font-weight:600;display:flex}.form-type-selector button:active{transform:scale(.97)}.form-type-selector button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #2c3e5033}.form-container{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:16px}.form-container h3{color:var(--color-text);margin-bottom:14px;font-size:16px;font-weight:700}.form-container.len-den-form{border:2px solid var(--color-budget);background:linear-gradient(135deg,#fef9f0,#fdf0e0)}.len-den-type-selector{gap:8px;margin-bottom:14px;display:flex}.len-den-type-selector button{border:2px solid var(--color-budget);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);color:var(--color-budget);-webkit-touch-callout:none;background-color:#fff;flex:1;min-height:40px;padding:10px;font-size:12px;font-weight:600}.len-den-type-selector button:active{transform:scale(.97)}.len-den-type-selector button.active{background-color:var(--color-budget);color:#fff;box-shadow:0 2px 8px #e67e2240}.len-den-hint{color:var(--color-text-muted);text-align:center;border-radius:var(--radius-sm);background-color:#e67e2214;margin-top:12px;margin-bottom:14px;padding:8px;font-size:11px}.len-den-hint strong{color:var(--color-budget)}@media (width<=420px){.form-container{padding:12px}.form-container h3{margin-bottom:12px;font-size:14px}.form-type-selector button{padding:10px;font-size:12px}.len-den-type-selector button{padding:8px;font-size:11px}}.reports-page{width:100%}.reports-header{background-color:var(--color-surface);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:16px;margin-bottom:16px;padding:24px 16px;display:flex}.reports-header svg{color:var(--color-primary);animation:.6s ease-out slideInDown}.reports-header h2{color:var(--color-primary);margin:0;font-size:24px;font-weight:700}.date-range-selector{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.date-field{flex-direction:column;display:flex}.date-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:4px;font-size:9px;font-weight:600}.date-field input{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);-webkit-appearance:none;background-color:#f8f9fb;min-height:44px;padding:10px;font-size:13px}.date-field input:focus{border-color:var(--color-primary);background-color:var(--color-surface);outline:none;box-shadow:0 0 0 3px #2c3e501a}.report-summary-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.report-len-den-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.report-card{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;justify-content:center;min-height:70px;padding:12px 14px;display:flex}.report-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:4px;font-size:9px;font-weight:600}.report-value{color:var(--color-text);letter-spacing:-.3px;font-size:18px;font-weight:700}.report-value.income{color:var(--color-income)}.report-value.expense{color:var(--color-expense)}.report-value.balance{color:var(--color-primary)}.report-value.len{color:var(--color-len)}.report-value.den{color:var(--color-den)}.report-stats{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:12px 14px}.stat-row{border-bottom:1px solid var(--color-bg);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-name{color:var(--color-text);font-size:13px;font-weight:500}.stat-value{color:var(--color-primary);font-size:14px;font-weight:600}.category-breakdown{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:14px}.category-breakdown h3{color:var(--color-text);margin-bottom:12px;font-size:14px;font-weight:700}.category-list{flex-direction:column;gap:10px;display:flex}.category-item{flex-direction:column;gap:6px;display:flex}.category-info{justify-content:space-between;align-items:center;display:flex}.category-name{color:var(--color-text);font-size:12px;font-weight:600}.category-percentage{color:var(--color-primary);background-color:var(--color-bg);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.category-bar-bg{background-color:var(--color-bg);border-radius:6px;height:6px;overflow:hidden}.category-bar{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-radius:6px;height:100%;transition:width .3s}.category-amount{color:var(--color-expense);font-size:12px;font-weight:700}.report-footer{text-align:center;color:var(--color-text-muted);padding:12px;font-size:12px}.report-footer p{margin:4px 0}@media (width<=420px){.date-range-selector{gap:10px}.report-summary-grid{gap:6px}.report-card{min-height:65px;padding:10px 12px}.report-value{font-size:16px}.category-breakdown{padding:12px}.category-breakdown h3{font-size:13px}}.currency-dropdown-container{width:100%;position:relative}.currency-dropdown-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px;font-size:12px;font-weight:600;display:block}.currency-dropdown-button{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.currency-dropdown-button:hover{border-color:var(--color-primary);background-color:#2c3e5005}.currency-dropdown-button:active,.currency-dropdown-button.open{border-color:var(--color-primary);background-color:#2c3e500a;box-shadow:0 0 0 3px #2c3e501a}.currency-display{text-align:left;flex:1;align-items:center;gap:8px;display:flex}.currency-symbol{color:var(--color-primary);min-width:24px;font-size:18px;font-weight:700}.currency-code{color:var(--color-text);letter-spacing:1px;font-size:13px;font-weight:700}.dropdown-icon{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.currency-dropdown-button.open .dropdown-icon{transform:rotate(180deg)}.currency-dropdown-menu{z-index:1000;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;animation:.15s ease-out slideDown;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001f}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.currency-dropdown-item{border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-align:left;-webkit-tap-highlight-color:transparent;background-color:#0000;align-items:center;gap:12px;padding:14px;font-size:13px;display:flex}.currency-dropdown-item:last-child{border-bottom:none}.currency-dropdown-item:hover{background-color:#2c3e500f}.currency-dropdown-item.selected{background-color:#2c3e5014;font-weight:600}.currency-dropdown-item.selected:hover{background-color:#2c3e501f}.currency-dropdown-item:active{transform:scale(.98)}.item-symbol{color:var(--color-primary);text-align:center;min-width:28px;font-size:20px;font-weight:700}.item-details{flex-direction:column;flex:1;gap:2px;display:flex}.item-code{color:var(--color-text);letter-spacing:.5px;font-size:13px;font-weight:600}.item-name{color:var(--color-text-muted);font-size:11px;font-weight:400}.item-checkmark{color:var(--color-income);flex-shrink:0;margin-left:auto;font-size:16px;font-weight:700}.profile-page{flex-direction:column;gap:16px;padding-top:8px;display:flex}.profile-header{background-color:var(--color-surface);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:16px;padding:24px 16px;display:flex}.profile-icon{color:var(--color-primary);justify-content:center;align-items:center;animation:.6s ease-out slideInDown;display:flex}.profile-username-section{width:100%}.username-display{flex-direction:column;align-items:center;gap:12px;display:flex}.username{color:var(--color-primary);word-break:break-word;margin:0;font-size:24px;font-weight:700}.btn-edit{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-primary);cursor:pointer;transition:var(--transition-fast);background-color:#2c3e5014;min-width:80px;min-height:36px;padding:8px 16px;font-size:12px;font-weight:600}.btn-edit:active{background-color:#2c3e501f;transform:scale(.95)}.username-edit{flex-direction:column;gap:12px;width:100%;display:flex}.username-input{border:2px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text);background-color:var(--color-bg);transition:var(--transition-fast);padding:12px 14px;font-size:16px;font-weight:600}.username-input:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #2c3e501a}.edit-actions{justify-content:center;gap:10px;display:flex}.btn-save,.btn-cancel{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;min-width:80px;min-height:40px;padding:10px 20px;font-size:13px;font-weight:600}.btn-save{background-color:var(--color-income);color:#fff}.btn-save:active{opacity:.9;transform:scale(.95)}.btn-cancel{background-color:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-cancel:active{background-color:var(--color-border);transform:scale(.95)}.profile-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{background-color:var(--color-surface);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:18px 14px}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:12px;font-weight:600}.stat-value{word-break:break-word;font-size:18px;font-weight:700;line-height:1.3}.stat-value.positive{color:var(--color-income)}.stat-value.negative{color:var(--color-expense)}.balance-card{background:linear-gradient(135deg,#27ae6014,#0000)}.expense-card{background:linear-gradient(135deg,#e74c3c14,#0000)}.profile-section{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;padding:0 4px;font-size:14px;font-weight:700}.btn-logout{border:1px solid var(--color-expense);border-radius:var(--radius-md);color:var(--color-expense);cursor:pointer;transition:all var(--transition-base);background-color:#e74c3c1a;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.btn-logout:hover{background-color:#e74c3c26}.btn-logout:active{background-color:#e74c3c33;transform:scale(.95)}.profile-info{border-left:4px solid var(--color-budget);border-radius:var(--radius-md);background-color:#e67e2214;margin-top:8px;padding:12px 14px}.profile-info p{color:var(--color-text-light);margin:4px 0;font-size:12px;line-height:1.5}.profile-info p:first-child{margin-top:0}.profile-info p:last-child{margin-bottom:0}.btn-logout-bottom{background-color:var(--color-expense);color:#fff;border:none;width:100%;margin-top:16px;margin-bottom:8px}.btn-logout-bottom:hover{background-color:#c0392b}.btn-logout-bottom:active{opacity:.9}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=420px){.profile-header{gap:12px;padding:20px 14px}.profile-icon svg{width:56px;height:56px}.username{font-size:20px}.profile-stats{grid-template-columns:1fr;gap:10px}.stat-card{padding:14px 12px}.stat-value{font-size:16px}}@media (width<=360px){.profile-header{padding:16px 12px}.username{font-size:18px}.btn-edit{padding:6px 12px;font-size:11px}.stat-card{padding:12px 10px}.stat-label{font-size:10px}.stat-value{font-size:14px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{color:var(--color-text);align-items:center;gap:12px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.modal-content .form-group{margin-bottom:12px}@media (width<=420px){.modal-content{max-height:85vh;padding:20px 16px}.modal-content h3{margin-bottom:12px;font-size:16px}}.confirm-overlay{z-index:1200;-webkit-backdrop-filter:blur(4px);background-color:#1a23327a;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);width:min(100%,360px);box-shadow:var(--shadow-lg);padding:18px;animation:.18s ease-out confirm-pop}.confirm-icon{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-primary);background-color:#2c3e5014;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.confirm-dialog.danger .confirm-icon{color:var(--color-expense);background-color:#e74c3c1a}.confirm-copy h2{color:var(--color-text);margin:0 0 6px;font-size:18px;font-weight:700;line-height:1.25}.confirm-copy p{color:var(--color-text-light);margin:0;font-size:13px;line-height:1.45}.confirm-actions{gap:10px;margin-top:18px;display:flex}.confirm-btn{border-radius:var(--radius-sm);cursor:pointer;min-height:44px;transition:var(--transition-fast);border:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:700}.confirm-btn:active{transform:scale(.97)}.confirm-btn.cancel{border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text)}.confirm-btn.default{background-color:var(--color-primary);color:#fff}.confirm-btn.danger{background-color:var(--color-expense);color:#fff}@keyframes confirm-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=340px){.confirm-actions{flex-direction:column-reverse}}:root{--color-primary:#2c3e50;--color-secondary:#34495e;--color-income:#27ae60;--color-expense:#e74c3c;--color-len:#e74c3c;--color-den:#27ae60;--color-budget:#e67e22;--color-bg:#f5f7fa;--color-bg-alt:#e8ecf1;--color-surface:#fff;--color-border:#e2e6ed;--color-text:#1a2332;--color-text-muted:#8a9aa8;--color-text-light:#6b7a8f;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 20px 60px #0003;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-pill:20px;--transition-fast:.15s ease;--transition-base:.25s ease}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0}::-webkit-scrollbar{width:0;height:0;display:none}html,body{width:100%;height:100%;overflow-x:hidden}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{width:100%;min-height:100vh}html{width:100%;height:100%;position:fixed;overflow:hidden}body{-webkit-overflow-scrolling:touch;width:100%;height:100%;position:absolute;overflow:hidden auto}.app-container{background-color:var(--color-bg);width:100vw;max-width:480px;min-height:100vh;padding:0;padding-left:max(env(safe-area-inset-left), 0);padding-right:max(env(safe-area-inset-right), 0);padding-top:max(env(safe-area-inset-top), 0);padding-bottom:max(env(safe-area-inset-bottom), 0);flex-direction:column;margin:0 auto;display:flex;box-shadow:0 0 40px #0000000d}.app-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:1000;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.app-header-left{flex:1;align-items:center;gap:10px;display:flex}.app-header-icon{color:#fff;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.app-header h1{color:var(--color-text);letter-spacing:-.3px;font-size:20px;font-weight:600}.app-header h1 .my{color:var(--color-text-light);font-weight:400}.app-header h1 .home{color:var(--color-primary);font-weight:900}.app-header-nav{gap:8px;display:flex}.app-header-nav button{cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);color:var(--color-text-muted);-webkit-touch-callout:none;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;font-size:18px;display:flex}.app-header-nav button:active{background-color:var(--color-bg-alt);transform:scale(.95)}.app-content{-webkit-overflow-scrolling:touch;padding:12px;padding-left:max(16px, calc(env(safe-area-inset-left) + 4px));padding-right:max(16px, calc(env(safe-area-inset-right) + 4px));padding-bottom:max(90px, calc(env(safe-area-inset-bottom) + 80px));flex:1;overflow-y:auto}.app-tabs{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:4px;margin-bottom:14px;padding:4px;display:flex}.app-tabs button{cursor:pointer;transition:var(--transition-base);color:var(--color-text-light);-webkit-touch-callout:none;background-color:#0000;border:none;border-radius:8px;flex:1;min-height:44px;padding:10px 12px;font-size:13px;font-weight:600}.app-tabs button:active{transform:scale(.97)}.app-tabs button.active{background-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #2c3e5033}.app-tabs button.budget-tab.active{background-color:var(--color-budget);box-shadow:0 2px 8px #e67e2240}.form-group{flex-direction:column;margin-bottom:12px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:4px;font-size:9px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:var(--transition-fast);-webkit-appearance:none;background-color:#f8f9fb;min-height:44px;padding:10px;font-family:inherit;font-size:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);background-color:var(--color-surface);outline:none;box-shadow:0 0 0 3px #2c3e501a}.form-group input.input-error,.form-group select.input-error,.form-group textarea.input-error{border-color:var(--color-expense);background-color:#fff7f7}.field-error{color:var(--color-expense);margin-top:4px;font-size:11px;font-weight:600;line-height:1.35;display:block}.form-row{grid-template-columns:1fr;gap:8px;margin-bottom:12px;display:grid}.form-row.two-cols{grid-template-columns:2fr 1fr}.form-row.three-cols{grid-template-columns:1fr 1fr 1fr}@media (width>=420px){.form-row.two-cols{grid-template-columns:2fr 1fr}.form-row.three-cols{grid-template-columns:1fr 1fr 1fr}}button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);-webkit-touch-callout:none;border:none;justify-content:center;align-items:center;min-height:44px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.btn:active{opacity:.8;transform:scale(.97)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-secondary)}.btn-secondary{background-color:var(--color-bg-alt);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-border)}.btn-danger{color:var(--color-expense);background-color:#fef2f2;border:1px solid #f5c6cb}.btn-danger:hover{background-color:#fde8e8}.btn-budget{background-color:var(--color-budget);color:#fff}.btn-budget:hover{background-color:#d35400}.btn-len{background-color:var(--color-len);color:#fff}.btn-den{background-color:var(--color-den);color:#fff}.btn-block{width:100%}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-base);padding:12px 14px}.card:hover{box-shadow:var(--shadow-md);border-color:#c8d0d8}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 16px}.empty-state span{margin-bottom:12px;font-size:48px;display:block}.empty-state p{font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch;max-height:90vh;padding:24px 20px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow-y:auto}.home-page,.transactions-page,.add-page,.reports-page{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}svg{vertical-align:middle;display:inline-block}.modal-content h3{color:var(--color-text);margin-bottom:16px;font-size:18px;font-weight:700}.modal-actions{gap:12px;margin-top:18px;display:flex}.modal-actions button{flex:1;min-height:44px}@media (width<=420px){.app-header{padding:12px}.app-header h1{font-size:18px}.app-header-icon{width:36px;height:36px;font-size:18px}.app-content{padding:10px;padding-left:max(10px, calc(env(safe-area-inset-left) + 2px));padding-right:max(10px, calc(env(safe-area-inset-right) + 2px))}.form-group input,.form-group select,.form-group textarea{padding:8px;font-size:12px}.card{padding:10px 12px}}@media (width<=360px){.app-header h1{font-size:16px}.form-group input,.form-group select,.form-group textarea{font-size:11px}}.app-nav{--nav-side-gap:12px;background-color:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;width:100%;height:auto;min-height:70px;padding-bottom:max(8px, env(safe-area-inset-bottom));max-width:calc(480px - (var(--nav-side-gap) * 2));justify-content:space-around;align-items:center;gap:4px;padding-top:8px;display:flex;position:fixed;bottom:10px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 -2px 8px #0000000d}.nav-item{color:var(--color-text-muted);transition:all var(--transition-base);-webkit-touch-callout:none;cursor:pointer;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:54px;padding:8px 12px;text-decoration:none;display:flex}.nav-item:hover{color:var(--color-text-light);background-color:#2c3e5008}.nav-item:active{transform:scale(.95)}.nav-item.active{color:var(--color-primary);background-color:#2c3e5014;font-weight:600}.nav-label{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}@media (width<=420px){.app-nav{gap:2px;min-height:64px}.nav-item{gap:4px;min-height:48px;padding:6px 8px}.nav-label{font-size:10px}}@media (width<=360px){.app-nav{--nav-side-gap:8px;gap:0;min-height:60px;padding:6px 2px}.nav-item{gap:2px;min-height:44px;padding:4px 6px}.nav-label{font-size:9px}}@media (width<=300px){.nav-label{display:none}.nav-item{min-height:44px;padding:4px}.app-nav{--nav-side-gap:6px;min-height:50px}}