.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--gradient-bg)}.auth-card{background:var(--color-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-card-border);border-radius:24px;padding:40px 32px;width:100%;max-width:380px;box-shadow:var(--glass-shadow);text-align:center}.auth-logo{font-size:3rem;margin-bottom:12px}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin:0 0 6px}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 28px}.auth-form{display:flex;flex-direction:column;gap:16px;text-align:left}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.auth-field input{padding:12px 16px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--transition-base);outline:none}.auth-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.auth-forgot{font-size:var(--text-sm);color:var(--color-primary);cursor:pointer;text-align:right;margin:-8px 0 0}.auth-btn-primary{width:100%;padding:14px;border-radius:var(--radius-lg);border:none;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);margin-top:4px}.auth-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px var(--color-primary-glow)}.auth-btn-primary:active{transform:translateY(0)}.auth-error{color:var(--color-danger);font-size:var(--text-sm);text-align:center;margin:0}.auth-switch{margin-top:24px;font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-link{background:none;border:none;color:var(--color-primary);font-weight:var(--font-semibold);cursor:pointer;font-size:var(--text-sm);padding:0;text-decoration:underline}.budget-summary{margin-bottom:var(--space-8);padding:var(--space-8);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow)}.budget-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.budget-card{padding:var(--space-6);border-radius:var(--radius-xl);transition:all var(--transition-base)}.budget-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-hover)}.budget-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.budget-emoji{font-size:1.5rem;line-height:1}.budget-label{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.budget-amount{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);font-family:var(--font-display);line-height:1.2}.budget-amount.spent{color:var(--color-primary)}.budget-amount.positive{color:var(--color-success)}.budget-amount.negative{color:var(--color-danger)}.budget-percentage{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.progress-section{margin-bottom:var(--space-6)}.progress-bar-container{width:100%;height:16px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-bar{height:100%;border-radius:var(--radius-full);position:relative;transition:width var(--transition-slow)}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar.safe{background:linear-gradient(90deg,var(--color-success),var(--color-success-dark))}.progress-bar.warning{background:linear-gradient(90deg,var(--color-warning),var(--color-warning-dark))}.progress-bar.danger{background:linear-gradient(90deg,var(--color-danger),var(--color-danger-dark))}.progress-labels{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium)}.status-message{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-base)}.status-emoji{font-size:1.5rem;line-height:1}.status-message.safe{background:var(--color-success-light);color:var(--color-success-dark)}.status-message.warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.status-message.danger{background:var(--color-danger-light);color:var(--color-danger-dark)}@media (max-width: 640px){.budget-summary{padding:var(--space-6)}.budget-cards{grid-template-columns:1fr}.budget-amount{font-size:var(--text-2xl)}.status-message{flex-direction:column;text-align:center}}.budget-modal{width:100%;max-width:480px;max-height:88vh;overflow-y:auto;padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);pointer-events:all}.bm-total-row{margin-bottom:20px}.bm-label{display:block;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.bm-amount-input{display:flex;align-items:center;gap:8px;background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 16px}.bm-currency{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.bm-big-input{flex:1;border:none;background:transparent;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);outline:none;min-width:0}.bm-period-row{margin-bottom:20px}.bm-period-tabs{display:flex;gap:8px}.bm-period-tab{flex:1;padding:10px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.bm-period-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:var(--font-semibold)}.bm-period-tab:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary)}.bm-sliders-section{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;max-height:280px;overflow-y:auto;padding-right:4px}.bm-slider-row{display:flex;flex-direction:column;gap:6px}.bm-slider-header{display:flex;justify-content:space-between;align-items:center}.bm-cat-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.bm-cat-amount{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.bm-slider-track{position:relative;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.bm-slider-fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-full);pointer-events:none;transition:width .15s ease}.bm-slider{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:2}.bm-summary{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:14px 16px;display:flex;justify-content:space-between;margin-bottom:20px;gap:8px}.bm-summary-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.bm-summary-item span{font-size:var(--text-xs);color:var(--color-text-primary);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.bm-summary-item strong{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.bm-summary-item.highlight{background:var(--glass-bg);border-radius:var(--radius-md);padding:6px 10px}.bm-sliders-section::-webkit-scrollbar{width:4px}.bm-sliders-section::-webkit-scrollbar-track{background:transparent}.bm-sliders-section::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.bm-period-note{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);margin:8px 0 0;padding:8px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.bm-alloc-header{margin-bottom:12px}.bm-alloc-hint{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);margin:4px 0 0}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1040;display:flex;align-items:center;justify-content:center}.modal-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1050;padding:var(--space-4);pointer-events:none}.expense-form-modal{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);pointer-events:all}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.modal-title{font-size:var(--text-2xl);margin:0}.btn-close{background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:var(--radius-md)}.btn-close:hover{background:var(--glass-bg);color:var(--color-text-primary);transform:rotate(90deg)}.expense-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{position:relative}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-semibold);color:var(--color-text-primary);font-size:var(--text-sm)}.required{color:var(--color-danger)}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:2px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:20px;padding-right:var(--space-12)}.form-group select:hover{border-color:var(--color-primary);background-color:var(--glass-bg-strong)}.form-group select:focus{outline:none;border-color:var(--color-primary);background:var(--glass-bg-strong);box-shadow:0 0 0 3px var(--color-primary-glow)}.char-count{position:absolute;right:var(--space-3);top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium)}.error-banner{padding:var(--space-4);background:var(--color-danger-light);color:var(--color-danger-dark);border-radius:var(--radius-lg);border-left:4px solid var(--color-danger);font-size:var(--text-sm);font-weight:var(--font-medium)}.form-actions{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.form-actions .btn{flex:1}@media (max-width: 640px){.expense-form-modal{padding:var(--space-6)}.modal-title{font-size:var(--text-xl)}.modal-container{padding:var(--space-2)}}.optional{font-size:11px;color:var(--color-text-tertiary);font-weight:400;margin-left:4px}.expense-list-container{margin-bottom:var(--space-8)}.expense-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.expense-list-header h3{font-size:var(--text-2xl);margin:0}.expense-count{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:var(--font-medium);background:var(--glass-bg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.expense-list{display:flex;flex-direction:column;gap:var(--space-4)}.expense-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);transition:all var(--transition-base)}.expense-item:hover{box-shadow:var(--glass-shadow-hover)}.expense-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:var(--shadow-md)}.expense-details{flex:1;min-width:0}.expense-description{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary)}.expense-category{font-weight:var(--font-medium)}.expense-separator{opacity:.5}.expense-date{font-weight:var(--font-normal)}.expense-amount-section{flex-shrink:0}.expense-amount{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-display);text-align:right}.expense-actions{display:flex;gap:var(--space-2);flex-shrink:0}.btn-action{padding:var(--space-2);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-edit{background:var(--glass-bg);color:var(--color-primary)}.btn-edit:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.btn-delete{background:var(--glass-bg);color:var(--color-danger)}.btn-delete:hover{background:var(--color-danger);color:#fff;transform:scale(1.1)}.expense-list-empty{padding:var(--space-12)}@media (max-width: 640px){.expense-item{flex-wrap:wrap;padding:var(--space-4)}.expense-icon{width:40px;height:40px;font-size:1.25rem}.expense-amount{font-size:var(--text-lg)}.expense-actions{width:100%;justify-content:flex-end;margin-top:var(--space-2)}.expense-description{font-size:var(--text-sm)}.expense-meta{font-size:var(--text-xs)}}.expense-list-actions{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6)}.expense-list-actions .btn{flex:1;max-width:300px}.chart-container{padding:var(--space-8);position:relative;overflow:visible}.chart-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6);text-align:center;letter-spacing:-.5px}.chart-wrapper{margin-bottom:var(--space-6);position:relative}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:1;transition:opacity .3s ease,transform .3s ease}.donut-center-hidden{opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.9)}.center-value{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:800;color:var(--color-text-primary);font-family:var(--font-display);line-height:1.1;margin-bottom:var(--space-2);letter-spacing:-.5px}.center-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.8px}.chart-tooltip-donut{padding:var(--space-4);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);min-width:180px;z-index:10000!important;animation:tooltip-pop .18s cubic-bezier(.34,1.56,.64,1) both}.donut-tooltip-floating{position:absolute;top:12px;right:0;pointer-events:none}@keyframes tooltip-pop{0%{opacity:0;transform:scale(.88) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=light] .chart-tooltip-donut{background:#fffffffa;border-color:#0000001a;box-shadow:0 10px 40px #00000026}[data-theme=dark] .chart-tooltip-donut{background:#0f172afa;border-color:#ffffff1a}.chart-tooltip{padding:var(--space-4);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:150px;z-index:9999}[data-theme=light] .chart-tooltip{background:#fffffffa;border-color:#0000001a}[data-theme=dark] .chart-tooltip{background:#0f172afa;border-color:#ffffff1a}.tooltip-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.tooltip-emoji{font-size:1.5rem}.tooltip-title{font-weight:var(--font-bold);color:var(--color-text-primary);font-size:var(--text-base)}.tooltip-body{display:flex;flex-direction:column;gap:var(--space-1)}.tooltip-amount{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-primary);margin:0;font-family:var(--font-display)}.tooltip-count{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;font-weight:var(--font-medium)}.tooltip-percent{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.category-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.legend-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease}.legend-item:hover,.legend-item-active{background:var(--glass-bg);transform:translate(4px);box-shadow:inset 3px 0 0 currentColor}.legend-item-active .legend-indicator{transform:scale(1.35);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent);transition:transform .18s ease,box-shadow .18s ease}.legend-indicator{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0;transition:transform .18s ease,box-shadow .18s ease}.legend-emoji{font-size:1.25rem;flex-shrink:0}.legend-name{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.legend-amount{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-display)}.chart-stats{display:flex;justify-content:space-around;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.chart-stat{text-align:center}.chart-stat .stat-label{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.chart-stat .stat-value{display:block;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-display)}.chart-empty{padding:var(--space-12)}.empty-state{text-align:center}.empty-emoji{font-size:4rem;display:block;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.empty-state p{color:var(--color-text-tertiary);margin:0}.chart-explanation{margin-top:var(--space-6);padding:var(--space-4);background:var(--glass-bg);border-left:3px solid #f97316;border-radius:var(--radius-md)}.chart-info{display:flex;align-items:flex-start;gap:var(--space-3);margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary)}.info-icon{font-size:var(--text-lg);flex-shrink:0;margin-top:2px}.info-text{flex:1}.info-text strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}@media (max-width: 640px){.chart-container{padding:var(--space-6)}.chart-wrapper{margin-left:-var(--space-4);margin-right:-var(--space-4)}.category-legend{grid-template-columns:1fr}.chart-stats{flex-direction:column;gap:var(--space-3)}.center-value{font-size:1.5rem}.center-label{font-size:var(--text-xs)}.chart-explanation{padding:var(--space-3)}.chart-info{font-size:var(--text-xs)}}.settings-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1040}.settings-modal-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1050;padding:var(--space-4);pointer-events:none}.settings-modal{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);pointer-events:all}.settings-content{display:flex;flex-direction:column;gap:var(--space-8)}.settings-section{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.settings-section:last-child{border-bottom:none;padding-bottom:0}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);margin-bottom:var(--space-4)}.section-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);font-weight:var(--font-medium)}[data-theme=light] .section-description{color:#1e293b;font-weight:var(--font-semibold)}.currency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.currency-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base)}.currency-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);transform:translateY(-2px)}.currency-card.active{background:var(--color-primary);border-color:var(--color-primary)}.currency-card.active .currency-symbol,.currency-card.active .currency-code,.currency-card.active .currency-name{color:#fff}.currency-symbol{font-size:var(--text-3xl);font-weight:var(--font-bold)}.currency-code{font-size:var(--text-sm);font-weight:var(--font-bold)}.currency-name{font-size:var(--text-xs);opacity:.8}.backup-actions{display:flex;gap:var(--space-4)}.backup-actions .btn{flex:1}@media (max-width: 640px){.settings-modal{padding:var(--space-6)}.currency-grid{grid-template-columns:1fr}.backup-actions{flex-direction:column}}.profile-page{padding:0 0 24px}.profile-avatar-section{text-align:center;padding:24px 0 20px}.profile-avatar-wrapper{position:relative;display:inline-block;margin-bottom:12px}.profile-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px var(--color-primary-glow);overflow:hidden}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-sticker{font-size:44px;line-height:1}.profile-avatar-initials{color:#fff;font-size:28px;font-weight:var(--font-bold)}.profile-avatar-edit-btn{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:50%;border:2px solid var(--color-bg-primary);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.profile-avatar-edit-btn:hover{background:var(--color-primary-dark);transform:scale(1.1)}.profile-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 4px}.profile-email{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 4px}.profile-joined{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.avatar-picker{border-radius:var(--radius-xl);padding:16px;margin-bottom:16px}.avatar-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.avatar-picker-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.avatar-picker-close{background:none;border:none;color:var(--color-text-secondary);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:background var(--transition-base)}.avatar-picker-close:hover{background:var(--color-bg-secondary)}.avatar-picker-section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.avatar-upload-btn{width:100%;padding:10px;border-radius:var(--radius-md);border:1.5px dashed var(--color-primary);background:var(--color-primary-glow);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);margin-bottom:16px}.avatar-upload-btn:hover{background:var(--color-primary);color:#fff;border-style:solid}.sticker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:12px}.sticker-btn{aspect-ratio:1;border-radius:var(--radius-md);border:2px solid transparent;background:var(--color-bg-secondary);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);padding:4px}.sticker-btn:hover{background:var(--color-primary-glow);transform:scale(1.15)}.sticker-btn.selected{border-color:var(--color-primary);background:var(--color-primary-glow);transform:scale(1.1)}.avatar-remove-btn{width:100%;padding:8px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.avatar-remove-btn:hover{color:var(--color-danger);border-color:var(--color-danger)}.profile-message{padding:10px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:12px;text-align:center}.profile-message.success{background:var(--color-bg-success);color:var(--color-success);border:1px solid var(--color-success)}.profile-message.error{background:var(--color-bg-danger);color:var(--color-danger);border:1px solid var(--color-danger)}.profile-section{border-radius:var(--radius-xl);padding:16px 20px;margin-bottom:12px}.profile-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0;color:var(--color-text-primary)}.profile-section-title{display:flex;align-items:center;gap:8px;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 12px}.profile-section-title.danger{color:var(--color-danger);margin:0 0 12px}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border-tertiary)}.profile-info-row:last-child{border-bottom:none}.profile-info-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.profile-info-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.profile-form{display:flex;flex-direction:column;gap:12px;margin-top:12px;overflow:hidden}.profile-field{display:flex;flex-direction:column;gap:4px}.profile-field label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px}.profile-field input{padding:10px 14px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-base)}.profile-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.profile-form-actions{display:flex;gap:8px;justify-content:flex-end}.danger-zone{border:1px solid var(--color-danger)!important}.btn-delete-account{width:100%;padding:10px;border-radius:var(--radius-md);border:1.5px solid var(--color-danger);background:transparent;color:var(--color-danger);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-delete-account:hover{background:var(--color-danger);color:#fff}.delete-confirm p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 12px}.btn-delete-confirm{padding:8px 16px;border-radius:var(--radius-md);border:none;background:var(--color-danger);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-delete-confirm:hover{opacity:.85}@media (max-width: 400px){.sticker-grid{grid-template-columns:repeat(6,1fr)}}.dashboard{width:100%}.dashboard-container{max-width:1200px;margin:0 auto;padding:0 16px 40px}.dashboard-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0;flex-wrap:wrap;gap:16px}.header-left{display:flex;align-items:baseline;gap:12px}.dashboard-title-compact{font-size:var(--text-2xl);font-weight:var(--font-extrabold);margin:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-month{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:var(--font-medium)}.header-right{display:flex;align-items:center;gap:var(--space-6)}.header-stats{display:flex;align-items:center;gap:var(--space-4)}.stat-compact{display:flex;flex-direction:column;align-items:center}.stat-label-compact{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.stat-value-compact{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.stat-separator{color:var(--color-text-tertiary);opacity:.3;font-size:var(--text-lg)}.theme-toggle-compact{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:var(--space-2);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.theme-toggle-compact:hover{transform:rotate(180deg) scale(1.2)}.settings-btn-container{margin-bottom:20px}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow-hover)}.stat-icon{font-size:2.5rem;line-height:1;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-1);font-weight:var(--font-medium)}.stat-number{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;font-family:var(--font-display)}.stat-number-small{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.add-expense-fab-container{position:fixed;bottom:30px;right:30px;z-index:var(--z-fixed)}.add-expense-fab-container:before{content:"Add Expense";position:absolute;bottom:calc(100% + 12px);right:0;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);padding:6px 12px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;transform:translateY(4px);box-shadow:var(--shadow-lg)}.add-expense-fab-container:hover:before{opacity:1;transform:translateY(0)}.btn-fab{position:relative}.btn-fab{width:64px;height:64px;border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.btn-fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 12px 32px var(--color-primary-glow)}.btn-fab:active{transform:scale(1.05) rotate(90deg)}.notification{position:fixed;top:80px;right:30px;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--glass-border);font-weight:var(--font-semibold);z-index:var(--z-tooltip);max-width:300px}.dashboard-footer{margin-top:var(--space-12);padding:var(--space-8) 0 var(--space-6) 0;text-align:center;border-top:1px solid var(--color-border)}.dashboard-footer p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0;font-weight:var(--font-medium)}@media (max-width: 768px){.dashboard-header-compact{flex-direction:column;align-items:flex-start}.header-right{width:100%;justify-content:space-between}.header-stats{width:auto}.charts-grid{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard-container{padding:8px 12px 32px}.quick-stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--space-4)}.add-expense-fab-container{bottom:20px;right:20px}.btn-fab{width:56px;height:56px}.notification{right:20px;left:20px;max-width:none}}@media (min-width: 641px) and (max-width: 1024px){.quick-stats-grid{grid-template-columns:repeat(2,1fr)}}.page-section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--color-primary-glow)}.header-welcome{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.dashboard-actions{display:flex;gap:12px;margin-top:20px}.dash-action-btn{flex:1;padding:14px 20px;border-radius:var(--radius-lg);border:none;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.dash-action-btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 15px var(--color-primary-glow)}.dash-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--color-primary-glow)}.dash-action-btn.secondary{background:var(--color-card-bg);border:1.5px solid var(--color-primary);color:var(--color-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dash-action-btn.secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.txn-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.txn-filter-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:100px}.txn-filter-group label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.txn-filter-group select{padding:8px 12px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.txn-filter-group select:focus{outline:none;border-color:var(--color-primary)}@media (max-width: 640px){.dashboard-actions{flex-direction:column}.txn-filters{gap:8px}}.insights-card{border-radius:var(--radius-xl);padding:16px 20px;margin:16px 0}.insights-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 10px}.insights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.insights-item{font-size:var(--text-sm);color:var(--color-text-secondary);padding:8px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-md);line-height:1.5}.history-card{border-radius:var(--radius-xl);padding:16px 20px;margin-top:16px}.history-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 14px}.history-bars{display:flex;flex-direction:column;gap:10px}.history-bar-row{display:flex;align-items:center;gap:10px}.history-bar-label{font-size:var(--text-xs);color:var(--color-text-secondary);width:56px;flex-shrink:0;font-variant-numeric:tabular-nums}.history-bar-track{flex:1;height:10px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.history-bar-fill{height:100%;border-radius:var(--radius-full);min-width:4px}.history-bar-amount{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);width:52px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.history-empty{border-radius:var(--radius-xl);padding:16px 20px;margin-top:16px}.history-empty p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;text-align:center}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);background:var(--color-card-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-top:1px solid var(--color-card-border);box-shadow:0 -4px 20px #00000014;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-inner{max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;padding:8px 16px;gap:4px}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;border:none;background:none;cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-base);color:var(--color-text-tertiary);min-width:60px;flex:1}.bottom-nav-item:hover{background:var(--glass-bg);color:var(--color-primary)}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item.active .bottom-nav-icon{background:var(--color-primary-glow);border-radius:var(--radius-md);padding:4px 8px}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.bottom-nav-label{font-size:10px;font-weight:var(--font-medium);letter-spacing:.3px;transition:color var(--transition-base);white-space:nowrap}.bottom-nav-action{flex:0 0 auto;min-width:52px;padding:6px}.bottom-nav-action .bottom-nav-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:var(--radius-full);padding:10px;box-shadow:0 4px 15px var(--color-primary-glow);transition:all var(--transition-base)}.bottom-nav-action:hover .bottom-nav-icon{transform:scale(1.1);box-shadow:0 6px 20px var(--color-primary-glow);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary))}.bottom-nav-action.active .bottom-nav-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));padding:10px}:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-glow: rgba(99, 102, 241, .3);--color-bg-primary: #f8fafc;--color-bg-secondary: #f1f5f9;--color-bg-tertiary: #e2e8f0;--gradient-bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--gradient-bg-alt: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-subtle: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--glass-bg: rgba(255, 255, 255, .25);--glass-bg-strong: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--glass-shadow-hover: 0 12px 40px 0 rgba(31, 38, 135, .25);--color-card-bg: rgba(255, 255, 255, .7);--color-card-border: rgba(255, 255, 255, .5);--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-text-inverse: #ffffff;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-danger-dark: #dc2626;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-dark: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Plus Jakarta Sans", "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-max-width: 1200px;--container-padding: var(--space-4);--header-height: 80px;--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--blur-xl: 40px}[data-theme=dark]{--color-primary: #818cf8;--color-primary-light: #a5b4fc;--color-primary-dark: #6366f1;--color-primary-glow: rgba(129, 140, 248, .4);--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--gradient-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--gradient-bg-alt: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-subtle: linear-gradient(135deg, #1e293b 0%, #334155 100%);--glass-bg: rgba(30, 41, 59, .4);--glass-bg-strong: rgba(30, 41, 59, .6);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-shadow-hover: 0 12px 40px 0 rgba(0, 0, 0, .5);--color-card-bg: rgba(30, 41, 59, .5);--color-card-border: rgba(255, 255, 255, .1);--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-inverse: #0f172a;--color-success: #34d399;--color-success-light: #064e3b;--color-success-dark: #6ee7b7;--color-warning: #fbbf24;--color-warning-light: #78350f;--color-warning-dark: #fcd34d;--color-danger: #f87171;--color-danger-light: #7f1d1d;--color-danger-dark: #fca5a5;--color-info: #60a5fa;--color-info-light: #1e3a8a;--color-info-dark: #93c5fd;--color-border: #334155;--color-border-light: #475569;--color-border-dark: #1e293b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--gradient-bg);background-attachment:fixed;min-height:100vh;overflow-x:hidden;transition:background var(--transition-slow),color var(--transition-slow)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full);border:2px solid var(--color-bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}strong,b{font-weight:var(--font-semibold)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass:hover{box-shadow:var(--glass-shadow-hover)}.card{background:var(--color-card-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-compact{padding:var(--space-4)}.card-spacious{padding:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow)}.btn:hover:before{width:300px;height:300px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 15px var(--color-primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--color-primary-glow);transform:translateY(-2px)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));color:var(--color-text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-bg-strong)}.btn-success{background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));color:#fff}.btn-danger{background:linear-gradient(135deg,var(--color-danger),var(--color-danger-dark));color:#fff}.btn-ghost{background:transparent;color:var(--color-text-primary)}.btn-ghost:hover{background:var(--glass-bg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-full)}.btn-close{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;padding:var(--space-2);cursor:pointer;color:var(--color-text-primary)!important;transition:all var(--transition-fast);border-radius:var(--radius-md)}.btn-close:hover{background:var(--glass-bg-strong)!important;color:var(--color-text-primary)!important;transform:rotate(90deg)}.form-group{margin-bottom:var(--space-6)}label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}input,textarea,select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);background:var(--glass-bg-strong);box-shadow:0 0 0 3px var(--color-primary-glow)}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:.8}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#334155;font-weight:var(--font-medium);opacity:1}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-text-tertiary);opacity:.7}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}textarea{min-height:100px;resize:vertical}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:16px;padding-right:var(--space-12);appearance:none;-webkit-appearance:none;-moz-appearance:none}.input-error{border-color:var(--color-danger)!important}.input-error:focus{box-shadow:0 0 0 3px #ef444433!important}.error-message{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-danger)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger-dark)}.badge-info{background:var(--color-info-light);color:var(--color-info-dark)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.page-wrapper{min-height:100vh;padding:var(--space-4) 0}.mt-0{margin-top:0!important}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0!important}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideInUp{animation:slideInUp .5s ease-out}.animate-slideInDown{animation:slideInDown .5s ease-out}.animate-scaleIn{animation:scaleIn .4s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 640px){html{font-size:14px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.container{padding:0 var(--space-4)}.card{padding:var(--space-4)}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}@media (min-width: 1024px){.page-wrapper{padding:var(--space-12) 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}