.app-container{display:flex;flex-direction:column}.app-container,.main-content{background-color:var(--gray-50);min-height:100vh}.main-content{flex:1;position:relative;transition:margin-left .3s ease-in-out}.main-content.sidebar-collapsed:not(.auth-page){margin-left:80px}.main-content.sidebar-expanded:not(.auth-page){margin-left:320px}.main-content,.main-content.sidebar-collapsed,.main-content.sidebar-expanded{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.grid-container{display:grid;gap:var(--spacing-6);grid-template-columns:1fr;margin:0 auto;max-width:1400px;padding:var(--spacing-6)}.grid-item{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.grid-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.content-area{background-color:var(--gray-50);min-height:calc(100vh - 64px);padding:var(--spacing-6)}@media (max-width:1024px){.main-content,.main-content.sidebar-collapsed,.main-content.sidebar-expanded{margin-left:0}.grid-container{gap:var(--spacing-4);padding:var(--spacing-4)}}@media (max-width:768px){.grid-container{gap:var(--spacing-3);padding:var(--spacing-3)}.content-area{padding:var(--spacing-4)}}@media (max-width:480px){.grid-container{gap:var(--spacing-2);padding:var(--spacing-2)}.content-area{padding:var(--spacing-3)}}.loading-container{align-items:center;color:var(--gray-500);display:flex;justify-content:center;min-height:200px}.loading-spinner{border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-top-color:var(--primary-color)}.error-container{align-items:center;color:var(--error-color);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--spacing-6);text-align:center}.error-icon{font-size:3rem;opacity:.7}.error-icon,.error-message{margin-bottom:var(--spacing-4)}.error-message{color:var(--gray-700);font-size:var(--font-size-lg)}.error-details{color:var(--gray-500);font-size:var(--font-size-sm);max-width:400px}.empty-container{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--spacing-6);text-align:center}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-4);opacity:.5}.empty-message{color:var(--gray-600);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.empty-description{color:var(--gray-500);font-size:var(--font-size-sm);max-width:400px}.home-page{background-color:var(--gray-50);min-height:100vh;padding:var(--spacing-6)}.dashboard-header{flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-8);text-align:center}.dashboard-header,.title-section{align-items:center;display:flex;justify-content:center}.title-section{gap:var(--spacing-3)}.title-icon{color:var(--primary-color);flex-shrink:0;font-size:2.25rem}.homepage-title-override{background:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;background-image:none!important;color:var(--gray-800)!important;font-size:2.1rem!important;font-weight:700!important;letter-spacing:.01em!important;margin:0!important;-webkit-text-fill-color:var(--gray-800)!important;text-fill-color:var(--gray-800)!important;box-shadow:none!important;text-shadow:none!important}.dashboard-description{color:var(--gray-600);font-size:1.1rem;margin:0;max-width:600px;text-align:center;text-shadow:none}.homepage-description-override{color:var(--gray-600)!important;font-size:1.1rem!important;margin:0!important;max-width:600px!important;text-align:center!important;text-shadow:none!important}.budget-period-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.period-content.simple{text-align:center}.period-title h3{color:var(--gray-800);font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.period-progress{margin-top:var(--spacing-4)}.progress-header{color:var(--gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.progress-percentage{color:var(--gray-800);font-weight:600}.progress-bar{background-color:var(--gray-200);width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-sm)}.progress-fill{background:linear-gradient(90deg,var(--success-color),var(--primary-color))}.current-free-to-use{border-top:1px solid var(--gray-200);margin-top:var(--spacing-5);padding-top:var(--spacing-4)}.free-to-use-label{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-2)}.free-to-use-amount{align-items:center;color:var(--primary-color);display:flex;flex-direction:column;font-size:var(--font-size-2xl);font-weight:700;gap:var(--spacing-2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.overspent-amount{color:#ef4444;font-size:var(--font-size-sm);font-weight:700}.notifications-section{backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(249,250,251,.95));border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-8);padding:var(--spacing-6)}.notifications-header{align-items:center;border-bottom:2px solid rgba(226,232,240,.6);display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.notifications-icon{background:linear-gradient(135deg,var(--warning-color),#f59e0b);-webkit-background-clip:text;color:var(--warning-color);font-size:1.75rem;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(245,158,11,.2))}.notifications-header h2{color:var(--gray-800);flex:1;font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.025em;margin:0}.notifications-count{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:2px solid hsla(0,0%,100%,.2);border-radius:10px;box-shadow:0 4px 12px rgba(124,58,237,.3);color:#fff;font-size:var(--font-size-sm);font-weight:700;min-width:28px;padding:var(--spacing-2) var(--spacing-3);text-align:center}.notifications-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.notification-item{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--spacing-3);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-item:before{background:linear-gradient(90deg,var(--warning-color),var(--warning-light));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.notification-item:hover{border-color:#e2e8f0;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.notification-item:hover:before{opacity:1}.notification-item.warning{background:linear-gradient(135deg,#fff,hsla(48,96%,89%,.1));border-left-color:var(--warning-color)}.notification-item.info{background:linear-gradient(135deg,#fff,rgba(219,234,254,.1))}.notification-item.success{background:linear-gradient(135deg,#fff,rgba(209,250,229,.1));border-left-color:var(--success-color)}.notification-item.error{background:linear-gradient(135deg,#fff,hsla(0,93%,94%,.1));border-left-color:var(--error-color)}.notification-content h4{color:var(--gray-800);font-size:var(--font-size-sm);font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0 0 var(--spacing-3) 0}.notification-message{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500;line-height:1.6;margin:0}.welcome-checklist{font-family:inherit}.welcome-checklist p{color:var(--gray-700);margin-bottom:20px}.checklist-section{margin-bottom:20px}.checklist-section h4{border-bottom:2px solid var(--primary-color);color:var(--primary-color);font-size:1rem;font-weight:600;margin:0 0 12px;padding-bottom:4px}.checklist-item{background:rgba(163,222,210,.1);border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;margin-bottom:16px;padding:12px}.checklist-item strong{color:var(--gray-800);display:block;font-weight:600;margin-bottom:4px}.checklist-item small{color:var(--gray-600);display:block;font-size:.875rem;line-height:1.4}.checklist-label{align-items:flex-start;cursor:pointer;display:flex;margin:0;padding:0}.checklist-label input[type=checkbox]{display:none}.checkmark{background:#fff;border:2px solid var(--primary-color);border-radius:4px;flex-shrink:0;height:20px;margin-right:12px;margin-top:2px;position:relative;transition:all .2s ease;width:20px}.checklist-label input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checklist-label input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checklist-content{flex:1}.checklist-label:hover .checkmark{border-color:var(--primary-dark);box-shadow:0 0 0 2px rgba(163,222,210,.2)}.checklist-label input[type=checkbox]:checked+.checkmark+.checklist-content strong{color:var(--primary-color);text-decoration:line-through}.checklist-label input[type=checkbox]:checked+.checkmark+.checklist-content{opacity:.7}.notification-dismiss{position:absolute;right:var(--spacing-4);top:var(--spacing-4)}.dismiss-btn{align-items:center;backdrop-filter:blur(10px);background:rgba(156,163,175,.1);border:none;border-radius:50%;color:var(--gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.dismiss-btn:hover{background:rgba(156,163,175,.2);color:var(--gray-700);transform:scale(1.1)}.notification-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-4)}.notification-btn{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;min-width:120px;padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease}.notification-btn.primary{background:linear-gradient(135deg,var(--error-color),#b91c1c);color:#fff}.notification-btn.primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:var(--shadow-md);transform:translateY(-2px)}.notification-btn.secondary{background:linear-gradient(135deg,var(--warning-color),#d97706);color:#fff}.notification-btn.secondary:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:var(--shadow-md);transform:translateY(-2px)}.notification-btn.tertiary{background:linear-gradient(135deg,var(--info-color),#2563eb);color:#fff}.notification-btn.tertiary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:var(--shadow-md);transform:translateY(-2px)}.notification-icon{display:block;font-size:1.5rem;margin-bottom:var(--spacing-3)}.notification-icon,.notification-item.warning .notification-icon{color:var(--warning-color)}.notification-item.info .notification-icon{color:var(--info-color)}.notification-item.success .notification-icon{color:var(--success-color)}.notification-item.error .notification-icon{color:var(--error-color)}.motivational-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px rgba(102,126,234,.15);margin-bottom:var(--spacing-8);overflow:hidden;padding:var(--spacing-6);position:relative}.motivational-close-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:var(--spacing-3);top:var(--spacing-3);transition:all .2s ease;width:32px;z-index:2}.motivational-close-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.motivational-close-btn:active{transform:scale(.95)}.motivational-section:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.motivational-content{align-items:flex-start;display:flex;gap:var(--spacing-4);position:relative;z-index:1}.motivational-icon{flex-shrink:0;font-size:2.5rem;margin-top:4px}.motivational-icon,.motivational-icon-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.motivational-icon-svg{height:2.5rem;object-fit:contain;width:2.5rem}.motivational-text{color:#fff;flex:1}.motivational-text h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 var(--spacing-3) 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.motivational-text p{color:hsla(0,0%,100%,.95);font-size:.9rem;line-height:1.6;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.stats-grid{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-8)}.stat-card{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-6);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{color:var(--primary-color);font-size:2rem;margin-bottom:var(--spacing-4)}.stat-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.stat-content h3{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-2)}.stat-value{color:var(--gray-800);font-size:var(--font-size-2xl);font-weight:700;margin:0}.stat-subtitle{color:var(--gray-500);font-size:var(--font-size-sm);font-weight:500;margin:var(--spacing-1) 0 0 0}.quick-actions{margin-bottom:var(--spacing-8)}.quick-actions h3{color:var(--gray-800);margin-bottom:var(--spacing-6);text-align:center}.action-buttons{flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}.action-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all .2s ease}.action-btn.primary{background-color:#6eb83a;color:#fff}.action-btn.secondary{background-color:var(--primary-color);color:#fff}.action-btn.tertiary{background-color:var(--warning-color);color:#fff}.action-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-icon{font-size:1.25rem}@media (max-width:768px){.home-page{padding:var(--spacing-4)}.stats-grid{gap:var(--spacing-4)}.quick-actions{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);opacity:1!important;padding:var(--spacing-4)}.quick-actions,.quick-actions h3{display:block!important;visibility:visible!important}.quick-actions h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.action-buttons{align-items:center;flex-direction:column;gap:var(--spacing-3)}.action-btn,.action-buttons{display:flex!important;visibility:visible!important}.action-btn{font-size:var(--font-size-base);justify-content:center;max-width:300px;opacity:1!important;padding:var(--spacing-4) var(--spacing-6);width:100%}}@media (max-width:480px){.home-page{padding:var(--spacing-3)}.dashboard-header{margin-bottom:var(--spacing-6)}.title-icon{font-size:1.75rem}.quick-actions{margin-bottom:var(--spacing-4);opacity:1!important;padding:var(--spacing-3)}.quick-actions,.quick-actions h3{display:block!important;visibility:visible!important}.quick-actions h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-3)}.action-btn,.action-buttons{display:flex!important;visibility:visible!important}.action-btn{font-size:var(--font-size-sm);max-width:280px;opacity:1!important;padding:var(--spacing-3) var(--spacing-4)}.homepage-title-override{font-size:1.75rem!important}.period-title h3,.progress-header{font-size:var(--font-size-sm)}.motivational-section{margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.motivational-close-btn{font-size:1rem;height:28px;right:var(--spacing-2);top:var(--spacing-2);width:28px}.motivational-content{flex-direction:column;gap:var(--spacing-3);text-align:center}.motivational-icon{font-size:2rem;margin-top:0}.motivational-icon-svg{height:2rem;width:2rem}.motivational-text h3{font-size:1.25rem}.motivational-text p{font-size:1rem}}.desktop-side-menu{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,#fff 0,var(--gray-50) 100%);border-right:1px solid var(--gray-200);box-shadow:var(--shadow-xl);color:var(--gray-900);display:flex;flex-direction:column;gap:20px;height:100vh;left:0;opacity:1;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transform:translateZ(0);transition:width .3s cubic-bezier(.4,0,.2,1);visibility:visible;width:320px;will-change:auto;z-index:1000}.desktop-side-menu::-webkit-scrollbar-track{background:var(--gray-100)}.desktop-side-menu::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.desktop-side-menu::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.desktop-side-menu.collapsed{width:80px}.collapse-btn{align-items:center;backdrop-filter:blur(10px);background:rgba(0,0,0,.05);border:1px solid var(--gray-300);border-radius:50%;color:var(--gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;position:absolute;right:var(--spacing-4);top:var(--spacing-4);transition:all .2s ease;width:32px;z-index:10}.collapse-btn:hover{background:rgba(0,0,0,.1);border-color:var(--gray-400);box-shadow:var(--shadow-md);color:var(--gray-800);transform:scale(1.05)}.collapse-btn:active{transform:scale(.95)}.desktop-side-menu.collapsed .collapse-btn{right:25px}.side-menu-header{border-bottom:1px solid var(--gray-200);display:block;padding:var(--spacing-5) var(--spacing-4);position:relative;visibility:visible}.user-profile-section{align-items:center;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);opacity:1;visibility:visible}.user-avatar{align-items:center;background:var(--gray-100);border:2px solid var(--gray-200);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}ree
.user-avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.user-avatar .avatar-fallback{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.user-info{flex:1;min-width:0}.user-greeting-section{align-items:center;display:flex;flex-direction:column-reverse;gap:12px;margin-bottom:var(--spacing-2)}.user-icon{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.user-greeting{color:var(--gray-900);font-size:var(--font-size-base);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-settings-btn{background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-xl);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3);transition:all .2s ease}.profile-settings-btn:hover{background:var(--gray-200);transform:translateY(-1px)}.premium-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--radius-xl);color:var(--gray-900);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;margin-bottom:var(--spacing-4);padding:var(--spacing-1) var(--spacing-3);text-align:center;text-transform:uppercase}.side-menu-nav{align-items:left;flex:1;min-height:fit-content}.nav-section{margin-bottom:var(--spacing-6)}.nav-section-title{color:var(--gray-600);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-3);padding:0 var(--spacing-2);text-transform:uppercase}.nav-item{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);color:var(--gray-800);cursor:pointer;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-1);text-decoration:none;transform:translateZ(0);transition:all .2s ease;will-change:auto}.nav-item:hover{background:var(--gray-100);color:var(--gray-800);transform:translateX(4px)}.nav-item.active{background:var(--primary-color);box-shadow:var(--shadow-md);color:#fff}.nav-button{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--gray-700);cursor:pointer;padding:var(--spacing-3);text-align:left;transform:translateZ(0);transition:all .2s ease;width:100%;will-change:auto}.nav-button:hover{background:var(--gray-100);color:var(--gray-900)}.nav-button.active{background:var(--primary-color);box-shadow:var(--shadow-md);color:#1f53cd}.nav-item-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-item-icon,.nav-item-icon img{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:auto}.nav-item-icon img{height:100%;object-fit:contain;width:100%}.nav-item-text{font-size:var(--font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financial-summary{border-top:1px solid var(--gray-200);padding:var(--spacing-4)}.summary-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);padding:var(--spacing-4)}.summary-card-title{color:var(--gray-700);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-2);text-transform:uppercase}.summary-card-value{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-2)}.summary-card-details{color:var(--gray-600);font-size:var(--font-size-xs);line-height:1.4}.summary-card-details strong{color:var(--gray-800)}.side-menu-footer{border-top:1px solid var(--gray-200);margin-top:auto;padding:var(--spacing-4)}.footer-actions{display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-action-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-3);padding:var(--spacing-3);text-align:left;transition:all .2s ease;width:100%}.footer-action-btn:hover{background:var(--gray-100);color:var(--gray-800);transform:translateX(4px)}.footer-action-btn .action-icon{align-items:center;color:var(--gray-600);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.footer-action-btn:hover .action-icon{color:var(--gray-700)}.desktop-side-menu.collapsed .financial-summary,.desktop-side-menu.collapsed .footer-action-btn span,.desktop-side-menu.collapsed .nav-item-text,.desktop-side-menu.collapsed .premium-badge,.desktop-side-menu.collapsed .user-info{display:none}.desktop-side-menu.collapsed .nav-item{justify-content:center;padding:var(--spacing-3)}.desktop-side-menu.collapsed .nav-item-icon{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:24px;transform:translateZ(0);width:24px;will-change:auto}.desktop-side-menu.collapsed .side-menu-header{padding:var(--spacing-4) var(--spacing-2);padding-top:30px}.desktop-side-menu.collapsed .user-profile-section{justify-content:center}.desktop-side-menu.collapsed .side-menu-footer{padding:var(--spacing-4) var(--spacing-2)}.desktop-side-menu.collapsed .footer-action-btn{justify-content:center;padding:var(--spacing-3)}.desktop-side-menu.collapsed .footer-action-btn .action-icon{height:24px;width:24px}@media (max-width:768px){.desktop-side-menu{height:auto;position:relative;width:100%;z-index:100}.desktop-side-menu.collapsed{width:100%}.desktop-side-menu.collapsed .financial-summary,.desktop-side-menu.collapsed .nav-item-text,.desktop-side-menu.collapsed .premium-badge,.desktop-side-menu.collapsed .user-info{display:block}.desktop-side-menu.collapsed .nav-item{justify-content:flex-start;padding:var(--spacing-3) var(--spacing-4)}.desktop-side-menu.collapsed .user-profile-section{justify-content:flex-start}}.desktop-side-menu::-webkit-scrollbar{width:6px}.desktop-side-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.desktop-side-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:var(--radius-sm)}.desktop-side-menu::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.current-balances-container{backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(249,250,251,.95));border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);overflow:hidden;padding:var(--spacing-6);position:relative}.component-title-section{width:100%}.component-title-icon{align-items:center;display:flex;justify-content:center}.current-balances-container:before{background:linear-gradient(90deg,var(--primary-color) 0,var(--accent-color) 50%,var(--primary-color) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.current-balances-container h2{color:var(--text-primary);font-size:2.1rem;font-weight:700;padding-bottom:var(--spacing-3);position:relative;text-align:center}.current-balances-container h2:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.current-balances-container .balances-tabs{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.7);border:1px solid rgba(226,232,240,.5);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-3)}.current-balances-container .balance-graph-container{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.8);border:1px solid rgba(226,232,240,.6);border-radius:var(--radius-lg);padding:var(--spacing-6)}.balance-table-container{background-color:#f5f7fa;display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;width:100%}.balance-table{border-collapse:collapse;border-spacing:0;width:100%}.balance-table tr{border-bottom:1px solid #e1e5e9}.balance-table tr:last-child{border-bottom:none}.balance-table td{padding:16px 12px}.balance-table tr{margin-bottom:8px}.balamce-table{background-color:#f5f7fa;height:100%;width:100%}.current-balances-container .balance-table-container{border-radius:var(--radius-lg)}.current-balances-container .balance-table-container,.current-balances-container .balance-updates-container{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.8);border:1px solid rgba(226,232,240,.6);box-shadow:var(--shadow-md);padding:var(--spacing-4)}@media (max-width:768px){.current-balances-container{margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.current-balances-container h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.current-balances-container .balances-tabs{margin-bottom:var(--spacing-4);padding:var(--spacing-2)}.current-balances-container .balance-graph-container,.current-balances-container .balance-table-container,.current-balances-container .balance-updates-container{padding:var(--spacing-3)}}@media (max-width:480px){.current-balances-container{border-radius:var(--radius-lg);padding:var(--spacing-3)}.current-balances-container h2{font-size:var(--font-size-2xl);padding-bottom:var(--spacing-2)}.current-balances-container h2:after{height:2px;width:60px}}.balances-container{background:#f5f7fa;border:none;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);margin-bottom:24px;padding:24px 16px}.balances-tabs{border-bottom:2px solid #e1e5e9;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.balance-graph-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:16px;padding:24px}.balances-header{align-items:center;display:flex;justify-content:center;padding:20px;width:100%}@media (max-width:999px){.balances-tabs{gap:4px;margin-bottom:16px}.balances-header{padding-bottom:20px;padding-top:40px}.balances-title h2{font-size:var(--font-size-2xl)}.tab-button{font-size:16px;font-weight:600;padding:12px 20px}.balance-graph-container{margin-top:12px;padding:16px}.graph-wrapper{height:300px}}.balances-container h2{color:#2e384d;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:24px;padding-bottom:8px;position:relative;text-align:center}.balances-container h2:after{background:#a3ded2;border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.total-balance-summary{display:flex;justify-content:center;margin-bottom:24px}.total-balance-card{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2c5282);border-radius:12px;box-shadow:0 4px 20px rgba(30,58,95,.2);color:#fff;display:flex;flex-direction:column;gap:8px;min-width:200px;padding:16px 24px}.total-label{font-size:14px;font-weight:500;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.total-amount{font-family:Courier New,monospace;font-size:24px;font-weight:700}.total-amount.positive{color:#4caf50}.total-amount.negative{color:#ff6b6b}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:999px){.desktop-only{display:none}.mobile-only{display:block}}@media (min-width:1000px){.desktop-only{display:block}.mobile-only{display:none}}.balances-grid{display:grid!important;gap:24px!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}.balance-item{align-items:center;background-color:#fff;border:none;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.balance-item:before{background:linear-gradient(90deg,#1e3a5f,#a3ded2);content:"";height:6px;left:0;position:absolute;top:0;transition:height .3s ease;width:100%}.balance-item:hover:before{height:8px}.balance-item-content{align-items:center;display:flex;flex-direction:column;width:100%}.balance-item label{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.current-balance{background-color:rgba(67,160,71,.08);border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);color:#43a047;font-size:28px;font-weight:700;margin:16px 0;padding:16px 20px;text-align:center;transition:all .3s ease;width:100%}.balance-item:hover .current-balance{box-shadow:0 4px 8px rgba(0,0,0,.08);transform:translateY(-2px)}.current-balance.debt{background-color:rgba(229,57,53,.08);color:#e53935}.current-balance.empty{background-color:rgba(255,207,84,.2);border:1px dashed #ffcf54;color:#1e3a5f;cursor:pointer;font-size:18px;font-style:italic;padding:12px;transition:all .2s ease}.current-balance.empty:hover{background-color:rgba(255,207,84,.3);border-color:#e6b84a;transform:translateY(-1px)}.current-balance.clickable{border-radius:6px;cursor:pointer;transition:all .2s ease}.current-balance.clickable:hover{background-color:rgba(163,222,210,.1);transform:translateY(-1px)}.balance-input-container{align-items:center;display:flex;justify-content:center;margin-bottom:12px;position:relative;width:150px}.balance-input-container input{border:2px solid #bdbdbd;border-radius:8px;font-size:18px;padding:14px 30px 14px 14px;transition:all .3s;width:100%}.balance-input-container input:focus{border-color:#a3ded2;box-shadow:0 0 0 3px rgba(163,222,210,.2);outline:none}.currency-symbol{color:#666;font-size:18px;font-weight:500;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.balance-edit-container{align-items:center;display:flex;flex-direction:column;width:100%}.balance-edit-btn,.balance-save-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:auto;padding:10px;transition:all .3s;width:100px}.balance-edit-btn{background:#1e3370;box-shadow:0 4px 12px rgba(181,167,218,.3)}.balance-edit-btn:hover{background:#a395c7;box-shadow:0 6px 16px rgba(181,167,218,.4);transform:translateY(-2px)}.balance-save-btn{background:linear-gradient(135deg,#a3ded2,#88c9b3);box-shadow:0 4px 12px rgba(163,222,210,.3);color:#1e3a5f}.balance-save-btn:hover{background:linear-gradient(135deg,#88c9b3,#6db59f);box-shadow:0 6px 16px rgba(163,222,210,.4);transform:translateY(-2px)}.expected-balance{background-color:#f5f7fa;border:1px solid #eaeaea;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);color:#666;display:flex;flex-direction:column;font-size:14px;gap:6px;margin:16px 0;padding:14px;text-align:center;width:100%}.expected-amount{color:#43a047;font-size:20px;font-weight:600;margin-top:4px}.balance-value{font-size:20px;font-weight:700;margin-top:4px}.expected-amount.debt{color:#e53935}.savings-goal-progress{margin:12px 0;width:100%}.progress-bar-container{border-radius:7px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);height:14px;margin-bottom:8px}.progress-bar.exceeded{background:linear-gradient(90deg,#ffcf54,#f0b429);box-shadow:0 0 5px rgba(255,207,84,.5)}.progress-text{color:#666;font-size:.9rem;text-align:center}.balance-info{margin-top:8px;padding:6px 0;text-align:center;width:100%}.balance-info small{color:#757575;font-style:italic}.mobile-balance-switcher,.mobile-balance-view{display:none}@media (max-width:999px){.mobile-balance-table{border-collapse:separate;border-spacing:0 12px;font-size:14px;width:100%}.mobile-balance-table thead{display:none!important}.mobile-balance-table td,.mobile-balance-table th{border-bottom:2px solid #e1e5e9;margin-bottom:12px;padding:20px 16px;text-align:center}.mobile-balance-table th{background-color:#f8f9fa;color:#2e384d;font-size:13px;font-weight:600}.mobile-balance-table td{vertical-align:middle}.mobile-balance-table .balance-edit-container{display:flex;flex-direction:column;gap:12px;padding:8px 0}.mobile-balance-table .balance-input-container{align-items:center;display:flex;gap:4px}.mobile-balance-table .balance-input-container input{border:1px solid #ddd;border-radius:6px;flex:1;font-size:16px;font-weight:500;padding:12px}.mobile-balance-table .balance-save-btn{background-color:#43a047;min-width:80px;padding:10px 16px}.mobile-balance-table .balance-edit-btn,.mobile-balance-table .balance-save-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600}.mobile-balance-table .balance-edit-btn{background-color:#b5a7da;min-width:50px;padding:10px;width:60px}.mobile-balance-table .balance-value,.mobile-balance-table .expected-balance{font-size:12px;font-weight:600}.mobile-balance-table .account-type{color:#2e384d;font-size:12px;font-weight:600}@media (max-width:480px){.mobile-balance-table{font-size:12px}.mobile-balance-table td,.mobile-balance-table th{padding:16px 12px}.mobile-balance-table .balance-value,.mobile-balance-table .expected-balance{font-size:14px}.mobile-balance-table .balance-edit-btn,.mobile-balance-table .balance-save-btn{font-size:13px;min-width:70px;padding:8px 12px}}}@media (max-width:999px){.balances-container{background:#f5f7fa;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:16px 12px}.balances-container h2{font-size:24px;margin-bottom:20px;padding-bottom:10px}.balances-container h2:after{height:2px;width:80px}.total-balance-summary{margin-bottom:16px}.total-balance-card{min-width:160px;padding:12px 16px}.total-amount{font-size:20px}.mobile-balance-switcher{display:block;margin-bottom:16px}.desktop-only{display:none}.mobile-balance-view{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;overflow:hidden;position:relative}.balance-carousel-wrapper{cursor:grab;display:flex;transition:transform .3s ease-in-out;width:500%}.balance-carousel-wrapper:active{cursor:grabbing}.balance-carousel-slide{box-sizing:border-box;flex-shrink:0;min-height:200px;padding:0 8px;width:20%}.carousel-navigation{align-items:center;background:rgba(30,58,95,.05);display:flex;gap:12px;justify-content:center;padding:16px}.carousel-dot{background-color:#d0d0d0;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:all .3s ease;width:12px}.carousel-dot.active{background-color:#1e3a5f;transform:scale(1.2)}.carousel-dot:hover{background-color:#1e3a5f;opacity:.7}.carousel-arrow{align-items:center;background-color:#ff6b35;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 12px rgba(255,107,53,.4);color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;opacity:.9;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.carousel-arrow:hover{background-color:#e55a2b;box-shadow:0 4px 16px rgba(255,107,53,.6);opacity:1;transform:translateY(-50%) scale(1.1)}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}@media (max-width:480px){.carousel-arrow{display:none}.mobile-card-content{padding:16px}}.mobile-balance-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;margin:8px 0;overflow:hidden}.mobile-card-header{background-color:#1e3a5f;color:#fff;font-size:16px;font-weight:600;padding:12px 16px;text-align:left}.mobile-card-content{display:flex;flex-direction:column;gap:16px;padding:16px 66px}.mobile-balance-amount{color:#333;font-size:24px;font-weight:700;text-align:center}.mobile-balance-amount.debt{color:#e53935}.mobile-balance-amount.empty{background-color:rgba(255,207,84,.2);border:1px dashed #ffcf54;border-radius:6px;color:#1e3a5f;cursor:pointer;font-size:18px;font-style:italic;padding:12px;transition:all .2s ease}.mobile-balance-amount.empty:hover{background-color:rgba(255,207,84,.3);border-color:#e6b84a;transform:translateY(-1px)}.mobile-balance-amount.clickable{border-radius:6px;cursor:pointer;padding:12px;transition:all .2s ease}.mobile-balance-amount.clickable:hover{background-color:rgba(163,222,210,.1);transform:translateY(-1px)}.mobile-expected-balance{background-color:#f1f3f5;border-radius:6px;padding:12px;text-align:center}.mobile-expected-amount{color:#43a047;font-size:20px;font-weight:600;margin-top:4px}.mobile-expected-amount.debt{color:#e53935}.mobile-balance-breakdown{background:rgba(30,58,95,.05);border-radius:8px;font-size:.9rem;margin-top:16px;padding:12px}.breakdown-item{align-items:center;border-bottom:1px solid rgba(30,58,95,.1);display:flex;justify-content:space-between;padding:4px 0}.breakdown-item:last-child{border-bottom:none}.breakdown-item.debt{color:#e53935;font-weight:600}.mobile-action-btn{background-color:#1e3a5f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px;transition:background-color .3s;width:100%}.mobile-action-btn:hover{background-color:#2b4975}.mobile-details-btn{background-color:#1e3a5f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px;transition:background-color .3s;width:100%}.mobile-details-btn:hover{background-color:#2b4975}.mobile-savings-goal-progress{margin:5px 0;width:100%}.mobile-progress-bar-container{background-color:#e0e0e0;border-radius:5px;height:10px;margin-bottom:5px;overflow:hidden;width:100%}.mobile-progress-bar{background-color:#a3ded2;height:100%;transition:width .3s ease}.mobile-progress-bar.exceeded{background-color:#ffcf54}.mobile-progress-text{color:#666;font-size:12px;text-align:center}}.last-updated{font-size:12px;width:100%}.last-updated,.mobile-last-updated{background-color:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);border-radius:4px;color:#757575;font-style:italic;margin-top:8px;padding:4px 8px;text-align:center}.mobile-last-updated{font-size:11px}.smart-savings-container{background:#f8fafb;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-top:24px;padding:20px}.smart-savings-container .component-header h3{align-items:center;color:#2e384d;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.smart-savings-content{display:flex;flex-direction:column;gap:20px}.emergency-fund-section{background:#fff;border:1px solid #e1e8ed;border-radius:8px;padding:16px}.toggle-container{margin-bottom:12px}.toggle-label{align-items:center;color:#2e384d;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px}.toggle-input{display:none}.toggle-slider{background-color:#ccc;border-radius:26px;height:26px;position:relative;transition:background-color .3s;width:50px}.toggle-slider:before{background-color:#fff;border-radius:50%;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .3s;width:22px}.toggle-input:checked+.toggle-slider{background-color:#a3ded2}.toggle-input:checked+.toggle-slider:before{transform:translateX(24px)}.minimum-savings-input{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.minimum-savings-input label{align-items:center;color:#495057;display:flex;font-size:14px;gap:8px}.safety-amount-input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:6px 8px;width:80px}.savings-suggestion{background:#fff;border:1px solid #e1e8ed;border-radius:8px;overflow:hidden}.suggestion-card{padding:20px}.suggestion-header{margin-bottom:16px;text-align:center}.suggestion-amount{color:#a3ded2;font-size:28px;font-weight:700;margin-bottom:4px}.suggestion-percentage{color:#6c757d;font-size:14px;font-weight:500}.suggestion-reasoning{background:#f8f9fa;border-left:4px solid #a3ded2;border-radius:6px;color:#495057;font-size:14px;margin-bottom:16px;padding:12px}.suggestion-actions{text-align:center}.apply-smart-savings-btn{background:linear-gradient(135deg,#a3ded2,#8bc9b8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:10px;padding:12px 24px;transition:all .3s ease}.apply-smart-savings-btn:hover{background:linear-gradient(135deg,#8bc9b8,#7ab5a3);box-shadow:0 4px 12px rgba(163,222,210,.3);transform:translateY(-1px)}.current-vs-suggested{color:#6c757d;font-size:13px;margin-top:8px}.financial-details{border-top:1px solid #e9ecef;margin-top:12px;padding-top:12px}.financial-details small{color:#6c757d;font-size:12px}@media (max-width:768px){.smart-savings-container{margin-top:20px;padding:16px}.smart-savings-content{gap:16px}.suggestion-amount{font-size:24px}.apply-smart-savings-btn{padding:14px;width:100%}.emergency-fund-section,.suggestion-card{padding:16px}}@media (min-width:769px){.balances-table.desktop-only{background:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:24px!important;margin-bottom:24px!important;padding:0!important;width:100%!important}.balances-table .balance-item{align-items:center!important;background-color:#fff!important;border:solid #e1e5e9!important;border-radius:12px!important;border-width:1.5px 1.5px 2px!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;display:flex!important;flex-direction:row!important;height:auto!important;justify-content:flex-start!important;margin-bottom:0!important;min-height:100px!important;overflow:hidden!important;padding:30px!important;width:100%!important}.balances-table .balance-item:last-child{border-bottom:1.5px solid #e1e5e9!important}.balances-table .balance-item-content{align-items:center!important;display:flex!important;flex:1 1 0%;flex-direction:row!important;gap:0!important;justify-content:space-between!important;min-width:0;padding:0;width:100%!important}.balances-table .balance-item label{color:#2e384d!important;flex:0 0 200px!important;flex-shrink:0!important;font-size:18px!important;font-weight:600!important;margin-right:0!important;text-align:left!important}.balances-table .balance-edit-container,.balances-table .current-balance,.balances-table .expected-balance{align-items:center;background:#eafaf1!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#43a047!important;display:flex;flex:1 1 0%!important;font-size:20px!important;font-weight:600!important;justify-content:center!important;margin:0 8px!important;min-width:0;padding:16px 20px!important}.balances-table .current-balance.debt{background:#fdeaea!important;color:#e53935!important;font-weight:700!important}.balances-table .current-balance.empty{background:#fdf6e3!important;border:1px dashed #ffcf54!important;color:#1e3a5f!important;font-size:16px!important;font-style:italic!important;padding:12px 18px!important}.balances-table .current-balance.clickable{cursor:pointer!important;transition:all .2s ease!important}.balances-table .current-balance.clickable:hover{background-color:rgba(163,222,210,.1)!important;transform:translateY(-1px)!important}.balances-table .balance-edit-btn,.balances-table .balance-save-btn{align-self:center;background:#a3ded2!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#1e3a5f!important;cursor:pointer!important;flex:0 0 140px!important;font-size:16px!important;font-weight:600!important;margin:0!important;padding:16px 24px!important;transition:background .2s}.balances-table .balance-edit-btn:hover,.balances-table .balance-save-btn:hover{background:#8bcdbf!important}.balances-table .balance-edit-container{align-items:center!important;display:flex!important;flex-direction:row!important;gap:12px!important;width:100%!important}.balances-table .balance-input-container{align-items:center;display:flex;flex:1 1 0%;margin-right:12px;min-width:0;position:relative}.balances-table .balance-input-container input{background:#f7fafc;border:1.5px solid #bdbdbd;border-radius:8px;color:#2e384d;font-size:18px;padding:12px 36px 12px 12px;width:100%}.balances-table .balance-input-container input:focus{border-color:#a3ded2!important;box-shadow:0 0 0 2px rgba(163,222,210,.1)!important;outline:none!important}.balances-table .currency-symbol{color:#666;font-size:18px;font-weight:500;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.balances-table .last-updated{color:#757575!important;font-size:13px!important;margin-left:8px!important;min-width:100px!important}.balances-table .savings-goal-progress{min-width:140px!important}.balances-table .expected-balance{min-width:120px!important}.balances-table .balance-info{color:#757575!important;font-size:13px!important;font-style:italic!important;margin-left:8px!important;min-width:100px!important}}.percentage-input-container{align-items:center;display:flex;position:relative;width:100%}.percentage-input-container input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#333;font-size:16px;font-weight:600;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.percentage-input-container input:focus{border-color:#7c5dfa;box-shadow:0 0 0 3px rgba(124,93,250,.1);outline:none}.percentage-symbol{color:#6c757d;font-size:16px;font-weight:600;pointer-events:none;position:absolute;right:16px}.percentage-help{color:#6c757d;font-size:12px;line-height:1.4;margin-top:4px}.first-goal-notice{align-items:center;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:12px 16px}.notice-icon{color:#1976d2;flex-shrink:0;font-size:16px}.notice-text{color:#1976d2;font-size:14px;font-weight:500;line-height:1.4}.calculation-results{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:20px;padding:20px}.calculation-results h5{color:#495057;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.result-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.result-item:last-child{border-bottom:none}.result-item span:first-child{color:#6c757d;font-weight:500}.result-item span:last-child{color:#495057;font-weight:600}.result-item.achievable{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:6px;margin:4px 0;padding:8px 12px}.result-item.not-achievable{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-radius:6px;margin:4px 0;padding:8px 12px}.result-item.shortfall{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:6px;color:#856404;margin:4px 0;padding:8px 12px}.result-item.shortfall span:first-child{color:#856404}.result-item.shortfall span:last-child{color:#856404;font-weight:700}.goal-percentage{align-items:center;display:flex;gap:8px;margin-left:auto;margin-right:12px}.percentage-label{color:#6c757d;font-size:12px;font-weight:500}.percentage-value{background:linear-gradient(135deg,#7c5dfa,#a28bff);border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:32px;padding:4px 8px;text-align:center}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h3{color:#2e384d;font-size:20px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.close-btn:hover{background:#f8f9fa;color:#333}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#2e384d;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#333;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#7c5dfa;box-shadow:0 0 0 3px rgba(124,93,250,.1);outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#f8f9fa;color:#6c757d}.cancel-btn:hover{background:#e9ecef;color:#333}.save-btn{background:linear-gradient(135deg,#7c5dfa,#a28bff);color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(124,93,250,.3);transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.savings-goals-list{display:flex;flex-direction:column;gap:16px}.savings-goal-item{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:16px}.goal-header{align-items:center;display:flex;margin-bottom:12px}.goal-header h5{color:#2e384d;flex:1;font-size:16px;font-weight:600;margin:0}.delete-btn{align-items:center;background:#ff6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.delete-btn:hover{background:#e53935;transform:scale(1.1)}.goal-progress,.progress-bar{margin-bottom:8px}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7c5dfa,#a28bff);height:100%;transition:width .3s ease}.goal-date,.progress-text{color:#6c757d;font-size:12px;font-weight:500}.no-goals-text{color:#6c757d;font-style:italic;padding:24px;text-align:center}.balance-display-container{align-items:center;display:flex;flex-direction:column;gap:4px}.last-update-info{color:#666;font-size:13px;line-height:1.8;text-align:center}.last-update-info small{display:block}.update-source{border-radius:4px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.update-source.user{background-color:#e3f2fd;color:#1976d2}.update-source.automatic_expense{background-color:#fff3e0;color:#f57c00}.update-source.new_expense{background-color:#e8f5e8;color:#388e3c}.balance-updates-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px}.balance-updates-content h3{color:#1e3a5f;font-size:20px;font-weight:600;margin:0 0 20px;text-align:center}.balance-updates-list{display:flex;flex-direction:column;gap:16px}.balance-update-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s ease}.balance-update-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.balance-update-item.manual{border-left:4px solid #007bff}.balance-update-item.automatic{border-left:4px solid #28a745}.update-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.update-date{color:#6c757d;font-size:14px;font-weight:500}.update-type{border-radius:12px;font-size:8px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.update-type.manual{background-color:#e3f2fd;color:#1976d2}.update-type.automatic{background-color:#e8f5e8;color:#388e3c}.update-details{display:flex;flex-direction:column;gap:8px}.update-account{color:#1e3a5f;font-size:16px}.update-balance-change{display:flex;flex-direction:column;font-size:14px;gap:4px}.new-balance,.previous-balance{color:#6c757d}.change-amount{font-size:16px;font-weight:600}.change-amount.positive{color:#28a745}.change-amount.negative{color:#dc3545}.update-source{font-size:8px}.update-details-text,.update-source{color:#6c757d;font-style:italic;margin-top:4px}.update-details-text{font-size:12px}.expense-details{background:rgba(0,0,0,.03);border-left:3px solid #6c757d;border-radius:6px;margin-top:12px;padding:8px 12px}.expense-details strong{color:#495057;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.expense-item{color:#6c757d;font-size:12px;margin:4px 0;padding-left:8px}.expense-category{color:#868e96;font-style:italic}.update-account-section{border-bottom:1px solid #e9ecef;margin-bottom:12px;padding-bottom:8px}.update-account-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.balance-updates-empty,.balance-updates-loading,.balance-updates-no-period{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.balance-updates-empty p,.balance-updates-loading p,.balance-updates-no-period p{font-size:16px;margin:0}@media (max-width:768px){.balance-updates-container{padding:16px}.balance-updates-content h3{font-size:18px;margin-bottom:16px}.balance-update-item{padding:12px}.update-header{align-items:flex-start;flex-direction:column;gap:8px}.update-balance-change{font-size:13px}.change-amount{font-size:15px}}.budget-container{backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(249,250,251,.95));border-radius:16px;margin-bottom:24px;overflow:hidden;padding:24px 16px;position:relative}.budget-container h2{color:#2e384d;font-size:2.1rem;font-weight:700;margin-bottom:24px;padding-bottom:8px;position:relative;text-align:center}.budget-period{background:rgba(30,58,95,.05);border:1px solid rgba(30,58,95,.1);color:#666;font-size:14px;margin-bottom:24px}.budget-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:24px;padding-bottom:0}.tab-button{border-bottom:3px solid transparent;font-size:16px;font-weight:600}.tab-button.active,.tab-button:hover{background-color:rgba(163,222,210,.1);color:#1e3a5f}.tab-button.active{border-bottom-color:#a3ded2}.budget-graph-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:16px;padding:24px}@media (max-width:999px){.budget-graph-container{font-size:14px;margin-top:12px;padding:16px}.budget-graph-container h3,.budget-graph-container h4,.budget-graph-container h5{font-size:16px;margin-bottom:12px}.budget-graph-container div,.budget-graph-container p,.budget-graph-container span{font-size:14px;line-height:1.4}.budget-graph-container .chart-legend,.budget-graph-container .chart-tooltip{font-size:12px}}.graph-wrapper{height:400px;position:relative;width:100%}@media (max-width:999px){.budget-tabs{gap:4px;margin-bottom:16px}.tab-button{font-size:16px;font-weight:600;padding:12px 20px}.budget-graph-container{font-size:14px;margin-top:12px;padding:16px}.graph-wrapper{height:300px}}.budget-progress{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:20px;padding:20px}.progress-header{align-items:center;color:#2e384d;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.progress-bar-container{background-color:#e0e0e0;border-radius:6px;height:12px;margin-bottom:12px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#a3ded2,#88c9b3);box-shadow:0 0 5px rgba(163,222,210,.5);height:100%;transition:width .6s ease-out}.progress-details{color:#666;display:flex;font-size:14px;font-weight:500;justify-content:space-between}.budget-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);margin-bottom:24px;overflow:hidden;width:100%}.budget-table td,.budget-table th{border-bottom:1px solid #e1e5e9;padding:20px 16px;text-align:left}.budget-table th{background-color:#f8f9fa;color:#2e384d;font-size:14px;font-weight:600}.budget-table td{vertical-align:middle}.budget-row{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;justify-content:space-between;margin-bottom:12px;padding:20px}.budget-table tr:last-child td{border-bottom:none}.budget-table tr:hover{background-color:rgba(163,222,210,.05)}.budget-category{color:#2e384d;font-size:16px}.budget-value{color:#43a047;font-size:20px;font-weight:600;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-value.negative{color:#e53935}.budget-value.zero{color:#000}.edit-btn-small{padding:12px}.budget-edit-btn,.edit-btn-small{background:#1e3370;border:none;border-radius:8px;box-shadow:0 4px 12px rgba(181,167,218,.3);color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:auto;transition:all .3s;width:100px}.budget-edit-btn{padding:10px}.budget-edit-btn:hover,.edit-btn-small:hover{background:#a395c7;box-shadow:0 6px 16px rgba(181,167,218,.4);transform:translateY(-2px)}.edit-btn-small.purple{background:#b5a7da;color:#fff}.edit-btn-small.purple:hover{background:#a395c7;box-shadow:0 6px 16px rgba(181,167,218,.4);transform:translateY(-2px)}.smart-savings-toggle-btn{background:rgba(255,207,84,.2);border:1px solid rgba(255,207,84,.3);border-radius:6px;color:#e6b84a;cursor:pointer;font-size:14px;margin-left:8px;margin-top:8px;padding:6px 10px;transition:all .2s ease}.smart-savings-toggle-btn:hover{background:rgba(255,207,84,.3);transform:translateY(-1px)}.smart-savings-toggle-btn.active{background:rgba(255,207,84,.4);border-color:#ffcf54}.savings-percentage{color:#666;font-size:14px;font-weight:500;margin-left:8px}.budget-summary{background:linear-gradient(135deg,#1e3a5f,#2c5282);border-radius:12px;box-shadow:0 4px 20px rgba(30,58,95,.2);color:#fff;margin:20px 0;padding:20px}.budget-summary h3{font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.budget-summary-list{list-style:none;margin:0;padding:0}.budget-summary-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:8px 0}.budget-summary-item:last-child{border-bottom:none}.budget-summary-label{font-size:14px;opacity:.9}.budget-summary-value{font-family:Courier New,monospace;font-size:16px;font-weight:700}.budget-summary-value.positive{color:#4caf50}.budget-summary-value.negative{color:#ff6b6b}@media (max-width:999px){.budget-table{border-collapse:collapse;font-size:14px;width:100%}.budget-table thead{display:none!important}.budget-table td,.budget-table th{border-bottom:1px solid #e1e5e9;padding:16px 12px;text-align:left}.budget-table th{background-color:#f8f9fa;color:#2e384d;font-size:13px;font-weight:600}.budget-table td{vertical-align:middle}.budget-table .budget-category{color:#2e384d;font-size:12px;font-weight:600}.budget-table .budget-value,.budget-table .budget-value.zero{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-table .budget-edit-btn{background-color:#b5a7da;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:50px;padding:10px;width:60px}@media (max-width:480px){.budget-table{font-size:12px}.budget-table td,.budget-table th{padding:16px 12px}.budget-table .budget-category{font-size:11px}.budget-table .budget-value,.budget-table .budget-value.zero{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-table .budget-edit-btn{background-color:#b5a7da;color:#fff;font-size:13px;font-weight:600;min-width:70px;padding:10px 12px}}}@media (max-width:768px){.budget-container{padding:16px 12px}.budget-container h2{font-size:24px}.budget-summary{padding:16px}.budget-summary-item{align-items:flex-start;flex-direction:column;gap:4px}.budget-progress{padding:16px}.progress-details{flex-direction:column;gap:4px}.budget-graph-container{font-size:13px;padding:12px}.budget-graph-container h3,.budget-graph-container h4,.budget-graph-container h5{font-size:15px;margin-bottom:10px}.budget-graph-container div,.budget-graph-container p,.budget-graph-container span{font-size:13px;line-height:1.3}.budget-graph-container .chart-legend,.budget-graph-container .chart-tooltip{font-size:11px}}.monthly-expenses-container{margin:0 auto;max-width:1200px;padding:20px}.component-title-section{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:6px}.component-title-icon{color:#1e3a5f;height:44px;width:44px}.component-title-section h2{align-items:center;display:flex;line-height:1;margin:0;text-align:center}.budget-period{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#6b7280;display:inline-block;font-size:1rem;font-weight:500;margin:8px 0;padding:8px 16px;text-align:center;width:100%}.monthly-expenses-container h2{color:#2e384d;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.period-label{color:#666;font-size:14px;font-weight:500;margin-bottom:24px;text-align:center}.expense-summary-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-2px)}.card-icon{align-items:center;border-radius:12px;color:#7c3aed;display:flex;justify-content:center}.card-content{flex:1}.card-title{color:#666;font-size:14px;font-weight:500;margin-bottom:4px}.card-value{color:#1e3a5f;font-size:24px;font-weight:700;margin-bottom:4px}.card-subtitle{color:#999;font-size:12px}.expenses-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px}.controls-left,.expenses-controls{align-items:center;display:flex;flex-wrap:wrap}.controls-left{gap:20px}.controls-right{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.period-selector{align-items:center;display:flex;gap:8px;justify-content:space-around}.period-selector label{color:#2e384d;font-size:14px;font-weight:600}.period-selector select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;max-width:100px;padding:8px 12px}.view-toggle{background:#f5f5f5;border-radius:8px;display:flex;gap:4px;padding:4px}.toggle-btn{background:transparent;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.toggle-btn.active{background:#1e3a5f;color:#fff}.search-box input{border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:200px;padding:8px 12px}.sort-controls{align-items:center;display:flex;gap:8px}.sort-controls label{color:#2e384d;font-size:14px;font-weight:600}.sort-controls select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.add-expense-btn{background:linear-gradient(135deg,#1e3a5f,#2c5282);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-expense-btn:hover{box-shadow:0 4px 12px rgba(30,58,95,.3);transform:translateY(-1px)}.expenses-list-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden}.expense-tabs{border-bottom:2px solid #e5e7eb}.expense-tabs,.tab-navigation{display:flex;margin-bottom:20px}.tab-navigation{align-items:center;gap:4px;justify-content:space-between;-webkit-overflow-scrolling:touch}.tab-button{background:transparent;border:none;border-radius:8px 8px 0 0;color:#6b7280;cursor:pointer;flex:1;font-size:14px;font-weight:500;margin-right:4px;min-width:0;padding:12px 24px;position:relative;text-align:center;transition:all .2s ease}.tab-button.active{background:#7c3aed;border-bottom:2px solid #7c3aed;color:#fff}.tab-button:hover:not(.active){background:#f3f4f6;color:#374151}.categories-view{margin-top:20px}.category-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:24px;overflow:hidden}.category-header{align-items:center;background:linear-gradient(90deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.category-header:hover{background:linear-gradient(90deg,#f1f5f9,#e2e8f0)}.category-header h3{color:#374151;font-size:16px;font-weight:600;margin:0}.category-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.category-header .expand-button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;min-width:24px;padding:4px;transition:all .2s ease}.category-header .expand-button:hover{background-color:rgba(124,58,237,.1);color:#7c3aed;transform:scale(1.1)}.category-expenses{animation:slideDown .3s ease-out;overflow-x:hidden;padding:12px 20px;touch-action:pan-y}@keyframes slideDown{0%{max-height:0;opacity:0;overflow:hidden}to{max-height:1000px;opacity:1;overflow:visible}}.category-expense-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0;transition:background-color .2s ease}.category-expense-item:hover{background-color:rgba(124,58,237,.05);border-radius:4px;margin:0 -12px;padding:8px 12px}.category-expense-item .expense-details{flex:1}.category-expense-item .expense-actions{display:flex;gap:8px}.category-expense-item .expense-actions button{border-radius:4px;font-size:12px;padding:4px 6px;transition:all .2s ease}.no-categories{color:#6b7280;font-size:16px;font-style:italic;padding:40px 20px;text-align:center}.charts-view{margin-top:20px}.charts-container{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.chart-card,.charts-container{max-width:100%;overflow:hidden}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);box-sizing:border-box;padding:24px;transition:box-shadow .2s ease;width:100%}.chart-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.chart-card h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 20px}.pie-chart-container{min-height:300px}.pie-chart-container,.pie-chart-wrapper{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;position:relative}.pie-chart-wrapper{width:100%}.pie-chart-legend{margin-top:16px;max-height:200px;overflow-y:auto;position:relative;width:100%;z-index:1}.pie-chart-legend>div{align-items:center;display:flex;margin-bottom:8px;padding:4px 0}.bar-chart-container{align-items:end;border-bottom:2px solid #e5e7eb;display:flex;height:300px;justify-content:space-around;max-width:100%;overflow:hidden;padding:20px 0;position:relative;width:100%}.bar-chart-container>div{align-items:center;display:flex;flex:1;flex-direction:column;margin:0 4px}.bar-chart-container>div>div:first-child{align-items:end;background-color:#7c3aed;border-radius:4px 4px 0 0;cursor:pointer;display:flex;justify-content:center;margin-bottom:8px;max-width:40px;position:relative;transition:all .3s ease;width:100%}.bar-chart-container>div>div:first-child:hover{background-color:#6d28d9;transform:translateY(-2px)}@media (max-width:768px){.bar-chart-container{flex-wrap:nowrap;height:280px;justify-content:space-between;overflow:hidden;padding:16px 0}.bar-chart-container>div{flex:0 0 auto;margin:0 2px;min-width:0}.bar-chart-container>div>div:first-child{max-width:30px;min-width:20px}}@media (max-width:480px){.bar-chart-container{flex-wrap:nowrap;height:220px;justify-content:space-between;overflow:hidden;padding:12px 0}.bar-chart-container>div{flex:0 0 auto;margin:0 1px;min-width:0}.bar-chart-container>div>div:first-child{max-width:25px;min-width:15px}.pie-chart-wrapper{height:250px}}.monthly-category-breakdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:10px}.category-trends-table{border:1px solid #e5e7eb;border-radius:8px;overflow-x:visible;width:100%}@media (min-width:1024px){.category-trends-table{overflow-x:auto}}.category-trends-table table{background:#fff;border-collapse:collapse;table-layout:auto;width:100%}.category-trends-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:12px;text-align:left}.category-trends-table td{border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:14px;padding:12px}.category-trends-table tr:hover{background:#f8fafc}.category-trends-table tr:last-child td{border-bottom:none}.expenses-list{max-height:600px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.expense-item{align-items:center;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.expense-value{color:#1e3a5f;font-family:Courier New,monospace;font-size:18px;font-weight:700;margin-left:10px;margin-right:10px}.expense-item:hover{background-color:rgba(163,222,210,.05)}.expense-item.recurring{border-left:4px solid #4caf50}.expense-item.variable{border-left:4px solid #ff9800}.expense-info{flex:1}.expense-name{align-items:center;color:#2e384d;display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:4px}.recurring-badge{color:#4caf50;font-size:12px}.expense-meta{color:#666;display:flex;font-size:14px;gap:16px}.expense-category{background:rgba(30,58,95,.1);border-radius:4px;color:#1e3a5f;font-size:12px;font-weight:500;padding:2px 8px}.expense-amount{color:#1e3a5f;font-family:Courier New,monospace;font-size:18px;font-weight:700}.action-buttons{align-items:center;display:flex;gap:12px;justify-content:flex-end}.delete-btn,.edit-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid rgba(226,232,240,.8);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-btn:hover{background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(139,92,246,.1));border-color:rgba(124,58,237,.3);box-shadow:0 4px 16px rgba(124,58,237,.2);transform:translateY(-2px)}.delete-btn:hover{background:linear-gradient(135deg,rgba(220,38,38,.1),rgba(239,68,68,.1));border-color:rgba(220,38,38,.3);box-shadow:0 4px 16px rgba(220,38,38,.2);transform:translateY(-2px)}.delete-btn i,.edit-btn i{font-size:18px;transition:all .3s ease}.edit-btn i{color:#7c3aed}.delete-btn i{color:#dc2626}.edit-btn:hover i{color:#8b5cf6;transform:scale(1.1)}.delete-btn:hover i{color:#ef4444;transform:scale(1.1)}.delete-btn:focus,.edit-btn:focus{outline:2px solid rgba(124,58,237,.5);outline-offset:2px}.edit-btn:focus{border-color:rgba(124,58,237,.6)}.delete-btn:focus{border-color:rgba(220,38,38,.6)}.no-expenses{color:#666;padding:60px 20px}.no-expenses-icon{font-size:48px;margin-bottom:16px}.no-expenses-text{font-size:16px;margin-bottom:20px}.add-first-expense-btn{background:#1e3a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.add-first-expense-btn:hover{background:#2c5282;transform:translateY(-1px)}.expenses-analytics{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:24px}.analytics-grid{display:grid;gap:24px;grid-template-columns:2fr 1fr}.analytics-card{background:#f8f9fa;border-radius:8px;padding:20px}.analytics-card h3{color:#2e384d;font-size:18px;font-weight:600;margin:0 0 16px}.category-list{gap:12px}.category-item,.category-list{display:flex;flex-direction:column}.category-item{gap:4px}.category-info{align-items:center;display:flex;font-size:14px;justify-content:space-between}.category-name{color:#2e384d;font-weight:500}.category-amount{color:#1e3a5f;font-family:Courier New,monospace;font-weight:600}.category-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.category-fill{border-radius:4px;height:100%;transition:width .6s ease-out}.trend-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.trend-item:last-child{border-bottom:none}.trend-value{color:#1e3a5f;font-family:Courier New,monospace;font-weight:600}@media (max-width:768px){.expenses-list-filter-controls{margin-bottom:16px;padding:16px}.filter-controls-primary{margin-bottom:12px;padding-bottom:12px}.filter-group{align-items:stretch;flex-direction:row;gap:8px}.filter-group label{margin-bottom:4px;min-width:auto}.filter-select,.search-input{width:100%}.filter-checkboxes,.sort-controls-wrapper{flex-direction:row;gap:8px}.filter-checkboxes{width:250pxpx}.checkbox-label{border-radius:6px;padding:8px 12px}.checkbox-label:hover{background:#f8f9fa;border-color:#7c3aed}}@media (max-width:480px){.expenses-list-filter-controls{border-radius:8px;padding:12px}.filter-controls-primary,.filter-controls-secondary{gap:12px}.filter-group label{font-size:13px}.filter-select,.search-input,.sort-direction-btn{font-size:13px;padding:8px 10px}.sort-direction-btn{min-width:40px}.checkbox-label{font-size:13px;padding:6px 8px}.checkbox-text{font-size:10px}}@media (max-width:768px){.monthly-expenses-container{padding:16px}.expense-summary-grid{gap:16px;grid-template-columns:1fr}.expenses-controls{align-items:stretch;flex-direction:column}.controls-left,.controls-right{justify-content:center}.analytics-grid{grid-template-columns:1fr}.expense-item{flex-direction:column;gap:12px;touch-action:pan-y}.expense-actions{align-self:space-around}.expense-meta{flex-direction:column;gap:4px}.expense-tabs{align-items:center;display:flex;flex-direction:row;justify-content:space-between;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px}.tab-button{flex:1;font-size:13px;min-width:auto;padding:10px 16px;text-align:center;white-space:nowrap}.category-expense-item,.category-header{align-items:flex-start;flex-direction:column;gap:8px}.category-expense-item .expense-actions{align-self:flex-end}.expenses-list{overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch}.charts-container{gap:16px;grid-template-columns:1fr;max-width:100%;overflow:hidden}.chart-card{padding:16px}.pie-chart-container{height:auto;min-height:280px}.bar-chart-container{flex-wrap:wrap;height:280px;padding:16px 0}.bar-chart-container>div{margin:0 4px;min-width:60px}.bar-chart-container>div>div:first-child{max-width:35px;min-height:20px}.category-trends-table{font-size:12px;overflow-x:visible;width:100%}.category-trends-table table{min-width:auto;table-layout:fixed;width:100%}.category-trends-table td,.category-trends-table th{font-size:11px;line-height:1.2;padding:6px 3px;word-wrap:break-word;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap}.category-trends-table th{font-size:12px;font-weight:600}.category-trends-table td:first-child,.category-trends-table th:first-child{width:40%}.category-trends-table td:nth-child(2),.category-trends-table th:nth-child(2){width:25%}.category-trends-table td:nth-child(3),.category-trends-table th:nth-child(3){width:20%}.category-trends-table td:nth-child(4),.category-trends-table th:nth-child(4){width:15%}.pie-chart-legend{margin-top:16px;max-height:150px}.pie-chart-legend>div{font-size:13px;margin-bottom:6px}.pie-chart-legend span{font-size:13px;line-height:1.3}}@media (max-width:480px){.controls-left,.controls-right{flex-direction:column;width:100%}.period-selector,.sort-controls{width:100%}.search-box input{min-width:auto;width:100%}.expense-tabs,.tab-navigation{align-items:center;display:flex;flex-direction:row;gap:2px;justify-content:space-between}.tab-navigation{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{flex:1;font-size:12px;min-width:0;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.category-header{padding:12px 16px}.category-expenses{overflow-x:hidden;padding:8px 16px;touch-action:pan-y}.category-expense-item:hover{margin:0 -16px;padding:8px 16px}.charts-container{grid-template-columns:1fr;max-width:100%;overflow:hidden}.chart-card{box-sizing:border-box;margin-bottom:16px;max-width:100%;padding:12px;width:100%}.chart-card h3{font-size:16px;margin-bottom:16px;text-align:center}.pie-chart-container{height:auto;min-height:250px}.bar-chart-container{height:220px;overflow-x:auto;padding:12px 0;-webkit-overflow-scrolling:touch;justify-content:flex-start}.bar-chart-container>div{flex-shrink:0;margin:0 1px;min-width:50px}.bar-chart-container>div>div:first-child{max-width:30px;min-height:15px}.bar-chart-container>div>div:first-child>div{font-size:8px;margin-bottom:2px;text-orientation:mixed;transform:none;writing-mode:vertical-rl}.bar-chart-container>div>div:last-child{align-items:center;display:flex;font-size:10px;height:40px;justify-content:center;text-orientation:mixed}.pie-chart-legend{margin-top:12px;max-height:120px;overflow-y:auto}.pie-chart-legend>div{font-size:12px;margin-bottom:4px;padding:2px 0}.pie-chart-legend span{font-size:11px;line-height:1.2}.pie-chart-legend>div>div{flex-shrink:0;height:12px;margin-right:6px;width:12px}.category-trends-table{border-radius:6px;font-size:8px;overflow-x:visible;width:100%}.category-trends-table table{min-width:auto;table-layout:fixed;width:100%}.category-trends-table td,.category-trends-table th{font-size:8px;line-height:1.1;padding:2px 1px;word-wrap:break-word;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap}.category-trends-table th{font-size:8px;font-weight:600;white-space:nowrap}.category-trends-table td:first-child,.category-trends-table th:first-child{width:25%}.category-trends-table td:nth-child(2),.category-trends-table td:nth-child(3),.category-trends-table th:nth-child(2),.category-trends-table th:nth-child(3){width:20%}.category-trends-table td:nth-child(4),.category-trends-table th:nth-child(4){width:35%}.category-trends-table td:first-child>div>div:first-child{display:none}.monthly-category-breakdown{padding:12px}.monthly-category-breakdown h3{font-size:14px;margin-bottom:12px;text-align:center}.pie-chart-wrapper svg{touch-action:manipulation}.category-trends-table{-webkit-overflow-scrolling:touch}.charts-view{margin-top:12px}.expense-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.expense-tabs::-webkit-scrollbar{display:none}.charts-container{display:flex;flex-direction:column;gap:12px}.bar-chart-container>div>div:first-child{min-width:35px;touch-action:manipulation}.pie-chart-legend span{hyphens:auto;word-break:break-word}}.ai-expenses-analysis{background:#f8fafc;border-radius:12px;margin-top:20px;padding:20px}.analysis-status-section{margin-bottom:24px}.analysis-status-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;gap:16px;padding:20px}.analysis-status-icon{flex-shrink:0;font-size:24px}.analysis-status-content{flex:1}.analysis-status-text{color:#374151;font-size:16px;font-weight:600;margin-bottom:8px}.analysis-status-details{color:#6b7280;font-size:14px;margin-bottom:12px}.analysis-actions{margin-top:12px}.analysis-status-details>div{margin-bottom:4px}.analysis-status-note{color:#10b981;font-style:italic;font-weight:500}.force-new-analysis-btn{background:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.force-new-analysis-btn:hover:not(:disabled){background:#6d28d9}.force-new-analysis-btn:disabled{background:#9ca3af;cursor:not-allowed}.analysis-loading{padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#7c3aed;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analysis-loading p{color:#6b7280;font-size:16px;margin:0}.analysis-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.error-icon{flex-shrink:0;font-size:20px}.analysis-error p{color:#dc2626;font-size:14px;margin:0}.analysis-content{display:grid;gap:20px}.analysis-benefits-card,.analysis-comparisons-card,.analysis-good-practices-card,.analysis-problems-card,.analysis-strategy-card,.analysis-summary-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.analysis-benefits-card:hover,.analysis-comparisons-card:hover,.analysis-good-practices-card:hover,.analysis-problems-card:hover,.analysis-strategy-card:hover,.analysis-summary-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.benefits-icon,.comparisons-icon,.good-practices-icon,.problems-icon,.strategy-icon,.summary-icon{flex-shrink:0;font-size:24px}.benefits-content,.comparisons-content,.good-practices-content,.problems-content,.strategy-content,.summary-content{flex:1}.benefits-content h3,.comparisons-content h3,.good-practices-content h3,.problems-content h3,.strategy-content h3,.summary-content h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 12px}.benefits-content p,.comparisons-content p,.good-practices-content p,.problems-content p,.strategy-content p,.summary-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.benefits-content ul,.good-practices-content ul,.problems-content ul,.strategy-content ul{list-style:none;margin:0;padding-left:20px}.benefits-content li,.good-practices-content li,.problems-content li,.strategy-content li{color:#374151;font-size:14px;line-height:1.5;margin-bottom:8px;position:relative}.benefits-content li:before,.good-practices-content li:before,.problems-content li:before,.strategy-content li:before{color:#7c3aed;content:"•";font-weight:700;left:-15px;position:absolute}.analysis-summary-card{border-left:4px solid #7c3aed}.analysis-problems-card{border-left:4px solid #ef4444}.analysis-good-practices-card{border-left:4px solid #10b981}.analysis-strategy-card{border-left:4px solid #f59e0b}.analysis-benefits-card{border-left:4px solid #3b82f6}.analysis-comparisons-card{border-left:4px solid #8b5cf6}.comparison-details{display:grid;gap:16px}.last-month-comparison,.trend-summary{background:#f8fafc;border-radius:8px;padding:16px}.last-month-comparison h4,.trend-summary h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.last-month-comparison p,.trend-summary p{color:#6b7280;font-size:14px;margin:0 0 12px}.category-changes h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.category-changes ul{list-style:disc;margin:0;padding-left:16px}.category-changes li{color:#6b7280;font-size:13px;margin-bottom:4px}.no-analysis-data{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:40px 20px;text-align:center}.no-data-icon{font-size:48px;margin-bottom:16px}.no-analysis-data h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.no-analysis-data p{color:#6b7280;font-size:14px;margin:0}@media (max-width:768px){.ai-expenses-analysis{margin-top:16px;padding:16px}.analysis-benefits-card,.analysis-comparisons-card,.analysis-good-practices-card,.analysis-problems-card,.analysis-status-card,.analysis-strategy-card,.analysis-summary-card{gap:12px;padding:16px}.analysis-status-text,.benefits-content h3,.comparisons-content h3,.good-practices-content h3,.problems-content h3,.strategy-content h3,.summary-content h3{font-size:16px}.analysis-status-details,.benefits-content li,.benefits-content p,.comparisons-content p,.good-practices-content li,.good-practices-content p,.problems-content li,.problems-content p,.strategy-content li,.strategy-content p,.summary-content p{font-size:13px}.force-new-analysis-btn{font-size:13px;padding:6px 12px}.loading-spinner{height:32px;width:32px}.analysis-loading p{font-size:14px}.comparison-details{gap:12px}.last-month-comparison,.trend-summary{padding:12px}.no-analysis-data{padding:32px 16px}.no-data-icon{font-size:40px}}.analysis-breakdown-card,.analysis-insights-card,.analysis-recommendations-card,.analysis-score-card{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:16px;padding:20px}.analysis-breakdown-card{align-items:flex-start;border-left-color:#007bff;display:flex;gap:12px}.analysis-insights-card{align-items:flex-start;border-left-color:#ffc107;display:flex;gap:12px}.analysis-recommendations-card{align-items:flex-start;border-left-color:#28a745;display:flex;gap:12px}.analysis-score-card{align-items:flex-start;border-left-color:#dc3545;display:flex;gap:12px}.breakdown-icon,.insights-icon,.recommendations-icon,.score-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-bottom:0}.breakdown-content,.insights-content,.recommendations-content,.score-content{flex:1}.breakdown-content h3,.insights-content h3,.recommendations-content h3,.score-content h3{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;margin:0 0 16px}.breakdown-list,.insights-list,.recommendations-list{display:flex;flex-direction:column;gap:8px}.breakdown-item,.insight-item,.recommendation-item{color:#555;font-size:14px;line-height:1.5;padding:8px 0}.breakdown-item{border-bottom:1px solid #e9ecef;padding-bottom:12px}.breakdown-item:last-child{border-bottom:none}.score-breakdown{display:flex;flex-direction:column;gap:8px;margin:16px 0}.score-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.score-category{color:#333;font-weight:500}.score-status{font-size:18px}.score-interpretation{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#666;font-style:italic;margin-top:12px;padding:12px;text-align:center}@media (max-width:768px){.analysis-breakdown-card,.analysis-insights-card,.analysis-recommendations-card,.analysis-score-card{margin-bottom:12px;padding:16px}.breakdown-content h3,.insights-content h3,.recommendations-content h3,.score-content h3{font-size:16px}.breakdown-item,.insight-item,.recommendation-item{font-size:13px}.score-item{padding:6px 10px}.score-interpretation{font-size:13px;padding:10px}}.analysis-debt-card{background:linear-gradient(135deg,#fff5f5,#fef2f2);border:1px solid #fecaca;border-radius:12px;box-shadow:0 2px 8px rgba(239,68,68,.1);margin-bottom:20px;padding:20px}.debt-icon{font-size:24px;margin-bottom:12px}.debt-content h3{color:#dc2626;font-size:18px;font-weight:600;margin-bottom:16px}.debt-section{background:hsla(0,0%,100%,.7);border-left:4px solid #dc2626;border-radius:8px;margin-bottom:20px;padding:16px}.debt-section h4{color:#dc2626;font-size:16px;font-weight:600}.debt-breakdown,.debt-section h4{margin-bottom:12px}.debt-item{align-items:center;background:hsla(0,0%,100%,.8);border-left:3px solid #f87171;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.debt-source{color:#374151;font-weight:500}.debt-amount,.debt-total{color:#dc2626;font-weight:600}.debt-total{border-radius:6px;font-size:14px;padding:8px 12px;text-align:center}.debt-summary,.debt-total{background:rgba(220,38,38,.1)}.debt-summary{border:1px solid #fecaca;border-radius:8px;margin:20px 0;padding:16px}.debt-summary-text{color:#dc2626;font-size:15px;font-weight:600;line-height:1.5}.debt-recommendations{margin-top:20px}.debt-recommendations h4{color:#059669;font-size:16px;font-weight:600;margin-bottom:16px}.debt-recommendation{background:hsla(0,0%,100%,.8);border-left:4px solid #059669;border-radius:8px;margin-bottom:16px;padding:16px}.debt-rec-title{color:#059669;font-size:14px;font-weight:600;margin-bottom:8px}.debt-rec-description{color:#374151;font-size:13px;line-height:1.4;margin-bottom:8px}.debt-rec-strategy{margin:8px 0 0 16px;padding:0}.debt-rec-strategy li{color:#4b5563;font-size:12px;line-height:1.4;margin-bottom:4px}@media (max-width:768px){.analysis-debt-card{margin-bottom:16px;padding:16px}.debt-content h3{font-size:16px}.debt-section{margin-bottom:16px;padding:12px}.debt-section h4{font-size:14px}.debt-item,.debt-total{font-size:13px;padding:6px 10px}.debt-summary-text{font-size:14px}.debt-recommendation{margin-bottom:12px;padding:12px}.debt-rec-title{font-size:13px}.debt-rec-description{font-size:12px}.debt-rec-strategy li{font-size:11px}}:root{--expense-primary:#7c3aed;--expense-primary-light:#8b5cf6;--expense-primary-dark:#6d28d9;--expense-secondary:#64748b;--expense-secondary-dark:#475569;--expense-success:#059669;--expense-success-light:#10b981;--expense-success-light-bg:#f0fdf4;--expense-warning:#d97706;--expense-warning-light:#f59e0b;--expense-warning-light-bg:#fef3c7;--expense-error:#dc2626;--expense-error-light:#ef4444;--expense-error-dark:#b91c1c;--expense-error-light-bg:#fef2f2;--expense-card-bg:#fff;--expense-card-secondary:#f8fafc;--expense-detail-bg:#f8fafc;--expense-hover-bg:#f1f5f9;--expense-bg-light:#f3f4f6;--expense-border:#e1e5e9;--expense-border-light:#e2e8f0;--expense-text-primary:#1a1a1a;--expense-text-secondary:#6b7280;--expense-text-tertiary:#9ca3af;--expense-accent:#7c3aed}.expenses-list-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.expenses-list-container .component-header{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;justify-content:space-between}.expenses-list-container .component-header h2{color:var(--expense-text-primary,#1a1a1a);font-size:2.1rem;font-weight:600;margin:0;padding:0}.expenses-list-container .budget-table{background-color:transparent;border-radius:8px;border-spacing:0;box-shadow:none;margin-top:0;overflow:hidden;width:100%}@media (max-width:768px){.expenses-list-container{margin-bottom:16px;padding:16px}.expenses-list-container .component-header h2{align-items:center;flex-direction:column;font-size:1rem;gap:8px;margin-bottom:0}.expenses-list-container .component-title-icon{height:1.5rem;width:1.5rem}.expenses-list-container .budget-table{margin-top:0}.expenses-list-container>div:has(.add-expense-btn-small){display:flex;justify-content:center;margin:16px auto;width:100%}.expenses-list-container>div:has(.add-expense-btn-small)>div{align-items:center;flex-direction:column;gap:16px;justify-content:center;max-width:300px;width:100%}.expenses-list-container .add-expense-btn-small{font-size:14px;min-width:120px;padding:12px 16px;text-align:center;width:100%}}.expenses-list-container .budget-row{align-items:center;background:var(--expense-card-secondary,#f8fafc);border-radius:8px;display:grid;grid-template-columns:1fr 1.5fr .7fr;margin-bottom:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.expenses-list-container .budget-row:hover{background-color:var(--expense-hover-bg,#f1f5f9);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.expenses-list-container .spending-limits-row{border-left-color:var(--expense-warning,#d97706)}.expenses-list-container .budget-row:last-child{border-bottom:1px solid var(--expense-border-light,#e2e8f0)}.expenses-list-container .budget-label{color:var(--expense-text-secondary,#6b7280);font-size:.875rem;font-weight:600;letter-spacing:.05em}.expenses-list-container .budget-value{align-items:flex-end;color:var(--expense-success,#059669);display:flex;flex-direction:column;font-size:1rem;font-weight:700;gap:4px;justify-content:center;text-align:right}.expenses-list-container .expenses-value{color:#000}.expenses-list-container .budget-action{display:flex;gap:8px;justify-content:flex-end}.expenses-list-container .add-expense-btn-small{background:#242465;border:none;border-radius:8px;box-shadow:0 2px 8px rgba(5,150,105,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 16px;text-align:center;transition:all .2s ease}.expenses-list-container .add-expense-btn-small:hover{box-shadow:0 4px 12px rgba(5,150,105,.3);transform:translateY(-2px)}.expenses-list-container .spending-limits-btn-small{align-items:center;background:linear-gradient(90deg,var(--expense-warning,#d97706),var(--expense-warning-light,#f59e0b));border:none;border-radius:8px;box-shadow:0 2px 8px rgba(217,119,6,.2);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:10px 16px;text-align:center;transition:all .2s ease}.expenses-list-container .spending-limits-btn-small:hover{box-shadow:0 4px 12px rgba(217,119,6,.3);transform:translateY(-2px)}.expenses-list-container .toggle-list-btn{background:linear-gradient(90deg,var(--expense-primary,#7c3aed),var(--expense-primary-light,#8b5cf6));border:none;border-radius:8px;box-shadow:0 2px 8px rgba(124,58,237,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 16px;text-align:center;transition:all .2s ease}.expenses-list-container .toggle-list-btn:hover{box-shadow:0 4px 12px rgba(124,58,237,.3);transform:translateY(-2px)}.expenses-list-container .edit-btn-small.purple{background-color:#9c27b0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;text-align:center;transition:all .2s ease}.expenses-list-container .edit-btn-small.purple:hover{background-color:#7b1fa2;box-shadow:0 4px 8px rgba(156,39,176,.2);transform:translateY(-2px)}.expenses-list-wrapper{background-color:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.03);flex:1;margin-top:16px;min-height:200px;overflow-y:auto}.expenses-list{list-style:none;margin:0;padding:0;width:100%}.expense-item{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.05rem;padding:1rem;transition:all .2s ease}.expense-item.recurring-expense{background-color:#f0f8ff;border-left:4px solid #4a90e2}.expense-item.non-recurring-expense{background-color:#f8fff8;border-left:4px solid #52c752}.expense-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.expense-item.recurring-expense:hover{background-color:#e6f3ff}.expense-item.non-recurring-expense:hover{background-color:#f0fff0}.expense-item:last-child{border-bottom:none}.expense-details{display:flex;flex-direction:column;gap:.25rem}.expense-name{color:var(--text-color);font-size:1.1rem;font-weight:500}.expense-category,.expense-date{color:var(--secondary-text-color);font-size:.9rem}.expense-actions{gap:.5rem;margin-top:0}.expense-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.edit-button{background-color:var(--primary-color);color:#fff}.edit-button:hover{background-color:var(--primary-color-dark)}.delete-button{background-color:var(--error-color);color:#fff}.delete-button:hover{background-color:var(--error-color-dark)}.expense-amount{border-top:1px solid var(--border-color);color:var(--text-color);font-size:1.2rem;font-weight:500;margin-top:.5rem;padding-top:.5rem;text-align:right}.no-expenses{background-color:#f9fafc;border-radius:8px;color:#888;font-size:14px;font-style:italic;margin:10px;padding:20px;text-align:center}.delete-expense-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid rgba(220,38,38,.2);border-radius:50%;box-shadow:0 2px 8px rgba(220,38,38,.15);color:#dc2626;cursor:pointer;display:flex;font-size:1.4rem;height:36px;justify-content:center;margin-left:12px;opacity:1;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.delete-expense-btn:hover{background:linear-gradient(135deg,rgba(220,38,38,.1),rgba(239,68,68,.1));border-color:rgba(220,38,38,.4);box-shadow:0 4px 16px rgba(220,38,38,.25);opacity:1;transform:translateY(-2px) scale(1.05)}.delete-expense-btn:active{transform:scale(.95)}.delete-expense-btn .delete-icon,.edit-expense-btn .edit-icon{transition:all .3s ease}.delete-expense-btn:focus,.edit-expense-btn:focus{outline:2px solid rgba(124,58,237,.5);outline-offset:2px}.edit-expense-btn:focus{border-color:rgba(124,58,237,.6)}.delete-expense-btn:focus{border-color:rgba(220,38,38,.6)}.expense-name:hover{background-color:rgba(63,81,181,.05);color:#3f51b5}.recurring-badge{background-color:#3f51b5}.category-badge,.recurring-badge{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:500;padding:2px 8px;white-space:nowrap}.category-badge{background-color:#ff9800;margin-left:8px}.expense-value{align-items:center;color:#f44336;display:flex;font-weight:600;gap:12px;justify-content:flex-end}.expense-actions{align-items:center;display:flex;gap:8px}.edit-expense-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid rgba(124,58,237,.2);border-radius:50%;box-shadow:0 2px 8px rgba(124,58,237,.15);color:#7c3aed;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;opacity:1;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.edit-expense-btn:hover{background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(139,92,246,.1));border-color:rgba(124,58,237,.4);box-shadow:0 4px 16px rgba(124,58,237,.25);opacity:1;transform:translateY(-2px) scale(1.05)}.edit-expense-btn:active{transform:scale(.95)}.edit-expense-btn .edit-icon{font-size:1rem;line-height:1}.expenses-list-container .spending-limits-row{background:var(--expense-warning-light-bg,#fef3c7);border-left-color:var(--expense-warning,#d97706)!important;position:relative}.expenses-list-container .limits-summary{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.expenses-list-container .good-indicator,.expenses-list-container .over-limit-indicator,.expenses-list-container .warning-indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px;white-space:nowrap}.expenses-list-container .over-limit-indicator{background:var(--expense-error-light-bg,#fef2f2);border:1px solid var(--expense-error-light,#fca5a5);color:var(--expense-error,#dc2626)}.expenses-list-container .warning-indicator{background:var(--expense-warning-light-bg,#fef3c7);border:1px solid var(--expense-warning-light,#fcd34d);color:var(--expense-warning,#d97706)}.expenses-list-container .good-indicator{background:var(--expense-success-light-bg,#f0fdf4);border:1px solid var(--expense-success-light,#bbf7d0);color:var(--expense-success,#059669)}.expenses-list-container .no-limits-set{color:var(--expense-text-tertiary,#9ca3af);font-size:.875rem;font-style:italic;opacity:.8}.expenses-list-container .toggle-limits-details-btn{background:var(--expense-secondary,#64748b);border:none;border-radius:6px;box-shadow:0 1px 3px rgba(100,116,139,.2);color:#fff;cursor:pointer;font-size:12px;margin-left:8px;padding:6px 10px;transition:all .2s ease}.expenses-list-container .toggle-limits-details-btn:hover{background:var(--expense-secondary-dark,#475569);box-shadow:0 2px 6px rgba(100,116,139,.3);transform:translateY(-1px)}.expenses-list-container .spending-limits-details{background:var(--expense-detail-bg,#f8fafc);border:1px solid var(--expense-border-light,#e2e8f0);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-top:12px;padding:20px}.expenses-list-container .limit-detail-row{align-items:center;background:var(--expense-card-bg,#fff);border:1px solid var(--expense-border-light,#e2e8f0);border-radius:8px;display:grid;gap:16px;grid-template-columns:1fr 2fr 1.5fr;margin-bottom:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.expenses-list-container .limit-detail-row:last-child{margin-bottom:0}.expenses-list-container .limit-detail-row:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.expenses-list-container .category-name{color:var(--expense-text-primary,#1a1a1a);font-size:.875rem;font-weight:600}.expenses-list-container .limit-progress-container{position:relative;width:100%}.expenses-list-container .limit-progress-bar{background-color:var(--expense-bg-light,#f3f4f6);border-radius:6px;height:8px;overflow:hidden;position:relative}.expenses-list-container .limit-progress-fill{border-radius:6px;height:100%;transition:width .3s ease}.expenses-list-container .limit-progress-fill.good{background:linear-gradient(90deg,var(--expense-success,#059669),var(--expense-success-light,#10b981))}.expenses-list-container .limit-progress-fill.warning{background:linear-gradient(90deg,var(--expense-warning,#d97706),var(--expense-warning-light,#f59e0b))}.expenses-list-container .limit-progress-fill.over{background:linear-gradient(90deg,var(--expense-error,#dc2626),var(--expense-error-light,#ef4444))}.expenses-list-container .over-limit-indicator-bar{animation:pulse 2s infinite;background:var(--expense-error-dark,#b91c1c);border-radius:0 6px 6px 0;height:100%;left:100%;max-width:100%;position:absolute;top:0}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.expenses-list-container .limit-amounts{align-items:center;display:flex;flex-wrap:wrap;font-size:.8rem;gap:6px;justify-content:flex-end}.expenses-list-container .spent-amount{font-size:.9rem;font-weight:700}.expenses-list-container .spent-amount.good{color:var(--expense-success,#059669)}.expenses-list-container .spent-amount.warning{color:var(--expense-warning,#d97706)}.expenses-list-container .spent-amount.over{color:var(--expense-error,#dc2626)}.expenses-list-container .limit-separator{color:var(--expense-text-tertiary,#9ca3af);font-weight:500;margin:0 2px}.expenses-list-container .limit-amount{color:var(--expense-text-secondary,#6b7280);font-weight:500}.expenses-list-container .percentage-indicator{background:var(--expense-bg-light,#f3f4f6);border-radius:4px;font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 6px}.expenses-list-container .percentage-indicator.good{background:var(--expense-success-light-bg,#f0fdf4);color:var(--expense-success,#059669)}.expenses-list-container .percentage-indicator.warning{background:var(--expense-warning-light-bg,#fef3c7);color:var(--expense-warning,#d97706)}.expenses-list-container .percentage-indicator.over{background:var(--expense-error-light-bg,#fef2f2);color:var(--expense-error,#dc2626)}@media (max-width:768px){.expenses-list-container .limits-summary{align-items:flex-start;flex-direction:column;gap:6px}.expenses-list-container .limit-detail-row{gap:12px;grid-template-columns:1fr;padding:12px;text-align:center}.expenses-list-container .limit-progress-container{order:2}.expenses-list-container .limit-amounts{justify-content:center;order:3}.expenses-list-container .category-name{font-size:1rem;order:1;text-align:center}.expenses-list-container .toggle-limits-details-btn{margin-left:6px;padding:6px 10px}.expenses-list-container .budget-row{gap:12px;grid-template-columns:1fr;text-align:center}.expenses-list-container .budget-label{font-size:.875rem;text-align:left}.expenses-list-container .budget-value{align-items:center;text-align:center}.expenses-list-container .budget-action{justify-content:center}}.sort-checkboxes{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sort-checkbox{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:background-color .2s ease;user-select:none}.sort-checkbox:hover{background-color:#f3f4f6}.sort-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:14px;margin:0;width:14px}.sort-checkbox span{font-size:11px;font-weight:500;padding:3px 6px;white-space:nowrap}.sort-checkbox input[type=checkbox]{height:12px;width:12px}@media (max-width:499px){.sort-checkboxes{gap:4px}.sort-checkbox{font-size:10px;padding:2px 4px}}.period-selector,.sort-controls{align-items:center;display:flex;gap:1rem}.period-selector label,.sort-controls label{color:var(--text-color);font-weight:500;min-width:100px}.period-selector select,.sort-controls select{background-color:var(--input-background);border-radius:4px;color:var(--text-color);font-size:1rem;min-width:200px;padding:.5rem}.spending-limits-usage{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.spending-limits-usage h3{color:var(--heading-color);margin:0 0 1rem}.usage-item{align-items:center;background-color:var(--card-background);border-radius:6px;display:flex;gap:1rem;padding:.75rem}.usage-item .category{font-weight:500;min-width:120px}.usage-bar{background-color:var(--border-color);border-radius:4px;flex:1;height:8px;overflow:hidden}.usage-fill{background-color:var(--primary-color);border-radius:4px;height:100%;transition:width .3s ease}.usage-item.warning .usage-fill{background-color:var(--warning-color)}.usage-item.over .usage-fill{background-color:var(--error-color)}.usage-item .amount{color:var(--secondary-text-color);font-size:.9rem;min-width:200px;text-align:right}.expenses-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){.period-selector,.sort-controls{align-items:flex-start;flex-direction:column}.period-selector select,.sort-controls select{width:100%}.usage-item{align-items:flex-start;flex-direction:column}.usage-item .category{margin-bottom:.5rem}.usage-item .amount{margin-top:.5rem;text-align:left;width:100%}.expenses-grid{grid-template-columns:1fr}}.expenses-list-filter-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:20px;padding:20px}.filter-controls-single-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start}@media (max-width:768px){.filter-controls-single-row{align-items:stretch;flex-direction:column;gap:16px}.filter-group{flex:1}}.filter-controls-primary{border-bottom:1px solid #e9ecef;margin-bottom:16px;padding-bottom:16px}.filter-controls-primary,.filter-controls-secondary{align-items:center;display:flex;gap:24px;justify-content:space-between}.filter-group{display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:0}.search-group{flex:1;min-width:200px}.filter-group label{color:#495057;font-size:14px;font-weight:600;margin-bottom:4px}.filter-select{background:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;font-size:14px;min-width:120px;padding:10px 12px;transition:all .2s ease}.filter-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.sort-controls-wrapper{align-items:center;display:flex;gap:8px}.sort-direction-btn{align-items:center;background:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-width:44px;padding:10px 12px;transition:all .2s ease}.sort-direction-btn:hover{background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.sort-direction-btn:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.filter-checkboxes{display:flex;flex-wrap:wrap;gap:16px}.checkbox-label{align-items:center;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:6px 8px;transition:background-color .2s ease}.checkbox-label:hover{background:rgba(124,58,237,.05)}.checkbox-label input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;height:16px;width:16px}.checkbox-text{font-weight:500;user-select:none}.search-input{background:#fff;border:1px solid #ced4da;border-radius:8px;box-sizing:border-box;color:#495057;font-size:14px;max-width:100%;padding:10px 12px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.search-input::placeholder{color:#adb5bd}@media (max-width:1024px){.filter-controls-primary,.filter-controls-secondary{align-items:stretch;flex-direction:column;gap:16px}.filter-group{align-items:center;flex-direction:row;gap:12px;justify-content:space-between}.filter-group label{margin-bottom:0;min-width:80px}.filter-select,.search-input{flex:1;min-width:0}.sort-controls-wrapper{flex:1}.filter-checkboxes{flex:1;justify-content:flex-start}}@media (max-width:768px){.expenses-list-filter-controls{margin-bottom:16px;padding:16px}.expenses-list-container>div:has(.add-expense-btn-small){flex-direction:column}.filter-controls-primary{margin-bottom:12px;padding-bottom:12px}.filter-group{align-items:stretch;flex-direction:column;gap:8px}.filter-group label{margin-bottom:4px;min-width:auto}.filter-select,.search-input{width:100%}.sort-controls-wrapper{flex-direction:row;gap:8px}.filter-checkboxes{flex-direction:column;gap:8px}.checkbox-label{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:8px 12px}.checkbox-label:hover{background:#f8f9fa;border-color:#7c3aed}}@media (max-width:480px){.expenses-list-filter-controls{border-radius:8px;padding:12px}.filter-controls-primary,.filter-controls-secondary{gap:12px}.filter-group label{font-size:13px}.filter-select,.search-input,.sort-direction-btn{font-size:13px;padding:8px 10px}.sort-direction-btn{min-width:40px}.checkbox-label{font-size:13px;padding:6px 8px}.checkbox-text{font-size:10px}.expenses-list-container>div:has(.add-expense-btn-small){display:flex;justify-content:center;margin:12px auto;width:100%}.expenses-list-container>div:has(.add-expense-btn-small)>div{gap:12px}.expenses-list-container .add-expense-btn-small{font-size:12px;min-width:100px;padding:10px 12px;text-align:center}}@media screen and (max-width:999px){.about-overlay,.add-limit-overlay,.auth-modal-overlay,.chart-modal-overlay,.contact-overlay,.credit-details-modal,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.explanation-modal-overlay,.import-preview-overlay,.modal-overlay,.period-details-overlay,.premium-modal-overlay,.profile-popup-overlay,.receipt-modal-overlay,.spending-limits-overlay{align-items:flex-start!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff!important;border-radius:0!important;bottom:0!important;box-shadow:none!important;display:flex!important;height:100vh!important;justify-content:flex-start!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:10000!important}.about-modal,.add-limit-modal,.auth-modal,.chart-modal-content,.contact-modal,.credit-details-modal .modal-content,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.explanation-modal,.import-preview-modal,.modal-content,.period-details-modal,.premium-modal,.profile-popup-modal,.receipt-modal-content,.spending-limits-modal{animation:none!important;background-color:#fff!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;margin:0!important;max-height:100vh!important;max-width:100%!important;min-height:100vh!important;min-width:100%!important;overflow:hidden!important;padding:10px!important;position:relative!important;scale:1!important;transform:none!important;width:100%!important;zoom:1!important}.about-modal .modal-header,.auth-modal .auth-modal-close,.chart-modal-content .chart-modal-close,.contact-modal .modal-header,.credit-details-modal .modal-header,.edit-expense-modal .modal-header,.explanation-modal .explanation-modal-header,.import-preview-modal .modal-header,.income-header,.modal-header,.period-details-modal .modal-header,.premium-modal .premium-modal-header,.receipt-modal-content .receipt-modal-title{align-items:center!important;background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;margin:0!important;padding:24px 24px 20px!important;position:sticky!important;top:0!important;width:100%!important;z-index:10!important}.about-modal .modal-header h2,.contact-modal .modal-header h2,.credit-details-modal .modal-header h3,.edit-expense-modal .modal-header h2,.import-preview-modal .modal-header h2,.income-header h2,.modal-header h2,.modal-header h3,.period-details-modal .modal-header h2{color:#1f2937!important;font-size:20px!important;font-weight:600!important;margin:0!important}.about-modal .modal-content,.auth-modal .auth-modal-content,.chart-modal-content .chart-modal-body,.contact-modal .modal-content,.credit-details-modal .modal-body,.edit-expense-modal form,.explanation-modal .explanation-modal-body,.import-preview-modal .modal-content,.income-content,.modal-body,.modal-content,.period-details-modal .modal-body,.premium-modal .premium-modal-content,.receipt-modal-content .receipt-modal-field{background-color:#fff!important;box-sizing:border-box!important;flex:1!important;margin:0!important;overflow-y:auto!important;padding:32px 24px!important;width:100%!important}.auth-modal .auth-modal-close,.chart-modal-close,.close-btn,.credit-details-modal .close-btn,.edit-expense-modal .modal-close-btn,.explanation-modal .close-btn,.modal-close-btn,.period-details-modal .close-btn,.premium-modal .close-button,.receipt-modal-close{align-items:center!important;background:#f3f4f6!important;border:none!important;border-radius:50%!important;color:#374151!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:40px!important;justify-content:center!important;padding:8px!important;position:absolute!important;right:20px!important;top:20px!important;transition:background-color .2s ease!important;width:40px!important;z-index:20!important}.auth-modal .auth-modal-close:hover,.chart-modal-close:hover,.close-btn:hover,.credit-details-modal .close-btn:hover,.edit-expense-modal .modal-close-btn:hover,.explanation-modal .close-btn:hover,.modal-close-btn:hover,.period-details-modal .close-btn:hover,.premium-modal .close-button:hover,.receipt-modal-close:hover{background-color:#e5e7eb!important;transform:scale(1.1)!important}.edit-expense-modal .modal-actions,.explanation-modal .modal-actions,.modal-actions,.period-details-modal .modal-actions,.receipt-modal-content .receipt-modal-actions{background-color:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;margin:0!important;padding:24px 24px 32px!important;position:sticky!important;width:100%!important}.edit-expense-modal .modal-actions button,.explanation-modal .modal-actions button,.modal-actions button,.period-details-modal .modal-actions button,.receipt-modal-content .receipt-modal-actions button{border:none!important;border-radius:8px!important;cursor:pointer!important;font-size:16px!important;font-weight:600!important;min-height:48px!important;padding:12px 24px!important;transition:all .2s ease!important}.cancel-btn,.modal-actions .cancel-btn{background-color:#f3f4f6!important;color:#374151!important}.cancel-btn:hover,.modal-actions .cancel-btn:hover{background-color:#e5e7eb!important}.modal-actions .save-btn,.modal-actions .submit-btn,.save-btn,.submit-btn{background-color:#1e40af!important;color:#fff!important}.modal-actions .save-btn:hover,.modal-actions .submit-btn:hover,.save-btn:hover,.submit-btn:hover{background-color:#1d4ed8!important}.edit-expense-modal .form-group,.form-group,.receipt-modal-field{margin-bottom:24px!important}.form-group label,.receipt-modal-field label{color:#374151!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:10px!important}.form-group input,.form-group select,.form-group textarea,.receipt-modal-field input,.receipt-modal-field select,.receipt-modal-field textarea{background-color:#fff!important;border:2px solid #e5e7eb!important;border-radius:8px!important;box-sizing:border-box!important;color:#374151!important;font-size:16px!important;padding:14px 18px!important;width:100%!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.receipt-modal-field input:focus,.receipt-modal-field select:focus,.receipt-modal-field textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important;outline:none!important}body.modal-open{height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}body.modal-open .mobile-header,body.modal-open .mobile-menu-backdrop,body.modal-open .mobile-menu-bar,body.modal-open .mobile-menu-blurred,body.modal-open .mobile-menu-container,body.modal-open .mobile-menu-header,body.modal-open .mobile-menu-overlay,body.modal-open .mobile-menu-toggle-btn,body.modal-open .mobile-menu-wrapper,body.modal-open .mobile-nav{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}.add-limit-modal *,.add-limit-overlay *,.credit-details-modal *,.edit-expense-modal *,.edit-expense-overlay *,.edit-income-modal *,.edit-income-overlay *,.edit-percentage-modal *,.edit-percentage-overlay *,.modal-content *,.modal-overlay *,.period-details-modal *,.period-details-overlay *,.profile-popup-modal *,.profile-popup-overlay *,.spending-limits-modal *,.spending-limits-overlay *{animation:none!important;max-width:none!important;min-width:none!important;scale:1!important;transform:none!important;zoom:1!important}.field-group,.field-group input,.field-group label,.field-group select,.form-group,.income-field-row,.modal-body .profile-info-row,.modal-body .user-profile,.modal-body .user-profile-details,.modal-body form,.modal-body>div,.summary-item{max-width:100%!important;min-width:100%!important;width:100%!important}}@media screen and (max-width:480px){.about-modal .modal-header,.contact-modal .modal-header,.credit-details-modal .modal-header,.edit-expense-modal .modal-header,.import-preview-modal .modal-header,.income-header,.modal-header,.period-details-modal .modal-header{padding:16px 50px 12px 20px!important}.about-modal .modal-header h2,.contact-modal .modal-header h2,.credit-details-modal .modal-header h3,.edit-expense-modal .modal-header h2,.import-preview-modal .modal-header h2,.income-header h2,.modal-header h2,.modal-header h3,.period-details-modal .modal-header h2{font-size:18px!important}.about-modal .modal-content,.contact-modal .modal-content,.credit-details-modal .modal-body,.edit-expense-modal form,.import-preview-modal .modal-content,.income-content,.modal-body,.modal-content,.period-details-modal .modal-body{padding:20px!important}.edit-expense-modal .modal-actions,.modal-actions,.period-details-modal .modal-actions{padding:16px 20px!important}.close-btn,.credit-details-modal .close-btn,.edit-expense-modal .modal-close-btn,.modal-close-btn,.period-details-modal .close-btn{font-size:18px!important;height:36px!important;right:16px!important;top:16px!important;width:36px!important}}.add-limit-modal,.add-limit-overlay,.credit-details-modal,.edit-expense-modal,.edit-expense-overlay,.edit-income-modal,.edit-income-overlay,.edit-percentage-modal,.edit-percentage-overlay,.modal-content,.modal-overlay,.period-details-modal,.period-details-overlay,.profile-popup-modal,.profile-popup-overlay,.spending-limits-modal,.spending-limits-overlay{transition:all .3s ease!important}@media screen and (max-width:999px){.add-limit-modal,.add-limit-overlay,.credit-details-modal,.edit-expense-modal,.edit-expense-overlay,.edit-income-modal,.edit-income-overlay,.edit-percentage-modal,.edit-percentage-overlay,.modal-content,.modal-overlay,.period-details-modal,.period-details-overlay,.profile-popup-modal,.profile-popup-overlay,.spending-limits-modal,.spending-limits-overlay{animation:none!important;transform:none!important}}.about-modal .modal-content>*,.contact-modal .modal-content>*,.edit-expense-modal form>*,.import-preview-modal .modal-content>*,.income-content>*,.modal-body>*,.modal-content>*,.period-details-modal .modal-body>*{margin-bottom:20px!important}.about-modal .modal-content>:last-child,.contact-modal .modal-content>:last-child,.edit-expense-modal form>:last-child,.import-preview-modal .modal-content>:last-child,.income-content>:last-child,.modal-body>:last-child,.modal-content>:last-child,.period-details-modal .modal-body>:last-child{margin-bottom:0!important}.form-group+.form-group{margin-top:24px!important}.modal-body h1,.modal-body h2,.modal-body h3,.modal-body h4,.modal-body h5,.modal-body h6{margin-bottom:16px!important;margin-top:24px!important}.modal-body h1:first-child,.modal-body h2:first-child,.modal-body h3:first-child,.modal-body h4:first-child,.modal-body h5:first-child,.modal-body h6:first-child{margin-top:0!important}.modal-body p{line-height:1.6!important;margin-bottom:16px!important}.modal-body ol,.modal-body ul{margin-bottom:20px!important;padding-left:24px!important}.modal-body li{margin-bottom:8px!important}.modal-body .btn:last-child,.modal-body button:last-child{margin-bottom:0!important}.modal-body .user-profile,.modal-body .user-profile-details{background:none!important;border:none!important;box-shadow:none!important;box-sizing:border-box!important;margin:0!important;max-width:100%!important;padding:24px!important;width:100%!important}.modal-body .profile-info-row{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:12px!important;box-sizing:border-box!important;margin-bottom:16px!important;max-width:100%!important;padding:20px!important;transition:all .2s ease!important;width:100%!important}.modal-body .profile-info-row:hover{background-color:#f1f3f4!important;border-color:#d1d5db!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;transform:translateY(-1px)!important}.modal-body .profile-info-label{color:#374151!important;display:block!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:8px!important;width:100%!important}.modal-body .profile-info-value{align-items:center!important;color:#1f2937!important;display:flex!important;font-size:16px!important;font-weight:500!important;justify-content:space-around!important;margin-bottom:12px!important;width:100%!important}.modal-body .profile-info-row .btn,.modal-body .profile-info-row .edit-btn,.modal-body .profile-info-row button[class*=edit]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-size:14px!important;font-weight:600!important;min-width:80px!important;padding:8px 16px!important;text-align:center!important;text-decoration:none!important;transition:all .2s ease!important}.modal-body .profile-info-row .btn:hover,.modal-body .profile-info-row .edit-btn:hover,.modal-body .profile-info-row button[class*=edit]:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;box-shadow:0 4px 12px rgba(59,130,246,.3)!important;transform:translateY(-1px)!important}.modal-body .profile-info-row .subscription-info{align-items:center!important;display:flex!important;gap:8px!important;margin-bottom:12px!important}.modal-body .profile-info-row .subscription-badge{align-items:center!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border-radius:20px!important;color:#fff!important;display:flex!important;font-size:12px!important;font-weight:700!important;gap:6px!important;letter-spacing:.5px!important;padding:4px 12px!important;text-transform:uppercase!important}.modal-body .profile-info-row .subscription-expiry{color:#6b7280!important;font-size:13px!important;font-weight:500!important;margin-top:8px!important}.modal-body .profile-info-row .manage-subscription-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:none!important;border-radius:10px!important;color:#fff!important;cursor:pointer!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-top:12px!important;padding:12px 20px!important;text-align:center!important;transition:all .2s ease!important;width:100%!important}.modal-body .profile-info-row .manage-subscription-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;box-shadow:0 6px 20px rgba(139,92,246,.4)!important;transform:translateY(-2px)!important}.modal-body .profile-info-row .currency-display{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border:2px solid #10b981!important;border-radius:12px!important;color:#059669!important;font-size:24px!important;font-weight:700!important;margin:8px 0!important;padding:16px!important;text-align:center!important}.modal-body .profile-info-row .language-section{align-items:center!important;display:flex!important;justify-content:space-between!important;width:100%!important}.modal-body .profile-info-row .language-value{color:#6b7280!important;font-style:italic!important}.modal-body .profile-info-row .budget-start-day{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border:2px solid #3b82f6!important;border-radius:12px!important;color:#1e40af!important;font-size:20px!important;font-weight:700!important;margin:8px 0!important;padding:16px!important;text-align:center!important}.balance-table .budget-edit-btn,.budget-table .budget-edit-btn{font-size:12px!important;min-width:45px!important;padding:8px 10px!important}.balance-table .budget-edit-btn,.balance-table .smart-savings-toggle-btn,.budget-table .budget-edit-btn,.budget-table .smart-savings-toggle-btn{border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;transition:all .2s ease!important}.balance-table .smart-savings-toggle-btn,.budget-table .smart-savings-toggle-btn{align-items:center!important;background-color:#b5a7da!important;display:flex!important;font-size:14px!important;height:40px!important;justify-content:center!important;min-width:35px!important;padding:6px 8px!important;width:40px!important}.balance-table .budget-edit-btn:hover,.balance-table .smart-savings-toggle-btn:hover,.budget-table .budget-edit-btn:hover,.budget-table .smart-savings-toggle-btn:hover{background-color:#9f8fd8!important;box-shadow:0 2px 6px rgba(181,167,218,.3)!important;transform:translateY(-1px)!important}@media screen and (max-width:480px){.balance-table .budget-edit-btn,.budget-table .budget-edit-btn{font-size:11px!important;min-width:40px!important;padding:6px 8px!important}.balance-table .smart-savings-toggle-btn,.budget-table .smart-savings-toggle-btn{font-size:12px!important;height:35px!important;min-width:30px!important;padding:5px 6px!important;width:35px!important}}.modal-body .user-profile *,.modal-body .user-profile-details *{box-sizing:border-box!important}.modal-body .user-profile .profile-info-row:first-child{margin-top:0!important}.modal-body .user-profile .profile-info-row:last-child{margin-bottom:0!important}.modal-body .user-profile,.modal-body .user-profile-details,.modal-body .user-profile-details>*,.modal-body .user-profile>*{padding-left:24px!important;padding-right:24px!important}.modal-body .user-profile .profile-info-row,.modal-body .user-profile-details .profile-info-row{box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;width:100%!important}@media screen and (max-width:999px){.credit-details-modal{align-items:flex-start!important;display:flex!important;justify-content:flex-start!important;position:fixed!important;z-index:10000!important}.credit-details-modal,.credit-details-modal .modal-overlay{bottom:0!important;left:0!important;right:0!important;top:0!important}.credit-details-modal .modal-overlay{backdrop-filter:none!important;background:#fff!important;position:absolute!important}.credit-details-modal .modal-content{box-shadow:none!important;flex-direction:column!important;max-height:100vh!important;max-width:100%!important;min-height:100vh!important;overflow:hidden!important;position:relative!important;z-index:10001!important}.credit-details-modal .modal-content,.credit-details-modal .modal-header{background:#fff!important;border-radius:0!important;display:flex!important;margin:0!important;width:100%!important}.credit-details-modal .modal-header{align-items:center!important;border-bottom:1px solid #e5e7eb!important;box-sizing:border-box!important;justify-content:space-between!important;padding:24px 24px 20px!important;position:sticky!important;top:0!important;z-index:10!important}.credit-details-modal .modal-body{background:#fff!important;box-sizing:border-box!important;flex:1!important;margin:0!important;overflow-y:auto!important;padding:32px 24px!important;width:100%!important}.credit-details-modal .close-btn{align-items:center!important;background:#f3f4f6!important;border:none!important;border-radius:50%!important;color:#374151!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:40px!important;justify-content:center!important;padding:8px!important;position:absolute!important;right:20px!important;top:20px!important;transition:background-color .2s ease!important;width:40px!important;z-index:20!important}.credit-details-modal .close-btn:hover{background-color:#e5e7eb!important;transform:scale(1.1)!important}}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.d-none{display:none!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-1{flex:1!important}.flex-auto{flex:auto!important}.flex-none{flex:none!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-baseline{align-items:baseline!important}.items-stretch{align-items:stretch!important}.self-start{align-self:flex-start!important}.self-end{align-self:flex-end!important}.self-center{align-self:center!important}.self-baseline{align-self:baseline!important}.self-stretch{align-self:stretch!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.gap-0{gap:0!important}.gap-1{gap:var(--spacing-1)!important}.gap-2{gap:var(--spacing-2)!important}.gap-3{gap:var(--spacing-3)!important}.gap-4{gap:var(--spacing-4)!important}.gap-5{gap:var(--spacing-5)!important}.gap-6{gap:var(--spacing-6)!important}.gap-8{gap:var(--spacing-8)!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-1)!important}.m-2{margin:var(--spacing-2)!important}.m-3{margin:var(--spacing-3)!important}.m-4{margin:var(--spacing-4)!important}.m-5{margin:var(--spacing-5)!important}.m-6{margin:var(--spacing-6)!important}.m-8{margin:var(--spacing-8)!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--spacing-1)!important;margin-right:var(--spacing-1)!important}.mx-2{margin-left:var(--spacing-2)!important;margin-right:var(--spacing-2)!important}.mx-3{margin-left:var(--spacing-3)!important;margin-right:var(--spacing-3)!important}.mx-4{margin-left:var(--spacing-4)!important;margin-right:var(--spacing-4)!important}.mx-5{margin-left:var(--spacing-5)!important;margin-right:var(--spacing-5)!important}.mx-6{margin-left:var(--spacing-6)!important;margin-right:var(--spacing-6)!important}.mx-8{margin-left:var(--spacing-8)!important;margin-right:var(--spacing-8)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:var(--spacing-1)!important;margin-top:var(--spacing-1)!important}.my-2{margin-bottom:var(--spacing-2)!important;margin-top:var(--spacing-2)!important}.my-3{margin-bottom:var(--spacing-3)!important;margin-top:var(--spacing-3)!important}.my-4{margin-bottom:var(--spacing-4)!important;margin-top:var(--spacing-4)!important}.my-5{margin-bottom:var(--spacing-5)!important;margin-top:var(--spacing-5)!important}.my-6{margin-bottom:var(--spacing-6)!important;margin-top:var(--spacing-6)!important}.my-8{margin-bottom:var(--spacing-8)!important;margin-top:var(--spacing-8)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-1)!important}.mt-2{margin-top:var(--spacing-2)!important}.mt-3{margin-top:var(--spacing-3)!important}.mt-4{margin-top:var(--spacing-4)!important}.mt-5{margin-top:var(--spacing-5)!important}.mt-6{margin-top:var(--spacing-6)!important}.mt-8{margin-top:var(--spacing-8)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-1)!important}.mb-2{margin-bottom:var(--spacing-2)!important}.mb-3{margin-bottom:var(--spacing-3)!important}.mb-4{margin-bottom:var(--spacing-4)!important}.mb-5{margin-bottom:var(--spacing-5)!important}.mb-6{margin-bottom:var(--spacing-6)!important}.mb-8{margin-bottom:var(--spacing-8)!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--spacing-1)!important}.ml-2{margin-left:var(--spacing-2)!important}.ml-3{margin-left:var(--spacing-3)!important}.ml-4{margin-left:var(--spacing-4)!important}.ml-5{margin-left:var(--spacing-5)!important}.ml-6{margin-left:var(--spacing-6)!important}.ml-8{margin-left:var(--spacing-8)!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--spacing-1)!important}.mr-2{margin-right:var(--spacing-2)!important}.mr-3{margin-right:var(--spacing-3)!important}.mr-4{margin-right:var(--spacing-4)!important}.mr-5{margin-right:var(--spacing-5)!important}.mr-6{margin-right:var(--spacing-6)!important}.mr-8{margin-right:var(--spacing-8)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-1)!important}.p-2{padding:var(--spacing-2)!important}.p-3{padding:var(--spacing-3)!important}.p-4{padding:var(--spacing-4)!important}.p-5{padding:var(--spacing-5)!important}.p-6{padding:var(--spacing-6)!important}.p-8{padding:var(--spacing-8)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.px-5{padding-left:var(--spacing-5)!important;padding-right:var(--spacing-5)!important}.px-6{padding-left:var(--spacing-6)!important;padding-right:var(--spacing-6)!important}.px-8{padding-left:var(--spacing-8)!important;padding-right:var(--spacing-8)!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:var(--spacing-1)!important;padding-top:var(--spacing-1)!important}.py-2{padding-bottom:var(--spacing-2)!important;padding-top:var(--spacing-2)!important}.py-3{padding-bottom:var(--spacing-3)!important;padding-top:var(--spacing-3)!important}.py-4{padding-bottom:var(--spacing-4)!important;padding-top:var(--spacing-4)!important}.py-5{padding-bottom:var(--spacing-5)!important;padding-top:var(--spacing-5)!important}.py-6{padding-bottom:var(--spacing-6)!important;padding-top:var(--spacing-6)!important}.py-8{padding-bottom:var(--spacing-8)!important;padding-top:var(--spacing-8)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--spacing-1)!important}.pt-2{padding-top:var(--spacing-2)!important}.pt-3{padding-top:var(--spacing-3)!important}.pt-4{padding-top:var(--spacing-4)!important}.pt-5{padding-top:var(--spacing-5)!important}.pt-6{padding-top:var(--spacing-6)!important}.pt-8{padding-top:var(--spacing-8)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--spacing-1)!important}.pb-2{padding-bottom:var(--spacing-2)!important}.pb-3{padding-bottom:var(--spacing-3)!important}.pb-4{padding-bottom:var(--spacing-4)!important}.pb-5{padding-bottom:var(--spacing-5)!important}.pb-6{padding-bottom:var(--spacing-6)!important}.pb-8{padding-bottom:var(--spacing-8)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--spacing-1)!important}.pl-2{padding-left:var(--spacing-2)!important}.pl-3{padding-left:var(--spacing-3)!important}.pl-4{padding-left:var(--spacing-4)!important}.pl-5{padding-left:var(--spacing-5)!important}.pl-6{padding-left:var(--spacing-6)!important}.pl-8{padding-left:var(--spacing-8)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--spacing-1)!important}.pr-2{padding-right:var(--spacing-2)!important}.pr-3{padding-right:var(--spacing-3)!important}.pr-4{padding-right:var(--spacing-4)!important}.pr-5{padding-right:var(--spacing-5)!important}.pr-6{padding-right:var(--spacing-6)!important}.pr-8{padding-right:var(--spacing-8)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-primary{color:var(--primary-color)!important}.text-success{color:var(--success-color)!important}.text-warning{color:var(--warning-color)!important}.text-error{color:var(--error-color)!important}.text-info{color:var(--info-color)!important}.text-gray-50{color:var(--gray-50)!important}.text-gray-100{color:var(--gray-100)!important}.text-gray-200{color:var(--gray-200)!important}.text-gray-300{color:var(--gray-300)!important}.text-gray-400{color:var(--gray-400)!important}.text-gray-500{color:var(--gray-500)!important}.text-gray-600{color:var(--gray-600)!important}.text-gray-700{color:var(--gray-700)!important}.text-gray-800{color:var(--gray-800)!important}.text-gray-900{color:var(--gray-900)!important}.bg-primary{background-color:var(--primary-color)!important}.bg-success{background-color:var(--success-color)!important}.bg-warning{background-color:var(--warning-color)!important}.bg-error{background-color:var(--error-color)!important}.bg-info{background-color:var(--info-color)!important}.bg-white{background-color:#fff!important}.bg-gray-50{background-color:var(--gray-50)!important}.bg-gray-100{background-color:var(--gray-100)!important}.bg-gray-200{background-color:var(--gray-200)!important}.bg-gray-300{background-color:var(--gray-300)!important}.bg-gray-400{background-color:var(--gray-400)!important}.bg-gray-500{background-color:var(--gray-500)!important}.bg-gray-600{background-color:var(--gray-600)!important}.bg-gray-700{background-color:var(--gray-700)!important}.bg-gray-800{background-color:var(--gray-800)!important}.bg-gray-900{background-color:var(--gray-900)!important}.font-thin{font-weight:100!important}.font-light{font-weight:300!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-extrabold{font-weight:800!important}.font-black{font-weight:900!important}.text-xs{font-size:var(--font-size-xs)!important}.text-sm{font-size:var(--font-size-sm)!important}.text-base{font-size:var(--font-size-base)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.text-2xl{font-size:var(--font-size-2xl)!important}.text-3xl{font-size:var(--font-size-3xl)!important}.border{border:1px solid var(--gray-200)!important}.border-0{border:0!important}.border-t{border-top:1px solid var(--gray-200)!important}.border-r{border-right:1px solid var(--gray-200)!important}.border-b{border-bottom:1px solid var(--gray-200)!important}.border-l{border-left:1px solid var(--gray-200)!important}.border-primary{border-color:var(--primary-color)!important}.border-success{border-color:var(--success-color)!important}.border-warning{border-color:var(--warning-color)!important}.border-error{border-color:var(--error-color)!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded,.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-2xl{border-radius:var(--radius-2xl)!important}.rounded-full{border-radius:9999px!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow,.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.w-full{width:100%!important}.w-auto{width:auto!important}.w-screen{width:100vw!important}.h-full{height:100%!important}.h-auto{height:auto!important}.h-screen{height:100vh!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.z-auto{z-index:auto!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.cursor-auto{cursor:auto!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-text{cursor:text!important}.cursor-move{cursor:move!important}.cursor-help{cursor:help!important}.cursor-not-allowed{cursor:not-allowed!important}.select-none{user-select:none!important}.select-text{user-select:text!important}.select-all{user-select:all!important}.select-auto{user-select:auto!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.transition{transition:all .2s ease!important}.transition-none{transition:none!important}.transition-all{transition:all .2s ease!important}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease!important}.transition-opacity{transition:opacity .2s ease!important}.transition-shadow{transition:box-shadow .2s ease!important}.transition-transform{transition:transform .2s ease!important}.transform{transform:translateZ(0)!important}.transform-none{transform:none!important}.scale-0{transform:scale(0)!important}.scale-50{transform:scale(.5)!important}.scale-75{transform:scale(.75)!important}.scale-90{transform:scale(.9)!important}.scale-95{transform:scale(.95)!important}.scale-100{transform:scale(1)!important}.scale-105{transform:scale(1.05)!important}.scale-110{transform:scale(1.1)!important}.scale-125{transform:scale(1.25)!important}.scale-150{transform:scale(1.5)!important}.rotate-0{transform:rotate(0deg)!important}.rotate-45{transform:rotate(45deg)!important}.rotate-90{transform:rotate(90deg)!important}.rotate-180{transform:rotate(180deg)!important}.rotate-270{transform:rotate(270deg)!important}.translate-x-0{transform:translateX(0)!important}.translate-x-1{transform:translateX(var(--spacing-1))!important}.translate-x-2{transform:translateX(var(--spacing-2))!important}.translate-x-3{transform:translateX(var(--spacing-3))!important}.translate-x-4{transform:translateX(var(--spacing-4))!important}.translate-x-5{transform:translateX(var(--spacing-5))!important}.translate-x-6{transform:translateX(var(--spacing-6))!important}.translate-x-8{transform:translateX(var(--spacing-8))!important}.translate-y-0{transform:translateY(0)!important}.translate-y-1{transform:translateY(var(--spacing-1))!important}.translate-y-2{transform:translateY(var(--spacing-2))!important}.translate-y-3{transform:translateY(var(--spacing-3))!important}.translate-y-4{transform:translateY(var(--spacing-4))!important}.translate-y-5{transform:translateY(var(--spacing-5))!important}.translate-y-6{transform:translateY(var(--spacing-6))!important}.translate-y-8{transform:translateY(var(--spacing-8))!important}:root{--primary-color:#7c3aed;--primary-light:#a78bfa;--primary-dark:#5b21b6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--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);--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem}*{box-sizing:border-box;margin:0;padding:0}.tab-selector{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:4px;justify-content:center;margin-bottom:16px;padding:4px}.tab-btn{background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1;font-size:.875rem;font-weight:600;min-width:0;padding:8px 16px;text-align:center;transition:all .2s ease}.tab-btn:hover{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#374151}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px rgba(102,126,234,.25);color:#fff}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}body{background-color:var(--gray-50);color:var(--gray-800);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--gray-900);font-weight:600;line-height:1.25;margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-3xl);font-weight:700}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--gray-700);margin-bottom:var(--spacing-4)}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark)}.container{margin:0 auto;max-width:800px;padding:0 var(--spacing-4);width:-webkit-fill-available}.content{padding:50px}.grid-item{display:none;opacity:0;transition:opacity .3s ease}.grid-item.active{display:block;opacity:1}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all .2s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--gray-200);color:var(--gray-800)}.btn-secondary:hover{background-color:var(--gray-300)}.btn-success{background-color:var(--success-color);color:#fff}.btn-warning{background-color:var(--warning-color);color:#fff}.btn-error{background-color:var(--error-color);color:#fff}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.card-header{border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}.card-title{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:600;margin:0}.form-group{margin-bottom:var(--spacing-4)}.form-label{color:var(--gray-700);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-2)}.form-input{border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--spacing-3);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.p-0{padding:0}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-0{margin:0}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}@media (max-width:768px){.container{margin-top:60px;padding:0 var(--spacing-3)}.content{padding:var(--spacing-4)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}}@media (max-width:480px){.container{margin-top:60px;padding:0 var(--spacing-2)}.content{padding:var(--spacing-3)}}.credit-details-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.credit-details-modal .modal-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0}.credit-details-modal .modal-content{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%;z-index:1001}.credit-details-modal .modal-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-200);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;justify-content:space-between;padding:var(--spacing-6)}.credit-details-modal .modal-header h3{color:var(--gray-900);font-size:var(--font-size-xl);font-weight:600;margin:0}.credit-details-modal .close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:32px;justify-content:center;padding:var(--spacing-1);transition:all .2s ease;width:32px}.credit-details-modal .close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.credit-details-modal .modal-body{padding:var(--spacing-6)}.credit-details-modal .detail-section{margin-bottom:var(--spacing-6)}.credit-details-modal .detail-section:last-child{margin-bottom:0}.credit-details-modal .detail-section h4{border-bottom:2px solid var(--gray-200);color:var(--gray-900);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-2)}.credit-details-modal .detail-grid{display:grid;gap:var(--spacing-3)}.credit-details-modal .detail-row{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-2) 0}.credit-details-modal .detail-label{color:var(--gray-600);font-weight:500}.credit-details-modal .detail-value{color:var(--gray-900);font-weight:600}.credit-details-modal .progress-summary{margin-top:var(--spacing-4)}.credit-details-modal .progress-bar-large{background:var(--gray-200);border-radius:9999px;height:12px;margin-bottom:var(--spacing-4);overflow:hidden;width:100%}.credit-details-modal .progress-fill-large{background:linear-gradient(90deg,var(--primary-color),var(--success-color));border-radius:9999px;height:100%;transition:width .3s ease}.credit-details-modal .progress-stats{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.credit-details-modal .stat-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.credit-details-modal .stat-label{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500}.credit-details-modal .stat-value{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:600}.credit-details-modal .expense-notes{background:var(--gray-50);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);color:var(--gray-700);font-style:italic;margin:0;padding:var(--spacing-4)}@media (max-width:768px){.credit-details-modal .modal-content{margin:var(--spacing-4);width:95%}.credit-details-modal .progress-stats{grid-template-columns:1fr}}@media (max-width:480px){.credit-details-modal .modal-body,.credit-details-modal .modal-header{padding:var(--spacing-4)}}.budget-container{backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(249,250,251,.95));border-radius:16px;margin-bottom:24px;overflow:hidden;padding:24px 16px;position:relative}.component-title-section{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:6px}.component-title-icon{color:#1e3a5f;height:44px;width:44px}.budget-container h2{color:#2e384d;font-size:2.1rem;font-weight:700;padding-bottom:8px;position:relative}.budget-container h2,.budget-period{margin-bottom:24px;text-align:center}.budget-period{background:rgba(30,58,95,.05);border:1px solid rgba(30,58,95,.1);border-radius:8px;color:#666;font-size:14px;font-weight:500;padding:8px 16px}.budget-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:24px;padding-bottom:0}.tab-button{background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;cursor:pointer;flex:1;font-size:16px;font-weight:600;min-width:0;padding:12px 24px;position:relative;text-align:center;transition:all .2s ease}.tab-button.active,.tab-button:hover{background-color:rgba(163,222,210,.1);color:#1e3a5f}.tab-button.active{border-bottom-color:#a3ded2}.budget-graph-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:16px;padding:24px}@media (max-width:999px){.budget-graph-container{font-size:14px;margin-top:12px;padding:16px}.budget-graph-container h3,.budget-graph-container h4,.budget-graph-container h5{font-size:16px;margin-bottom:12px}.budget-graph-container div,.budget-graph-container p,.budget-graph-container span{font-size:14px;line-height:1.4}.budget-graph-container .chart-legend,.budget-graph-container .chart-tooltip{font-size:12px}}.graph-wrapper{height:400px;position:relative;width:100%}@media (max-width:999px){.budget-tabs{gap:4px;margin-bottom:16px}.tab-button{font-size:16px;font-weight:600;padding:12px 20px}.budget-graph-container{font-size:14px;margin-top:12px;padding:16px}.graph-wrapper{height:300px}}.budget-progress{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:20px;padding:20px}.progress-header{align-items:center;color:#2e384d;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.progress-bar-container{background-color:#e0e0e0;border-radius:6px;height:12px;margin-bottom:12px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#a3ded2,#88c9b3);box-shadow:0 0 5px rgba(163,222,210,.5);height:100%;transition:width .6s ease-out}.progress-details{color:#666;display:flex;font-size:14px;font-weight:500;justify-content:space-between}.budget-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);margin-bottom:24px;overflow:hidden;width:100%}.budget-table td,.budget-table th{border-bottom:1px solid #e1e5e9;padding:20px 16px;text-align:left}.budget-table th{background-color:#f8f9fa;color:#2e384d;font-size:14px;font-weight:600}.budget-table td{vertical-align:middle}.budget-row{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;justify-content:space-between;margin-bottom:12px;padding:20px}.budget-table tr:last-child td{border-bottom:none}.budget-table tr:hover{background-color:rgba(163,222,210,.05)}.budget-category{color:#2e384d;font-size:16px}.budget-value{color:#43a047;font-size:20px;font-weight:600;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-value.negative{color:#e53935}.budget-value.zero{color:#000}.edit-btn-small{padding:12px}.budget-edit-btn,.edit-btn-small{background:#1e3370;border:none;border-radius:8px;box-shadow:0 4px 12px rgba(181,167,218,.3);color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:auto;transition:all .3s;width:100px}.budget-edit-btn{padding:10px}.budget-edit-btn:hover,.edit-btn-small:hover{background:#a395c7;box-shadow:0 6px 16px rgba(181,167,218,.4);transform:translateY(-2px)}.edit-btn-small.purple{background:#b5a7da;color:#fff}.edit-btn-small.purple:hover{background:#a395c7;box-shadow:0 6px 16px rgba(181,167,218,.4);transform:translateY(-2px)}.smart-savings-toggle-btn{background:rgba(255,207,84,.2);border:1px solid rgba(255,207,84,.3);border-radius:6px;color:#e6b84a;cursor:pointer;font-size:14px;margin-left:8px;margin-top:8px;padding:6px 10px;transition:all .2s ease}.smart-savings-toggle-btn:hover{background:rgba(255,207,84,.3);transform:translateY(-1px)}.smart-savings-toggle-btn.active{background:rgba(255,207,84,.4);border-color:#ffcf54}.savings-percentage{color:#666;font-size:14px;font-weight:500;margin-left:8px}.budget-summary{background:linear-gradient(135deg,#1e3a5f,#2c5282);border-radius:12px;box-shadow:0 4px 20px rgba(30,58,95,.2);color:#fff;margin:20px 0;padding:20px}.budget-summary h3{font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.budget-summary-list{list-style:none;margin:0;padding:0}.budget-summary-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:8px 0}.budget-summary-item:last-child{border-bottom:none}.budget-summary-label{font-size:14px;opacity:.9}.budget-summary-value{font-family:Courier New,monospace;font-size:16px;font-weight:700}.budget-summary-value.positive{color:#4caf50}.budget-summary-value.negative{color:#ff6b6b}@media (max-width:999px){.budget-table{border-collapse:collapse;font-size:14px;width:100%}.budget-table thead{display:none!important}.budget-table td,.budget-table th{border-bottom:1px solid #e1e5e9;padding:16px 12px;text-align:left}.budget-table th{background-color:#f8f9fa;color:#2e384d;font-size:13px;font-weight:600}.budget-table td{vertical-align:middle}.budget-table .budget-category{color:#2e384d;font-size:12px;font-weight:600}.budget-table .budget-value,.budget-table .budget-value.zero{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-table .budget-edit-btn{background-color:#b5a7da;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:50px;padding:10px;width:60px}@media (max-width:480px){.budget-table{font-size:12px}.budget-table td,.budget-table th{padding:16px 12px}.budget-table .budget-category{font-size:11px}.budget-table .budget-value,.budget-table .budget-value.zero{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-table .budget-edit-btn{background-color:#b5a7da;color:#fff;font-size:13px;font-weight:600;min-width:70px;padding:10px 12px}}}@media (max-width:768px){.budget-container{padding:16px 12px}.budget-container h2{font-size:24px}.budget-summary{padding:16px}.budget-summary-item{align-items:flex-start;flex-direction:column;gap:4px}.budget-progress{padding:16px}.progress-details{flex-direction:column;gap:4px}.budget-graph-container{font-size:13px;padding:12px}.budget-graph-container h3,.budget-graph-container h4,.budget-graph-container h5{font-size:15px;margin-bottom:10px}.budget-graph-container div,.budget-graph-container p,.budget-graph-container span{font-size:13px;line-height:1.3}.budget-graph-container .chart-legend,.budget-graph-container .chart-tooltip{font-size:11px}}.info-popup-container{display:inline-block;position:relative;z-index:1000}.info-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:center;transition:all .2s ease;z-index:10}.info-icon:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px rgba(59,130,246,.4);transform:scale(1.1)}.info-icon.small{font-size:10px;height:20px;width:20px}.info-icon.medium{font-size:12px;height:24px;width:24px}.info-icon.large{font-size:14px;height:28px;width:28px}.info-icon-svg{filter:brightness(0) invert(1);height:100%;object-fit:contain;width:100%}.info-popup-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.3);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.info-popup{animation:popupFadeIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);max-width:400px;min-width:300px;position:fixed;z-index:10000}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.info-popup-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f3f4f6;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px 12px}.info-popup-title{color:#1f2937;font-size:16px;font-weight:600;margin:0}.info-popup-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.info-popup-close:hover{background:#f3f4f6;color:#374151}.info-popup-content{color:#4b5563;line-height:1.6;padding:16px 20px 20px}.info-popup-content ul{margin:8px 0;padding-left:20px}.info-popup-content li{margin:4px 0}.info-popup-content strong{color:#1f2937;font-weight:600}.info-popup-content .highlight{background:#fef3c7;border-radius:4px;font-weight:500;padding:2px 4px}@media (max-width:768px){.info-popup{left:50%!important;max-height:90vh;max-width:95vw;min-width:280px;overflow-y:auto;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:10000}.info-popup-content{max-height:calc(90vh - 120px);overflow-y:auto}}.current-balances-container{backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(249,250,251,.95));border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);overflow:hidden;padding:var(--spacing-6);position:relative}.component-title-section{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:6px;width:100%}.component-title-section h2{align-items:center;display:flex;line-height:1;margin:0;text-align:center}.component-title-icon{align-items:center;color:#1e3a5f;display:flex;height:44px;justify-content:center;width:44px}.current-balances-container:before{background:linear-gradient(90deg,var(--primary-color) 0,var(--accent-color) 50%,var(--primary-color) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.current-balances-container h2{color:var(--text-primary);font-size:2.1rem;font-weight:700;padding-bottom:var(--spacing-3);position:relative;text-align:center}.current-balances-container h2:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.current-balances-container .balances-tabs{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.7);border:1px solid rgba(226,232,240,.5);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-3)}.current-balances-container .balance-graph-container{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.8);border:1px solid rgba(226,232,240,.6);border-radius:var(--radius-lg);padding:var(--spacing-6)}.balance-table-container{background-color:#f5f7fa;display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;width:100%}.balance-table{border-collapse:collapse;border-spacing:0;width:100%}.balance-table tr{border-bottom:1px solid #e1e5e9}.balance-table tr:last-child{border-bottom:none}.balance-table td{padding:16px 12px}.balance-table tr{margin-bottom:8px}.balamce-table{background-color:#f5f7fa;height:100%;width:100%}.current-balances-container .balance-table-container{border-radius:var(--radius-lg)}.current-balances-container .balance-table-container,.current-balances-container .balance-updates-container{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.8);border:1px solid rgba(226,232,240,.6);box-shadow:var(--shadow-md);padding:var(--spacing-4)}@media (max-width:768px){.current-balances-container{margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.current-balances-container h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.current-balances-container .balances-tabs{margin-bottom:var(--spacing-4);padding:var(--spacing-2)}.current-balances-container .balance-graph-container,.current-balances-container .balance-table-container,.current-balances-container .balance-updates-container{padding:var(--spacing-3)}}@media (max-width:480px){.current-balances-container{border-radius:var(--radius-lg);padding:var(--spacing-3)}.current-balances-container h2{font-size:var(--font-size-2xl);padding-bottom:var(--spacing-2)}.current-balances-container h2:after{height:2px;width:60px}}.balances-container{background:#f5f7fa;border:none;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);margin-bottom:24px;padding:24px 16px}.balances-tabs{border-bottom:2px solid #e1e5e9;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.tab-button{background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;cursor:pointer;flex:1;font-size:16px;font-weight:600;min-width:0;padding:12px 24px;position:relative;text-align:center;transition:all .2s ease}.tab-button.active,.tab-button:hover{background-color:rgba(163,222,210,.1);color:#1e3a5f}.tab-button.active{border-bottom-color:#a3ded2}.balance-graph-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:16px;padding:24px}.balances-header{align-items:center;display:flex;justify-content:center;padding:20px;width:100%}.graph-wrapper{height:400px;position:relative;width:100%}@media (max-width:999px){.balances-tabs{gap:4px;margin-bottom:16px}.balances-header{padding-bottom:20px;padding-top:40px}.balances-title h2{font-size:var(--font-size-2xl)}.tab-button{font-size:16px;font-weight:600;padding:12px 20px}.balance-graph-container{margin-top:12px;padding:16px}.graph-wrapper{height:300px}}.balances-container h2{color:#2e384d;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:24px;padding-bottom:8px;position:relative;text-align:center}.balances-container h2:after{background:#a3ded2;border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.total-balance-summary{display:flex;justify-content:center;margin-bottom:24px}.total-balance-card{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2c5282);border-radius:12px;box-shadow:0 4px 20px rgba(30,58,95,.2);color:#fff;display:flex;flex-direction:column;gap:8px;min-width:200px;padding:16px 24px}.total-label{font-size:14px;font-weight:500;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.total-amount{font-family:Courier New,monospace;font-size:24px;font-weight:700}.total-amount.positive{color:#4caf50}.total-amount.negative{color:#ff6b6b}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:999px){.desktop-only{display:none}.mobile-only{display:block}}@media (min-width:1000px){.desktop-only{display:block}.mobile-only{display:none}}.balances-grid{display:grid!important;gap:24px!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}.balance-item{align-items:center;background-color:#fff;border:none;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.balance-item:before{background:linear-gradient(90deg,#1e3a5f,#a3ded2);content:"";height:6px;left:0;position:absolute;top:0;transition:height .3s ease;width:100%}.balance-item:hover:before{height:8px}.balance-item-content{align-items:center;display:flex;flex-direction:column;width:100%}.balance-item label{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.current-balance{background-color:rgba(67,160,71,.08);border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);color:#43a047;font-size:28px;font-weight:700;margin:16px 0;padding:16px 20px;text-align:center;transition:all .3s ease;width:100%}.balance-item:hover .current-balance{box-shadow:0 4px 8px rgba(0,0,0,.08);transform:translateY(-2px)}.current-balance.debt{background-color:rgba(229,57,53,.08);color:#e53935}.current-balance.empty{background-color:rgba(255,207,84,.2);border:1px dashed #ffcf54;color:#1e3a5f;cursor:pointer;font-size:18px;font-style:italic;padding:12px;transition:all .2s ease}.current-balance.empty:hover{background-color:rgba(255,207,84,.3);border-color:#e6b84a;transform:translateY(-1px)}.current-balance.clickable{border-radius:6px;cursor:pointer;transition:all .2s ease}.current-balance.clickable:hover{background-color:rgba(163,222,210,.1);transform:translateY(-1px)}.balance-input-container{align-items:center;display:flex;justify-content:center;margin-bottom:12px;position:relative;width:150px}.balance-input-container input{border:2px solid #bdbdbd;border-radius:8px;font-size:18px;padding:14px 30px 14px 14px;transition:all .3s;width:100%}.balance-input-container input:focus{border-color:#a3ded2;box-shadow:0 0 0 3px rgba(163,222,210,.2);outline:none}.currency-symbol{color:#666;font-size:18px;font-weight:500;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.balance-edit-container{align-items:center;display:flex;flex-direction:column;width:100%}.balance-edit-btn,.balance-save-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:auto;padding:10px;transition:all .3s;width:100px}.balance-edit-btn{background:#1e3370;box-shadow:0 4px 12px rgba(181,167,218,.3)}.balance-edit-btn:hover{background:#a395c7;box-shadow:0 6px 16px rgba(181,167,218,.4);transform:translateY(-2px)}.balance-save-btn{background:linear-gradient(135deg,#a3ded2,#88c9b3);box-shadow:0 4px 12px rgba(163,222,210,.3);color:#1e3a5f}.balance-save-btn:hover{background:linear-gradient(135deg,#88c9b3,#6db59f);box-shadow:0 6px 16px rgba(163,222,210,.4);transform:translateY(-2px)}.expected-balance{background-color:#f5f7fa;border:1px solid #eaeaea;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);color:#666;display:flex;flex-direction:column;font-size:14px;gap:6px;margin:16px 0;padding:14px;text-align:center;width:100%}.expected-amount{color:#43a047;font-size:20px;font-weight:600;margin-top:4px}.balance-value{font-size:20px;font-weight:700;margin-top:4px}.expected-amount.debt{color:#e53935}.savings-goal-progress{margin:12px 0;width:100%}.progress-bar-container{background-color:#e0e0e0;border-radius:7px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);height:14px;margin-bottom:8px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#a3ded2,#88c9b3);box-shadow:0 0 5px rgba(163,222,210,.5);height:100%;transition:width .6s ease-out}.progress-bar.exceeded{background:linear-gradient(90deg,#ffcf54,#f0b429);box-shadow:0 0 5px rgba(255,207,84,.5)}.progress-text{color:#666;font-size:.9rem;text-align:center}.balance-info{margin-top:8px;padding:6px 0;text-align:center;width:100%}.balance-info small{color:#757575;font-style:italic}.mobile-balance-switcher,.mobile-balance-view{display:none}@media (max-width:999px){.mobile-balance-table{border-collapse:separate;border-spacing:0 12px;font-size:14px;width:100%}.mobile-balance-table thead{display:none!important}.mobile-balance-table td,.mobile-balance-table th{border-bottom:2px solid #e1e5e9;margin-bottom:12px;padding:20px 16px;text-align:center}.mobile-balance-table th{background-color:#f8f9fa;color:#2e384d;font-size:13px;font-weight:600}.mobile-balance-table td{vertical-align:middle}.mobile-balance-table .balance-edit-container{display:flex;flex-direction:column;gap:12px;padding:8px 0}.mobile-balance-table .balance-input-container{align-items:center;display:flex;gap:4px}.mobile-balance-table .balance-input-container input{border:1px solid #ddd;border-radius:6px;flex:1;font-size:16px;font-weight:500;padding:12px}.mobile-balance-table .balance-save-btn{background-color:#43a047;min-width:80px;padding:10px 16px}.mobile-balance-table .balance-edit-btn,.mobile-balance-table .balance-save-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600}.mobile-balance-table .balance-edit-btn{background-color:#b5a7da;min-width:50px;padding:10px;width:60px}.mobile-balance-table .balance-value,.mobile-balance-table .expected-balance{font-size:12px;font-weight:600}.mobile-balance-table .account-type{color:#2e384d;font-size:12px;font-weight:600}@media (max-width:480px){.mobile-balance-table{font-size:12px}.mobile-balance-table td,.mobile-balance-table th{padding:16px 12px}.mobile-balance-table .balance-value,.mobile-balance-table .expected-balance{font-size:14px}.mobile-balance-table .balance-edit-btn,.mobile-balance-table .balance-save-btn{font-size:13px;min-width:70px;padding:8px 12px}}}@media (max-width:999px){.balances-container{background:#f5f7fa;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:16px 12px}.balances-container h2{font-size:24px;margin-bottom:20px;padding-bottom:10px}.balances-container h2:after{height:2px;width:80px}.total-balance-summary{margin-bottom:16px}.total-balance-card{min-width:160px;padding:12px 16px}.total-amount{font-size:20px}.mobile-balance-switcher{display:block;margin-bottom:16px}.desktop-only{display:none}.mobile-balance-view{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;overflow:hidden;position:relative}.balance-carousel-wrapper{cursor:grab;display:flex;transition:transform .3s ease-in-out;width:500%}.balance-carousel-wrapper:active{cursor:grabbing}.balance-carousel-slide{box-sizing:border-box;flex-shrink:0;min-height:200px;padding:0 8px;width:20%}.carousel-navigation{align-items:center;background:rgba(30,58,95,.05);display:flex;gap:12px;justify-content:center;padding:16px}.carousel-dot{background-color:#d0d0d0;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:all .3s ease;width:12px}.carousel-dot.active{background-color:#1e3a5f;transform:scale(1.2)}.carousel-dot:hover{background-color:#1e3a5f;opacity:.7}.carousel-arrow{align-items:center;background-color:#ff6b35;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 12px rgba(255,107,53,.4);color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;opacity:.9;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.carousel-arrow:hover{background-color:#e55a2b;box-shadow:0 4px 16px rgba(255,107,53,.6);opacity:1;transform:translateY(-50%) scale(1.1)}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}@media (max-width:480px){.carousel-arrow{display:none}.mobile-card-content{padding:16px}}.mobile-balance-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;margin:8px 0;overflow:hidden}.mobile-card-header{background-color:#1e3a5f;color:#fff;font-size:16px;font-weight:600;padding:12px 16px;text-align:left}.mobile-card-content{display:flex;flex-direction:column;gap:16px;padding:16px 66px}.mobile-balance-amount{color:#333;font-size:24px;font-weight:700;text-align:center}.mobile-balance-amount.debt{color:#e53935}.mobile-balance-amount.empty{background-color:rgba(255,207,84,.2);border:1px dashed #ffcf54;border-radius:6px;color:#1e3a5f;cursor:pointer;font-size:18px;font-style:italic;padding:12px;transition:all .2s ease}.mobile-balance-amount.empty:hover{background-color:rgba(255,207,84,.3);border-color:#e6b84a;transform:translateY(-1px)}.mobile-balance-amount.clickable{border-radius:6px;cursor:pointer;padding:12px;transition:all .2s ease}.mobile-balance-amount.clickable:hover{background-color:rgba(163,222,210,.1);transform:translateY(-1px)}.mobile-expected-balance{background-color:#f1f3f5;border-radius:6px;padding:12px;text-align:center}.mobile-expected-amount{color:#43a047;font-size:20px;font-weight:600;margin-top:4px}.mobile-expected-amount.debt{color:#e53935}.mobile-balance-breakdown{background:rgba(30,58,95,.05);border-radius:8px;font-size:.9rem;margin-top:16px;padding:12px}.breakdown-item{align-items:center;border-bottom:1px solid rgba(30,58,95,.1);display:flex;justify-content:space-between;padding:4px 0}.breakdown-item:last-child{border-bottom:none}.breakdown-item.debt{color:#e53935;font-weight:600}.mobile-action-btn{background-color:#1e3a5f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px;transition:background-color .3s;width:100%}.mobile-action-btn:hover{background-color:#2b4975}.mobile-details-btn{background-color:#1e3a5f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px;transition:background-color .3s;width:100%}.mobile-details-btn:hover{background-color:#2b4975}.mobile-savings-goal-progress{margin:5px 0;width:100%}.mobile-progress-bar-container{background-color:#e0e0e0;border-radius:5px;height:10px;margin-bottom:5px;overflow:hidden;width:100%}.mobile-progress-bar{background-color:#a3ded2;height:100%;transition:width .3s ease}.mobile-progress-bar.exceeded{background-color:#ffcf54}.mobile-progress-text{color:#666;font-size:12px;text-align:center}}.last-updated{font-size:12px;width:100%}.last-updated,.mobile-last-updated{background-color:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);border-radius:4px;color:#757575;font-style:italic;margin-top:8px;padding:4px 8px;text-align:center}.mobile-last-updated{font-size:11px}.smart-savings-container{background:#f8fafb;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-top:24px;padding:20px}.smart-savings-container .component-header h3{align-items:center;color:#2e384d;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.smart-savings-content{display:flex;flex-direction:column;gap:20px}.emergency-fund-section{background:#fff;border:1px solid #e1e8ed;border-radius:8px;padding:16px}.toggle-container{margin-bottom:12px}.toggle-label{align-items:center;color:#2e384d;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px}.toggle-input{display:none}.toggle-slider{background-color:#ccc;border-radius:26px;height:26px;position:relative;transition:background-color .3s;width:50px}.toggle-slider:before{background-color:#fff;border-radius:50%;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .3s;width:22px}.toggle-input:checked+.toggle-slider{background-color:#a3ded2}.toggle-input:checked+.toggle-slider:before{transform:translateX(24px)}.minimum-savings-input{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.minimum-savings-input label{align-items:center;color:#495057;display:flex;font-size:14px;gap:8px}.safety-amount-input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:6px 8px;width:80px}.savings-suggestion{background:#fff;border:1px solid #e1e8ed;border-radius:8px;overflow:hidden}.suggestion-card{padding:20px}.suggestion-header{margin-bottom:16px;text-align:center}.suggestion-amount{color:#a3ded2;font-size:28px;font-weight:700;margin-bottom:4px}.suggestion-percentage{color:#6c757d;font-size:14px;font-weight:500}.suggestion-reasoning{background:#f8f9fa;border-left:4px solid #a3ded2;border-radius:6px;color:#495057;font-size:14px;margin-bottom:16px;padding:12px}.suggestion-actions{text-align:center}.apply-smart-savings-btn{background:linear-gradient(135deg,#a3ded2,#8bc9b8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:10px;padding:12px 24px;transition:all .3s ease}.apply-smart-savings-btn:hover{background:linear-gradient(135deg,#8bc9b8,#7ab5a3);box-shadow:0 4px 12px rgba(163,222,210,.3);transform:translateY(-1px)}.current-vs-suggested{color:#6c757d;font-size:13px;margin-top:8px}.financial-details{border-top:1px solid #e9ecef;margin-top:12px;padding-top:12px}.financial-details small{color:#6c757d;font-size:12px}@media (max-width:768px){.smart-savings-container{margin-top:20px;padding:16px}.smart-savings-content{gap:16px}.suggestion-amount{font-size:24px}.apply-smart-savings-btn{padding:14px;width:100%}.emergency-fund-section,.suggestion-card{padding:16px}}@media (min-width:769px){.balances-table.desktop-only{background:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:24px!important;margin-bottom:24px!important;padding:0!important;width:100%!important}.balances-table .balance-item{align-items:center!important;background-color:#fff!important;border:solid #e1e5e9!important;border-radius:12px!important;border-width:1.5px 1.5px 2px!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;display:flex!important;flex-direction:row!important;height:auto!important;justify-content:flex-start!important;margin-bottom:0!important;min-height:100px!important;overflow:hidden!important;padding:30px!important;width:100%!important}.balances-table .balance-item:last-child{border-bottom:1.5px solid #e1e5e9!important}.balances-table .balance-item-content{align-items:center!important;display:flex!important;flex:1 1 0%;flex-direction:row!important;gap:0!important;justify-content:space-between!important;min-width:0;padding:0;width:100%!important}.balances-table .balance-item label{color:#2e384d!important;flex:0 0 200px!important;flex-shrink:0!important;font-size:18px!important;font-weight:600!important;margin-right:0!important;text-align:left!important}.balances-table .balance-edit-container,.balances-table .current-balance,.balances-table .expected-balance{align-items:center;background:#eafaf1!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#43a047!important;display:flex;flex:1 1 0%!important;font-size:20px!important;font-weight:600!important;justify-content:center!important;margin:0 8px!important;min-width:0;padding:16px 20px!important}.balances-table .current-balance.debt{background:#fdeaea!important;color:#e53935!important;font-weight:700!important}.balances-table .current-balance.empty{background:#fdf6e3!important;border:1px dashed #ffcf54!important;color:#1e3a5f!important;font-size:16px!important;font-style:italic!important;padding:12px 18px!important}.balances-table .current-balance.clickable{cursor:pointer!important;transition:all .2s ease!important}.balances-table .current-balance.clickable:hover{background-color:rgba(163,222,210,.1)!important;transform:translateY(-1px)!important}.balances-table .balance-edit-btn,.balances-table .balance-save-btn{align-self:center;background:#a3ded2!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#1e3a5f!important;cursor:pointer!important;flex:0 0 140px!important;font-size:16px!important;font-weight:600!important;margin:0!important;padding:16px 24px!important;transition:background .2s}.balances-table .balance-edit-btn:hover,.balances-table .balance-save-btn:hover{background:#8bcdbf!important}.balances-table .balance-edit-container{align-items:center!important;display:flex!important;flex-direction:row!important;gap:12px!important;width:100%!important}.balances-table .balance-input-container{align-items:center;display:flex;flex:1 1 0%;margin-right:12px;min-width:0;position:relative}.balances-table .balance-input-container input{background:#f7fafc;border:1.5px solid #bdbdbd;border-radius:8px;color:#2e384d;font-size:18px;padding:12px 36px 12px 12px;width:100%}.balances-table .balance-input-container input:focus{border-color:#a3ded2!important;box-shadow:0 0 0 2px rgba(163,222,210,.1)!important;outline:none!important}.balances-table .currency-symbol{color:#666;font-size:18px;font-weight:500;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.balances-table .last-updated{color:#757575!important;font-size:13px!important;margin-left:8px!important;min-width:100px!important}.balances-table .savings-goal-progress{min-width:140px!important}.balances-table .expected-balance{min-width:120px!important}.balances-table .balance-info{color:#757575!important;font-size:13px!important;font-style:italic!important;margin-left:8px!important;min-width:100px!important}}.percentage-input-container{align-items:center;display:flex;position:relative;width:100%}.percentage-input-container input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#333;font-size:16px;font-weight:600;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.percentage-input-container input:focus{border-color:#7c5dfa;box-shadow:0 0 0 3px rgba(124,93,250,.1);outline:none}.percentage-symbol{color:#6c757d;font-size:16px;font-weight:600;pointer-events:none;position:absolute;right:16px}.percentage-help{color:#6c757d;font-size:12px;line-height:1.4;margin-top:4px}.first-goal-notice{align-items:center;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:12px 16px}.notice-icon{color:#1976d2;flex-shrink:0;font-size:16px}.notice-text{color:#1976d2;font-size:14px;font-weight:500;line-height:1.4}.calculation-results{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:20px;padding:20px}.calculation-results h5{color:#495057;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.result-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.result-item:last-child{border-bottom:none}.result-item span:first-child{color:#6c757d;font-weight:500}.result-item span:last-child{color:#495057;font-weight:600}.result-item.achievable{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:6px;margin:4px 0;padding:8px 12px}.result-item.not-achievable{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-radius:6px;margin:4px 0;padding:8px 12px}.result-item.shortfall{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:6px;color:#856404;margin:4px 0;padding:8px 12px}.result-item.shortfall span:first-child{color:#856404}.result-item.shortfall span:last-child{color:#856404;font-weight:700}.goal-percentage{align-items:center;display:flex;gap:8px;margin-left:auto;margin-right:12px}.percentage-label{color:#6c757d;font-size:12px;font-weight:500}.percentage-value{background:linear-gradient(135deg,#7c5dfa,#a28bff);border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:32px;padding:4px 8px;text-align:center}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h3{color:#2e384d;font-size:20px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.close-btn:hover{background:#f8f9fa;color:#333}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#2e384d;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#333;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#7c5dfa;box-shadow:0 0 0 3px rgba(124,93,250,.1);outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#f8f9fa;color:#6c757d}.cancel-btn:hover{background:#e9ecef;color:#333}.save-btn{background:linear-gradient(135deg,#7c5dfa,#a28bff);color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(124,93,250,.3);transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.savings-goals-list{display:flex;flex-direction:column;gap:16px}.savings-goal-item{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:16px}.goal-header{align-items:center;display:flex;margin-bottom:12px}.goal-header h5{color:#2e384d;flex:1;font-size:16px;font-weight:600;margin:0}.delete-btn{align-items:center;background:#ff6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.delete-btn:hover{background:#e53935;transform:scale(1.1)}.goal-progress,.progress-bar{margin-bottom:8px}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7c5dfa,#a28bff);height:100%;transition:width .3s ease}.goal-date,.progress-text{color:#6c757d;font-size:12px;font-weight:500}.no-goals-text{color:#6c757d;font-style:italic;padding:24px;text-align:center}.balance-display-container{align-items:center;display:flex;flex-direction:column;gap:4px}.last-update-info{color:#666;font-size:13px;line-height:1.8;text-align:center}.last-update-info small{display:block}.update-source{border-radius:4px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.update-source.user{background-color:#e3f2fd;color:#1976d2}.update-source.automatic_expense{background-color:#fff3e0;color:#f57c00}.update-source.new_expense{background-color:#e8f5e8;color:#388e3c}.balance-updates-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px}.balance-updates-content h3{color:#1e3a5f;font-size:20px;font-weight:600;margin:0 0 20px;text-align:center}.balance-updates-list{display:flex;flex-direction:column;gap:16px}.balance-update-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s ease}.balance-update-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.balance-update-item.manual{border-left:4px solid #007bff}.balance-update-item.automatic{border-left:4px solid #28a745}.update-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.update-date{color:#6c757d;font-size:14px;font-weight:500}.update-type{border-radius:12px;font-size:8px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.update-type.manual{background-color:#e3f2fd;color:#1976d2}.update-type.automatic{background-color:#e8f5e8;color:#388e3c}.update-details{display:flex;flex-direction:column;gap:8px}.update-account{color:#1e3a5f;font-size:16px}.update-balance-change{display:flex;flex-direction:column;font-size:14px;gap:4px}.new-balance,.previous-balance{color:#6c757d}.change-amount{font-size:16px;font-weight:600}.change-amount.positive{color:#28a745}.change-amount.negative{color:#dc3545}.update-source{font-size:8px}.update-details-text,.update-source{color:#6c757d;font-style:italic;margin-top:4px}.update-details-text{font-size:12px}.expense-details{background:rgba(0,0,0,.03);border-left:3px solid #6c757d;border-radius:6px;margin-top:12px;padding:8px 12px}.expense-details strong{color:#495057;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.expense-item{color:#6c757d;font-size:12px;margin:4px 0;padding-left:8px}.expense-category{color:#868e96;font-style:italic}.update-account-section{border-bottom:1px solid #e9ecef;margin-bottom:12px;padding-bottom:8px}.update-account-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.balance-updates-empty,.balance-updates-loading,.balance-updates-no-period{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.balance-updates-empty p,.balance-updates-loading p,.balance-updates-no-period p{font-size:16px;margin:0}@media (max-width:768px){.balance-updates-container{padding:16px}.balance-updates-content h3{font-size:18px;margin-bottom:16px}.balance-update-item{padding:12px}.update-header{align-items:flex-start;flex-direction:column;gap:8px}.update-balance-change{font-size:13px}.change-amount{font-size:15px}}.confirmation-dialog-overlay{align-items:center;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-dialog{animation:confirmationDialogSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:90vh;max-width:400px;overflow:hidden;width:90%}@keyframes confirmationDialogSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-dialog-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px 16px}.confirmation-dialog-title{color:#111827;font-size:18px;font-weight:600;margin:0}.confirmation-dialog-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s ease}.confirmation-dialog-close:hover{background-color:#f3f4f6;color:#374151}.confirmation-dialog-content{padding:20px 24px}.confirmation-dialog-message{color:#374151;font-size:14px;line-height:1.5;margin:0}.confirmation-dialog-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.confirmation-dialog-button{border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s ease}.confirmation-dialog-button-cancel{background-color:#f9fafb;border-color:#d1d5db;color:#374151}.confirmation-dialog-button-cancel:hover{background-color:#f3f4f6;border-color:#9ca3af}.confirmation-dialog-button-primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.confirmation-dialog-button-primary:hover{background-color:#2563eb;border-color:#2563eb}.confirmation-dialog-button-danger{background-color:#ef4444;border-color:#ef4444;color:#fff}.confirmation-dialog-button-danger:hover{background-color:#dc2626;border-color:#dc2626}.confirmation-dialog-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:640px){.confirmation-dialog{margin:20px;width:95%}.confirmation-dialog-header{padding:16px 20px 12px}.confirmation-dialog-title{font-size:16px}.confirmation-dialog-content{padding:16px 20px}.confirmation-dialog-actions{flex-direction:column;padding:12px 20px 20px}.confirmation-dialog-button{justify-content:center;width:100%}}.monthly-expenses-container{margin:0 auto;max-width:1200px;padding:20px}.component-title-section{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:6px}.component-title-icon{color:#1e3a5f;height:44px;width:44px}.component-title-section h2{align-items:center;display:flex;line-height:1;margin:0;text-align:center}.budget-period{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#6b7280;display:inline-block;font-size:1rem;font-weight:500;margin:8px 0;padding:8px 16px;text-align:center;width:100%}.monthly-expenses-container h2{color:#2e384d;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.period-label{color:#666;font-size:14px;font-weight:500;margin-bottom:24px;text-align:center}.expense-summary-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-2px)}.card-icon{align-items:center;border-radius:12px;color:#7c3aed;display:flex;justify-content:center}.card-content{flex:1}.card-title{color:#666;font-size:14px;font-weight:500;margin-bottom:4px}.card-value{color:#1e3a5f;font-size:24px;font-weight:700;margin-bottom:4px}.card-subtitle{color:#999;font-size:12px}.expenses-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px}.controls-left,.expenses-controls{align-items:center;display:flex;flex-wrap:wrap}.controls-left{gap:20px}.controls-right{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.period-selector{align-items:center;display:flex;gap:8px;justify-content:space-around}.period-selector label{color:#2e384d;font-size:14px;font-weight:600}.period-selector select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;max-width:100px;padding:8px 12px}.view-toggle{background:#f5f5f5;border-radius:8px;display:flex;gap:4px;padding:4px}.toggle-btn{background:transparent;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.toggle-btn.active{background:#1e3a5f;color:#fff}.search-box input{border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:200px;padding:8px 12px}.sort-controls{align-items:center;display:flex;gap:8px}.sort-controls label{color:#2e384d;font-size:14px;font-weight:600}.sort-controls select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.add-expense-btn{background:linear-gradient(135deg,#1e3a5f,#2c5282);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-expense-btn:hover{box-shadow:0 4px 12px rgba(30,58,95,.3);transform:translateY(-1px)}.expenses-list-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden}.expense-tabs{border-bottom:2px solid #e5e7eb}.expense-tabs,.tab-navigation{display:flex;margin-bottom:20px}.tab-navigation{align-items:center;gap:4px;justify-content:space-between;-webkit-overflow-scrolling:touch}.tab-button{background:transparent;border:none;border-radius:8px 8px 0 0;color:#6b7280;cursor:pointer;flex:1;font-size:14px;font-weight:500;margin-right:4px;min-width:0;padding:12px 24px;position:relative;text-align:center;transition:all .2s ease}.tab-button.active{background:#7c3aed;border-bottom:2px solid #7c3aed;color:#fff}.tab-button:hover:not(.active){background:#f3f4f6;color:#374151}.categories-view{margin-top:20px}.category-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:24px;overflow:hidden}.category-header{align-items:center;background:linear-gradient(90deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.category-header:hover{background:linear-gradient(90deg,#f1f5f9,#e2e8f0)}.category-header h3{color:#374151;font-size:16px;font-weight:600;margin:0}.category-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.category-header .expand-button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;min-width:24px;padding:4px;transition:all .2s ease}.category-header .expand-button:hover{background-color:rgba(124,58,237,.1);color:#7c3aed;transform:scale(1.1)}.category-expenses{animation:slideDown .3s ease-out;overflow-x:hidden;padding:12px 20px;touch-action:pan-y}@keyframes slideDown{0%{max-height:0;opacity:0;overflow:hidden}to{max-height:1000px;opacity:1;overflow:visible}}.category-expense-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0;transition:background-color .2s ease}.category-expense-item:hover{background-color:rgba(124,58,237,.05);border-radius:4px;margin:0 -12px;padding:8px 12px}.category-expense-item .expense-details{flex:1}.category-expense-item .expense-actions{display:flex;gap:8px}.category-expense-item .expense-actions button{border-radius:4px;font-size:12px;padding:4px 6px;transition:all .2s ease}.no-categories{color:#6b7280;font-size:16px;font-style:italic;padding:40px 20px;text-align:center}.charts-view{margin-top:20px}.charts-container{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.chart-card,.charts-container{max-width:100%;overflow:hidden}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);box-sizing:border-box;padding:24px;transition:box-shadow .2s ease;width:100%}.chart-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.chart-card h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 20px}.pie-chart-container{min-height:300px}.pie-chart-container,.pie-chart-wrapper{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;position:relative}.pie-chart-wrapper{width:100%}.pie-chart-legend{margin-top:16px;max-height:200px;overflow-y:auto;position:relative;width:100%;z-index:1}.pie-chart-legend>div{align-items:center;display:flex;margin-bottom:8px;padding:4px 0}.bar-chart-container{align-items:end;border-bottom:2px solid #e5e7eb;display:flex;height:300px;justify-content:space-around;max-width:100%;overflow:hidden;padding:20px 0;position:relative;width:100%}.bar-chart-container>div{align-items:center;display:flex;flex:1;flex-direction:column;margin:0 4px}.bar-chart-container>div>div:first-child{align-items:end;background-color:#7c3aed;border-radius:4px 4px 0 0;cursor:pointer;display:flex;justify-content:center;margin-bottom:8px;max-width:40px;position:relative;transition:all .3s ease;width:100%}.bar-chart-container>div>div:first-child:hover{background-color:#6d28d9;transform:translateY(-2px)}@media (max-width:768px){.bar-chart-container{flex-wrap:nowrap;height:280px;justify-content:space-between;overflow:hidden;padding:16px 0}.bar-chart-container>div{flex:0 0 auto;margin:0 2px;min-width:0}.bar-chart-container>div>div:first-child{max-width:30px;min-width:20px}}@media (max-width:480px){.bar-chart-container{flex-wrap:nowrap;height:220px;justify-content:space-between;overflow:hidden;padding:12px 0}.bar-chart-container>div{flex:0 0 auto;margin:0 1px;min-width:0}.bar-chart-container>div>div:first-child{max-width:25px;min-width:15px}.pie-chart-wrapper{height:250px}}.monthly-category-breakdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:10px}.category-trends-table{border:1px solid #e5e7eb;border-radius:8px;overflow-x:visible;width:100%}@media (min-width:1024px){.category-trends-table{overflow-x:auto}}.category-trends-table table{background:#fff;border-collapse:collapse;table-layout:auto;width:100%}.category-trends-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:12px;text-align:left}.category-trends-table td{border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:14px;padding:12px}.category-trends-table tr:hover{background:#f8fafc}.category-trends-table tr:last-child td{border-bottom:none}.expenses-list{max-height:600px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.expense-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.expense-value{color:#1e3a5f;font-family:Courier New,monospace;font-size:18px;font-weight:700;margin-left:10px;margin-right:10px}.expense-item:hover{background-color:rgba(163,222,210,.05)}.expense-item:last-child{border-bottom:none}.expense-item.recurring{border-left:4px solid #4caf50}.expense-item.variable{border-left:4px solid #ff9800}.expense-info{flex:1}.expense-name{align-items:center;color:#2e384d;display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:4px}.recurring-badge{color:#4caf50;font-size:12px}.expense-meta{color:#666;display:flex;font-size:14px;gap:16px}.expense-category{background:rgba(30,58,95,.1);border-radius:4px;color:#1e3a5f;font-size:12px;font-weight:500;padding:2px 8px}.expense-actions{align-items:center;display:flex;gap:8px}.expense-amount{color:#1e3a5f;font-family:Courier New,monospace;font-size:18px;font-weight:700}.action-buttons{align-items:center;display:flex;gap:12px;justify-content:flex-end}.delete-btn,.edit-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid rgba(226,232,240,.8);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-btn:hover{background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(139,92,246,.1));border-color:rgba(124,58,237,.3);box-shadow:0 4px 16px rgba(124,58,237,.2);transform:translateY(-2px)}.delete-btn:hover{background:linear-gradient(135deg,rgba(220,38,38,.1),rgba(239,68,68,.1));border-color:rgba(220,38,38,.3);box-shadow:0 4px 16px rgba(220,38,38,.2);transform:translateY(-2px)}.delete-btn i,.edit-btn i{font-size:18px;transition:all .3s ease}.edit-btn i{color:#7c3aed}.delete-btn i{color:#dc2626}.edit-btn:hover i{color:#8b5cf6;transform:scale(1.1)}.delete-btn:hover i{color:#ef4444;transform:scale(1.1)}.delete-btn:focus,.edit-btn:focus{outline:2px solid rgba(124,58,237,.5);outline-offset:2px}.edit-btn:focus{border-color:rgba(124,58,237,.6)}.delete-btn:focus{border-color:rgba(220,38,38,.6)}.no-expenses{color:#666;padding:60px 20px;text-align:center}.no-expenses-icon{font-size:48px;margin-bottom:16px}.no-expenses-text{font-size:16px;margin-bottom:20px}.add-first-expense-btn{background:#1e3a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.add-first-expense-btn:hover{background:#2c5282;transform:translateY(-1px)}.expenses-analytics{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:24px}.analytics-grid{display:grid;gap:24px;grid-template-columns:2fr 1fr}.analytics-card{background:#f8f9fa;border-radius:8px;padding:20px}.analytics-card h3{color:#2e384d;font-size:18px;font-weight:600;margin:0 0 16px}.category-list{gap:12px}.category-item,.category-list{display:flex;flex-direction:column}.category-item{gap:4px}.category-info{align-items:center;display:flex;font-size:14px;justify-content:space-between}.category-name{color:#2e384d;font-weight:500}.category-amount{color:#1e3a5f;font-family:Courier New,monospace;font-weight:600}.category-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.category-fill{border-radius:4px;height:100%;transition:width .6s ease-out}.trend-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.trend-item:last-child{border-bottom:none}.trend-value{color:#1e3a5f;font-family:Courier New,monospace;font-weight:600}.expenses-list-filter-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:20px;padding:20px}.filter-controls-single-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start}@media (max-width:768px){.filter-controls-single-row{align-items:stretch;flex-direction:column;gap:16px}.filter-group{flex:1}}.filter-controls-primary{border-bottom:1px solid #e9ecef;margin-bottom:16px;padding-bottom:16px}.filter-controls-primary,.filter-controls-secondary{align-items:center;display:flex;gap:24px;justify-content:space-between}.filter-group{display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:0}.search-group{flex:1;min-width:200px}.filter-group label{color:#495057;font-size:14px;font-weight:600;margin-bottom:4px}.filter-select{background:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;font-size:14px;min-width:120px;padding:10px 12px;transition:all .2s ease}.filter-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.sort-controls-wrapper{align-items:center;display:flex;gap:8px}.sort-direction-btn{align-items:center;background:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-width:44px;padding:10px 12px;transition:all .2s ease}.sort-direction-btn:hover{background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.sort-direction-btn:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.filter-checkboxes{display:flex;gap:16px}.checkbox-label{align-items:center;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:6px 8px;transition:background-color .2s ease}.checkbox-label:hover{background:rgba(124,58,237,.05)}.checkbox-label input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;height:16px;width:16px}.checkbox-text{font-weight:500;user-select:none}.search-input{background:#fff;border:1px solid #ced4da;border-radius:8px;box-sizing:border-box;color:#495057;font-size:14px;max-width:100%;padding:10px 12px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.search-input::placeholder{color:#adb5bd}@media (max-width:1024px){.filter-controls-primary,.filter-controls-secondary{align-items:stretch;flex-direction:column;gap:16px}.filter-group{align-items:center;flex-direction:row;gap:12px;justify-content:space-between}.filter-group label{margin-bottom:0;min-width:80px}.filter-select,.search-input{flex:1;min-width:0}.sort-controls-wrapper{flex:1}.filter-checkboxes{flex:1;justify-content:flex-start}}@media (max-width:768px){.expenses-list-filter-controls{margin-bottom:16px;padding:16px}.filter-controls-primary{margin-bottom:12px;padding-bottom:12px}.filter-group{align-items:stretch;flex-direction:row;gap:8px}.filter-group label{margin-bottom:4px;min-width:auto}.filter-select,.search-input{width:100%}.filter-checkboxes,.sort-controls-wrapper{flex-direction:row;gap:8px}.filter-checkboxes{width:250pxpx}.checkbox-label{border-radius:6px;padding:8px 12px}.checkbox-label:hover{background:#f8f9fa;border-color:#7c3aed}}@media (max-width:480px){.expenses-list-filter-controls{border-radius:8px;padding:12px}.filter-controls-primary,.filter-controls-secondary{gap:12px}.filter-group label{font-size:13px}.filter-select,.search-input,.sort-direction-btn{font-size:13px;padding:8px 10px}.sort-direction-btn{min-width:40px}.checkbox-label{font-size:13px;padding:6px 8px}.checkbox-text{font-size:10px}}@media (max-width:768px){.monthly-expenses-container{padding:16px}.expense-summary-grid{gap:16px;grid-template-columns:1fr}.expenses-controls{align-items:stretch;flex-direction:column}.controls-left,.controls-right{justify-content:center}.analytics-grid{grid-template-columns:1fr}.expense-item{flex-direction:column;gap:12px;touch-action:pan-y}.expense-actions{align-self:space-around}.expense-meta{flex-direction:column;gap:4px}.expense-tabs{align-items:center;display:flex;flex-direction:row;justify-content:space-between;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px}.tab-button{flex:1;font-size:13px;min-width:auto;padding:10px 16px;text-align:center;white-space:nowrap}.category-expense-item,.category-header{align-items:flex-start;flex-direction:column;gap:8px}.category-expense-item .expense-actions{align-self:flex-end}.expenses-list{overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch}.charts-container{gap:16px;grid-template-columns:1fr;max-width:100%;overflow:hidden}.chart-card{padding:16px}.pie-chart-container{height:auto;min-height:280px}.bar-chart-container{flex-wrap:wrap;height:280px;padding:16px 0}.bar-chart-container>div{margin:0 4px;min-width:60px}.bar-chart-container>div>div:first-child{max-width:35px;min-height:20px}.category-trends-table{font-size:12px;overflow-x:visible;width:100%}.category-trends-table table{min-width:auto;table-layout:fixed;width:100%}.category-trends-table td,.category-trends-table th{font-size:11px;line-height:1.2;padding:6px 3px;word-wrap:break-word;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap}.category-trends-table th{font-size:12px;font-weight:600}.category-trends-table td:first-child,.category-trends-table th:first-child{width:40%}.category-trends-table td:nth-child(2),.category-trends-table th:nth-child(2){width:25%}.category-trends-table td:nth-child(3),.category-trends-table th:nth-child(3){width:20%}.category-trends-table td:nth-child(4),.category-trends-table th:nth-child(4){width:15%}.pie-chart-legend{margin-top:16px;max-height:150px}.pie-chart-legend>div{font-size:13px;margin-bottom:6px}.pie-chart-legend span{font-size:13px;line-height:1.3}}@media (max-width:480px){.controls-left,.controls-right{flex-direction:column;width:100%}.period-selector,.sort-controls{width:100%}.search-box input{min-width:auto;width:100%}.expense-tabs,.tab-navigation{align-items:center;display:flex;flex-direction:row;gap:2px;justify-content:space-between}.tab-navigation{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{flex:1;font-size:12px;min-width:0;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.category-header{padding:12px 16px}.category-expenses{overflow-x:hidden;padding:8px 16px;touch-action:pan-y}.category-expense-item:hover{margin:0 -16px;padding:8px 16px}.charts-container{grid-template-columns:1fr;max-width:100%;overflow:hidden}.chart-card{box-sizing:border-box;margin-bottom:16px;max-width:100%;padding:12px;width:100%}.chart-card h3{font-size:16px;margin-bottom:16px;text-align:center}.pie-chart-container{height:auto;min-height:250px}.bar-chart-container{height:220px;overflow-x:auto;padding:12px 0;-webkit-overflow-scrolling:touch;justify-content:flex-start}.bar-chart-container>div{flex-shrink:0;margin:0 1px;min-width:50px}.bar-chart-container>div>div:first-child{max-width:30px;min-height:15px}.bar-chart-container>div>div:first-child>div{font-size:8px;margin-bottom:2px;text-orientation:mixed;transform:none;writing-mode:vertical-rl}.bar-chart-container>div>div:last-child{align-items:center;display:flex;font-size:10px;height:40px;justify-content:center;text-orientation:mixed}.pie-chart-legend{margin-top:12px;max-height:120px;overflow-y:auto}.pie-chart-legend>div{font-size:12px;margin-bottom:4px;padding:2px 0}.pie-chart-legend span{font-size:11px;line-height:1.2}.pie-chart-legend>div>div{flex-shrink:0;height:12px;margin-right:6px;width:12px}.category-trends-table{border-radius:6px;font-size:8px;overflow-x:visible;width:100%}.category-trends-table table{min-width:auto;table-layout:fixed;width:100%}.category-trends-table td,.category-trends-table th{font-size:8px;line-height:1.1;padding:2px 1px;word-wrap:break-word;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap}.category-trends-table th{font-size:8px;font-weight:600;white-space:nowrap}.category-trends-table td:first-child,.category-trends-table th:first-child{width:25%}.category-trends-table td:nth-child(2),.category-trends-table td:nth-child(3),.category-trends-table th:nth-child(2),.category-trends-table th:nth-child(3){width:20%}.category-trends-table td:nth-child(4),.category-trends-table th:nth-child(4){width:35%}.category-trends-table td:first-child>div>div:first-child{display:none}.monthly-category-breakdown{padding:12px}.monthly-category-breakdown h3{font-size:14px;margin-bottom:12px;text-align:center}.pie-chart-wrapper svg{touch-action:manipulation}.category-trends-table{-webkit-overflow-scrolling:touch}.charts-view{margin-top:12px}.expense-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.expense-tabs::-webkit-scrollbar{display:none}.charts-container{display:flex;flex-direction:column;gap:12px}.bar-chart-container>div>div:first-child{min-width:35px;touch-action:manipulation}.pie-chart-legend span{hyphens:auto;word-break:break-word}}.ai-expenses-analysis{background:#f8fafc;border-radius:12px;margin-top:20px;padding:20px}.analysis-status-section{margin-bottom:24px}.analysis-status-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;gap:16px;padding:20px}.analysis-status-icon{flex-shrink:0;font-size:24px}.analysis-status-content{flex:1}.analysis-status-text{color:#374151;font-size:16px;font-weight:600;margin-bottom:8px}.analysis-status-details{color:#6b7280;font-size:14px;margin-bottom:12px}.analysis-actions{margin-top:12px}.analysis-status-details>div{margin-bottom:4px}.analysis-status-note{color:#10b981;font-style:italic;font-weight:500}.force-new-analysis-btn{background:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.force-new-analysis-btn:hover:not(:disabled){background:#6d28d9}.force-new-analysis-btn:disabled{background:#9ca3af;cursor:not-allowed}.analysis-loading{padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#7c3aed;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analysis-loading p{color:#6b7280;font-size:16px;margin:0}.analysis-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.error-icon{flex-shrink:0;font-size:20px}.analysis-error p{color:#dc2626;font-size:14px;margin:0}.analysis-content{display:grid;gap:20px}.analysis-benefits-card,.analysis-comparisons-card,.analysis-good-practices-card,.analysis-problems-card,.analysis-strategy-card,.analysis-summary-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.analysis-benefits-card:hover,.analysis-comparisons-card:hover,.analysis-good-practices-card:hover,.analysis-problems-card:hover,.analysis-strategy-card:hover,.analysis-summary-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.benefits-icon,.comparisons-icon,.good-practices-icon,.problems-icon,.strategy-icon,.summary-icon{flex-shrink:0;font-size:24px}.benefits-content,.comparisons-content,.good-practices-content,.problems-content,.strategy-content,.summary-content{flex:1}.benefits-content h3,.comparisons-content h3,.good-practices-content h3,.problems-content h3,.strategy-content h3,.summary-content h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 12px}.benefits-content p,.comparisons-content p,.good-practices-content p,.problems-content p,.strategy-content p,.summary-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.benefits-content ul,.good-practices-content ul,.problems-content ul,.strategy-content ul{list-style:none;margin:0;padding-left:20px}.benefits-content li,.good-practices-content li,.problems-content li,.strategy-content li{color:#374151;font-size:14px;line-height:1.5;margin-bottom:8px;position:relative}.benefits-content li:before,.good-practices-content li:before,.problems-content li:before,.strategy-content li:before{color:#7c3aed;content:"•";font-weight:700;left:-15px;position:absolute}.analysis-summary-card{border-left:4px solid #7c3aed}.analysis-problems-card{border-left:4px solid #ef4444}.analysis-good-practices-card{border-left:4px solid #10b981}.analysis-strategy-card{border-left:4px solid #f59e0b}.analysis-benefits-card{border-left:4px solid #3b82f6}.analysis-comparisons-card{border-left:4px solid #8b5cf6}.comparison-details{display:grid;gap:16px}.last-month-comparison,.trend-summary{background:#f8fafc;border-radius:8px;padding:16px}.last-month-comparison h4,.trend-summary h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.last-month-comparison p,.trend-summary p{color:#6b7280;font-size:14px;margin:0 0 12px}.category-changes h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.category-changes ul{list-style:disc;margin:0;padding-left:16px}.category-changes li{color:#6b7280;font-size:13px;margin-bottom:4px}.no-analysis-data{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:40px 20px;text-align:center}.no-data-icon{font-size:48px;margin-bottom:16px}.no-analysis-data h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.no-analysis-data p{color:#6b7280;font-size:14px;margin:0}@media (max-width:768px){.ai-expenses-analysis{margin-top:16px;padding:16px}.analysis-benefits-card,.analysis-comparisons-card,.analysis-good-practices-card,.analysis-problems-card,.analysis-status-card,.analysis-strategy-card,.analysis-summary-card{gap:12px;padding:16px}.analysis-status-text,.benefits-content h3,.comparisons-content h3,.good-practices-content h3,.problems-content h3,.strategy-content h3,.summary-content h3{font-size:16px}.analysis-status-details,.benefits-content li,.benefits-content p,.comparisons-content p,.good-practices-content li,.good-practices-content p,.problems-content li,.problems-content p,.strategy-content li,.strategy-content p,.summary-content p{font-size:13px}.force-new-analysis-btn{font-size:13px;padding:6px 12px}.loading-spinner{height:32px;width:32px}.analysis-loading p{font-size:14px}.comparison-details{gap:12px}.last-month-comparison,.trend-summary{padding:12px}.no-analysis-data{padding:32px 16px}.no-data-icon{font-size:40px}}.analysis-breakdown-card,.analysis-insights-card,.analysis-recommendations-card,.analysis-score-card{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:16px;padding:20px}.analysis-breakdown-card{align-items:flex-start;border-left-color:#007bff;display:flex;gap:12px}.analysis-insights-card{align-items:flex-start;border-left-color:#ffc107;display:flex;gap:12px}.analysis-recommendations-card{align-items:flex-start;border-left-color:#28a745;display:flex;gap:12px}.analysis-score-card{align-items:flex-start;border-left-color:#dc3545;display:flex;gap:12px}.breakdown-icon,.insights-icon,.recommendations-icon,.score-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-bottom:0}.breakdown-content,.insights-content,.recommendations-content,.score-content{flex:1}.breakdown-content h3,.insights-content h3,.recommendations-content h3,.score-content h3{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;margin:0 0 16px}.breakdown-list,.insights-list,.recommendations-list{display:flex;flex-direction:column;gap:8px}.breakdown-item,.insight-item,.recommendation-item{color:#555;font-size:14px;line-height:1.5;padding:8px 0}.breakdown-item{border-bottom:1px solid #e9ecef;padding-bottom:12px}.breakdown-item:last-child{border-bottom:none}.score-breakdown{display:flex;flex-direction:column;gap:8px;margin:16px 0}.score-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.score-category{color:#333;font-weight:500}.score-status{font-size:18px}.score-interpretation{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#666;font-style:italic;margin-top:12px;padding:12px;text-align:center}@media (max-width:768px){.analysis-breakdown-card,.analysis-insights-card,.analysis-recommendations-card,.analysis-score-card{margin-bottom:12px;padding:16px}.breakdown-content h3,.insights-content h3,.recommendations-content h3,.score-content h3{font-size:16px}.breakdown-item,.insight-item,.recommendation-item{font-size:13px}.score-item{padding:6px 10px}.score-interpretation{font-size:13px;padding:10px}}.analysis-debt-card{background:linear-gradient(135deg,#fff5f5,#fef2f2);border:1px solid #fecaca;border-radius:12px;box-shadow:0 2px 8px rgba(239,68,68,.1);margin-bottom:20px;padding:20px}.debt-icon{font-size:24px;margin-bottom:12px}.debt-content h3{color:#dc2626;font-size:18px;font-weight:600;margin-bottom:16px}.debt-section{background:hsla(0,0%,100%,.7);border-left:4px solid #dc2626;border-radius:8px;margin-bottom:20px;padding:16px}.debt-section h4{color:#dc2626;font-size:16px;font-weight:600}.debt-breakdown,.debt-section h4{margin-bottom:12px}.debt-item{align-items:center;background:hsla(0,0%,100%,.8);border-left:3px solid #f87171;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.debt-source{color:#374151;font-weight:500}.debt-amount,.debt-total{color:#dc2626;font-weight:600}.debt-total{border-radius:6px;font-size:14px;padding:8px 12px;text-align:center}.debt-summary,.debt-total{background:rgba(220,38,38,.1)}.debt-summary{border:1px solid #fecaca;border-radius:8px;margin:20px 0;padding:16px}.debt-summary-text{color:#dc2626;font-size:15px;font-weight:600;line-height:1.5}.debt-recommendations{margin-top:20px}.debt-recommendations h4{color:#059669;font-size:16px;font-weight:600;margin-bottom:16px}.debt-recommendation{background:hsla(0,0%,100%,.8);border-left:4px solid #059669;border-radius:8px;margin-bottom:16px;padding:16px}.debt-rec-title{color:#059669;font-size:14px;font-weight:600;margin-bottom:8px}.debt-rec-description{color:#374151;font-size:13px;line-height:1.4;margin-bottom:8px}.debt-rec-strategy{margin:8px 0 0 16px;padding:0}.debt-rec-strategy li{color:#4b5563;font-size:12px;line-height:1.4;margin-bottom:4px}@media (max-width:768px){.analysis-debt-card{margin-bottom:16px;padding:16px}.debt-content h3{font-size:16px}.debt-section{margin-bottom:16px;padding:12px}.debt-section h4{font-size:14px}.debt-item,.debt-total{font-size:13px;padding:6px 10px}.debt-summary-text{font-size:14px}.debt-recommendation{margin-bottom:12px;padding:12px}.debt-rec-title{font-size:13px}.debt-rec-description{font-size:12px}.debt-rec-strategy li{font-size:11px}}.about-overlay,.contact-overlay,.import-preview-overlay,.profile-popup-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:10000}.about-modal,.contact-modal,.import-preview-modal,.profile-popup-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,58,95,.15);margin:auto;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.income-header,.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:24px 30px 20px}.income-header h2,.modal-header h2,.modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0;padding-top:20px}.close-btn,.income-close-btn,.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.close-btn:hover,.income-close-btn:hover,.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.income-content .budget-period-note,.income-content .field-group label,.income-content .income-actions,.income-content .total-income,.income-content input,.income-content label,.income-content p,.income-content select{color:#333!important}.income-content input,.income-content select{background-color:#fff!important;border:1px solid #ddd!important;color:#333!important}.income-content input::placeholder,.income-content select::placeholder{color:#999!important}.income-content .budget-period-note{color:#666!important;font-size:14px!important;margin-bottom:20px!important}.income-content .total-income{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;color:#333!important;font-weight:600!important;margin:20px 0!important;padding:15px!important}.income-content .income-field-row{background-color:#f8f9fa!important;border:1px solid #3a3e42!important;border-radius:8px!important;margin-bottom:15px!important;padding:20px!important;position:relative!important}.income-content .field-group{margin-bottom:15px!important}.income-content .field-group label{color:#333!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.income-content .field-group input{background-color:#fff!important;border:1px solid #999!important;border-radius:6px!important;color:#333!important;font-size:14px!important;padding:12px!important;width:100%!important}.income-content .field-group input:focus{border-color:#1e3a5f!important;box-shadow:0 0 0 3px rgba(30,58,95,.1)!important;outline:none!important}.income-content .remove-field{align-items:center!important;background:#dc3545!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 4px rgba(220,53,69,.3)!important;color:#000!important;cursor:pointer!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:32px!important;justify-content:center!important;position:absolute!important;right:10px!important;top:10px!important;transition:all .2s ease!important;width:32px!important}.income-content .remove-field:hover{background:#c82333!important;box-shadow:0 4px 8px rgba(220,53,69,.4)!important;transform:scale(1.1)!important}.income-content .add-field{background:#28a745!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;margin-top:15px!important;padding:10px 20px!important}.income-content .income-actions{margin-top:20px!important;text-align:center!important}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group.checkbox{align-items:center!important;flex-direction:row!important;gap:12px!important}.form-group.checkbox label{align-items:center!important;cursor:pointer!important;display:flex!important;gap:8px!important;margin-bottom:0!important}.form-group.checkbox input[type=checkbox]{cursor:pointer!important;height:18px!important;margin:0!important;width:18px!important}.form-group.checkbox span{color:#333!important;font-size:14px!important;font-weight:500!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px rgba(30,58,95,.1);outline:none}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{padding-right:36px;width:100%}.currency-symbol{color:#666;font-size:14px;font-weight:500;pointer-events:none;position:absolute;right:12px}.edit-form-actions,.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.add-btn,.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;text-align:center;transition:all .2s ease}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#666}.cancel-btn:hover{background:#e0e0e0;color:#333}.add-btn,.save-btn{background:#1e3a5f;box-shadow:0 2px 4px rgba(30,58,95,.2);color:#fff}.add-btn:hover,.save-btn:hover{background:#2c5282;box-shadow:0 4px 8px rgba(30,58,95,.3);transform:translateY(-1px)}.add-btn:disabled,.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.add-limit-inline{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.add-limit-inline .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 30px 20px}.add-limit-inline .modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0}.add-limit-inline .modal-content{padding:30px}.add-limit-inline .modal-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding:20px 30px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:999px){.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:flex-start!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff!important;bottom:0!important;display:flex!important;justify-content:flex-start!important;left:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.add-limit-inline,.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;margin:0!important;max-height:100vh!important;max-width:100%!important;min-height:100vh!important;overflow:hidden!important;position:relative!important;width:100%!important}.add-limit-inline .modal-header,.income-header,.modal-header{background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:20px 60px 16px 24px!important;position:sticky!important;position:relative!important;top:0!important;width:-webkit-fill-available;z-index:10!important}.add-limit-inline .modal-header h2,.income-header h2,.modal-header h2,.modal-header h3{font-size:20px!important;font-weight:600!important}.add-limit-inline .modal-content,.income-content,.modal-body,.modal-content{align-items:center!important;display:flex!important;flex:1!important;flex-direction:column!important;max-width:100%!important;overflow-y:auto!important;padding:10px!important;width:-webkit-fill-available;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.form-group,.income-field-row,.modal-body form,.modal-body>div{align-items:center!important;display:flex!important;flex-direction:column!important;max-width:100%!important;width:100%!important}.income-content{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1!important;overscroll-behavior:contain!important;width:100%!important}.modal-body .user-profile{box-shadow:none!important;margin:0!important}.modal-body .user-profile,.modal-body .user-profile-details{background:none!important;border:none!important;max-width:100%!important;padding:0!important;width:100%!important}.modal-body .profile-info-row{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;box-sizing:border-box!important;margin-bottom:12px!important;max-width:100%!important;padding:10px!important;width:100%!important}.modal-body .profile-info-label{font-weight:600!important;margin-bottom:8px!important}.modal-body,.modal-body .profile-info-label{color:#333!important;display:block!important;width:100%!important}.field-group,.field-group input,.field-group label,.field-group select{text-align:center!important;width:100%!important}.summary-item{margin:0 auto!important;max-width:100%!important;width:100%!important}.add-limit-inline .modal-actions,.edit-form-actions,.modal-actions{background-color:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;margin-bottom:0!important;margin-top:0!important;padding:16px 24px 0!important;position:sticky!important;width:-webkit-fill-available;z-index:10!important}.add-btn,.cancel-btn,.edit-btn,.save-btn{border-radius:8px!important;font-size:16px!important;font-weight:600!important;min-width:120px!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.close-btn{align-items:center!important;background-color:#f3f4f6!important;border-radius:50%!important;display:flex!important;font-size:18px!important;height:30px!important;justify-content:center!important;position:absolute!important;right:5px!important;top:20px!important;transition:all .2s ease!important;width:30px!important;z-index:20!important}.close-btn:hover{background-color:#e5e7eb!important;transform:scale(1.1)!important}}body.modal-open{overflow:hidden!important}body.modal-open #root,body.modal-open .app-content,body.modal-open .balances-container,body.modal-open .budget-container,body.modal-open .container,body.modal-open .content,body.modal-open .current-balances-container,body.modal-open .expenses-container,body.modal-open .expenses-list-container,body.modal-open .grid-container,body.modal-open .projections-and-goals,body.modal-open .savings-goals-container,body.modal-open .spending-limits-container,body.modal-open main{overflow:hidden!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.modal-open .add-limit-overlay,body.modal-open .edit-expense-overlay,body.modal-open .edit-income-overlay,body.modal-open .edit-percentage-overlay,body.modal-open .modal-content,body.modal-open .modal-overlay,body.modal-open .spending-limits-overlay{pointer-events:auto!important;user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important}@media screen and (max-width:999px){body.modal-open{height:100%!important;position:fixed!important;width:100%!important}body.modal-open .mobile-header,body.modal-open .mobile-menu-backdrop,body.modal-open .mobile-menu-bar,body.modal-open .mobile-menu-blurred,body.modal-open .mobile-menu-container,body.modal-open .mobile-menu-header,body.modal-open .mobile-menu-overlay,body.modal-open .mobile-menu-toggle-btn,body.modal-open .mobile-menu-wrapper,body.modal-open .mobile-nav,body.modal-open .mobile-side-menu{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}}.edit-expense-modal,.edit-expense-modal *,.edit-expense-overlay,.edit-expense-overlay *,.modal-content,.modal-content *,.modal-overlay,.modal-overlay *{animation:none!important;scale:1!important;transform:none!important;transition:none!important;zoom:1!important}.language-selector{gap:8px}.language-button,.language-selector{align-items:center;display:flex;justify-content:center}.language-button{background-color:transparent;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;height:32px;padding:4px 8px;transition:all .2s ease;width:32px}.language-button.active{background-color:#1976d2;border-color:#1976d2;color:#fff}.language-button:hover:not(.active){background-color:#f5f5f5;border-color:#bdbdbd}.language-flag-icon{border:2px solid transparent;border-radius:10%;display:block;height:44px;margin:0;object-fit:cover;transition:all .2s ease;vertical-align:middle;width:44px}.language-button.active .language-flag-icon{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.3)}.language-button:hover .language-flag-icon{transform:scale(1.1)}.edit-expense-overlay{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.edit-expense-modal{background:linear-gradient(140deg,#1e3a5f,#133050);border-radius:16px;box-shadow:0 8px 30px rgba(30,58,95,.12);color:#fff;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.edit-expense-modal .modal-header{align-items:center;border-bottom:none;border-radius:16px 16px 0 0;color:#fff;display:flex;padding:20px 24px;position:relative}.edit-expense-modal .modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-header-content{align-items:center;display:flex;flex-grow:1}.expense-logo{height:50px;margin-right:15px;object-fit:contain;width:50px}.edit-expense-modal .modal-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:20px;top:20px;width:36px}.edit-expense-modal .modal-close-btn:hover{background-color:hsla(0,0%,100%,.35)}.edit-expense-modal form{padding:30px}.edit-expense-modal:hover,.edit-expense-modal:hover *,.edit-expense-overlay:hover,.edit-expense-overlay:hover *{animation:none!important;scale:1!important;transform:none!important;transition:none!important;zoom:1!important}.form-help-text{color:#94a3b8;display:block;font-size:.85em;font-style:italic;line-height:1.4;margin-top:4px}.edit-expense-modal .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;width:100%}.edit-expense-modal .form-group label{color:#fff!important;font-size:15px;font-weight:600}.edit-expense-modal .form-group input,.edit-expense-modal .form-group select{background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;box-sizing:border-box;color:#141313;font-family:inherit;font-size:16px;padding:14px;transition:border-color .2s,box-shadow .2s;width:100%}.category-select,.recurring-period-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 14px top 50%;background-repeat:no-repeat;background-size:16px auto;padding-right:40px}.edit-expense-modal .form-group input:focus,.edit-expense-modal .form-group select:focus{border-color:#90caf9;box-shadow:0 0 0 3px rgba(144,202,249,.4);outline:none}.edit-expense-modal .form-group input:hover,.edit-expense-modal .form-group select:hover{border-color:hsla(0,0%,100%,.5)}.edit-expense-modal .form-group input::placeholder{color:hsla(0,0%,100%,.7)!important}.edit-expense-modal .form-group.checkbox{align-items:center;flex-direction:row;gap:10px}.edit-expense-modal .checkbox-label{align-items:center;cursor:pointer;display:flex;position:relative;width:100%}.edit-expense-modal .checkbox-label input[type=checkbox]{flex-shrink:0;height:24px;margin-right:15px;width:24px}.edit-expense-modal .checkbox-label span{color:#fff!important;display:inline-block;font-size:16px;font-weight:600;overflow:visible}.edit-expense-modal .recurring-options{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;margin-bottom:20px;padding:20px}.edit-expense-modal .recurring-options .form-group.checkbox label span{color:#fff!important;display:inline-block!important;font-size:16px!important;font-weight:600!important;opacity:1!important;text-shadow:0 1px 2px rgba(0,0,0,.3);visibility:visible!important}.edit-expense-modal .recurring-options .checkbox-label{align-items:center;display:flex;margin-bottom:10px;padding:5px 0;position:relative}.edit-expense-modal .recurring-options .checkbox-label input[type=checkbox]{left:0;margin-right:15px;position:relative}.edit-expense-modal .recurring-options .checkbox-label:after{content:none}.info-panel{background-color:#8fbc8f;border:1px solid rgba(33,150,243,.2);border-radius:8px;margin-top:15px;padding:15px}.info-item{display:flex;justify-content:space-between;margin-bottom:10px}.info-item:last-child{margin-bottom:0}.edit-expense-modal .info-label{color:hsla(0,0%,100%,.8)!important;font-weight:500}.edit-expense-modal .info-value{color:#4caf50!important;font-weight:700}.edit-expense-modal .modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:20px}.edit-expense-modal .cancel-btn,.edit-expense-modal .save-btn{border:none;border-radius:30px;cursor:pointer;font-weight:600;min-width:120px;padding:14px 24px;text-align:center;transition:all .2s}.edit-expense-modal .cancel-btn{background-color:#f0f4f8;color:#1e3a5f}.edit-expense-modal .cancel-btn:hover{background-color:#e2e8f0}.edit-expense-modal .save-btn{background:linear-gradient(90deg,#3f51b5,#2196f3);box-shadow:0 4px 10px rgba(33,150,243,.3);color:#fff}.edit-expense-modal .save-btn:hover{box-shadow:0 6px 12px rgba(33,150,243,.4);transform:translateY(-2px)}.edit-expense-modal .cancel-btn:disabled,.edit-expense-modal .save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.edit-expense-form .amount-label,.edit-expense-form .expense-item-name,.edit-expense-form .payment-day-label{color:#fff!important;font-weight:600}.expense-name-value{color:#1a1919!important;font-weight:600}@media (max-width:768px){.edit-expense-overlay{padding:0;z-index:10000}.edit-expense-modal{border-radius:0;border-radius:10px;height:80%;max-height:none;max-width:none;overflow-y:auto;padding-bottom:calc(env(safe-area-inset-bottom, 0));padding-top:30px;width:100%}.edit-expense-modal .modal-header{border-radius:10px;padding:calc(16px + env(safe-area-inset-top, 0)) 16px 16px;position:relative}.edit-expense-modal .modal-header h2{font-size:1.3rem}.edit-expense-modal .modal-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:20px;top:20px;width:36px}.edit-expense-modal .modal-close-btn:hover{background-color:hsla(0,0%,100%,.35)}.edit-expense-modal form{padding:20px 20px calc(20px + env(safe-area-inset-bottom, 0))}.edit-expense-modal .form-group{gap:6px;margin-bottom:15px}.edit-expense-modal .form-group input,.edit-expense-modal .form-group select{padding:12px}.edit-expense-modal .form-group.checkbox{align-items:center;display:flex;margin-bottom:15px}.edit-expense-modal .checkbox-label{align-items:center;display:flex;width:auto}.edit-expense-modal .checkbox-label input[type=checkbox]{flex-shrink:0;height:26px;margin-right:15px;width:26px}.edit-expense-modal .checkbox-label span{color:#fff!important;display:inline-block;font-size:16px;font-weight:600}.edit-expense-modal .recurring-options{padding:15px}.edit-expense-modal .modal-actions{flex-direction:column-reverse;gap:12px;margin-bottom:20px}.edit-expense-modal .cancel-btn,.edit-expense-modal .save-btn{font-size:16px;padding:16px;width:100%}}.auto-fill-notification{align-items:center;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;color:#0369a1;display:flex;font-size:.9em;gap:8px;margin-bottom:8px;padding:8px 12px}.auto-fill-icon{font-size:1.1em}.auto-fill-text{font-weight:500}.about-overlay,.contact-overlay,.import-preview-overlay,.profile-popup-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:10000}.about-modal,.contact-modal,.import-preview-modal,.profile-popup-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,58,95,.15);margin:auto;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.income-header,.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:24px 30px 20px}.income-header h2,.modal-header h2,.modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0;padding-top:20px}.close-btn,.income-close-btn,.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.close-btn:hover,.income-close-btn:hover,.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.income-content .budget-period-note,.income-content .field-group label,.income-content .income-actions,.income-content .total-income,.income-content input,.income-content label,.income-content p,.income-content select{color:#333!important}.income-content input,.income-content select{background-color:#fff!important;border:1px solid #ddd!important;color:#333!important}.income-content input::placeholder,.income-content select::placeholder{color:#999!important}.income-content .budget-period-note{color:#666!important;font-size:14px!important;margin-bottom:20px!important}.income-content .total-income{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;color:#333!important;font-weight:600!important;margin:20px 0!important;padding:15px!important}.income-content .income-field-row{background-color:#f8f9fa!important;border:1px solid #3a3e42!important;border-radius:8px!important;margin-bottom:15px!important;padding:20px!important;position:relative!important}.income-content .field-group{margin-bottom:15px!important}.income-content .field-group label{color:#333!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.income-content .field-group input{background-color:#fff!important;border:1px solid #999!important;border-radius:6px!important;color:#333!important;font-size:14px!important;padding:12px!important;width:100%!important}.income-content .field-group input:focus{border-color:#1e3a5f!important;box-shadow:0 0 0 3px rgba(30,58,95,.1)!important;outline:none!important}.income-content .remove-field{align-items:center!important;background:#dc3545!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 4px rgba(220,53,69,.3)!important;color:#000!important;cursor:pointer!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:32px!important;justify-content:center!important;position:absolute!important;right:10px!important;top:10px!important;transition:all .2s ease!important;width:32px!important}.income-content .remove-field:hover{background:#c82333!important;box-shadow:0 4px 8px rgba(220,53,69,.4)!important;transform:scale(1.1)!important}.income-content .add-field{background:#28a745!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;margin-top:15px!important;padding:10px 20px!important}.income-content .income-actions{margin-top:20px!important;text-align:center!important}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group.checkbox{align-items:center!important;flex-direction:row!important;gap:12px!important}.form-group.checkbox label{align-items:center!important;cursor:pointer!important;display:flex!important;gap:8px!important;margin-bottom:0!important}.form-group.checkbox input[type=checkbox]{cursor:pointer!important;height:18px!important;margin:0!important;width:18px!important}.form-group.checkbox span{color:#333!important;font-size:14px!important;font-weight:500!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px rgba(30,58,95,.1);outline:none}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{padding-right:36px;width:100%}.currency-symbol{color:#666;font-size:14px;font-weight:500;pointer-events:none;position:absolute;right:12px}.edit-form-actions,.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.add-btn,.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;text-align:center;transition:all .2s ease}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#666}.cancel-btn:hover{background:#e0e0e0;color:#333}.add-btn,.save-btn{background:#1e3a5f;box-shadow:0 2px 4px rgba(30,58,95,.2);color:#fff}.add-btn:hover,.save-btn:hover{background:#2c5282;box-shadow:0 4px 8px rgba(30,58,95,.3);transform:translateY(-1px)}.add-btn:disabled,.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.add-limit-inline{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.add-limit-inline .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 30px 20px}.add-limit-inline .modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0}.add-limit-inline .modal-content{padding:30px}.add-limit-inline .modal-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding:20px 30px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:999px){.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:flex-start!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff!important;bottom:0!important;display:flex!important;justify-content:flex-start!important;left:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.add-limit-inline,.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;margin:0!important;max-height:100vh!important;max-width:100%!important;min-height:100vh!important;overflow:hidden!important;position:relative!important;width:100%!important}.add-limit-inline .modal-header,.income-header,.modal-header{background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:20px 60px 16px 24px!important;position:sticky!important;position:relative!important;top:0!important;width:-webkit-fill-available;z-index:10!important}.add-limit-inline .modal-header h2,.income-header h2,.modal-header h2,.modal-header h3{font-size:20px!important;font-weight:600!important}.add-limit-inline .modal-content,.income-content,.modal-body,.modal-content{align-items:center!important;display:flex!important;flex:1!important;flex-direction:column!important;max-width:100%!important;overflow-y:auto!important;padding:10px!important;width:-webkit-fill-available;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.form-group,.income-field-row,.modal-body form,.modal-body>div{align-items:center!important;display:flex!important;flex-direction:column!important;max-width:100%!important;width:100%!important}.income-content{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1!important;overscroll-behavior:contain!important;width:100%!important}.modal-body .user-profile{box-shadow:none!important;margin:0!important}.modal-body .user-profile,.modal-body .user-profile-details{background:none!important;border:none!important;max-width:100%!important;padding:0!important;width:100%!important}.modal-body .profile-info-row{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;box-sizing:border-box!important;margin-bottom:12px!important;max-width:100%!important;padding:10px!important;width:100%!important}.modal-body .profile-info-label{font-weight:600!important;margin-bottom:8px!important}.modal-body,.modal-body .profile-info-label{color:#333!important;display:block!important;width:100%!important}.field-group,.field-group input,.field-group label,.field-group select{text-align:center!important;width:100%!important}.summary-item{margin:0 auto!important;max-width:100%!important;width:100%!important}.add-limit-inline .modal-actions,.edit-form-actions,.modal-actions{background-color:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;margin-bottom:0!important;margin-top:0!important;padding:16px 24px 0!important;position:sticky!important;width:-webkit-fill-available;z-index:10!important}.add-btn,.cancel-btn,.edit-btn,.save-btn{border-radius:8px!important;font-size:16px!important;font-weight:600!important;min-width:120px!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.close-btn{align-items:center!important;background-color:#f3f4f6!important;border-radius:50%!important;display:flex!important;font-size:18px!important;height:30px!important;justify-content:center!important;position:absolute!important;right:5px!important;top:20px!important;transition:all .2s ease!important;width:30px!important;z-index:20!important}.close-btn:hover{background-color:#e5e7eb!important;transform:scale(1.1)!important}}body.modal-open{overflow:hidden!important}body.modal-open #root,body.modal-open .app-content,body.modal-open .balances-container,body.modal-open .budget-container,body.modal-open .container,body.modal-open .content,body.modal-open .current-balances-container,body.modal-open .expenses-container,body.modal-open .expenses-list-container,body.modal-open .grid-container,body.modal-open .projections-and-goals,body.modal-open .savings-goals-container,body.modal-open .spending-limits-container,body.modal-open main{overflow:hidden!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.modal-open .add-limit-overlay,body.modal-open .edit-expense-overlay,body.modal-open .edit-income-overlay,body.modal-open .edit-percentage-overlay,body.modal-open .modal-content,body.modal-open .modal-overlay,body.modal-open .spending-limits-overlay{pointer-events:auto!important;user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important}@media screen and (max-width:999px){body.modal-open{height:100%!important;position:fixed!important;width:100%!important}body.modal-open .mobile-header,body.modal-open .mobile-menu-backdrop,body.modal-open .mobile-menu-bar,body.modal-open .mobile-menu-blurred,body.modal-open .mobile-menu-container,body.modal-open .mobile-menu-header,body.modal-open .mobile-menu-overlay,body.modal-open .mobile-menu-toggle-btn,body.modal-open .mobile-menu-wrapper,body.modal-open .mobile-nav,body.modal-open .mobile-side-menu{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}}.edit-expense-modal,.edit-expense-modal *,.edit-expense-overlay,.edit-expense-overlay *,.modal-content,.modal-content *,.modal-overlay,.modal-overlay *{animation:none!important;scale:1!important;transform:none!important;transition:none!important;zoom:1!important}.language-selector{gap:8px}.language-button,.language-selector{align-items:center;display:flex;justify-content:center}.language-button{background-color:transparent;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;height:32px;padding:4px 8px;transition:all .2s ease;width:32px}.language-button.active{background-color:#1976d2;border-color:#1976d2;color:#fff}.language-button:hover:not(.active){background-color:#f5f5f5;border-color:#bdbdbd}.language-flag-icon{border:2px solid transparent;border-radius:10%;display:block;height:44px;margin:0;object-fit:cover;transition:all .2s ease;vertical-align:middle;width:44px}.language-button.active .language-flag-icon{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.3)}.language-button:hover .language-flag-icon{transform:scale(1.1)}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:linear-gradient(140deg,#1e3a5f,#133050);border-radius:16px;box-shadow:0 8px 30px rgba(30,58,95,.12);color:#fff;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:none;border-radius:16px 16px 0 0;color:#fff;display:flex;padding:20px 24px;position:relative}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:20px;top:20px;width:36px}.close-btn:hover{background-color:hsla(0,0%,100%,.35)}.modal-body{padding:30px}.budget-period-note{background-color:rgba(33,150,243,.08);border:1px solid rgba(33,150,243,.2);border-radius:8px;color:#000;font-size:14px;line-height:1.5;margin-bottom:25px;padding:15px}.income-fields{margin-bottom:25px}.income-field-row{align-items:end;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr auto;margin-bottom:20px;padding:20px}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{color:#000;font-size:15px;font-weight:600}.field-group input{background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,4%,7%,.3);border-radius:8px;box-sizing:border-box;color:#141313;font-family:inherit;font-size:12px;padding:8px;transition:border-color .2s,box-shadow .2s;width:100%}.field-group input:focus{box-shadow:0 0 0 3px rgba(144,202,249,.4);outline:none}.field-group input::placeholder{color:hsla(0,0%,100%,.7)}.remove-field{align-items:center;background:rgba(244,67,54,.8);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px}.remove-field:hover{background:#f44336;transform:scale(1.1)}.total-income{background-color:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);border-radius:8px;color:#4caf50;font-size:18px;font-weight:600;margin-bottom:25px;padding:15px;text-align:center}.modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-bottom:20px}.cancel-btn,.save-btn{border:none;border-radius:30px;cursor:pointer;font-weight:600;min-width:120px;padding:14px 24px;text-align:center;transition:all .2s}.cancel-btn{background-color:#f0f4f8;color:#1e3a5f}.cancel-btn:hover{background-color:#e2e8f0}.save-btn{background:linear-gradient(90deg,#3f51b5,#2196f3);box-shadow:0 4px 10px rgba(33,150,243,.3);color:#fff}.save-btn:hover{box-shadow:0 6px 12px rgba(33,150,243,.4);transform:translateY(-2px)}.cancel-btn:disabled,.save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.income-actions{text-align:center}.add-field{background:linear-gradient(90deg,#4caf50,#45a049);border:none;border-radius:25px;box-shadow:0 4px 10px rgba(76,175,80,.3);color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.add-field:hover{box-shadow:0 6px 12px rgba(76,175,80,.4);transform:translateY(-2px)}@media (max-width:768px){.modal-overlay{padding:0}.modal-content{border-radius:0;border-radius:10px;height:80%;max-height:none;max-width:none;overflow-y:auto;padding-bottom:calc(env(safe-area-inset-bottom, 0));padding-top:30px;width:100%}.modal-header{border-radius:10px;padding:calc(16px + env(safe-area-inset-top, 0)) 16px 16px;position:relative}.modal-header h2{font-size:1.3rem}.close-btn{height:36px;position:absolute;right:20px;top:20px;width:36px}.remove-field{border-radius:5px;width:236px}.modal-body{padding:20px 20px calc(20px + env(safe-area-inset-bottom, 0))}.income-field-row{gap:15px;grid-template-columns:1fr;padding:15px}.field-group input{padding:12px}.modal-actions{flex-direction:column-reverse;gap:12px;margin-bottom:20px}.add-field,.cancel-btn,.save-btn{font-size:16px;padding:16px;width:100%}}.about-overlay,.contact-overlay,.import-preview-overlay,.profile-popup-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:10000}.about-modal,.contact-modal,.import-preview-modal,.profile-popup-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,58,95,.15);margin:auto;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.income-header,.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:24px 30px 20px}.income-header h2,.modal-header h2,.modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0;padding-top:20px}.close-btn,.income-close-btn,.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.close-btn:hover,.income-close-btn:hover,.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.income-content .budget-period-note,.income-content .field-group label,.income-content .income-actions,.income-content .total-income,.income-content input,.income-content label,.income-content p,.income-content select{color:#333!important}.income-content input,.income-content select{background-color:#fff!important;border:1px solid #ddd!important;color:#333!important}.income-content input::placeholder,.income-content select::placeholder{color:#999!important}.income-content .budget-period-note{color:#666!important;font-size:14px!important;margin-bottom:20px!important}.income-content .total-income{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;color:#333!important;font-weight:600!important;margin:20px 0!important;padding:15px!important}.income-content .income-field-row{background-color:#f8f9fa!important;border:1px solid #3a3e42!important;border-radius:8px!important;margin-bottom:15px!important;padding:20px!important;position:relative!important}.income-content .field-group{margin-bottom:15px!important}.income-content .field-group label{color:#333!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.income-content .field-group input{background-color:#fff!important;border:1px solid #999!important;border-radius:6px!important;color:#333!important;font-size:14px!important;padding:12px!important;width:100%!important}.income-content .field-group input:focus{border-color:#1e3a5f!important;box-shadow:0 0 0 3px rgba(30,58,95,.1)!important;outline:none!important}.income-content .remove-field{align-items:center!important;background:#dc3545!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 4px rgba(220,53,69,.3)!important;color:#000!important;cursor:pointer!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:32px!important;justify-content:center!important;position:absolute!important;right:10px!important;top:10px!important;transition:all .2s ease!important;width:32px!important}.income-content .remove-field:hover{background:#c82333!important;box-shadow:0 4px 8px rgba(220,53,69,.4)!important;transform:scale(1.1)!important}.income-content .add-field{background:#28a745!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;margin-top:15px!important;padding:10px 20px!important}.income-content .income-actions{margin-top:20px!important;text-align:center!important}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group.checkbox{align-items:center!important;flex-direction:row!important;gap:12px!important}.form-group.checkbox label{align-items:center!important;cursor:pointer!important;display:flex!important;gap:8px!important;margin-bottom:0!important}.form-group.checkbox input[type=checkbox]{cursor:pointer!important;height:18px!important;margin:0!important;width:18px!important}.form-group.checkbox span{color:#333!important;font-size:14px!important;font-weight:500!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px rgba(30,58,95,.1);outline:none}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{padding-right:36px;width:100%}.currency-symbol{color:#666;font-size:14px;font-weight:500;pointer-events:none;position:absolute;right:12px}.edit-form-actions,.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.add-btn,.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;text-align:center;transition:all .2s ease}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#666}.cancel-btn:hover{background:#e0e0e0;color:#333}.add-btn,.save-btn{background:#1e3a5f;box-shadow:0 2px 4px rgba(30,58,95,.2);color:#fff}.add-btn:hover,.save-btn:hover{background:#2c5282;box-shadow:0 4px 8px rgba(30,58,95,.3);transform:translateY(-1px)}.add-btn:disabled,.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.add-limit-inline{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.add-limit-inline .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 30px 20px}.add-limit-inline .modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0}.add-limit-inline .modal-content{padding:30px}.add-limit-inline .modal-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding:20px 30px}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:999px){.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:flex-start!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff!important;bottom:0!important;display:flex!important;justify-content:flex-start!important;left:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.add-limit-inline,.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;margin:0!important;max-height:100vh!important;max-width:100%!important;min-height:100vh!important;overflow:hidden!important;position:relative!important;width:100%!important}.add-limit-inline .modal-header,.income-header,.modal-header{background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:20px 60px 16px 24px!important;position:sticky!important;position:relative!important;top:0!important;width:-webkit-fill-available;z-index:10!important}.add-limit-inline .modal-header h2,.income-header h2,.modal-header h2,.modal-header h3{font-size:20px!important;font-weight:600!important}.add-limit-inline .modal-content,.income-content,.modal-body,.modal-content{align-items:center!important;display:flex!important;flex:1!important;flex-direction:column!important;max-width:100%!important;overflow-y:auto!important;padding:10px!important;width:-webkit-fill-available;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.form-group,.income-field-row,.modal-body form,.modal-body>div{align-items:center!important;display:flex!important;flex-direction:column!important;max-width:100%!important;width:100%!important}.income-content{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1!important;overscroll-behavior:contain!important;width:100%!important}.modal-body .user-profile{box-shadow:none!important;margin:0!important}.modal-body .user-profile,.modal-body .user-profile-details{background:none!important;border:none!important;max-width:100%!important;padding:0!important;width:100%!important}.modal-body .profile-info-row{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;box-sizing:border-box!important;margin-bottom:12px!important;max-width:100%!important;padding:10px!important;width:100%!important}.modal-body .profile-info-label{font-weight:600!important;margin-bottom:8px!important}.modal-body,.modal-body .profile-info-label{color:#333!important;display:block!important;width:100%!important}.field-group,.field-group input,.field-group label,.field-group select{text-align:center!important;width:100%!important}.summary-item{margin:0 auto!important;max-width:100%!important;width:100%!important}.add-limit-inline .modal-actions,.edit-form-actions,.modal-actions{background-color:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;margin-bottom:0!important;margin-top:0!important;padding:16px 24px 0!important;position:sticky!important;width:-webkit-fill-available;z-index:10!important}.add-btn,.cancel-btn,.edit-btn,.save-btn{border-radius:8px!important;font-size:16px!important;font-weight:600!important;min-width:120px!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.close-btn{align-items:center!important;background-color:#f3f4f6!important;border-radius:50%!important;display:flex!important;font-size:18px!important;height:30px!important;justify-content:center!important;position:absolute!important;right:5px!important;top:20px!important;transition:all .2s ease!important;width:30px!important;z-index:20!important}.close-btn:hover{background-color:#e5e7eb!important;transform:scale(1.1)!important}}body.modal-open{overflow:hidden!important}body.modal-open #root,body.modal-open .app-content,body.modal-open .balances-container,body.modal-open .budget-container,body.modal-open .container,body.modal-open .content,body.modal-open .current-balances-container,body.modal-open .expenses-container,body.modal-open .expenses-list-container,body.modal-open .grid-container,body.modal-open .projections-and-goals,body.modal-open .savings-goals-container,body.modal-open .spending-limits-container,body.modal-open main{overflow:hidden!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.modal-open .add-limit-overlay,body.modal-open .edit-expense-overlay,body.modal-open .edit-income-overlay,body.modal-open .edit-percentage-overlay,body.modal-open .modal-content,body.modal-open .modal-overlay,body.modal-open .spending-limits-overlay{pointer-events:auto!important;user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important}@media screen and (max-width:999px){body.modal-open{height:100%!important;position:fixed!important;width:100%!important}body.modal-open .mobile-header,body.modal-open .mobile-menu-backdrop,body.modal-open .mobile-menu-bar,body.modal-open .mobile-menu-blurred,body.modal-open .mobile-menu-container,body.modal-open .mobile-menu-header,body.modal-open .mobile-menu-overlay,body.modal-open .mobile-menu-toggle-btn,body.modal-open .mobile-menu-wrapper,body.modal-open .mobile-nav,body.modal-open .mobile-side-menu{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}}.edit-expense-modal,.edit-expense-modal *,.edit-expense-overlay,.edit-expense-overlay *,.modal-content,.modal-content *,.modal-overlay,.modal-overlay *{animation:none!important;scale:1!important;transform:none!important;transition:none!important;zoom:1!important}.language-selector{gap:8px}.language-button,.language-selector{align-items:center;display:flex;justify-content:center}.language-button{background-color:transparent;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;height:32px;padding:4px 8px;transition:all .2s ease;width:32px}.language-button.active{background-color:#1976d2;border-color:#1976d2;color:#fff}.language-button:hover:not(.active){background-color:#f5f5f5;border-color:#bdbdbd}.language-flag-icon{border:2px solid transparent;border-radius:10%;display:block;height:44px;margin:0;object-fit:cover;transition:all .2s ease;vertical-align:middle;width:44px}.language-button.active .language-flag-icon{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.3)}.language-button:hover .language-flag-icon{transform:scale(1.1)}@media (min-width:769px){.desktop-layout .auth-page-container,.desktop-layout .content .auth-page-container,body.auth-page .desktop-layout .content,html body .desktop-layout .auth-page-container,html body .desktop-layout .content.auth-page-container,html body main.desktop-layout .auth-page-container,html body main.desktop-layout .content .auth-page-container{margin-left:0!important;max-width:100vw!important;padding-left:0!important;width:100vw!important}}.auth-page-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.auth-language-selector{right:20px;top:20px;z-index:100}.auth-hero{color:#fff;padding:80px 20px 60px;text-align:center}.auth-hero-content{margin:0 auto;max-width:800px}.auth-logo{margin-bottom:30px}.auth-logo img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));width:200px}.auth-hero-title{color:#f0f8ff;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:24px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.auth-hero-subtitle{color:#faebd7;font-size:1.25rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.auth-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.auth-cta-button{border:none;border-radius:10px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;min-width:160px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.auth-cta-button.primary{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#667eea}.auth-cta-button.primary:hover{box-shadow:0 6px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.auth-cta-button.secondary{background:transparent;border:2px solid #fff;color:#fff}.auth-cta-button.secondary:hover{background:#fff;color:#667eea}.auth-features{background:#fff;padding:80px 20px}.auth-container{margin:0 auto;max-width:1200px}.auth-section-title{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.auth-feature-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.auth-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:40px 24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.auth-feature-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-5px)}.auth-feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.auth-feature-icon img{filter:brightness(0) invert(1);height:40px;width:40px}.auth-feature-card h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:16px}.auth-feature-card p{color:#4a5568;font-size:1rem;line-height:1.6}.auth-section-description{color:#4a5568;font-size:1.125rem;line-height:1.6;margin:0 auto 60px;max-width:800px;text-align:center}.auth-modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.auth-modal,.auth-modal-overlay{display:flex;justify-content:center}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.2);flex-direction:column;max-height:90vh;max-width:420px;min-height:400px;overflow-y:auto;padding:32px;position:relative;width:100%}.auth-modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.5rem;padding:4px;position:absolute;right:16px;top:16px;transition:background-color .2s ease}.auth-modal-close:hover{background:#f5f5f5}.auth-modal-header{margin-bottom:24px;text-align:center}.auth-modal-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:8px}.auth-modal-subtitle{color:#666;font-size:.9rem}.auth-modal-content{align-items:center;text-align:center}.auth-form,.auth-modal-content{display:flex;flex-direction:column}.auth-form{gap:16px;max-width:350px;width:100%}.auth-form input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:14px 16px;transition:border-color .2s ease}.auth-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.auth-submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease}.auth-submit-button:hover:not(:disabled){box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-1px)}.auth-submit-button:disabled{cursor:not-allowed;opacity:.6}.auth-separator{color:#666;font-size:.9rem;margin:16px 0;max-width:350px}.auth-separator:after,.auth-separator:before{background:#e2e8f0}.auth-separator span{color:#666;font-size:.9rem}.auth-google-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:1rem;gap:12px;justify-content:center;max-width:350px;padding:12px 16px;transition:border-color .2s ease,background-color .2s ease;width:100%}.auth-google-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.auth-google-button img{height:20px;width:20px}.auth-forgot-password-button,.auth-switch-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;margin-top:8px;padding:8px 0;text-decoration:underline}.auth-forgot-password-button:hover,.auth-switch-button:hover{color:#5a67d8}.auth-error{background:#fed7d7;color:#c53030}.auth-error,.auth-success{border-radius:8px;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.auth-success{background:#c6f6d5;color:#2f855a}.auth-footer{color:#fff;padding:40px 20px;text-align:center}.auth-footer-content{margin:0 auto;max-width:1200px}.auth-footer-buttons{flex-wrap:wrap;gap:24px}.auth-footer-button{background:none;border:none;border-radius:4px;font-size:1rem;padding:8px 16px;transition:background-color .2s ease}.auth-footer-button:hover{text-decoration:none}@media (max-width:768px){.auth-hero-title{font-size:2.5rem}.auth-hero-subtitle{font-size:1.1rem}.auth-hero-buttons{align-items:center;flex-direction:column}.auth-cta-button{max-width:280px;width:100%}.auth-section-title{font-size:2rem}.auth-feature-grid{gap:32px;grid-template-columns:1fr}.auth-modal{margin:20px;padding:24px}.auth-footer-buttons{flex-direction:column;gap:16px}}@media (max-width:480px){.auth-hero{padding:60px 16px 40px}.auth-hero-title{font-size:2rem}.auth-features{padding:60px 16px}.auth-feature-card{padding:32px 20px}}.auth-page-container~.mobile-profile-header,body:has(.auth-page-container) .mobile-profile-header{display:none!important;opacity:0!important;visibility:hidden!important}.auth-header{border-radius:8px;color:#1976d2;font-family:inherit;font-size:24px;font-weight:700;margin-bottom:20px;padding:20px;text-align:center}.auth-logo{align-items:center;display:flex;justify-content:center;margin-bottom:5px;text-align:center;width:100%}.auth-logo img{display:block;height:auto;margin-bottom:5px;margin-left:auto;margin-right:auto;width:260px}.auth-content{align-items:center;background:rgba(163,222,210,.1);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:30px 20px}.auth-content h2{color:#1a237e;font-size:22px;margin-bottom:25px;text-align:center}.auth-content form{align-items:center;display:flex;flex-direction:column;width:100%}.auth-content input{border:1px solid #e8e8e8;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:12px;padding:16px;width:100%}.auth-content input:focus{border-color:#a3ded2;box-shadow:0 0 0 2px rgba(163,222,210,.2);outline:none}.auth-container button{background:#1e3a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:8px;padding:16px;transition:background .2s;width:100%}.auth-container button:hover{background:#2b4975}.error-message{background:hsla(0,75%,83%,.2);border-radius:4px;color:#e53935;font-weight:500;margin:10px 0;padding:10px;text-align:center;width:90%}.auth-separator{margin:24px 0;position:relative;text-align:center;width:100%}.auth-separator:after,.auth-separator:before{background-color:#e8e8e8;content:"";height:1px;position:absolute;top:50%;width:calc(50% - 20px)}.auth-separator:before{left:0}.auth-separator:after{right:0}.auth-separator span{background:#fff;color:#757575;font-size:14px;padding:0 10px}.google-sign-in-button{align-items:center;background-color:#fff!important;border:1px solid #a3ded2!important;color:#1e3a5f!important;display:flex!important;gap:8px;justify-content:center}.google-sign-in-button:hover{background-color:rgba(163,222,210,.1)!important}.google-sign-in-button img{height:18px;width:18px}.auth-switch-button{background:none!important;border:none;box-shadow:none!important;color:#1e3a5f!important;font-weight:400!important;padding:8px!important}.auth-switch-button:hover{background:rgba(163,222,210,.2)!important}button:disabled{cursor:not-allowed;opacity:.7}.password-reset-form{align-items:center;display:flex;flex-direction:column;width:100%}.reset-instructions{color:#555;font-size:14px;margin-bottom:15px;text-align:center;width:90%}.forgot-password-button{background:none!important;border:none;color:#1e3a5f!important;font-weight:400!important;margin:0!important;padding:4px 8px!important}.forgot-password-button:hover{background:rgba(163,222,210,.2)!important}.auth-back-button{background:#f8fafc!important;border:1px solid #a3ded2!important;color:#1e3a5f!important}.auth-back-button:hover{background:rgba(163,222,210,.1)!important}.success-message{background-color:rgba(163,222,210,.2);border-radius:4px;color:#43a047;font-weight:500;margin:10px 0;padding:10px;text-align:center;width:90%}.auth-footer-buttons{border-top:1px solid rgba(163,222,210,.3);display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:20px}.auth-footer-button{border:2px solid #fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;text-align:center;transition:all .3s ease}.auth-footer-button:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px rgba(163,222,210,.3);color:#000;transform:translateY(-2px)}.auth-footer-button:active:not(:disabled){box-shadow:0 2px 6px rgba(163,222,210,.2);transform:translateY(0)}.auth-footer-button:disabled{background:#f5f5f5;border-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.6;transform:none}.auth-footer-button.about-button{background:linear-gradient(135deg,#fff,#f3f4fe);border-color:#3f51b5;color:#3f51b5}.auth-footer-button.about-button:hover:not(:disabled){background:linear-gradient(135deg,#3f51b5,#2196f3);border-color:#2196f3;box-shadow:0 4px 12px rgba(63,81,181,.3);color:#fff}.auth-footer-button.contact-button{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#1e3a5f;color:#1e3a5f}.auth-footer-button.contact-button:hover:not(:disabled){background:linear-gradient(135deg,#1e3a5f,#2b4975);border-color:#2b4975;box-shadow:0 4px 12px rgba(30,58,95,.3);color:#fff}@media (max-width:768px){.auth-container{margin:20px auto;padding:24px 16px;width:95%}.auth-logo h1{font-size:28px}.auth-header{margin-bottom:15px;padding:15px}.auth-content{padding:20px 15px}.auth-content h2{font-size:18px;margin-bottom:20px}.auth-content input{font-size:15px;margin:8px 0;padding:12px}.auth-container button{font-size:15px;margin:12px 0;padding:12px}.error-message{font-size:14px}.auth-footer-buttons{flex-direction:row;gap:12px;margin-top:20px;padding-top:16px}.auth-footer-button{flex:1;font-size:13px;max-width:none;min-width:auto;padding:12px 16px}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-container{animation:fade-in .3s ease-out}.auth-header-row{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;position:relative}.auth-language-selector{margin:5px;position:absolute;right:0;top:0;z-index:10}.auth-language-selector .language-selector{align-items:center;display:flex;gap:8px;justify-content:center}.auth-language-selector .language-button{align-items:center;background-color:transparent;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:4px 8px;transition:all .2s ease;width:32px}.auth-language-selector .language-button.active{background-color:#1976d2;border-color:#1976d2;color:#fff}.auth-language-selector .language-button:hover:not(.active){background-color:#f5f5f5;border-color:#bdbdbd}.auth-language-selector .language-flag-icon{border:2px solid transparent;border-radius:50%;display:block;height:24px;margin:0;object-fit:cover;transition:all .2s ease;vertical-align:middle;width:24px}.auth-language-selector .language-button.active .language-flag-icon{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.3)}.auth-language-selector .language-button:hover .language-flag-icon{transform:scale(1.1)}.email-verification-container{background:#f8f9fa;border:2px solid #e3f2fd;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:20px 0;padding:24px;text-align:center}.email-verification-container.verification-error{background:#fff5f5;border:2px solid #fecaca;box-shadow:0 4px 12px rgba(239,68,68,.1)}.verification-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin:16px 0;padding:12px}.verification-icon{animation:bounce 2s infinite;font-size:48px;margin-bottom:16px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.email-verification-container h3{color:#1976d2;font-size:24px;font-weight:600;margin:0 0 12px}.email-verification-container p{color:#666;line-height:1.5;margin:8px 0}.verification-instructions{color:#888;font-size:14px;margin-top:12px}.verification-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.auth-resend-button{background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(25,118,210,.3);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.auth-resend-button:hover:not(:disabled){box-shadow:0 6px 16px rgba(25,118,210,.4);transform:translateY(-2px)}.auth-resend-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.email-verification-container{margin:16px 0;padding:20px}.verification-icon{font-size:40px}.email-verification-container h3{font-size:20px}.verification-actions{gap:10px}.auth-resend-button{font-size:14px;padding:10px 20px}}.contact-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.contact-modal{border-radius:16px;box-shadow:0 8px 30px rgba(30,58,95,.12);color:#000;max-height:90vh;max-width:600px;overflow-y:auto;padding:10px;width:90%}.contact-header{align-items:center;border-bottom:none;border-radius:16px 16px 0 0;color:#fff;display:flex;padding:20px 24px;position:relative}.contact-header-content{align-items:center;color:#000;display:flex;flex-grow:1;font-size:1.5rem;font-weight:600;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.2)}.contact-logo{height:50px;margin-right:15px;object-fit:contain;width:50px}.contact-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:20px;top:20px;width:36px}.modal-close-btn:hover{background-color:hsla(0,0%,100%,.35)}.contact-content{color:#fff;padding:30px}.contact-status{animation:fade-in .3s ease-out;border-radius:8px;font-weight:500;margin-bottom:24px;padding:12px 16px;text-align:center}.contact-status.success{background-color:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);color:#4caf50}.contact-status.error{background-color:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.4);color:#f44336}.contact-status.warning{background-color:rgba(255,152,0,.2);border:1px solid rgba(255,152,0,.4);color:#ff9800}.contact-form{color:#fff}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px;margin-bottom:20px;width:100%}.form-group label{color:#000!important;font-size:15px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;font-size:16px;padding:14px;transition:all .2s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:hsla(0,0%,100%,.7)!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#90caf9;box-shadow:0 0 0 3px rgba(144,202,249,.4);outline:none}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:20px}.contact-cancel-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#374151;cursor:pointer;font-size:13px;font-weight:600;height:36px;line-height:1;padding:8px 16px;transition:all .2s ease}.contact-cancel-button:hover{background:#e5e7eb}.contact-submit-button{background:linear-gradient(135deg,#10b981,#059669);border:1px solid transparent;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:36px;line-height:1;padding:8px 16px;transition:all .2s ease}.contact-submit-button:hover{box-shadow:0 6px 12px rgba(33,150,243,.4);transform:translateY(-2px)}.contact-cancel-button:disabled,.contact-submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.contact-cancel-button:focus,.contact-submit-button:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none}.contact-cancel-button:focus,.contact-submit-button:focus{box-shadow:0 0 0 3px rgba(33,150,243,.4)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.contact-overlay{padding:0;z-index:10000}.contact-modal{border-radius:0;border-radius:10px;height:80%;margin:auto;max-height:none;max-width:none;padding-bottom:calc(env(safe-area-inset-bottom, 0));padding-top:30px;width:100%}.contact-header{border-radius:10px;padding:calc(16px + env(safe-area-inset-top, 0)) 16px 16px;position:relative}.contact-header h2{font-size:1.3rem}.contact-content{padding:20px}.form-group{gap:8px}.form-group input,.form-group select,.form-group textarea{padding:14px}.form-actions{flex-direction:column-reverse;gap:12px}.contact-cancel-button,.contact-submit-button{padding:14px;width:100%}}@media screen and (max-width:768px){.contact-container{border-radius:0;box-shadow:none;margin:0;width:100%}.contact-header{border-radius:0}.contact-form{padding:16px}#contact.active,#contact.active .grid-item{margin:0;padding:0;width:100%}}.about-overlay,.contact-overlay,.import-preview-overlay,.profile-popup-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:10000}.about-modal,.contact-modal,.import-preview-modal,.profile-popup-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,58,95,.15);margin:auto;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.income-header,.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:24px 30px 20px}.income-header h2,.modal-header h2,.modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0;padding-top:20px}.close-btn,.income-close-btn,.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.close-btn:hover,.income-close-btn:hover,.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.income-content .budget-period-note,.income-content .field-group label,.income-content .income-actions,.income-content .total-income,.income-content input,.income-content label,.income-content p,.income-content select{color:#333!important}.income-content input,.income-content select{background-color:#fff!important;border:1px solid #ddd!important;color:#333!important}.income-content input::placeholder,.income-content select::placeholder{color:#999!important}.income-content .budget-period-note{color:#666!important;font-size:14px!important;margin-bottom:20px!important}.income-content .total-income{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;color:#333!important;font-weight:600!important;margin:20px 0!important;padding:15px!important}.income-content .income-field-row{background-color:#f8f9fa!important;border:1px solid #3a3e42!important;border-radius:8px!important;margin-bottom:15px!important;padding:20px!important;position:relative!important}.income-content .field-group{margin-bottom:15px!important}.income-content .field-group label{color:#333!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.income-content .field-group input{background-color:#fff!important;border:1px solid #999!important;border-radius:6px!important;color:#333!important;font-size:14px!important;padding:12px!important;width:100%!important}.income-content .field-group input:focus{border-color:#1e3a5f!important;box-shadow:0 0 0 3px rgba(30,58,95,.1)!important;outline:none!important}.income-content .remove-field{align-items:center!important;background:#dc3545!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 4px rgba(220,53,69,.3)!important;color:#000!important;cursor:pointer!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:32px!important;justify-content:center!important;position:absolute!important;right:10px!important;top:10px!important;transition:all .2s ease!important;width:32px!important}.income-content .remove-field:hover{background:#c82333!important;box-shadow:0 4px 8px rgba(220,53,69,.4)!important;transform:scale(1.1)!important}.income-content .add-field{background:#28a745!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;margin-top:15px!important;padding:10px 20px!important}.income-content .income-actions{margin-top:20px!important;text-align:center!important}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group.checkbox{align-items:center!important;flex-direction:row!important;gap:12px!important}.form-group.checkbox label{align-items:center!important;cursor:pointer!important;display:flex!important;gap:8px!important;margin-bottom:0!important}.form-group.checkbox input[type=checkbox]{cursor:pointer!important;height:18px!important;margin:0!important;width:18px!important}.form-group.checkbox span{color:#333!important;font-size:14px!important;font-weight:500!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px rgba(30,58,95,.1);outline:none}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{padding-right:36px;width:100%}.currency-symbol{color:#666;font-size:14px;font-weight:500;pointer-events:none;position:absolute;right:12px}.edit-form-actions,.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.add-btn,.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;text-align:center;transition:all .2s ease}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#666}.cancel-btn:hover{background:#e0e0e0;color:#333}.add-btn,.save-btn{background:#1e3a5f;box-shadow:0 2px 4px rgba(30,58,95,.2);color:#fff}.add-btn:hover,.save-btn:hover{background:#2c5282;box-shadow:0 4px 8px rgba(30,58,95,.3);transform:translateY(-1px)}.add-btn:disabled,.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.add-limit-inline{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.add-limit-inline .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 30px 20px}.add-limit-inline .modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0}.add-limit-inline .modal-content{padding:30px}.add-limit-inline .modal-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding:20px 30px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:999px){.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:flex-start!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff!important;bottom:0!important;display:flex!important;justify-content:flex-start!important;left:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.add-limit-inline,.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;margin:0!important;max-height:100vh!important;max-width:100%!important;min-height:100vh!important;overflow:hidden!important;position:relative!important;width:100%!important}.add-limit-inline .modal-header,.income-header,.modal-header{background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:20px 60px 16px 24px!important;position:sticky!important;position:relative!important;top:0!important;width:-webkit-fill-available;z-index:10!important}.add-limit-inline .modal-header h2,.income-header h2,.modal-header h2,.modal-header h3{font-size:20px!important;font-weight:600!important}.add-limit-inline .modal-content,.income-content,.modal-body,.modal-content{align-items:center!important;display:flex!important;flex:1!important;flex-direction:column!important;max-width:100%!important;overflow-y:auto!important;padding:10px!important;width:-webkit-fill-available;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.form-group,.income-field-row,.modal-body form,.modal-body>div{align-items:center!important;display:flex!important;flex-direction:column!important;max-width:100%!important;width:100%!important}.income-content{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1!important;overscroll-behavior:contain!important;width:100%!important}.modal-body .user-profile{box-shadow:none!important;margin:0!important}.modal-body .user-profile,.modal-body .user-profile-details{background:none!important;border:none!important;max-width:100%!important;padding:0!important;width:100%!important}.modal-body .profile-info-row{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;box-sizing:border-box!important;margin-bottom:12px!important;max-width:100%!important;padding:10px!important;width:100%!important}.modal-body .profile-info-label{font-weight:600!important;margin-bottom:8px!important}.modal-body,.modal-body .profile-info-label{color:#333!important;display:block!important;width:100%!important}.field-group,.field-group input,.field-group label,.field-group select{text-align:center!important;width:100%!important}.summary-item{margin:0 auto!important;max-width:100%!important;width:100%!important}.add-limit-inline .modal-actions,.edit-form-actions,.modal-actions{background-color:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;margin-bottom:0!important;margin-top:0!important;padding:16px 24px 0!important;position:sticky!important;width:-webkit-fill-available;z-index:10!important}.add-btn,.cancel-btn,.edit-btn,.save-btn{border-radius:8px!important;font-size:16px!important;font-weight:600!important;min-width:120px!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.close-btn{align-items:center!important;background-color:#f3f4f6!important;border-radius:50%!important;display:flex!important;font-size:18px!important;height:30px!important;justify-content:center!important;position:absolute!important;right:5px!important;top:20px!important;transition:all .2s ease!important;width:30px!important;z-index:20!important}.close-btn:hover{background-color:#e5e7eb!important;transform:scale(1.1)!important}}body.modal-open{overflow:hidden!important}body.modal-open #root,body.modal-open .app-content,body.modal-open .balances-container,body.modal-open .budget-container,body.modal-open .container,body.modal-open .content,body.modal-open .current-balances-container,body.modal-open .expenses-container,body.modal-open .expenses-list-container,body.modal-open .grid-container,body.modal-open .projections-and-goals,body.modal-open .savings-goals-container,body.modal-open .spending-limits-container,body.modal-open main{overflow:hidden!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.modal-open .add-limit-overlay,body.modal-open .edit-expense-overlay,body.modal-open .edit-income-overlay,body.modal-open .edit-percentage-overlay,body.modal-open .modal-content,body.modal-open .modal-overlay,body.modal-open .spending-limits-overlay{pointer-events:auto!important;user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important}@media screen and (max-width:999px){body.modal-open{height:100%!important;position:fixed!important;width:100%!important}body.modal-open .mobile-header,body.modal-open .mobile-menu-backdrop,body.modal-open .mobile-menu-bar,body.modal-open .mobile-menu-blurred,body.modal-open .mobile-menu-container,body.modal-open .mobile-menu-header,body.modal-open .mobile-menu-overlay,body.modal-open .mobile-menu-toggle-btn,body.modal-open .mobile-menu-wrapper,body.modal-open .mobile-nav,body.modal-open .mobile-side-menu{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}}.edit-expense-modal,.edit-expense-modal *,.edit-expense-overlay,.edit-expense-overlay *,.modal-content,.modal-content *,.modal-overlay,.modal-overlay *{animation:none!important;scale:1!important;transform:none!important;transition:none!important;zoom:1!important}.language-selector{gap:8px}.language-button,.language-selector{align-items:center;display:flex;justify-content:center}.language-button{background-color:transparent;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;height:32px;padding:4px 8px;transition:all .2s ease;width:32px}.language-button.active{background-color:#1976d2;border-color:#1976d2;color:#fff}.language-button:hover:not(.active){background-color:#f5f5f5;border-color:#bdbdbd}.language-flag-icon{border:2px solid transparent;border-radius:10%;display:block;height:44px;margin:0;object-fit:cover;transition:all .2s ease;vertical-align:middle;width:44px}.language-button.active .language-flag-icon{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.3)}.language-button:hover .language-flag-icon{transform:scale(1.1)}.user-profile{background-color:#fff;border:none;border-radius:12px;box-shadow:0 4px 24px rgba(44,62,80,.08);overflow:hidden;transition:all .3s ease}.user-profile:hover{box-shadow:0 6px 28px rgba(44,62,80,.12)}.user-profile-header{align-items:center;color:#fff;cursor:pointer;display:flex;padding:16px 20px;position:relative;transition:all .3s ease}.user-profile-header,.user-profile-header:hover{background:linear-gradient(135deg,#764ba2,#2196f3,#a3ded2)}.user-profile-header:hover{filter:brightness(1.1)}.user-avatar{align-items:center;background:linear-gradient(135deg,#764ba2,#a3ded2);border-radius:50%;box-shadow:0 4px 8px rgba(118,75,162,.3);display:flex;height:48px;justify-content:center;margin-right:16px;overflow:hidden;padding:2px;width:48px}.user-avatar img{border-radius:50%;height:100%;max-width:100%;object-fit:contain;width:100%}.user-greeting{flex:1}.user-greeting h3{color:#1a237e;font-size:18px;margin:0}.profile-toggle{color:#1976d2;display:block;font-size:14px;font-weight:500;margin-top:4px;transition:color .2s}.profile-toggle:hover{color:#0d47a1;text-decoration:underline}.user-profile-details{background-color:#f9fafb;border-top:1px solid #e0e0e0;padding:0 20px 16px;transition:all .3s ease}.profile-info-row{border-bottom:1px dashed #e0e0e0;display:flex;padding:12px 0;transition:background-color .2s}.profile-info-row:hover{background-color:rgba(25,118,210,.04)}.profile-info-row:last-of-type{border-bottom:none;margin-bottom:12px}.profile-info-label{color:#555;font-weight:600;padding-right:10px;width:150px}.profile-info-value{align-items:center;color:#333;display:flex;justify-content:space-between}.budget-start-day-edit,.currency-edit,.savings-goal-edit,.username-edit{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:100%}.budget-start-day-input,.currency-select,.savings-goal-input,.username-input{border:1px solid #ccc;border-radius:4px;flex-grow:1;font-size:14px;max-width:150px;min-width:0;padding:8px 12px}.currency-select{max-width:200px}.budget-start-day-input:focus,.currency-select:focus,.savings-goal-input:focus,.username-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.2);outline:none}.budget-day-edit-btn,.cancel-btn-small,.edit-btn-small,.save-btn-small{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.save-btn-small{background-color:#a3ded2;color:#1e3a5f}.save-btn-small:hover{background-color:#88c9b3}.cancel-btn-small{background-color:#f4b3b3;color:#1e3a5f}.cancel-btn-small:hover{background-color:#ffdbdb}.edit-btn-small{background-color:#1e3a5f;color:#fff;margin-left:8px}.edit-btn-small:hover{background-color:#2b4975;box-shadow:0 4px 8px rgba(30,58,95,.2);transform:translateY(-2px)}.currency-edit-btn,.savings-goal-edit-btn,.username-edit-btn{margin-left:auto}.savings-goal-input-wrapper{flex-grow:1;max-width:150px;position:relative}.currency-prefix{color:#666;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.savings-goal-input{padding:8px 8px 8px 25px;width:100%}.error-text{color:#f44336;font-size:12px;margin-top:4px;width:100%}.logout-button{background-color:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .2s,transform .2s}.logout-button:hover{background-color:#c62828;transform:translateY(-2px)}.savings-goal-display{color:#43a047;font-weight:600}@media (max-width:768px){.user-profile{border-radius:10px}.user-profile-header{display:none;flex-wrap:wrap;padding:14px 16px}.user-avatar{height:40px;margin-right:12px;padding:2px;width:40px}.user-greeting h3{font-size:16px}.profile-toggle{display:none}.user-profile-details{padding:0 15px 12px}.profile-info-row{flex-direction:column;padding:15px 0;position:relative}.profile-info-label{color:#1976d2;font-size:14px;margin-bottom:8px;width:100%}.profile-info-value{align-items:center;display:flex;flex-wrap:wrap;font-size:15px;justify-content:space-between;width:100%}.edit-btn-small{font-size:12px;margin-left:10px;margin-top:0;min-height:32px;min-width:60px;padding:5px 10px;position:static}.budget-start-day-input,.currency-select,.savings-goal-input,.username-input{font-size:16px;margin-bottom:10px;max-width:100%;padding:8px 8px 8px 25px}.budget-start-day-edit,.currency-edit,.savings-goal-edit,.username-edit{gap:10px}.cancel-btn-small,.save-btn-small{flex-grow:1;font-size:14px;min-height:44px;min-width:44px;padding:10px 16px}.logout-button{font-size:16px;margin-top:12px;padding:12px;width:100%}.profile-language-selector{margin-top:8px}.profile-language-selector .language-selector{align-items:center;display:flex;gap:8px;justify-content:center}.profile-language-selector .language-button{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.profile-language-selector .language-flag-icon{border:2px solid transparent;border-radius:50%;display:block;height:24px;margin:0;object-fit:cover;transition:all .2s ease;vertical-align:middle;width:24px}.profile-language-selector .language-button.active .language-flag-icon{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.3)}.profile-language-selector .language-button:hover .language-flag-icon{transform:scale(1.1)}.budget-day-edit-btn,.currency-edit-btn,.savings-goal-edit-btn,.username-edit-btn{margin-left:auto;position:static;right:auto;top:auto}}@media screen and (max-width:768px){.user-profile{border:none;border-radius:0;box-shadow:none;margin-top:20px}.user-profile-header{cursor:default;padding:12px 16px}.user-profile-details{display:block!important;padding:16px}.user-profile-content{padding:0}.toggle-arrow{display:none}.budget-start-day-edit,.currency-edit,.savings-goal-edit,.username-edit{display:flex;flex-wrap:wrap;gap:8px;width:100%}.budget-start-day-input,.currency-select,.savings-goal-input,.username-input{margin-bottom:8px;width:100%}.edit-btn-small{min-width:60px}.cancel-btn-small,.save-btn-small{flex:1;min-width:80px}.profile-info-label{margin-right:16px;min-width:120px}}@media (max-width:499px){.edit-btn-small{min-width:auto!important}}.account-buttons{display:flex;flex-direction:column;gap:8px}.delete-account-button{background-color:#ff6f00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:8px 16px;transition:background .2s,transform .2s}.delete-account-button:hover{background-color:#e65100;transform:translateY(-2px)}.delete-account-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.delete-confirmation-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.delete-confirmation-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(211,47,47,.3);max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.delete-confirmation-header{align-items:center;border-bottom:1px solid #ffebee;display:flex;justify-content:space-between;padding:20px 24px 16px}.delete-confirmation-header h3{color:#d32f2f;font-size:20px;font-weight:600;margin:0}.delete-confirmation-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .2s}.delete-confirmation-close:hover{color:#d32f2f}.delete-confirmation-content{padding:20px 24px}.delete-warning{background-color:#fff3e0;border:1px solid #ffcc80;border-radius:8px;margin-bottom:20px;padding:16px}.delete-warning-icon{font-size:24px;margin-bottom:8px}.delete-warning p{color:#e65100;font-weight:500;margin:0 0 12px}.delete-warning ul{color:#bf360c;padding-left:20px}.delete-warning li{margin-bottom:4px}.delete-confirmation-input{margin-top:20px}.delete-confirmation-input p{color:#333;font-size:14px;margin:0 0 12px}.delete-confirmation-text-input{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:8px;color:#d32f2f;font-size:16px;font-weight:600;padding:12px;transition:border-color .2s;width:100%}.delete-confirmation-text-input:focus{background-color:#fff;border-color:#d32f2f;outline:none}.delete-confirmation-text-input::placeholder{color:#999;font-weight:400}.delete-confirmation-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.delete-confirmation-cancel{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.delete-confirmation-cancel:hover{background-color:#e0e0e0}.delete-confirmation-cancel:disabled{cursor:not-allowed;opacity:.5}.delete-confirmation-confirm{background-color:#d32f2f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.delete-confirmation-confirm:hover:not(:disabled){background-color:#b71c1c}.delete-confirmation-confirm:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.account-buttons{gap:12px}.delete-confirmation-modal{margin:10px;width:95%}.delete-confirmation-actions,.delete-confirmation-content,.delete-confirmation-header{padding-left:16px;padding-right:16px}.delete-confirmation-actions{flex-direction:column-reverse}.delete-confirmation-cancel,.delete-confirmation-confirm{justify-content:center;width:100%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.subscription-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;margin:8px -20px;padding:16px 20px}.subscription-info{display:flex;flex-direction:column;gap:8px}.subscription-plan{display:flex;flex-direction:column;gap:4px}.premium-status{color:#059669;display:flex;flex-direction:column;font-weight:600;gap:2px}.free-status{color:#6b7280;font-weight:500}.expiry-date{color:#6b7280;font-size:12px;font-weight:400}.subscription-btn{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.subscription-btn:hover{box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-1px)}@media (max-width:768px){.subscription-row{margin:8px -16px;padding:16px}.subscription-info{gap:12px}.subscription-btn{font-size:14px;padding:10px 18px}}.user-icon-edit{display:flex;flex-direction:column;gap:16px}.user-icon-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);max-width:300px}.user-icon-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px;transition:all .2s ease}.user-icon-option:hover{background:#f8fafc;border-color:#3b82f6}.user-icon-option.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.user-icon-preview{height:32px;margin-bottom:8px;object-fit:contain;width:32px}.user-icon-name{color:#374151;font-size:12px;font-weight:500;text-align:center}.user-icon-actions{display:flex;gap:8px;justify-content:flex-start}.current-user-icon{align-items:center;display:flex;gap:12px}.user-icon-display{height:32px;object-fit:contain;width:32px}@media (max-width:768px){.user-icon-grid{grid-template-columns:repeat(2,1fr);max-width:200px}}.cookie-consent{align-items:center;background-color:rgba(30,58,95,.95);bottom:0;box-shadow:0 -2px 10px rgba(30,58,95,.3);color:#fff;display:flex;font-size:.9rem;justify-content:space-between;left:0;padding:15px;position:fixed;right:0;z-index:9999}.cookie-consent-content{flex:1;padding-right:20px}.cookie-consent-content p{color:#fff}.cookie-consent-buttons{display:flex;gap:10px}.cookie-consent-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .2s}.cookie-accept{background-color:#a3ded2;color:#1e3a5f}.cookie-accept:hover{background-color:#88c9b3}.cookie-decline{background-color:#f1f1f1;color:#333}.cookie-decline:hover{background-color:#ddd}.cookie-settings{background-color:transparent;border:1px solid #a3ded2;color:#a3ded2}.cookie-settings:hover{background-color:rgba(163,222,210,.1)}@media (max-width:768px){.cookie-consent{flex-direction:column;gap:15px}.cookie-consent-content{padding-right:0}}.cookie-settings-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.cookie-settings-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.cookie-settings-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.cookie-settings-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.8rem}.close-button:hover{color:#333}.cookie-settings-content{padding:20px}.cookie-options{display:flex;flex-direction:column;gap:20px;margin-top:20px}.cookie-option{border:1px solid #eee;border-radius:6px;padding:16px}.cookie-option-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px}.cookie-option p{color:#666;font-size:.9rem;margin:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch label{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch label:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.toggle-switch input:checked+label{background-color:#4caf50}.toggle-switch input:checked+label:before{transform:translateX(26px)}.toggle-switch input:disabled+label{background-color:#4caf50;cursor:not-allowed;opacity:.6}.cookie-settings-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.cookie-settings-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .2s}.cookie-settings-button.primary{background-color:#4caf50;color:#fff}.cookie-settings-button.primary:hover{background-color:#3e8e41}.cookie-settings-button.secondary{background-color:#f1f1f1;color:#333}.cookie-settings-button.secondary:hover{background-color:#ddd}.welcome-popup-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.welcome-popup-modal{background-color:#fff;border:1px solid rgba(163,222,210,.3);border-radius:12px;box-shadow:0 6px 30px rgba(30,58,95,.15);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.welcome-popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.welcome-step-indicator{display:flex;gap:8px}.welcome-step-dot{background-color:#e8e8e8;border-radius:50%;height:10px;transition:background-color .3s;width:10px}.welcome-step-dot.active{background-color:#1e3a5f}.welcome-close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.8rem}.welcome-close-button:hover{color:#333}.welcome-popup-content{color:#1e3a5f;padding:30px}.welcome-logo{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.welcome-logo img{animation:float 3s ease-in-out infinite;height:auto;width:120px}.welcome-popup-content h2{color:#1e3a5f;font-size:1.8rem;margin-bottom:20px;margin-top:0}.welcome-popup-content p{font-size:16px;line-height:1.6;margin-bottom:20px}.welcome-popup-content ul{margin-bottom:20px;padding-left:20px}.welcome-popup-content li{line-height:1.4;margin-bottom:12px}.welcome-tip{background-color:rgba(163,222,210,.2);border-left:4px solid #a3ded2;border-radius:8px;margin-top:20px;padding:15px}.welcome-popup-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.welcome-popup-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.welcome-popup-button.primary{background-color:#1e3a5f;color:#fff}.welcome-popup-button.primary:hover{background-color:#2b4975}.welcome-popup-button.secondary{background-color:#f1f1f1;color:#1e3a5f}.welcome-popup-button.secondary:hover{background-color:#ddd}@keyframes fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:768px){.welcome-popup-content{padding:20px}.welcome-popup-content h2{font-size:1.5rem;margin-bottom:15px}.welcome-popup-button{padding:8px 16px}}.credit-center{font-family:var(--font-family);margin:0 auto;max-width:1200px;padding:var(--spacing-6)}.component-title-section{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:6px}.component-title-icon{color:#1e3a5f;height:44px;width:44px}.component-title-section h2{align-items:center;display:flex;line-height:1;margin:0;text-align:center}.credit-center-header{margin-bottom:var(--spacing-8);text-align:center}.credit-center-header h2{color:var(--gray-900);font-size:2.1rem;font-weight:600;margin-bottom:var(--spacing-2)}.credit-center-header p{color:var(--gray-600);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.credit-center-empty{background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-xl);padding:var(--spacing-12);text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-4)}.credit-center-empty p{color:var(--gray-600);font-size:var(--font-size-lg);margin:0 auto;max-width:400px}.credit-summary-cards{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-8)}.summary-card{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:5px;padding:var(--spacing-6);transition:all .2s ease}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-icon{align-items:center;background:var(--gray-100);border-radius:var(--radius-lg);display:none;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.summary-content h3{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-bottom:var(--spacing-1)}.credit-expenses-list{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.credit-expenses-list h3{background:var(--gray-50);border-bottom:1px solid var(--gray-200);color:var(--gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;padding:var(--spacing-6)}.credit-expense-item{border-bottom:1px solid var(--gray-200);border-left:4px solid transparent;border-radius:8px;margin-bottom:10px;padding:15px;transition:all .2s ease}.credit-expense-item:last-child{border-bottom:none}.credit-expense-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);filter:brightness(.95);transform:translateY(-1px)}.expense-main-info{align-items:flex-start;display:flex;justify-content:space-between}.expense-name-category h4{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.expense-category{background:var(--blue-100);border-radius:var(--radius-md);color:var(--blue-700);display:inline-block;font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2)}.expense-amount{text-align:right}.amount-value{color:var(--gray-900);display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-1)}.payment-frequency{color:var(--gray-600);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.expense-progress{margin-bottom:var(--spacing-4)}.progress-bar{background:var(--gray-200);border-radius:var(--radius-full);height:8px;margin-bottom:var(--spacing-2);overflow:hidden;width:100%}.progress-info{align-items:center;display:flex;gap:var(--spacing-2);justify-content:space-between}.remaining-amount{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.progress-fill{background:linear-gradient(90deg,var(--blue-500),var(--green-500));border-radius:var(--radius-full);height:100%;transition:width .3s ease}.progress-text{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.expense-payment-info{border-top:1px solid var(--gray-100)}.payment-dates{align-items:center;display:flex;flex-direction:row-reverse;gap:var(--spacing-4);justify-content:space-between}.last-payment,.next-payment{color:var(--gray-600);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-1)}.last-payment:before,.next-payment:before{border-radius:50%;content:"";display:block;height:8px;margin-bottom:var(--spacing-1);width:8px}.last-payment:before{background:var(--green-500)}.next-payment:before{background:var(--blue-500)}.expense-details{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.detail-label{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.detail-value{color:var(--gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.credit-tabs{border-bottom:2px solid var(--gray-100);display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-2)}.tab-button{background:none;border:none;border-radius:var(--border-radius-lg);color:var(--gray-600);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:center;padding:var(--spacing-3) var(--spacing-4);position:relative;transition:all .2s ease}.tab-button:hover{background:var(--gray-50);color:var(--gray-800)}.tab-button.active{background:var(--primary-color);color:#fff;font-weight:var(--font-weight-semibold)}.tab-button.active:after{background:var(--primary-color);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.debt-projection-chart{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.debt-projection-chart h3{color:var(--gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.chart-description{color:var(--gray-600);font-size:var(--font-size-base);margin:0 0 var(--spacing-6) 0}.chart-container{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.chart-y-axis{display:flex;flex-direction:column;min-width:120px;padding-right:var(--spacing-4)}.y-axis-label{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);text-align:center}.y-axis-values{display:flex;flex-direction:column;height:280px;justify-content:space-between}.y-axis-value{color:var(--gray-500);font-size:var(--font-size-xs);padding-right:var(--spacing-2);text-align:right}.chart-content{flex:1;position:relative}.debt-chart-svg{height:280px;margin-bottom:50px;overflow:visible;width:100%}.chart-x-axis{align-items:flex-end;display:flex;height:40px;justify-content:space-between;margin-top:var(--spacing-4);padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.x-axis-label{color:var(--gray-500);font-size:var(--font-size-xs);margin-bottom:var(--spacing-1);text-align:center;transform:rotate(-45deg);transform-origin:top left;white-space:nowrap}.chart-summary{background:var(--gray-50);border-radius:var(--border-radius-md);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-4);padding:var(--spacing-4)}.summary-stat{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-2) 0}.stat-label{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stat-value{color:var(--gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.debt-chart-empty{color:var(--gray-500);padding:var(--spacing-8);text-align:center}.debt-chart-empty p{font-size:var(--font-size-lg);margin:0}.ai-debt-analysis{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.ai-debt-analysis h3{color:var(--gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-4) 0}.loading-state{align-items:center;color:var(--gray-600);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-8)}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--gray-200);border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:var(--spacing-4);width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{color:var(--red-600);padding:var(--spacing-6);text-align:center}.error-state button{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4)}.analysis-summary{display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-6)}.summary-card{background:var(--gray-50);border-radius:var(--border-radius-lg);padding:var(--spacing-4);text-align:center}.summary-card h4{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-2) 0}.summary-value{color:var(--gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.strategy-badge{border-radius:var(--border-radius-full);color:#fff;display:inline-block;font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3)}.strategy-explanation-section{margin-bottom:var(--spacing-6)}.strategy-explanation-section h4{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.strategy-explanation-card{align-items:flex-start;background:var(--purple-50);border-left:4px solid var(--purple-500);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.strategy-explanation-icon{flex-shrink:0;font-size:var(--font-size-lg)}.strategy-explanation-content{flex:1}.strategy-explanation-text{color:var(--gray-900);font-size:var(--font-size-base);line-height:1.5;margin-bottom:var(--spacing-2)}.strategy-reasoning-text{color:var(--gray-700);font-size:var(--font-size-sm);line-height:1.5}.analysis-status-section{margin-bottom:var(--spacing-6)}.analysis-status-card{align-items:flex-start;background:var(--gray-50);border-left:4px solid var(--gray-400);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.analysis-status-icon{flex-shrink:0;font-size:var(--font-size-lg)}.analysis-status-content{flex:1}.analysis-status-text{color:var(--gray-900);font-size:var(--font-size-base);line-height:1.5;margin-bottom:var(--spacing-2)}.analysis-status-details{color:var(--gray-600);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-3)}.analysis-status-details>div{margin-bottom:var(--spacing-1)}.analysis-status-note{color:var(--green-600);font-style:italic;font-weight:var(--font-weight-medium)}.force-new-analysis-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease}.force-new-analysis-btn:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px)}.force-new-analysis-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none}.priority-timeline{margin-bottom:var(--spacing-6)}.priority-timeline h4{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.timeline-chart{display:flex;gap:var(--spacing-4);overflow-x:auto;padding-bottom:var(--spacing-2)}.timeline-item{align-items:center;background:var(--gray-50);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;min-width:120px;padding:var(--spacing-3)}.timeline-date{color:var(--gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.timeline-content,.timeline-date{text-align:center}.creditor-name{color:var(--gray-900);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.creditor-name,.freed-cash{font-size:var(--font-size-sm)}.freed-cash{color:var(--green-600);font-weight:var(--font-weight-semibold)}.advice-section{margin-bottom:var(--spacing-6)}.advice-section h4{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.advice-cards{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.advice-card{align-items:flex-start;background:var(--blue-50);border-left:4px solid var(--blue-500);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.advice-icon{flex-shrink:0;font-size:var(--font-size-lg)}.advice-card p{color:var(--gray-800);line-height:1.5;margin:0}.problems-section{margin-bottom:var(--spacing-6)}.problems-section h4{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.problems-card{align-items:flex-start;background:var(--red-50);border-left:4px solid var(--red-500);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.problems-icon{flex-shrink:0;font-size:var(--font-size-lg)}.problems-content{flex:1}.problem-item{align-items:flex-start;color:var(--gray-800);display:flex;gap:var(--spacing-2);line-height:1.5;margin-bottom:var(--spacing-2)}.problem-item:last-child{margin-bottom:0}.problem-bullet{color:var(--red-600);flex-shrink:0;font-weight:var(--font-weight-bold)}.strategy-section{margin-bottom:var(--spacing-6)}.strategy-section h4{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.strategy-card{align-items:flex-start;background:var(--blue-50);border-left:4px solid var(--blue-500);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.strategy-icon{flex-shrink:0;font-size:var(--font-size-lg)}.strategy-content{flex:1}.strategy-item{align-items:flex-start;color:var(--gray-800);display:flex;gap:var(--spacing-2);line-height:1.5;margin-bottom:var(--spacing-2)}.strategy-item:last-child{margin-bottom:0}.strategy-bullet{color:var(--blue-600);flex-shrink:0;font-weight:var(--font-weight-bold)}.benefits-section{margin-bottom:var(--spacing-6)}.benefits-section h4{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.benefits-card{align-items:flex-start;background:var(--green-50);border-left:4px solid var(--green-500);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.benefits-icon{flex-shrink:0;font-size:var(--font-size-lg)}.benefits-content{flex:1}.benefit-item{align-items:flex-start;color:var(--gray-800);display:flex;gap:var(--spacing-2);line-height:1.5;margin-bottom:var(--spacing-2)}.benefit-item:last-child{margin-bottom:0}.benefit-bullet{color:var(--green-600);flex-shrink:0;font-weight:var(--font-weight-bold)}.debt-timeline-table{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.debt-timeline-table h3{color:var(--gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.table-description{color:var(--gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.timeline-table-container{margin-bottom:var(--spacing-6);overflow-x:auto}.timeline-table{background:var(--white);border-collapse:collapse;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.timeline-table thead{background:var(--gray-50)}.timeline-table th{border-bottom:1px solid var(--gray-200);color:var(--gray-700);font-weight:var(--font-weight-semibold);text-align:left}.timeline-table td,.timeline-table th{font-size:var(--font-size-sm);padding:var(--spacing-4)}.timeline-table td{border-bottom:1px solid var(--gray-100)}.timeline-table tbody tr:hover{background:var(--gray-50)}.timeline-table tbody tr:last-child td{border-bottom:none}.debt-free-row{background:var(--green-50)!important;color:var(--green-700);font-weight:var(--font-weight-semibold)}.debt-free-row:hover{background:var(--green-100)!important}.expand-cell{padding:var(--spacing-2)!important;text-align:center;width:50px}.expand-button{align-items:center;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:24px;justify-content:center;transition:all .2s ease;width:24px}.expand-button:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-700)}.expand-button.expanded{background:var(--blue-50);border-color:var(--blue-300);color:var(--blue-600)}.monthly-details-row{background:var(--gray-25)}.monthly-details{padding:var(--spacing-4)}.monthly-details h4{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);text-align:center}.monthly-grid{display:grid;gap:var(--spacing-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.month-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-sm);padding:var(--spacing-2);text-align:center}.month-label{color:var(--gray-600);font-weight:var(--font-weight-medium)}.month-debt,.month-label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.month-debt{color:var(--red-600);font-weight:var(--font-weight-semibold)}.month-payments{color:var(--blue-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.year-cell{color:var(--gray-900)}.debt-cell,.year-cell{font-weight:var(--font-weight-semibold)}.debt-cell{color:var(--red-600)}.monthly-cell{color:var(--blue-600)}.yearly-cell{color:var(--purple-600);font-weight:var(--font-weight-medium)}.timeline-summary{background:var(--gray-50);border-radius:var(--border-radius-md);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-4);padding:var(--spacing-4)}.debt-timeline-empty{color:var(--gray-500);padding:var(--spacing-8);text-align:center}.debt-timeline-empty p{font-size:var(--font-size-lg);margin:0}@media (max-width:768px){.credit-center{padding:var(--spacing-4)}.credit-summary-cards{gap:var(--spacing-4);grid-template-columns:1fr}.expense-main-info{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.expense-amount{text-align:left}.expense-details{gap:var(--spacing-3);grid-template-columns:1fr}.modal-content{margin:var(--spacing-4);width:95%}.progress-stats{grid-template-columns:1fr}.credit-tabs{align-items:center;flex-direction:column;gap:var(--spacing-1)}.tab-button{padding:var(--spacing-3);text-align:center}.chart-tab{display:none}.ai-debt-analysis{padding:var(--spacing-4)}.analysis-summary{gap:var(--spacing-3);grid-template-columns:1fr}.summary-card{padding:var(--spacing-3)}.timeline-chart{flex-direction:column;gap:var(--spacing-2)}.timeline-item{flex-direction:column;padding:var(--spacing-2);text-align:center}.advice-cards{gap:var(--spacing-3);grid-template-columns:1fr}.advice-card,.benefits-card,.problems-card,.strategy-card,.strategy-explanation-card{padding:var(--spacing-3)}.benefit-item,.problem-item,.strategy-explanation-text,.strategy-item,.strategy-reasoning-text{font-size:var(--font-size-sm)}.analysis-status-card{padding:var(--spacing-3)}.analysis-status-details,.analysis-status-text{font-size:var(--font-size-sm)}.force-new-analysis-btn{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.debt-timeline-table{padding:var(--spacing-4)}.timeline-table-container{margin-bottom:var(--spacing-4)}.timeline-table td,.timeline-table th{font-size:var(--font-size-xs);padding:var(--spacing-3)}.expand-cell{padding:var(--spacing-1)!important;width:40px}.expand-button{font-size:var(--font-size-sm);height:20px;width:20px}.monthly-grid{gap:var(--spacing-1);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.month-item{padding:var(--spacing-1)}.month-debt,.month-label,.month-payments{font-size:10px}.timeline-summary{grid-template-columns:1fr}.chart-container,.timeline-summary{gap:var(--spacing-3);padding:var(--spacing-3)}.chart-container{flex-direction:column}.chart-y-axis{border-top:1px solid var(--gray-200);min-width:auto;order:2;padding-bottom:var(--spacing-1);padding-right:0;padding-top:var(--spacing-2)}.y-axis-label{margin-bottom:var(--spacing-1);text-align:center}.y-axis-values{align-items:center;flex-direction:row;gap:var(--spacing-1);height:auto;justify-content:space-between;padding:var(--spacing-2) 0;width:100%}.y-axis-value{flex:1;font-size:var(--font-size-xs);min-width:0;padding-right:0;text-align:center;white-space:nowrap}.chart-content{order:1;width:100%}.debt-chart-svg{height:200px;margin-bottom:var(--spacing-1);width:100%}.chart-x-axis{gap:var(--spacing-1);height:50px;margin-top:var(--spacing-1)}.x-axis-label{font-size:var(--font-size-xs);transform:rotate(-45deg);transform-origin:top left}.chart-summary{gap:var(--spacing-3);grid-template-columns:1fr}.summary-stat{align-items:flex-start;flex-direction:column;gap:var(--spacing-1)}}@media (max-width:480px){.credit-center-header h2{font-size:var(--font-size-2xl)}.summary-card{padding:var(--spacing-4)}.summary-icon{font-size:2rem;height:50px;width:50px}.credit-expense-item,.modal-body,.modal-header{padding:var(--spacing-4)}.debt-projection-chart{display:none}.debt-timeline-table{padding:var(--spacing-3)}.debt-timeline-table h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.table-description{font-size:var(--font-size-xs);margin-bottom:var(--spacing-4)}.timeline-table td,.timeline-table th{font-size:10px;padding:var(--spacing-2)}.timeline-summary{gap:var(--spacing-2);padding:var(--spacing-2)}}.loading-container{color:#333;font-size:18px;height:200px}.loading-container,.spending-limits-overlay{align-items:center;display:flex;justify-content:center}.spending-limits-overlay{background-color:rgba(0,0,0,.8);bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.spending-limits-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:inherit;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:25px 30px;position:sticky;top:0;z-index:10}.modal-header h2{color:#1e3a5f;font-size:28px;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#1e3a5f;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.close-btn:hover{background-color:hsla(0,0%,100%,.1);transform:scale(1.1)}.spending-limits-content{gap:40px;grid-template-columns:1fr 1fr;padding:30px}.limits-section h3,.usage-section h3{color:#1e3a5f;font-size:22px;font-weight:600;margin:0 0 10px}.limits-description,.usage-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 25px}.limits-form{gap:20px}.limit-input-group,.limits-form{display:flex;flex-direction:column}.limit-input-group{gap:8px}.limit-input-group label{color:#333;font-size:14px;font-weight:500}.input-wrapper{align-items:center;border-radius:12px;display:flex;padding:0 15px;transition:all .2s ease}.currency-symbol{color:#666;font-weight:500;margin-right:8px}.input-wrapper input{background:none;border:none;color:#333;flex:1;font-size:16px;outline:none;padding:12px 0}.input-wrapper input::placeholder{color:#999}.limits-actions{align-items:center;display:flex;justify-content:center;margin-top:25px}.save-limits-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .2s ease;width:100%}.save-limits-btn:hover{box-shadow:0 8px 25px rgba(79,172,254,.3);transform:translateY(-2px)}.auto-save-note{color:#666;font-size:12px;font-style:italic;margin-top:10px;text-align:center}.usage-cards{display:flex;flex-direction:column;gap:20px}.usage-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;transition:all .2s ease}.usage-card.over-limit{background:rgba(231,76,60,.1);border-color:#e74c3c}.usage-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translateY(-3px)}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.usage-header h4{color:#1e3a5f;font-size:16px;font-weight:600;margin:0}.usage-status{background:#f8f9fa;border-radius:20px;color:#666;font-size:12px;font-weight:600;padding:4px 12px}.usage-status.over{background:#e74c3c}.usage-amounts{align-items:baseline;display:flex;gap:5px;margin-bottom:15px}.spent-amount{color:#1e3a5f;font-size:20px;font-weight:700}.limit-amount{color:#666;font-size:14px}.usage-bar{background:#f0f0f0;border-radius:10px;height:8px;margin-bottom:10px;overflow:hidden}.usage-progress{border-radius:10px;height:100%;transition:all .3s ease}.remaining-amount{color:#666;font-size:13px}.over-amount{color:#dc3545;font-weight:600}.remaining{color:#28a745}@media (max-width:768px){.spending-limits-overlay{padding:10px}.spending-limits-modal{max-height:95vh}.spending-limits-content{gap:30px;grid-template-columns:1fr;padding:20px}.modal-header{padding:20px 25px}.modal-header h2{font-size:24px}.usage-card{padding:15px}.spent-amount{font-size:18px}}.predictive-budgeting{color:#1e3a5f;margin:0 auto;max-width:1200px;padding:0 16px}.predictive-header{background:linear-gradient(135deg,#6b73ff,#9b59b6);border-radius:16px;color:#fff;margin-bottom:24px;padding:24px}.predictive-header h2{font-size:24px;font-weight:700;margin:0 0 16px}.prediction-controls{display:flex;flex-wrap:wrap;gap:12px}.method-selector,.timeframe-selector{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);border-radius:25px;color:#2c3e50;font-size:14px;font-weight:500;outline:none;padding:8px 16px;transition:all .3s ease}.method-selector:focus,.timeframe-selector:focus{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.7)}.method-selector option,.timeframe-selector option{background:#1e3a5f;color:#fff}.prediction-section{background:#fff;border:1px solid #e8f4fd;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:24px;overflow:hidden}.section-header{align-items:center;background:linear-gradient(135deg,#e8f4fd,#f0f9ff);border-bottom:1px solid #e1e5e9;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;transition:background .2s ease}.section-header:hover{background:linear-gradient(135deg,#dcf0fc,#e8f4fd)}.section-header h3{color:#1e3a5f;font-size:18px;font-weight:600;margin:0}.toggle-icon{color:#6b73ff;font-size:16px;transition:transform .2s ease}.forecast-summary{padding:24px}.forecast-card{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;color:#fff;margin-bottom:16px;padding:24px}.forecast-card h4{font-size:16px;font-weight:500;margin:0 0 8px;opacity:.9}.forecast-card .amount{font-size:32px;font-weight:700;margin-bottom:8px}.confidence{font-size:14px;opacity:.9}.confidence-high{color:#10b981;font-weight:600}.confidence-medium{color:#f59e0b;font-weight:600}.confidence-low{color:#ef4444;font-weight:600}.forecast-comparison{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:16px}.comparison-item{align-items:center;background:#f8fafc;border-left:4px solid #6b73ff;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.comparison-item span:first-child{color:#64748b;font-size:14px;font-weight:500}.comparison-item .increase{color:#ef4444;font-weight:600}.comparison-item .decrease{color:#10b981;font-weight:600}.detailed-forecast{border-top:1px solid #e1e5e9;margin-top:24px;padding-top:24px}.detailed-forecast h4{color:#1e3a5f;font-size:16px;font-weight:600;margin:0 0 16px}.category-forecasts{display:grid;gap:12px}.category-forecast-item{background:#f8fafc;border-left:4px solid #a3ded2;border-radius:8px;padding:16px}.category-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.category-name{color:#1e3a5f;font-weight:600}.category-amount{color:#6b73ff;font-weight:700}.category-trend{align-items:center;display:flex;gap:8px;margin-bottom:8px}.trend-bar{background:#e1e5e9;border-radius:3px;flex:1;height:6px;overflow:hidden}.trend-fill{background:linear-gradient(90deg,#10b981,#6b73ff);height:100%;transition:width .3s ease}.trend-change{border-radius:10px;font-size:12px;font-weight:600;padding:2px 6px}.trend-change.up{background:#fee2e2;color:#dc2626}.trend-change.down{background:#dcfce7;color:#16a34a}.category-reasoning{color:#64748b;font-size:12px;font-style:italic}.recommendations-summary{padding:24px}.recommendation-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s ease}.recommendation-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.recommendation-card.high{background:linear-gradient(135deg,#fef2f2,#fff);border-left:5px solid #ef4444}.recommendation-card.medium{background:linear-gradient(135deg,#fffbeb,#fff);border-left:5px solid #f59e0b}.recommendation-card.low{background:linear-gradient(135deg,#f0fdf4,#fff);border-left:5px solid #10b981}.rec-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.rec-icon{font-size:20px}.rec-title{color:#1e3a5f;flex:1;font-weight:600}.rec-priority{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.rec-priority.high{background:#fee2e2;color:#dc2626}.rec-priority.medium{background:#fef3c7;color:#d97706}.rec-priority.low{background:#dcfce7;color:#16a34a}.rec-description{color:#64748b;line-height:1.5;margin-bottom:12px}.rec-impact{color:#10b981;font-size:14px;font-weight:600}.detailed-recommendations{border-top:1px solid #e1e5e9;margin-top:24px;padding-top:24px}.action-item{background:#f8fafc;border-left:4px solid #6b73ff;border-radius:8px;margin-bottom:16px;padding:16px}.action-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.action-title{color:#1e3a5f;font-weight:600}.action-timeframe{background:#fff;border-radius:10px;color:#64748b;font-size:12px;padding:4px 8px}.action-description{color:#64748b;line-height:1.5;margin-bottom:12px}.action-steps{display:grid;gap:8px}.step{gap:8px}.step,.step-number{align-items:center;display:flex}.step-number{background:#6b73ff;border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;width:20px}.step-text{color:#1e3a5f;font-size:14px}.savings-summary{padding:24px}.savings-goal-card{background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #d1fae5;border-radius:12px;margin-bottom:16px;padding:20px}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.goal-header h4{color:#1e3a5f;font-weight:600;margin:0}.goal-amount{color:#10b981;font-size:18px;font-weight:700}.goal-progress{margin-bottom:16px}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#6b73ff);height:100%;transition:width .3s ease}.progress-text{color:#10b981;font-size:14px;font-weight:600}.goal-timeline{display:grid;gap:8px}.timeline-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.timeline-item span:first-child{color:#64748b}.completion-date.on-track{color:#10b981;font-weight:600}.completion-date.off-track{color:#ef4444;font-weight:600}.good-pace{color:#10b981}.slow-pace{color:#f59e0b}.goal-recommendations{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.goal-recommendations h5{color:#1e3a5f;font-size:14px;font-weight:600;margin:0 0 8px}.goal-rec{color:#64748b;font-size:13px;padding:4px 0}.no-goals-message{color:#64748b;padding:40px;text-align:center}.no-goals-message a{color:#6b73ff;font-weight:600;text-decoration:none}.no-goals-message a:hover{text-decoration:underline}.alerts-summary{padding:24px}.alert-card{border-left:5px solid;border-radius:12px;margin-bottom:16px;padding:20px}.alert-card.high{background:linear-gradient(135deg,#fef2f2,#fff);border-left-color:#ef4444}.alert-card.medium{background:linear-gradient(135deg,#fffbeb,#fff);border-left-color:#f59e0b}.alert-card.low{background:linear-gradient(135deg,#f0f9ff,#fff);border-left-color:#3b82f6}.alert-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.alert-icon{font-size:20px}.alert-title{color:#1e3a5f;flex:1;font-weight:600}.alert-severity{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.alert-severity.high{background:#fee2e2;color:#dc2626}.alert-severity.medium{background:#fef3c7;color:#d97706}.alert-severity.low{background:#dbeafe;color:#2563eb}.alert-description{color:#64748b;line-height:1.5;margin-bottom:12px}.alert-timeline{margin-bottom:12px}.alert-suggestions h5,.alert-timeline{color:#1e3a5f;font-size:14px;font-weight:600}.alert-suggestions h5{margin:0 0 8px}.suggestion{color:#64748b;font-size:13px;padding:4px 0 4px 16px;position:relative}.suggestion:before{color:#6b73ff;content:"\2022";left:0;position:absolute}.no-alerts-message{padding:40px;text-align:center}.positive-message{align-items:center;color:#10b981;display:flex;font-weight:600;gap:8px;justify-content:center}.check-icon{font-size:20px}.detailed-cashflow{border-top:1px solid #e1e5e9;margin-top:24px;padding-top:24px}.cashflow-chart{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:16px}.month-cashflow{background:#f8fafc;border-radius:8px;padding:12px;text-align:center}.month-label{color:#64748b;font-size:12px;font-weight:600;margin-bottom:8px}.cashflow-bars{align-items:end;display:flex;gap:4px;height:60px;justify-content:space-around;margin-bottom:8px}.expense-bar,.income-bar{border-radius:2px;min-height:4px;position:relative;width:100%}.income-bar{background:linear-gradient(0deg,#10b981,#34d399)}.expense-bar{background:linear-gradient(0deg,#ef4444,#f87171)}.bar-label{color:#1e3a5f;font-size:10px;font-weight:600;left:50%;position:absolute;top:-16px;transform:translateX(-50%);white-space:nowrap}.net-flow{font-size:12px;font-weight:600;margin-bottom:4px}.net-flow .positive{color:#10b981}.net-flow .negative{color:#ef4444}.balance{color:#64748b;font-size:11px}.prediction-insights{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;margin-bottom:24px;padding:24px}.prediction-insights h3{color:#1e3a5f;font-size:20px;font-weight:700;margin:0 0 20px}.insights-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.insight-card{background:#fff;border:1px solid rgba(107,115,255,.1);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:20px}.insight-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.insight-icon{font-size:20px}.insight-title{color:#1e3a5f;font-weight:600}.insight-text{color:#64748b;line-height:1.6;margin-bottom:12px}.insight-confidence{color:#6b73ff;font-size:12px;font-weight:600}.detailed-savings{background:#f8fafc;border-top:1px solid #e1e5e9;padding:24px}.detailed-savings h4{color:#1e3a5f;font-size:18px;font-weight:600;margin:0 0 20px}.detailed-goal{background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:16px;padding:20px}.detailed-goal h5{color:#4f46e5;font-size:16px;font-weight:600;margin:0 0 16px}.detailed-goal h6{color:#374151;font-size:14px;font-weight:600;margin:16px 0 8px}.goal-timeline-detailed{margin-bottom:16px}.goal-timeline-detailed .timeline-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.goal-timeline-detailed .timeline-item:last-child{border-bottom:none}.goal-rec-detailed{align-items:flex-start;color:#4b5563;display:flex;gap:8px;padding:4px 0}.rec-bullet{color:#6b73ff;font-weight:700}.goal-projections{background:#f9fafb;border-radius:6px;margin-top:12px;padding:12px}.projection-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.projection-item:first-child{color:#374151;font-weight:600}.no-detailed-goals{color:#6b7280;font-style:italic;padding:40px 20px;text-align:center}.good-pace{color:#059669;font-weight:600}.slow-pace{color:#dc2626;font-weight:600}.ahead{color:#059669}.ahead,.behind{font-weight:500}.behind{color:#dc2626}@media (max-width:768px){.predictive-budgeting{padding:0 12px}.predictive-header{margin-bottom:20px;padding:20px}.predictive-header h2{font-size:20px}.prediction-controls{flex-direction:column;gap:8px}.method-selector,.timeframe-selector{width:100%}.forecast-card .amount{font-size:28px}.forecast-comparison{gap:12px;grid-template-columns:1fr}.section-header{padding:16px 20px}.alerts-summary,.forecast-summary,.recommendations-summary,.savings-summary{padding:20px}.insights-grid{gap:12px;grid-template-columns:1fr}.cashflow-chart{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width:480px){.predictive-header{padding:16px}.forecast-card{padding:20px}.forecast-card .amount{font-size:24px}.section-header{padding:12px 16px}.alert-card,.alerts-summary,.forecast-summary,.recommendation-card,.recommendations-summary,.savings-goal-card,.savings-summary{padding:16px}}.desktop-side-menu{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,#fff 0,var(--gray-50) 100%);border-right:1px solid var(--gray-200);box-shadow:var(--shadow-xl);color:var(--gray-900);display:flex;flex-direction:column;gap:20px;height:100vh;left:0;opacity:1;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transform:translateZ(0);transition:width .3s cubic-bezier(.4,0,.2,1);visibility:visible;width:320px;will-change:auto;z-index:1000}.desktop-side-menu::-webkit-scrollbar-track{background:var(--gray-100)}.desktop-side-menu::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.desktop-side-menu::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.desktop-side-menu.collapsed{width:80px}.collapse-btn{align-items:center;backdrop-filter:blur(10px);background:rgba(0,0,0,.05);border:1px solid var(--gray-300);border-radius:50%;color:var(--gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;position:absolute;right:var(--spacing-4);top:var(--spacing-4);transition:all .2s ease;width:32px;z-index:10}.collapse-btn:hover{background:rgba(0,0,0,.1);border-color:var(--gray-400);box-shadow:var(--shadow-md);color:var(--gray-800);transform:scale(1.05)}.collapse-btn:active{transform:scale(.95)}.desktop-side-menu.collapsed .collapse-btn{right:25px}.side-menu-header{border-bottom:1px solid var(--gray-200);display:block;padding:var(--spacing-5) var(--spacing-4);position:relative;visibility:visible}.user-profile-section{align-items:center;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);opacity:1;visibility:visible}.user-avatar{align-items:center;background:var(--gray-100);border:2px solid var(--gray-200);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}ree
.user-avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.user-avatar .avatar-fallback{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.user-info{flex:1;min-width:0}.user-greeting-section{align-items:center;display:flex;flex-direction:column-reverse;gap:12px;margin-bottom:var(--spacing-2)}.user-icon{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.user-greeting{color:var(--gray-900);font-size:var(--font-size-base);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-settings-btn{background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-xl);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3);transition:all .2s ease}.profile-settings-btn:hover{background:var(--gray-200);transform:translateY(-1px)}.premium-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--radius-xl);color:var(--gray-900);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;margin-bottom:var(--spacing-4);padding:var(--spacing-1) var(--spacing-3);text-align:center;text-transform:uppercase}.side-menu-nav{align-items:left;flex:1;min-height:fit-content}.nav-section{margin-bottom:var(--spacing-6)}.nav-section-title{color:var(--gray-600);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-3);padding:0 var(--spacing-2);text-transform:uppercase}.nav-item{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);color:var(--gray-800);cursor:pointer;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-1);text-decoration:none;transform:translateZ(0);transition:all .2s ease;will-change:auto}.nav-item:hover{background:var(--gray-100);color:var(--gray-800);transform:translateX(4px)}.nav-item.active{background:var(--primary-color);box-shadow:var(--shadow-md);color:#fff}.nav-button{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--gray-700);cursor:pointer;padding:var(--spacing-3);text-align:left;transform:translateZ(0);transition:all .2s ease;width:100%;will-change:auto}.nav-button:hover{background:var(--gray-100);color:var(--gray-900)}.nav-button.active{background:var(--primary-color);box-shadow:var(--shadow-md);color:#1f53cd}.nav-item-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-item-icon,.nav-item-icon img{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:auto}.nav-item-icon img{height:100%;object-fit:contain;width:100%}.nav-item-text{font-size:var(--font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financial-summary{border-top:1px solid var(--gray-200);padding:var(--spacing-4)}.summary-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);padding:var(--spacing-4)}.summary-card-title{color:var(--gray-700);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-2);text-transform:uppercase}.summary-card-value{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-2)}.summary-card-details{color:var(--gray-600);font-size:var(--font-size-xs);line-height:1.4}.summary-card-details strong{color:var(--gray-800)}.side-menu-footer{border-top:1px solid var(--gray-200);margin-top:auto;padding:var(--spacing-4)}.footer-actions{display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-action-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-3);padding:var(--spacing-3);text-align:left;transition:all .2s ease;width:100%}.footer-action-btn:hover{background:var(--gray-100);color:var(--gray-800);transform:translateX(4px)}.footer-action-btn .action-icon{align-items:center;color:var(--gray-600);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.footer-action-btn:hover .action-icon{color:var(--gray-700)}.desktop-side-menu.collapsed .financial-summary,.desktop-side-menu.collapsed .footer-action-btn span,.desktop-side-menu.collapsed .nav-item-text,.desktop-side-menu.collapsed .premium-badge,.desktop-side-menu.collapsed .user-info{display:none}.desktop-side-menu.collapsed .nav-item{justify-content:center;padding:var(--spacing-3)}.desktop-side-menu.collapsed .nav-item-icon{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:24px;transform:translateZ(0);width:24px;will-change:auto}.desktop-side-menu.collapsed .side-menu-header{padding:var(--spacing-4) var(--spacing-2);padding-top:30px}.desktop-side-menu.collapsed .user-profile-section{justify-content:center}.desktop-side-menu.collapsed .side-menu-footer{padding:var(--spacing-4) var(--spacing-2)}.desktop-side-menu.collapsed .footer-action-btn{justify-content:center;padding:var(--spacing-3)}.desktop-side-menu.collapsed .footer-action-btn .action-icon{height:24px;width:24px}@media (max-width:768px){.desktop-side-menu{height:auto;position:relative;width:100%;z-index:100}.desktop-side-menu.collapsed{width:100%}.desktop-side-menu.collapsed .financial-summary,.desktop-side-menu.collapsed .nav-item-text,.desktop-side-menu.collapsed .premium-badge,.desktop-side-menu.collapsed .user-info{display:block}.desktop-side-menu.collapsed .nav-item{justify-content:flex-start;padding:var(--spacing-3) var(--spacing-4)}.desktop-side-menu.collapsed .user-profile-section{justify-content:flex-start}}.desktop-side-menu::-webkit-scrollbar{width:6px}.desktop-side-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.desktop-side-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:var(--radius-sm)}.desktop-side-menu::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.quick-expense-container{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.quick-expense-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.quick-expense-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.btn-edit{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:4px;padding:8px 12px;transition:background-color .2s ease}.quick-expense-list{display:flex;flex-direction:column;gap:12px}.quick-expense-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px;position:relative;transition:border-color .2s ease}.quick-expense-item:hover{border-color:var(--primary-color)}.quick-expense-item.editing{align-items:stretch;flex-direction:column;gap:12px}.expense-info{display:flex;flex:1;flex-direction:column;gap:4px}.expense-name{color:var(--text-primary);font-size:1rem;font-weight:600}.expense-category{background:var(--secondary-color);border-radius:12px;color:#000;font-size:.85rem;padding:2px 8px;width:fit-content}.expense-input{align-items:center;display:flex;gap:8px}.expense-input input{border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;padding:8px 12px;text-align:right;width:120px}.expense-input input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.btn-add{align-items:center;background:var(--success-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:40px;padding:8px 12px;transition:background-color .2s ease}.btn-add:disabled{background:grey;cursor:not-allowed;opacity:.6}.expense-actions{display:flex;gap:8px;margin-left:8px}.btn-delete-individual,.btn-edit-individual{align-items:center;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:32px;padding:6px 8px;transition:background-color .2s ease}.btn-delete-individual{background:var(--error-color)}.btn-delete-individual:hover{background:var(--error-hover)}.expense-edit-form{align-items:center;display:flex;gap:12px;width:100%}.expense-edit-form .expense-name-input{flex:1}.expense-edit-form .expense-category-select,.expense-edit-form .expense-name-input{border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;padding:8px 12px}.expense-edit-form .expense-category-select{background:#fff;min-width:150px}.expense-edit-actions{display:flex;gap:8px}.btn-save{align-items:center;background:var(--success-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:32px;padding:8px;transition:background-color .2s ease}.btn-save:hover{background:var(--success-hover)}.btn-cancel{align-items:center;background:var(--error-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:32px;padding:8px;transition:background-color .2s ease}.btn-cancel:hover{background:var(--error-hover)}.no-quick-expenses{color:var(--text-secondary);padding:20px;text-align:center}.no-quick-expenses p{margin:0 0 16px}.btn-primary{background:var(--primary-color);border:none;border-radius:8px;color:#fff;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.btn-primary,.btn-secondary{cursor:pointer;font-size:.9rem}.btn-secondary{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:8px 16px;transition:all .2s ease}.btn-secondary:hover{background:var(--hover-color)}.quick-expense-editor{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.quick-expense-editor .quick-expense-header{margin-bottom:20px}.quick-expense-actions{display:flex;gap:8px}.quick-expense-editor .quick-expense-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:12px}.expense-name-input{border:1px solid var(--border-color);border-radius:6px;flex:1;font-size:.9rem;padding:8px 12px}.expense-name-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.expense-category-select{background:#fff;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;min-width:120px;padding:8px 12px}.expense-category-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.btn-remove{align-items:center;background:var(--error-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:32px;padding:8px;transition:background-color .2s ease}.btn-remove:hover{background:var(--error-hover)}.btn-add-new{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:background-color .2s ease;width:100%}@media (max-width:768px){.quick-expense-container,.quick-expense-editor{padding:16px}.quick-expense-item{align-items:stretch;flex-direction:column;gap:8px}.expense-input{justify-content:space-between}.expense-input input{flex:1;width:100%}.quick-expense-editor .quick-expense-item{align-items:stretch;flex-direction:column}.expense-category-select,.expense-name-input{width:100%}.expense-actions{justify-content:flex-end;margin-left:0;margin-top:8px}.expense-edit-form{align-items:stretch;flex-direction:column;gap:8px}.expense-edit-form .expense-category-select{min-width:auto;width:100%}.expense-edit-actions{justify-content:flex-end}}.home-page{background-color:var(--gray-50);min-height:100vh;padding:var(--spacing-6)}.dashboard-header{flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-8);text-align:center}.dashboard-header,.title-section{align-items:center;display:flex;justify-content:center}.title-section{gap:var(--spacing-3)}.title-icon{color:var(--primary-color);flex-shrink:0;font-size:2.25rem}.homepage-title-override{background:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;background-image:none!important;color:var(--gray-800)!important;font-size:2.1rem!important;font-weight:700!important;letter-spacing:.01em!important;margin:0!important;-webkit-text-fill-color:var(--gray-800)!important;text-fill-color:var(--gray-800)!important;box-shadow:none!important;text-shadow:none!important}.dashboard-description{color:var(--gray-600);font-size:1.1rem;margin:0;max-width:600px;text-align:center;text-shadow:none}.homepage-description-override{color:var(--gray-600)!important;font-size:1.1rem!important;margin:0!important;max-width:600px!important;text-align:center!important;text-shadow:none!important}.budget-period-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.period-content.simple{text-align:center}.period-title h3{color:var(--gray-800);font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.period-progress{margin-top:var(--spacing-4)}.progress-header{align-items:center;color:var(--gray-600);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--spacing-3)}.progress-percentage{color:var(--gray-800);font-weight:600}.progress-bar{background-color:var(--gray-200);height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-sm)}.progress-fill{background:linear-gradient(90deg,var(--success-color),var(--primary-color));height:100%;transition:width .3s ease}.current-free-to-use{border-top:1px solid var(--gray-200);margin-top:var(--spacing-5);padding-top:var(--spacing-4)}.free-to-use-label{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-2)}.free-to-use-amount{align-items:center;color:var(--primary-color);display:flex;flex-direction:column;font-size:var(--font-size-2xl);font-weight:700;gap:var(--spacing-2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.overspent-amount{color:#ef4444;font-size:var(--font-size-sm);font-weight:700}.notifications-section{backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(249,250,251,.95));border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-8);padding:var(--spacing-6)}.notifications-header{align-items:center;border-bottom:2px solid rgba(226,232,240,.6);display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.notifications-icon{background:linear-gradient(135deg,var(--warning-color),#f59e0b);-webkit-background-clip:text;color:var(--warning-color);font-size:1.75rem;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(245,158,11,.2))}.notifications-header h2{color:var(--gray-800);flex:1;font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.025em;margin:0}.notifications-count{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:2px solid hsla(0,0%,100%,.2);border-radius:10px;box-shadow:0 4px 12px rgba(124,58,237,.3);color:#fff;font-size:var(--font-size-sm);font-weight:700;min-width:28px;padding:var(--spacing-2) var(--spacing-3);text-align:center}.notifications-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.notification-item{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--spacing-3);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-item:before{background:linear-gradient(90deg,var(--warning-color),var(--warning-light));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.notification-item:hover{border-color:#e2e8f0;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.notification-item:hover:before{opacity:1}.notification-item.warning{background:linear-gradient(135deg,#fff,hsla(48,96%,89%,.1));border-left-color:var(--warning-color)}.notification-item.info{background:linear-gradient(135deg,#fff,rgba(219,234,254,.1))}.notification-item.success{background:linear-gradient(135deg,#fff,rgba(209,250,229,.1));border-left-color:var(--success-color)}.notification-item.error{background:linear-gradient(135deg,#fff,hsla(0,93%,94%,.1));border-left-color:var(--error-color)}.notification-content h4{color:var(--gray-800);font-size:var(--font-size-sm);font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0 0 var(--spacing-3) 0}.notification-message{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500;line-height:1.6;margin:0}.welcome-checklist{font-family:inherit}.welcome-checklist p{color:var(--gray-700);margin-bottom:20px}.checklist-section{margin-bottom:20px}.checklist-section h4{border-bottom:2px solid var(--primary-color);color:var(--primary-color);font-size:1rem;font-weight:600;margin:0 0 12px;padding-bottom:4px}.checklist-item{background:rgba(163,222,210,.1);border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;margin-bottom:16px;padding:12px}.checklist-item strong{color:var(--gray-800);display:block;font-weight:600;margin-bottom:4px}.checklist-item small{color:var(--gray-600);display:block;font-size:.875rem;line-height:1.4}.checklist-label{align-items:flex-start;cursor:pointer;display:flex;margin:0;padding:0}.checklist-label input[type=checkbox]{display:none}.checkmark{background:#fff;border:2px solid var(--primary-color);border-radius:4px;flex-shrink:0;height:20px;margin-right:12px;margin-top:2px;position:relative;transition:all .2s ease;width:20px}.checklist-label input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checklist-label input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checklist-content{flex:1}.checklist-label:hover .checkmark{border-color:var(--primary-dark);box-shadow:0 0 0 2px rgba(163,222,210,.2)}.checklist-label input[type=checkbox]:checked+.checkmark+.checklist-content strong{color:var(--primary-color);text-decoration:line-through}.checklist-label input[type=checkbox]:checked+.checkmark+.checklist-content{opacity:.7}.notification-dismiss{position:absolute;right:var(--spacing-4);top:var(--spacing-4)}.dismiss-btn{align-items:center;backdrop-filter:blur(10px);background:rgba(156,163,175,.1);border:none;border-radius:50%;color:var(--gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.dismiss-btn:hover{background:rgba(156,163,175,.2);color:var(--gray-700);transform:scale(1.1)}.notification-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-4)}.notification-btn{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;min-width:120px;padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease}.notification-btn.primary{background:linear-gradient(135deg,var(--error-color),#b91c1c);color:#fff}.notification-btn.primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:var(--shadow-md);transform:translateY(-2px)}.notification-btn.secondary{background:linear-gradient(135deg,var(--warning-color),#d97706);color:#fff}.notification-btn.secondary:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:var(--shadow-md);transform:translateY(-2px)}.notification-btn.tertiary{background:linear-gradient(135deg,var(--info-color),#2563eb);color:#fff}.notification-btn.tertiary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:var(--shadow-md);transform:translateY(-2px)}.notification-icon{display:block;font-size:1.5rem;margin-bottom:var(--spacing-3)}.notification-icon,.notification-item.warning .notification-icon{color:var(--warning-color)}.notification-item.info .notification-icon{color:var(--info-color)}.notification-item.success .notification-icon{color:var(--success-color)}.notification-item.error .notification-icon{color:var(--error-color)}.motivational-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px rgba(102,126,234,.15);margin-bottom:var(--spacing-8);overflow:hidden;padding:var(--spacing-6);position:relative}.motivational-close-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:var(--spacing-3);top:var(--spacing-3);transition:all .2s ease;width:32px;z-index:2}.motivational-close-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.motivational-close-btn:active{transform:scale(.95)}.motivational-section:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.motivational-content{align-items:flex-start;display:flex;gap:var(--spacing-4);position:relative;z-index:1}.motivational-icon{flex-shrink:0;font-size:2.5rem;margin-top:4px}.motivational-icon,.motivational-icon-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.motivational-icon-svg{height:2.5rem;object-fit:contain;width:2.5rem}.motivational-text{color:#fff;flex:1}.motivational-text h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 var(--spacing-3) 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.motivational-text p{color:hsla(0,0%,100%,.95);font-size:.9rem;line-height:1.6;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.stats-grid{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-8)}.stat-card{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-6);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{color:var(--primary-color);font-size:2rem;margin-bottom:var(--spacing-4)}.stat-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.stat-content h3{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-2)}.stat-value{color:var(--gray-800);font-size:var(--font-size-2xl);font-weight:700;margin:0}.stat-subtitle{color:var(--gray-500);font-size:var(--font-size-sm);font-weight:500;margin:var(--spacing-1) 0 0 0}.quick-actions{margin-bottom:var(--spacing-8)}.quick-actions h3{color:var(--gray-800);margin-bottom:var(--spacing-6);text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}.action-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all .2s ease}.action-btn.primary{background-color:#6eb83a;color:#fff}.action-btn.secondary{background-color:var(--primary-color);color:#fff}.action-btn.tertiary{background-color:var(--warning-color);color:#fff}.action-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-icon{font-size:1.25rem}@media (max-width:768px){.home-page{padding:var(--spacing-4)}.stats-grid{gap:var(--spacing-4)}.quick-actions{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);opacity:1!important;padding:var(--spacing-4)}.quick-actions,.quick-actions h3{display:block!important;visibility:visible!important}.quick-actions h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.action-buttons{align-items:center;flex-direction:column;gap:var(--spacing-3)}.action-btn,.action-buttons{display:flex!important;visibility:visible!important}.action-btn{font-size:var(--font-size-base);justify-content:center;max-width:300px;opacity:1!important;padding:var(--spacing-4) var(--spacing-6);width:100%}}@media (max-width:480px){.home-page{padding:var(--spacing-3)}.dashboard-header{margin-bottom:var(--spacing-6)}.title-icon{font-size:1.75rem}.quick-actions{margin-bottom:var(--spacing-4);opacity:1!important;padding:var(--spacing-3)}.quick-actions,.quick-actions h3{display:block!important;visibility:visible!important}.quick-actions h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-3)}.action-btn,.action-buttons{display:flex!important;visibility:visible!important}.action-btn{font-size:var(--font-size-sm);max-width:280px;opacity:1!important;padding:var(--spacing-3) var(--spacing-4)}.homepage-title-override{font-size:1.75rem!important}.period-title h3,.progress-header{font-size:var(--font-size-sm)}.motivational-section{margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.motivational-close-btn{font-size:1rem;height:28px;right:var(--spacing-2);top:var(--spacing-2);width:28px}.motivational-content{flex-direction:column;gap:var(--spacing-3);text-align:center}.motivational-icon{font-size:2rem;margin-top:0}.motivational-icon-svg{height:2rem;width:2rem}.motivational-text h3{font-size:1.25rem}.motivational-text p{font-size:1rem}}.about-overlay,.contact-overlay,.import-preview-overlay,.profile-popup-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:10000}.about-modal,.contact-modal,.import-preview-modal,.profile-popup-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,58,95,.15);margin:auto;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.income-header,.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:24px 30px 20px}.income-header h2,.modal-header h2,.modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0;padding-top:20px}.close-btn,.income-close-btn,.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.close-btn:hover,.income-close-btn:hover,.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.income-content .budget-period-note,.income-content .field-group label,.income-content .income-actions,.income-content .total-income,.income-content input,.income-content label,.income-content p,.income-content select{color:#333!important}.income-content input,.income-content select{background-color:#fff!important;border:1px solid #ddd!important;color:#333!important}.income-content input::placeholder,.income-content select::placeholder{color:#999!important}.income-content .budget-period-note{color:#666!important;font-size:14px!important;margin-bottom:20px!important}.income-content .total-income{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;color:#333!important;font-weight:600!important;margin:20px 0!important;padding:15px!important}.income-content .income-field-row{background-color:#f8f9fa!important;border:1px solid #3a3e42!important;border-radius:8px!important;margin-bottom:15px!important;padding:20px!important;position:relative!important}.income-content .field-group{margin-bottom:15px!important}.income-content .field-group label{color:#333!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.income-content .field-group input{background-color:#fff!important;border:1px solid #999!important;border-radius:6px!important;color:#333!important;font-size:14px!important;padding:12px!important;width:100%!important}.income-content .field-group input:focus{border-color:#1e3a5f!important;box-shadow:0 0 0 3px rgba(30,58,95,.1)!important;outline:none!important}.income-content .remove-field{align-items:center!important;background:#dc3545!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 4px rgba(220,53,69,.3)!important;color:#000!important;cursor:pointer!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:32px!important;justify-content:center!important;position:absolute!important;right:10px!important;top:10px!important;transition:all .2s ease!important;width:32px!important}.income-content .remove-field:hover{background:#c82333!important;box-shadow:0 4px 8px rgba(220,53,69,.4)!important;transform:scale(1.1)!important}.income-content .add-field{background:#28a745!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;margin-top:15px!important;padding:10px 20px!important}.income-content .income-actions{margin-top:20px!important;text-align:center!important}.form-group{margin-bottom:20px}.form-group.checkbox{align-items:center!important;flex-direction:row!important;gap:12px!important}.form-group.checkbox label{align-items:center!important;cursor:pointer!important;display:flex!important;gap:8px!important;margin-bottom:0!important}.form-group.checkbox input[type=checkbox]{cursor:pointer!important;height:18px!important;margin:0!important;width:18px!important}.form-group.checkbox span{color:#333!important;font-size:14px!important;font-weight:500!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.form-group label{margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px rgba(30,58,95,.1);outline:none}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{padding-right:36px;width:100%}.currency-symbol{color:#666;font-size:14px;font-weight:500;pointer-events:none;position:absolute;right:12px}.edit-form-actions,.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.add-btn,.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;text-align:center;transition:all .2s ease}.cancel-btn:hover{color:#333}.add-btn,.save-btn{background:#1e3a5f;box-shadow:0 2px 4px rgba(30,58,95,.2);color:#fff}.add-btn:hover,.save-btn:hover{background:#2c5282;box-shadow:0 4px 8px rgba(30,58,95,.3);transform:translateY(-1px)}.add-btn:disabled,.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.add-limit-inline{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.add-limit-inline .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 30px 20px}.add-limit-inline .modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0}.add-limit-inline .modal-content{padding:30px}.add-limit-inline .modal-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding:20px 30px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:999px){.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:flex-start!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff!important;bottom:0!important;display:flex!important;justify-content:flex-start!important;left:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.add-limit-inline,.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;margin:0!important;max-height:100vh!important;max-width:100%!important;min-height:100vh!important;overflow:hidden!important;position:relative!important;width:100%!important}.add-limit-inline .modal-header,.income-header,.modal-header{background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:20px 60px 16px 24px!important;position:sticky!important;position:relative!important;top:0!important;width:-webkit-fill-available;z-index:10!important}.add-limit-inline .modal-header h2,.income-header h2,.modal-header h2,.modal-header h3{font-size:20px!important;font-weight:600!important}.add-limit-inline .modal-content,.income-content,.modal-body,.modal-content{align-items:center!important;display:flex!important;flex:1!important;flex-direction:column!important;max-width:100%!important;overflow-y:auto!important;padding:10px!important;width:-webkit-fill-available;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.form-group,.income-field-row,.modal-body form,.modal-body>div{align-items:center!important;display:flex!important;flex-direction:column!important;max-width:100%!important;width:100%!important}.income-content{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1!important;overscroll-behavior:contain!important;width:100%!important}.modal-body .user-profile{box-shadow:none!important;margin:0!important}.modal-body .user-profile,.modal-body .user-profile-details{background:none!important;border:none!important;max-width:100%!important;padding:0!important;width:100%!important}.modal-body .profile-info-row{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;box-sizing:border-box!important;margin-bottom:12px!important;max-width:100%!important;padding:10px!important;width:100%!important}.modal-body .profile-info-label{font-weight:600!important;margin-bottom:8px!important}.modal-body,.modal-body .profile-info-label{color:#333!important;display:block!important;width:100%!important}.field-group,.field-group input,.field-group label,.field-group select{text-align:center!important;width:100%!important}.summary-item{margin:0 auto!important;max-width:100%!important;width:100%!important}.add-limit-inline .modal-actions,.edit-form-actions,.modal-actions{background-color:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;margin-bottom:0!important;margin-top:0!important;padding:16px 24px 0!important;position:sticky!important;width:-webkit-fill-available;z-index:10!important}.add-btn,.cancel-btn,.edit-btn,.save-btn{border-radius:8px!important;font-size:16px!important;font-weight:600!important;min-width:120px!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.close-btn{align-items:center!important;background-color:#f3f4f6!important;border-radius:50%!important;display:flex!important;font-size:18px!important;height:30px!important;justify-content:center!important;position:absolute!important;right:5px!important;top:20px!important;transition:all .2s ease!important;width:30px!important;z-index:20!important}.close-btn:hover{background-color:#e5e7eb!important;transform:scale(1.1)!important}}body.modal-open{overflow:hidden!important}body.modal-open #root,body.modal-open .app-content,body.modal-open .balances-container,body.modal-open .budget-container,body.modal-open .container,body.modal-open .content,body.modal-open .current-balances-container,body.modal-open .expenses-container,body.modal-open .expenses-list-container,body.modal-open .grid-container,body.modal-open .projections-and-goals,body.modal-open .savings-goals-container,body.modal-open .spending-limits-container,body.modal-open main{overflow:hidden!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.modal-open .add-limit-overlay,body.modal-open .edit-expense-overlay,body.modal-open .edit-income-overlay,body.modal-open .edit-percentage-overlay,body.modal-open .modal-content,body.modal-open .modal-overlay,body.modal-open .spending-limits-overlay{pointer-events:auto!important;user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important}@media screen and (max-width:999px){body.modal-open{height:100%!important;position:fixed!important;width:100%!important}body.modal-open .mobile-header,body.modal-open .mobile-menu-backdrop,body.modal-open .mobile-menu-bar,body.modal-open .mobile-menu-blurred,body.modal-open .mobile-menu-container,body.modal-open .mobile-menu-header,body.modal-open .mobile-menu-overlay,body.modal-open .mobile-menu-toggle-btn,body.modal-open .mobile-menu-wrapper,body.modal-open .mobile-nav,body.modal-open .mobile-side-menu{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}}.edit-expense-modal,.edit-expense-modal *,.edit-expense-overlay,.edit-expense-overlay *,.modal-content,.modal-content *,.modal-overlay,.modal-overlay *{animation:none!important;scale:1!important;transform:none!important;transition:none!important;zoom:1!important}.language-selector{gap:8px}.language-button,.language-selector{align-items:center;display:flex;justify-content:center}.language-button{background-color:transparent;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;height:32px;padding:4px 8px;transition:all .2s ease;width:32px}.language-button.active{background-color:#1976d2;border-color:#1976d2;color:#fff}.language-button:hover:not(.active){background-color:#f5f5f5;border-color:#bdbdbd}.language-flag-icon{border:2px solid transparent;border-radius:10%;display:block;height:44px;margin:0;object-fit:cover;transition:all .2s ease;vertical-align:middle;width:44px}.language-button.active .language-flag-icon{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.3)}.language-button:hover .language-flag-icon{transform:scale(1.1)}.spending-limits-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{flex-direction:column;gap:10px;margin-bottom:32px}.component-title-section,.page-header{align-items:center;display:flex;justify-content:center}.component-title-section{gap:12px;margin-bottom:6px}.component-title-icon{color:#1e3a5f;height:44px;width:44px}.component-title-section h1{align-items:center;color:#000;display:flex;font-size:2.1rem;font-weight:600;letter-spacing:.01em;line-height:1;margin:0;text-align:center}.budget-period{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#6b7280;display:inline-block;font-size:1rem;font-weight:500;margin:8px 0;padding:8px 16px;text-align:center;width:100%}.page-description{color:#535864;font-size:1.1rem;margin:0;text-align:center;text-shadow:rgba(60,0,80,.1) 0 1px 8px}.limits-header{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2c5282);border-radius:12px;box-shadow:0 4px 20px rgba(30,58,95,.2);color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.limits-header h2{font-size:24px;font-weight:600;margin:0}.add-limit-btn{background:#6eb83a;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-limit-btn:hover{background:#9acfbf;color:#333;transform:translateY(-1px)}.limits-summary{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:20px;text-align:center}.summary-title{color:#666;font-size:14px;font-weight:500;margin-bottom:10px}.summary-value{color:#1e3a5f;font-size:24px;font-weight:700}.limits-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.limit-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.limit-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-2px)}.limit-card.good{border-left:4px solid #4caf50}.limit-card.warning{border-left:4px solid #ff9800}.limit-card.over{border-left:4px solid #f44336}.limit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.limit-category{color:#1e3a5f;font-size:18px;font-weight:600}.delete-limit-btn{align-items:center;background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.delete-limit-btn:hover{background:#d32f2f;transform:scale(1.1)}.limit-progress{margin-bottom:15px}.progress-bar{background:#f0f0f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.progress-fill.good{background:linear-gradient(90deg,#4caf50,#66bb6a)}.progress-fill.warning{background:linear-gradient(90deg,#ff9800,#ffb74d)}.progress-fill.over{background:linear-gradient(90deg,#f44336,#ef5350)}.over-limit-bar{background:linear-gradient(90deg,#9c27b0,#ba68c8);border-radius:4px;height:100%;position:absolute;right:0;top:0}.progress-text{color:#666;font-size:12px;font-weight:500;text-align:center}.limit-amounts{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.amount-item{align-items:center;display:flex;justify-content:space-between}.amount-label{color:#666;font-size:14px;font-weight:500}.amount-value{color:#1e3a5f;font-size:14px;font-weight:600}.amount-value.good{color:#4caf50}.amount-value.warning{color:#ff9800}.amount-value.over{color:#f44336}.limit-status{border-radius:6px;font-size:14px;font-weight:600;padding:8px 12px;text-align:center}.limit-status.good{background:rgba(76,175,80,.1);color:#4caf50}.limit-status.warning{background:rgba(255,152,0,.1);color:#ff9800}.limit-status.over{background:rgba(244,67,54,.1);color:#f44336}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-width:400px;width:90%}.modal-content h3{color:#1e3a5f;font-size:20px;font-weight:600;margin:0 0 20px}.modal-form{gap:20px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px rgba(30,58,95,.1);outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#e0e0e0}.add-btn{background:#1e3a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-btn:hover{background:#2c5282;transform:translateY(-1px)}.loading-spinner{align-items:center;color:#666;display:flex;font-size:18px;height:20px;justify-content:center}@media (max-width:768px){.spending-limits-page{padding:15px}.component-title-section h1{font-size:var(--font-size-2xl)}.limits-header{flex-direction:column;gap:15px;text-align:center}.limits-grid,.limits-summary{gap:15px;grid-template-columns:1fr}.limit-card{padding:15px}.modal-content{margin:20px;padding:20px}}@media (max-width:480px){.limits-header h2,.summary-value{font-size:20px}.limit-category{font-size:16px}}.realtime-budget-tracking{margin:0 auto;max-width:1200px;padding:20px}.component-title-section{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:6px}.component-title-icon{color:#1e3a5f;height:44px;width:44px}.component-header h2{color:#1e3a5f;font-size:2.1rem;font-weight:700;margin:0}.budget-period{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#6b7280;display:inline-block;font-size:1rem;font-weight:500;margin-top:30px;padding:8px 16px;text-align:center;width:100%}.realtime-header{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2c5282);border-radius:12px;box-shadow:0 4px 20px rgba(30,58,95,.2);color:#fff;display:flex;gap:40px;justify-content:center;margin-bottom:30px;padding:20px;text-align:center}.realtime-header h2{font-size:24px;font-weight:600;margin:0}.realtime-timestamp{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.current-time{font-family:Courier New,monospace;font-size:18px;font-weight:600}.current-date{font-size:14px;opacity:.8}.realtime-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.realtime-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:20px;transition:transform .2s ease,box-shadow .2s ease}.realtime-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-2px)}.card-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.card-icon{font-size:20px}.card-title{color:#1e3a5f;font-size:16px;font-weight:600}.card-value{color:#1e3a5f;font-size:28px;font-weight:700;margin-bottom:8px}.card-subtitle{color:#f5e9e9;font-size:14px;margin-bottom:15px}.card-details{display:flex;flex-direction:column;gap:6px}.detail-item{color:#f5e9e9;display:flex;font-size:14px;justify-content:space-between}.detail-item span{font-weight:500}.balance-card{border-left:4px solid #4caf50}.free-to-use-card{border-left:4px solid #2196f3}.remaining-expenses-card{border-left:4px solid #ff9800;grid-column:1/-1}.remaining-expenses-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-x:hidden;overflow-y:auto}.remaining-expense-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.expense-status{align-items:center;display:flex;justify-content:center;min-width:20px}.status-symbol{cursor:help}.expense-details{display:flex;flex:1;flex-direction:column;gap:2px;width:100%}.expense-name{color:#1e3a5f;font-size:12px;font-weight:600}.expense-info{color:#6b7280;font-size:12px}.recurring-info{color:#8b5cf6;font-weight:500}.payment-date{color:#059669;font-weight:500}.expense-amount{color:#1e3a5f;display:flex;font-size:14px;font-weight:600;gap:10px;min-width:80px;text-align:right}.expenses-card{border-left:4px solid #ff9800}.rate-card{border-left:4px solid #9c27b0}.alert-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:14px;font-weight:600;margin:10px 0;padding:8px 12px}.free-to-use-card.warning{background:linear-gradient(135deg,#fff3cd,#fff);border-left:4px solid #ffc107}.free-to-use-card.critical{background:linear-gradient(135deg,#f8d7da,#fff);border-left:4px solid #dc3545}.free-to-use-card.moderate{background:linear-gradient(135deg,#d1ecf1,#fff);border-left:4px solid #17a2b8}.update-item.alert{background:#fff3cd;border-left:3px solid #ffc107}.spending-progress{margin:15px 0}.spending-progress .progress-bar-container{background-color:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.spending-progress .progress-bar{border-radius:4px;height:100%;transition:width .6s ease-out}.spending-progress .progress-bar.normal{background:linear-gradient(90deg,#4caf50,#66bb6a)}.spending-progress .progress-bar.moderate{background:linear-gradient(90deg,#17a2b8,#20c997)}.spending-progress .progress-bar.warning{background:linear-gradient(90deg,#ffc107,#ffca2c)}.spending-progress .progress-bar.critical{background:linear-gradient(90deg,#dc3545,#e74c3c)}.progress-text{color:#666;font-size:12px;font-weight:500;text-align:center}.realtime-updates{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.realtime-updates h3{color:#1e3a5f;font-size:18px;font-weight:600;margin:0 0 15px}.updates-list{display:flex;flex-direction:column;gap:10px}.update-item{align-items:center;background:#f8f9fa;border-left:3px solid #1e3a5f;border-radius:8px;display:flex;gap:15px;padding:10px}.update-time{color:#666;font-family:Courier New,monospace;font-size:12px;font-weight:600;min-width:80px}.update-text{color:#333;font-size:14px}.status-indicators{display:flex;flex-wrap:wrap;gap:20px}.status-item{align-items:flex-start;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;gap:4px;justify-content:space-between;padding:8px 10px}.status-dot{background:#ccc;border-radius:50%;height:8px;width:8px}.status-item.online .status-dot{animation:pulse 2s infinite;background:#4caf50}.tracking-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px;padding:0}.component-header{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.status-text{color:#333}.status-text,.tracking-label{font-size:14px;font-weight:500}.tracking-label{align-items:center;background-color:#f0f0f0;border-radius:2px;color:#fff;display:flex;justify-content:center;margin-bottom:10px;padding:10px}.tracking-card.remaining-expenses-card .tracking-label,.tracking-card:first-child .tracking-label,.tracking-card:nth-child(2) .tracking-label,.tracking-card:nth-child(3) .tracking-label,.tracking-card:nth-child(4) .tracking-label,.tracking-card:nth-child(5) .tracking-label,.tracking-card:nth-child(6) .tracking-label{background-color:#6eb83a}.tracking-card{backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(249,250,251,.95));border:1px solid rgba(226,232,240,.8);border-radius:5px;box-shadow:0 8px 32px rgba(0,0,0,.08);overflow:hidden;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.progress-info-rt{align-items:center;color:var(--text-tertiary,#9ca3af);display:flex;flex-direction:column;font-size:.75rem;justify-content:center}.tracking-card:before{border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.tracking-card:hover{border-color:rgba(124,58,237,.3);box-shadow:0 16px 48px rgba(0,0,0,.12);transform:translateY(-4px)}.tracking-card-header{align-items:center;border-bottom:1px solid rgba(226,232,240,.6);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.tracking-card-title{align-items:center;color:var(--gray-900,#1f2937);display:flex;font-size:18px;font-weight:600;gap:12px;margin:0}.tracking-card-icon{align-items:center;color:var(--primary-color,#7c3aed);display:flex;height:24px;justify-content:center;width:24px}.tracking-card-value{color:var(--gray-900,#1f2937);font-size:32px;font-weight:700;line-height:1.2;margin:16px 0 12px}.tracking-card-subtitle{color:var(--gray-600,#4b5563);font-size:14px;font-weight:500;margin-bottom:20px}.tracking-card-details{display:flex;flex-direction:column;gap:12px}.tracking-detail-item{align-items:center;background:hsla(0,0%,100%,.6);border:1px solid rgba(226,232,240,.4);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.tracking-detail-label{color:var(--gray-700,#374151);font-size:14px;font-weight:500}.tracking-detail-value{color:var(--gray-900,#1f2937);font-size:16px;font-weight:600}.tracking-detail-value.positive{color:var(--success-color,#10b981)}.tracking-detail-value.negative{color:var(--error-color,#ef4444)}.tracking-detail-value.warning{color:var(--warning-color,#f59e0b)}.tracking-card-status{align-items:center;background:rgba(124,58,237,.05);border:1px solid rgba(124,58,237,.1);border-radius:8px;display:flex;gap:8px;margin-top:16px;padding:12px 16px}.tracking-status-dot{animation:pulse 2s infinite;background:var(--success-color,#10b981);border-radius:50%;height:8px;width:8px}.tracking-status-text{color:var(--gray-700,#374151);font-size:13px;font-weight:500}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:768px){.realtime-budget-tracking{padding:15px}.realtime-header{flex-direction:column;gap:15px;text-align:center}.realtime-grid{gap:15px;grid-template-columns:1fr}.tracking-grid{gap:20px;grid-template-columns:1fr;padding:0 16px}.tracking-card{padding:20px}.tracking-card-value{font-size:28px}.realtime-card{padding:15px}.card-value{font-size:24px}.status-indicators{flex-direction:column;gap:10px}}@media (max-width:480px){.realtime-header h2{font-size:20px}.current-time{font-size:16px}.card-value{font-size:20px}.tracking-grid{gap:16px;padding:0 12px}.tracking-card{padding:16px}.tracking-card-value{font-size:24px}.tracking-card-title{font-size:16px}}.about-overlay,.contact-overlay,.import-preview-overlay,.profile-popup-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:40px 20px;position:fixed;right:0;top:0;z-index:10000}.about-modal,.contact-modal,.import-preview-modal,.profile-popup-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,58,95,.15);margin:auto;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.income-header,.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:24px 30px 20px}.income-header h2,.modal-header h2,.modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0;padding-top:20px}.close-btn,.income-close-btn,.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.close-btn:hover,.income-close-btn:hover,.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.income-content .budget-period-note,.income-content .field-group label,.income-content .income-actions,.income-content .total-income,.income-content input,.income-content label,.income-content p,.income-content select{color:#333!important}.income-content input,.income-content select{background-color:#fff!important;border:1px solid #ddd!important;color:#333!important}.income-content input::placeholder,.income-content select::placeholder{color:#999!important}.income-content .budget-period-note{color:#666!important;font-size:14px!important;margin-bottom:20px!important}.income-content .total-income{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;color:#333!important;font-weight:600!important;margin:20px 0!important;padding:15px!important}.income-content .income-field-row{background-color:#f8f9fa!important;border:1px solid #3a3e42!important;border-radius:8px!important;margin-bottom:15px!important;padding:20px!important;position:relative!important}.income-content .field-group{margin-bottom:15px!important}.income-content .field-group label{color:#333!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.income-content .field-group input{background-color:#fff!important;border:1px solid #999!important;border-radius:6px!important;color:#333!important;font-size:14px!important;padding:12px!important;width:100%!important}.income-content .field-group input:focus{border-color:#1e3a5f!important;box-shadow:0 0 0 3px rgba(30,58,95,.1)!important;outline:none!important}.income-content .remove-field{align-items:center!important;background:#dc3545!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 4px rgba(220,53,69,.3)!important;color:#000!important;cursor:pointer!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:32px!important;justify-content:center!important;position:absolute!important;right:10px!important;top:10px!important;transition:all .2s ease!important;width:32px!important}.income-content .remove-field:hover{background:#c82333!important;box-shadow:0 4px 8px rgba(220,53,69,.4)!important;transform:scale(1.1)!important}.income-content .add-field{background:#28a745!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;margin-top:15px!important;padding:10px 20px!important}.income-content .income-actions{margin-top:20px!important;text-align:center!important}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group.checkbox{align-items:center!important;flex-direction:row!important;gap:12px!important}.form-group.checkbox label{align-items:center!important;cursor:pointer!important;display:flex!important;gap:8px!important;margin-bottom:0!important}.form-group.checkbox input[type=checkbox]{cursor:pointer!important;height:18px!important;margin:0!important;width:18px!important}.form-group.checkbox span{color:#333!important;font-size:14px!important;font-weight:500!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px rgba(30,58,95,.1);outline:none}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{padding-right:36px;width:100%}.currency-symbol{color:#666;font-size:14px;font-weight:500;pointer-events:none;position:absolute;right:12px}.edit-form-actions,.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.add-btn,.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;text-align:center;transition:all .2s ease}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#666}.cancel-btn:hover{background:#e0e0e0;color:#333}.add-btn,.save-btn{background:#1e3a5f;box-shadow:0 2px 4px rgba(30,58,95,.2);color:#fff}.add-btn:hover,.save-btn:hover{background:#2c5282;box-shadow:0 4px 8px rgba(30,58,95,.3);transform:translateY(-1px)}.add-btn:disabled,.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.add-limit-inline{animation:slide-up .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.add-limit-inline .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 30px 20px}.add-limit-inline .modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.2;margin:0}.add-limit-inline .modal-content{padding:30px}.add-limit-inline .modal-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding:20px 30px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:999px){.add-limit-overlay,.edit-expense-overlay,.edit-income-overlay,.edit-percentage-overlay,.modal-overlay,.profile-popup-overlay,.spending-limits-overlay{align-items:flex-start!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff!important;bottom:0!important;display:flex!important;justify-content:flex-start!important;left:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.add-limit-inline,.add-limit-modal,.edit-expense-modal,.edit-income-modal,.edit-percentage-modal,.modal-content,.profile-popup-modal,.spending-limits-modal{border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;margin:0!important;max-height:100vh!important;max-width:100%!important;min-height:100vh!important;overflow:hidden!important;position:relative!important;width:100%!important}.add-limit-inline .modal-header,.income-header,.modal-header{background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:20px 60px 16px 24px!important;position:sticky!important;position:relative!important;top:0!important;width:-webkit-fill-available;z-index:10!important}.add-limit-inline .modal-header h2,.income-header h2,.modal-header h2,.modal-header h3{font-size:20px!important;font-weight:600!important}.add-limit-inline .modal-content,.income-content,.modal-body,.modal-content{align-items:center!important;display:flex!important;flex:1!important;flex-direction:column!important;max-width:100%!important;overflow-y:auto!important;padding:10px!important;width:-webkit-fill-available;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.form-group,.income-field-row,.modal-body form,.modal-body>div{align-items:center!important;display:flex!important;flex-direction:column!important;max-width:100%!important;width:100%!important}.income-content{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1!important;overscroll-behavior:contain!important;width:100%!important}.modal-body .user-profile{box-shadow:none!important;margin:0!important}.modal-body .user-profile,.modal-body .user-profile-details{background:none!important;border:none!important;max-width:100%!important;padding:0!important;width:100%!important}.modal-body .profile-info-row{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;box-sizing:border-box!important;margin-bottom:12px!important;max-width:100%!important;padding:10px!important;width:100%!important}.modal-body .profile-info-label{font-weight:600!important;margin-bottom:8px!important}.modal-body,.modal-body .profile-info-label{color:#333!important;display:block!important;width:100%!important}.field-group,.field-group input,.field-group label,.field-group select{text-align:center!important;width:100%!important}.summary-item{margin:0 auto!important;max-width:100%!important;width:100%!important}.add-limit-inline .modal-actions,.edit-form-actions,.modal-actions{background-color:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;margin-bottom:0!important;margin-top:0!important;padding:16px 24px 0!important;position:sticky!important;width:-webkit-fill-available;z-index:10!important}.add-btn,.cancel-btn,.edit-btn,.save-btn{border-radius:8px!important;font-size:16px!important;font-weight:600!important;min-width:120px!important}.pull-to-refresh{color:#2196f3;font-size:13px;margin-top:16px;padding:10px 0;text-align:center}.close-btn{align-items:center!important;background-color:#f3f4f6!important;border-radius:50%!important;display:flex!important;font-size:18px!important;height:30px!important;justify-content:center!important;position:absolute!important;right:5px!important;top:20px!important;transition:all .2s ease!important;width:30px!important;z-index:20!important}.close-btn:hover{background-color:#e5e7eb!important;transform:scale(1.1)!important}}body.modal-open{overflow:hidden!important}body.modal-open #root,body.modal-open .app-content,body.modal-open .balances-container,body.modal-open .budget-container,body.modal-open .container,body.modal-open .content,body.modal-open .current-balances-container,body.modal-open .expenses-container,body.modal-open .expenses-list-container,body.modal-open .grid-container,body.modal-open .projections-and-goals,body.modal-open .savings-goals-container,body.modal-open .spending-limits-container,body.modal-open main{overflow:hidden!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}body.modal-open .add-limit-overlay,body.modal-open .edit-expense-overlay,body.modal-open .edit-income-overlay,body.modal-open .edit-percentage-overlay,body.modal-open .modal-content,body.modal-open .modal-overlay,body.modal-open .spending-limits-overlay{pointer-events:auto!important;user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important}@media screen and (max-width:999px){body.modal-open{height:100%!important;position:fixed!important;width:100%!important}body.modal-open .mobile-header,body.modal-open .mobile-menu-backdrop,body.modal-open .mobile-menu-bar,body.modal-open .mobile-menu-blurred,body.modal-open .mobile-menu-container,body.modal-open .mobile-menu-header,body.modal-open .mobile-menu-overlay,body.modal-open .mobile-menu-toggle-btn,body.modal-open .mobile-menu-wrapper,body.modal-open .mobile-nav,body.modal-open .mobile-side-menu{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}}.edit-expense-modal,.edit-expense-modal *,.edit-expense-overlay,.edit-expense-overlay *,.modal-content,.modal-content *,.modal-overlay,.modal-overlay *{animation:none!important;scale:1!important;transform:none!important;transition:none!important;zoom:1!important}.language-selector{gap:8px}.language-button,.language-selector{align-items:center;display:flex;justify-content:center}.language-button{background-color:transparent;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;height:32px;padding:4px 8px;transition:all .2s ease;width:32px}.language-button.active{background-color:#1976d2;border-color:#1976d2;color:#fff}.language-button:hover:not(.active){background-color:#f5f5f5;border-color:#bdbdbd}.language-flag-icon{border:2px solid transparent;border-radius:10%;display:block;height:44px;margin:0;object-fit:cover;transition:all .2s ease;vertical-align:middle;width:44px}.language-button.active .language-flag-icon{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.3)}.language-button:hover .language-flag-icon{transform:scale(1.1)}.savings-goals-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin:0 auto;max-width:1200px;padding:16px}.savings-goals-header{border-bottom:2px solid #f0f0f0;flex-direction:column;margin-bottom:20px;padding-bottom:16px;text-align:center}.savings-goals-title-section{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:6px}.savings-goals-title-icon{color:#1e3a5f;height:44px;width:44px}.savings-goals-header h2{color:#1e3a5f;font-size:2.1rem;font-weight:700;margin:0}.savings-goals-header p{color:#666;font-size:14px;margin:0}.savings-content{gap:20px}.savings-goal-calculator{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:10px;margin-top:20px;padding:16px}.calculator-header{align-items:center;display:flex;flex-direction:column;margin-bottom:12px}.calculator-header h3{color:#1e3a5f;font-size:18px;font-weight:600;margin-bottom:4px}.calculator-header p{color:#666;font-size:12px;margin:0}.calculator-form{display:flex;flex-direction:column;gap:12px}.calculator-inputs{align-items:center;display:flex;flex-direction:column;gap:10px}.input-group{position:relative}.input-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.savings-goal-input{background:#fff;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;padding:8px 35px 8px 12px;transition:all .2s ease;width:100%}.savings-goal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.savings-goal-input[type=date]{padding-right:12px}.savings-currency-symbol{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:500;height:16px;justify-content:center;line-height:1;margin-left:2px;min-width:16px;pointer-events:none;position:absolute;right:14px;top:66%;transform:translateY(-50%);user-select:none;z-index:1}.calculate-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;padding:8px 16px;transition:all .2s ease}.calculate-btn:hover{box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-1px)}.calculate-btn:active{transform:translateY(0)}.calculation-results{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:12px}.calculation-results h4{color:#1e3a5f;font-size:16px;font-weight:600;margin-bottom:10px;text-align:center}.result-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.result-item:last-child{border-bottom:none}.result-item span:first-child{color:#374151;font-weight:500}.result-item span:last-child{color:#1e3a5f;font-weight:600}.result-item.achievable{background:rgba(34,197,94,.1);border-radius:4px;margin:2px 0;padding:6px 8px}.result-item.not-achievable{background:rgba(239,68,68,.1);border-radius:4px;margin:2px 0;padding:6px 8px}.result-item.shortfall{background:rgba(245,158,11,.1);border-radius:4px;margin:2px 0;padding:6px 8px}.savings-goals-progress{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:10px;margin-top:30px;padding:16px}.savings-goals-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.savings-goals-header h3{color:#1e3a5f;font-size:18px;font-weight:600;margin:0}.add-goal-btn{background:#6eb83a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.add-goal-btn:hover{box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-1px)}.no-goals-message{color:#6b7280;padding:24px 16px;text-align:center}.no-goals-message p{font-size:14px;margin:6px 0}.savings-goals-list{display:flex;flex-direction:column;gap:12px}.savings-goal-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:12px;transition:all .2s ease}.savings-goal-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.goal-header h4{color:#1e3a5f;flex:1;font-size:16px;font-weight:600;margin:0}.goal-percentage{align-items:center;display:flex;gap:6px;margin-right:8px}.percentage-label{color:#6b7280;font-size:11px}.percentage-value{background:#3b82f6;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:3px 6px}.delete-btn{align-items:center;background:#ef4444;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.goal-progress{margin-bottom:8px}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#374151;font-size:12px;font-weight:500}.goal-date{color:#6b7280;font-size:11px}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.2);max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #20242e;display:flex;justify-content:center;padding:16px 20px}.modal-header h3{color:#1e3a5f;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input{border:2px solid #e5e7eb;border-radius:6px;font-size:13px;padding:10px 14px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-group small{color:#6b7280;display:block;font-size:11px;margin-top:3px}.first-goal-notice{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:6px;margin-top:12px;padding:10px}.first-goal-notice p{color:#1d4ed8;font-size:12px;margin:0;text-align:center}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn:hover{background:#e5e7eb}.save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.save-btn:hover{box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-1px)}@media (max-width:768px){.savings-content{gap:16px;grid-template-columns:1fr}.savings-goals-container{margin:8px;padding:12px}.savings-goals-header h2{align-items:stretch;flex-direction:column;font-size:var(--font-size-xl);gap:10px}.add-goal-btn{width:100%}.modal-content{margin:16px;width:95%}.modal-footer{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.automatic-distribution-notice{align-items:center;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #4caf50;border-radius:6px;display:flex;gap:6px;margin-bottom:12px;padding:8px 12px}.automatic-distribution-notice p{color:#2e7d32;font-size:12px;font-weight:500;line-height:1.3;margin:0}.automatic-distribution-notice:before{content:"💡";flex-shrink:0;font-size:14px}.calendar{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%;overflow:hidden;width:100%}.calendar-title-header{align-items:center;color:#000;display:flex;gap:12px;justify-content:center;padding:20px 24px 24px}.calendar-title-icon{color:#000;height:44px;width:44px}.calendar-title-text{color:#000;font-size:2.1rem;font-weight:600;margin:0}.calendar-header{color:#000;flex-wrap:wrap;padding:20px 24px}.calendar-header,.calendar-navigation{align-items:center;display:flex;gap:16px;justify-content:center}.calendar-navigation{margin-bottom:10px;margin-top:10px}.nav-button-calendar{align-items:center;background:#80808036;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nav-button:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.calendar-title{color:#000;font-size:1rem!important;font-weight:600;margin:0;min-width:200px;text-align:center}.calendar-view-buttons{align-items:center;display:flex;gap:8px}.view-button{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.view-button:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.view-button.active{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);box-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:600}.calendar-actions{align-items:center;display:flex;gap:8px}.today-button{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.today-button:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.add-expense-button,.add-income-button{background:#4caf50;border:2px solid #fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-left:8px;padding:8px 16px;transition:all .2s ease}.add-expense-button:hover,.add-income-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.3);transform:scale(1.05)}.add-expense-button{background:#2196f3}.calendar-grid{background:#e2e8f0;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);max-width:100%;overflow-x:auto;overflow-y:visible;width:100%}.calendar-day-header{background:#6eb83a;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 8px;text-align:center;text-transform:uppercase}.calendar-day{background:#fff;border:1px solid transparent;cursor:pointer;min-height:100px;padding:8px;position:relative;transition:all .2s ease}.calendar-day:hover{background:#f8fafc;border-color:#cbd5e1}.calendar-day.empty{background:#f8fafc;cursor:default}.calendar-day.today{background:#eff6ff;border-color:#3b82f6}.calendar-day.today .day-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-weight:600;height:24px;justify-content:center;width:24px}.day-number{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.day-expenses,.day-income{border-radius:4px;font-size:10px;line-height:1.2;margin-top:4px;padding:4px 6px}.day-expenses{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.day-income{background:#f0fdf4;border:1px solid #bbf7d0;color:#059669}.expense-count,.income-count{font-weight:600;margin-bottom:2px}.expense-total,.income-total{font-weight:500}.calendar-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);font-size:12px;left:50%;max-width:320px;min-width:280px;padding:16px;position:absolute;top:100%;transform:translateX(-50%);z-index:1000}.calendar-tooltip.tooltip-above{bottom:100%;top:auto}.calendar-tooltip.tooltip-left{left:auto;right:0;transform:translateX(0)}.calendar-tooltip.tooltip-right{left:0;transform:translateX(0)}@media (min-width:769px){.calendar-tooltip.tooltip-left{left:auto;right:10px;transform:translateX(0)}.calendar-title-text{font-size:var(--font-size-2xl)}.calendar-tooltip.tooltip-right{left:10px;transform:translateX(0)}.calendar-tooltip.tooltip-above{bottom:100%;margin-bottom:8px;top:auto}.calendar-tooltip{max-width:320px;min-width:280px}}@media (max-width:768px){.calendar-tooltip.tooltip-left{max-width:calc(100vw - 20px);right:5px}.calendar-tooltip.tooltip-right{left:5px;max-width:calc(100vw - 20px)}.calendar-tooltip{max-width:calc(100vw - 20px)}}@media (max-width:480px){.calendar-tooltip{left:50%!important;max-height:calc(100vh - 40px)!important;max-width:calc(100vw - 20px)!important;overflow-y:auto;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:10000}.calendar-tooltip:before{display:none}}@media (max-width:768px){.calendar-tooltip{max-height:calc(100vh - 40px)!important;overflow-y:auto}.calendar-tooltip.tooltip-above{bottom:auto!important;top:100%!important}}.calendar-tooltip:before{border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:0}.calendar-tooltip.tooltip-above:before{border-bottom:none;border-top:6px solid #fff;bottom:-6px;top:auto}.calendar-tooltip.tooltip-left:before{left:auto;right:10px;transform:translateX(0)}.calendar-tooltip.tooltip-right:before{left:10px;transform:translateX(0)}.tooltip-header{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:14px;padding-bottom:8px}.tooltip-header,.tooltip-section{margin-bottom:12px}.tooltip-section:last-child{margin-bottom:0}.tooltip-section-title{color:#374151;font-size:13px;font-weight:600;margin-bottom:8px}.tooltip-items{max-height:120px;overflow-y:auto}.tooltip-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:6px 0}.tooltip-item:last-child{border-bottom:none}.tooltip-item.expense{color:#dc2626}.tooltip-item.income{color:#059669}.item-details{display:flex;flex:1;flex-direction:column;gap:2px}.item-name{color:#1e293b;font-weight:500}.item-category{color:#64748b;font-size:10px;font-style:italic}.item-amount{font-size:13px;font-weight:600}.tooltip-total{border-top:1px solid #e2e8f0;font-size:13px;margin-top:8px;padding-top:8px;text-align:right}.no-data-message{color:#64748b;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:768px){.calendar-header{flex-direction:column;gap:12px;padding:16px 20px}.calendar-navigation{justify-content:space-between;width:100%}.calendar-title{font-size:20px;min-width:auto}.calendar-view-buttons{gap:4px;justify-content:center;width:100%}.view-button{font-size:11px;padding:4px 8px}.calendar-actions{justify-content:center;width:100%}.add-expense-button,.add-income-button{font-size:12px;margin-left:6px;padding:6px 12px}.calendar-day{min-height:80px;padding:6px}.day-number{font-size:12px}.day-expenses,.day-income{font-size:9px;padding:2px 4px}.calendar-tooltip{font-size:11px;max-width:240px;min-width:200px;padding:10px}}@media (max-width:480px){.calendar{border-radius:8px;margin:0;max-width:100vw;padding:16px 12px;width:100%}.calendar-header{gap:8px;max-width:100%;overflow:hidden;padding:12px 16px;width:100%}.calendar-view-buttons{gap:2px}.view-button{font-size:10px;padding:3px 6px}.add-expense-button,.add-income-button{font-size:11px;margin-left:4px;padding:4px 8px}.calendar-grid{gap:0;max-width:100vw;overflow-x:auto;overflow-y:visible;padding:0 4px;width:100%}.calendar-day{font-size:11px;min-height:60px;min-width:0;overflow:hidden;padding:4px;width:100%}.day-expenses,.day-income{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-number{font-size:11px}.day-expenses,.day-income{font-size:8px;padding:1px 2px}.calendar-tooltip{font-size:10px;max-width:200px;min-width:160px;padding:8px}}.mobile-menu-toggle-btn{border:1px solid rgba(124,58,237,.1);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;display:none;left:20px;padding:12px;position:fixed;top:20px;transition:all .3s ease;z-index:10001}.mobile-menu-toggle-btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.2);transform:translateY(-2px)}.about-overlay~.mobile-menu-toggle-btn,.add-limit-overlay~.mobile-menu-toggle-btn,.auth-modal-overlay~.mobile-menu-toggle-btn,.chart-modal-overlay~.mobile-menu-toggle-btn,.contact-overlay~.mobile-menu-toggle-btn,.credit-details-modal~.mobile-menu-toggle-btn,.edit-expense-overlay~.mobile-menu-toggle-btn,.edit-income-overlay~.mobile-menu-toggle-btn,.edit-percentage-overlay~.mobile-menu-toggle-btn,.explanation-modal-overlay~.mobile-menu-toggle-btn,.import-preview-overlay~.mobile-menu-toggle-btn,.modal-overlay~.mobile-menu-toggle-btn,.period-details-overlay~.mobile-menu-toggle-btn,.premium-modal-overlay~.mobile-menu-toggle-btn,.profile-popup-overlay~.mobile-menu-toggle-btn,.receipt-modal-overlay~.mobile-menu-toggle-btn,.spending-limits-overlay~.mobile-menu-toggle-btn,body.modal-open .mobile-menu-toggle-btn{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}.hamburger-line{background:#000;border-radius:1px;display:block;height:2px;margin:4px 0;transition:all .3s ease;width:20px}.mobile-side-menu{background:#fff;box-shadow:4px 0 20px rgba(0,0,0,.3);color:#000;display:flex;flex-direction:column;height:100vh;left:-280px;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:10002}.mobile-side-menu.open{left:0}.mobile-side-menu.collapsed{width:80px}.mobile-side-menu.collapsed .footer-action-btn span:not(.action-icon),.mobile-side-menu.collapsed .nav-label,.mobile-side-menu.collapsed .quick-overview,.mobile-side-menu.collapsed .user-info{display:none!important}.mobile-side-menu.collapsed .user-profile-section{justify-content:center}.mobile-side-menu.collapsed .header-actions{flex-direction:column;gap:4px}.mobile-side-menu.collapsed .nav-button{justify-content:center;padding:12px 8px}.mobile-side-menu.collapsed .footer-actions{flex-direction:column;gap:4px}.mobile-side-menu.collapsed .footer-action-btn{justify-content:center;padding:8px 4px}.mobile-side-menu.expanded{width:280px}.mobile-side-menu-overlay{backdrop-filter:blur(2px);background:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10001}.mobile-side-menu-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:20px 16px;position:relative}.user-profile-section{align-items:center;display:flex;flex:1;flex-direction:column;gap:12px}.user-avatar{align-items:center;backdrop-filter:blur(10px);background:#fff;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;padding:4px;position:relative;width:48px}.user-avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.user-avatar .avatar-fallback{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.notification-bell{align-items:center;animation:pulse-notification 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px hsla(0,100%,71%,.4);color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-8px;top:-8px;z-index:10}.notification-icon{font-size:12px;margin-right:2px}.notification-count{font-size:10px;font-weight:700;min-width:12px;text-align:center}@keyframes pulse-notification{0%{box-shadow:0 2px 8px hsla(0,100%,71%,.4);transform:scale(1)}50%{box-shadow:0 4px 16px hsla(0,100%,71%,.6);transform:scale(1.1)}to{box-shadow:0 2px 8px hsla(0,100%,71%,.4);transform:scale(1)}}.user-info{align-items:center;display:flex;flex:1;flex-direction:column;min-width:0;text-align:center}.user-greeting{color:#000;font-size:26px;font-weight:600;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-icon{border:2px solid var(--gray-200);border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.profile-settings-btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;cursor:pointer;font-size:12px;padding:0;transition:all .2s ease}.profile-settings-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.header-actions{gap:8px}.expand-btn,.header-actions{align-items:center;display:flex}.expand-btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.expand-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.close-btn{align-items:center;backdrop-filter:blur(10px);background:rgba(32,28,28,.1);border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:28px}.close-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.quick-overview{display:flex;flex-direction:column;gap:12px;padding:16px}.overview-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px;transition:all .2s ease}.overview-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.card-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.card-icon{font-size:30px}.card-title{color:#000;font-size:14px;font-weight:600}.card-value{color:#000;font-size:20px;font-weight:700;margin-bottom:4px}.card-subtitle{color:#000;font-size:12px;margin-bottom:8px}.card-details{display:flex;flex-direction:column;gap:4px}.detail-item{color:#000;display:flex;font-size:14px;justify-content:space-between}.mobile-side-menu-nav{flex:1;padding:16px}.nav-list{align-items:left;display:flex;flex-direction:column;gap:8px;justify-content:left;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-button{align-items:center;background:transparent;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.nav-button:hover{background:hsla(0,0%,100%,.1);transform:translateX(4px)}.nav-button.active{background:hsla(0,0%,100%,.2);box-shadow:0 2px 8px hsla(0,0%,100%,.1)}.nav-icon{font-size:20px;text-align:center;width:24px}.nav-label{color:#000;font-size:14px;font-weight:500}.mobile-side-menu-footer{border-top:1px solid hsla(0,0%,100%,.2);padding:16px}.footer-action-btn,.footer-actions{display:flex;gap:8px}.footer-action-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;cursor:pointer;flex:1;font-size:12px;justify-content:center;padding:8px 12px;transition:all .2s ease}.footer-action-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.action-icon{font-size:16px}.spending-limits-card .card-details,.spending-limits-setup-card .card-details{display:flex;flex-direction:column;gap:8px}.limits-indicators{flex-wrap:wrap;gap:4px;margin-bottom:8px}.limit-indicator{background:hsla(0,0%,100%,.1);border-radius:12px;font-size:10px;padding:2px 6px}.limit-indicator.over{background:rgba(239,68,68,.2);color:#fecaca}.limit-indicator.warning{background:rgba(245,158,11,.2);color:#fed7aa}.limit-indicator.good{background:rgba(34,197,94,.2);color:#bbf7d0}.limits-list{display:flex;flex-direction:column;gap:4px}.limit-row{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;font-size:11px;justify-content:space-between;padding:4px 0}.limit-row:last-child{border-bottom:none}.limit-category{color:hsla(0,0%,100%,.9);flex:1}.limit-progress{color:hsla(0,0%,100%,.8);margin:0 8px}.limit-percentage{font-weight:600;min-width:30px;text-align:right}.limit-row.over .limit-percentage{color:#fecaca}.limit-row.warning .limit-percentage{color:#fed7aa}.limit-row.good .limit-percentage{color:#bbf7d0}.setup-message{text-align:center}.setup-message p{color:hsla(0,0%,100%,.8);font-size:12px;margin-bottom:12px}.setup-limits-btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.setup-limits-btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px)}.mobile-menu-toggle-btn.scroll-visible{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-toggle-btn.scroll-hidden{opacity:0;transform:translateY(-10px);visibility:hidden}@media (max-width:999px){.mobile-menu-toggle-btn{display:block;transition:all .3s cubic-bezier(.4,0,.2,1)}}@media (min-width:1000px){.mobile-menu-toggle-btn,.mobile-side-menu{display:none!important}}.mobile-side-menu::-webkit-scrollbar{width:4px}.mobile-side-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.mobile-side-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.mobile-side-menu::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.notification-bell-large{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 16px hsla(0,100%,71%,.25);display:flex;font-size:0;height:48px;justify-content:center;position:relative;width:48px}.notification-icon-large{color:#fff;filter:drop-shadow(0 2px 6px rgba(255,107,107,.3));font-size:2rem;margin-right:4px}.notification-count-large{background:#fff;border:1px solid #ee5a24;border-radius:8px;bottom:4px;box-shadow:0 1px 4px hsla(0,100%,71%,.15);color:#ee5a24;font-size:.85rem;font-weight:700;padding:1px 6px;position:absolute;right:8px}.period-summary-container{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.component-title-section{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:6px}.component-title-icon{color:#1e3a5f;height:44px;width:44px}.component-title-section h2{align-items:center;display:flex;line-height:1;margin:0;text-align:center}.period-summary-header{background:#fff;border-radius:8px;color:#2d3748;margin-bottom:30px;padding:25px;text-align:center}.period-summary-header h2{color:#1a202c;font-size:1.8rem;font-weight:600;margin:0 0 10px}.period-summary-header p{color:#718096;font-size:1rem;font-weight:400;margin:0}.tab-navigation{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.tab-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.95rem;font-weight:500;min-width:140px;padding:12px 24px;transition:all .2s ease}.tab-button:hover{background:#f7fafc;border-color:#cbd5e0}.tab-button.active{background:#6eb83a;border-color:#6eb83a;color:#fff}.yearly-summary-container{margin:0 auto;max-width:800px}.yearly-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:30px}.yearly-header{align-items:center;border-bottom:2px solid #f7fafc;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.yearly-header h3{color:#1a202c;font-size:1.8rem;font-weight:600;margin:0}.period-count{background:#2563eb;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:6px 12px}.yearly-stats{margin-bottom:25px}.yearly-stats .stat-row{align-items:center;border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;padding:12px 0}.yearly-stats .stat-row:last-child{border-bottom:none}.yearly-stats .stat-label{color:#4a5568;font-size:1rem;font-weight:500}.yearly-stats .stat-value{font-size:1.1rem;font-weight:600}.yearly-stats .stat-value.positive{color:#059669}.yearly-stats .stat-value.negative{color:#dc2626}.yearly-metrics{border-top:2px solid #f7fafc;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:25px;padding-top:25px}.yearly-metrics .metric{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.yearly-metrics .metric-label{color:#4a5568;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.yearly-metrics .metric-value{color:#1a202c;font-size:1.5rem;font-weight:600}.yearly-metrics .metric-value.positive{color:#059669}.yearly-metrics .metric-value.negative{color:#dc2626}.no-yearly-data{color:#718096;font-size:1.1rem;padding:60px 20px;text-align:center}.no-yearly-data p{margin:0}.no-data-message{color:#718096;padding:60px 20px;text-align:center}.no-data-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.no-data-message h3{color:#4a5568;font-size:1.5rem;font-weight:600;margin:0 0 15px}.no-data-message p{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:500px}.budget-period{margin-bottom:30px}@media (max-width:768px){.component-title-section h2{font-size:var(--font-size-2xl)}.component-header{margin-bottom:0}.tab-navigation{align-items:center;flex-direction:column}.tab-button{max-width:300px;width:100%}.yearly-summary-card{padding:20px}.yearly-header{flex-direction:column;gap:10px;text-align:center}.yearly-metrics{grid-template-columns:1fr}}.loading-spinner{animation:pulse 2s infinite;font-size:3rem;margin:60px 0;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.period-summary-list h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 20px}.period-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.period-card{background:#fff;border-radius:6px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.period-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px rgba(0,0,0,.12)}.period-card.current{background:#fff;border:2px solid #6fc081}.period-card.current:before{background:#6fc081;border-radius:4px;color:#fff;content:attr(data-current-label);font-size:.75rem;font-weight:500;padding:4px 8px;position:absolute;right:10px;top:10px}.period-header{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-bottom:15px}.period-header h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0}.performance-badge{border-radius:4px;font-size:.75rem;font-weight:500;letter-spacing:.3px;padding:4px 8px}.performance-badge.positive{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.performance-badge.negative{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.performance-badge.neutral{background:#fff;border:1px solid #e2e8f0;color:#475569}.performance-icon{height:12px;margin-right:4px;vertical-align:middle;width:12px}.period-stats{margin-bottom:15px}.stat-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 0}.stat-row:last-child{border-bottom:none;margin-bottom:0}.stat-label{color:#4a5568;font-weight:500}.stat-value{font-size:1.1rem;font-weight:600}.stat-value.positive{color:#059669}.stat-value.negative{color:#dc2626}.period-metrics{display:grid;gap:15px;grid-template-columns:1fr 1fr}.metric{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:12px;text-align:center}.metric-label{color:#718096;display:block;font-size:.85rem;font-weight:500;margin-bottom:5px}.metric-value{font-size:1rem}.metric-value.positive{color:#059669}.metric-value.negative{color:#dc2626}.health-score{font-size:1rem;font-weight:700}.health-score.health-0{color:#dc2626}.health-score.health-1{color:#ea580c}.health-score.health-2{color:#d97706}.health-score.health-3,.health-score.health-4,.health-score.health-5{color:#059669}.period-error{background:#fff;border:1px solid #fecaca;border-radius:4px;color:#991b1b;font-size:.85rem;margin-top:15px;padding:8px 12px;text-align:center}.period-details-modal{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);max-height:90vh;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;display:flex;justify-content:center;padding:25px 25px 20px}.modal-header h3{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:5px;transition:all .2s ease;width:35px}.close-btn:hover{background:#e2e8f0;color:#4a5568}.modal-body{padding:25px}.detail-section{margin-bottom:30px}.detail-section h4{align-items:center;color:#2d3748;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 15px}.detail-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.detail-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;display:flex;justify-content:space-between;padding:12px 16px}.detail-label{color:#4a5568;font-weight:500}.detail-value{color:#2d3748;font-weight:600}.financial-summary{gap:5px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;padding:10px;text-align:center}.summary-card.income{border-left:3px solid #059669}.summary-card.expenses{border-left:3px solid #dc2626}.summary-card.net{border-left:3px solid #2563eb}.summary-card h5{color:#4a5568;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0}.summary-amount{color:#2d3748;font-size:1rem;font-weight:700;margin-bottom:8px}.summary-amount.positive{color:#059669}.summary-amount.negative{color:#dc2626}.summary-daily,.summary-rate{color:#718096;font-size:.9rem;font-weight:500}.category-breakdown{display:flex;flex-direction:column;gap:10px;width:-webkit-fill-available}.category-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;display:grid;gap:15px;grid-template-columns:50px 2fr 1fr 80px;padding:12px 16px}.category-rank{background:#2563eb;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px;text-align:center}.category-name{color:#2d3748;font-weight:600}.category-amount{color:#dc2626;font-weight:600;text-align:right}.category-percentage{color:#718096;font-size:.9rem;text-align:center}.metrics-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:20px;text-align:center}.metric-title{color:#4a5568;display:block;font-size:.9rem;font-weight:500;margin-bottom:10px}.metric-value{color:#2d3748;font-size:1.3rem;font-weight:700}@media (max-width:768px){.period-summary-container{padding:15px}.period-summary-header h2{font-size:1.8rem}.current-period-grid,.period-grid{grid-template-columns:1fr}.period-card{padding:15px}.period-header{flex-direction:column;gap:10px}.period-metrics{grid-template-columns:1fr}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.modal-header{padding:20px 20px 15px}.modal-body{padding:20px}.detail-grid,.financial-summary{grid-template-columns:1fr;width:-webkit-fill-available}.category-item{gap:10px;grid-template-columns:40px 1fr 1fr}.category-percentage{display:none}.metrics-grid{grid-template-columns:1fr;width:-webkit-fill-available}}@media (max-width:480px){.period-summary-header{padding:15px}.period-summary-header h2{font-size:1.5rem}.period-summary-header p{font-size:1rem}.current-period-summary{padding:20px}.period-card{padding:12px}.modal-content{margin:10px}.modal-header{padding:15px 15px 10px}.modal-body{padding:15px}}.chart-modal-overlay{align-items:center;background-color:rgba(0,0,0,.75);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.chart-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);max-height:90vh;max-width:1200px;overflow:auto;padding:20px;position:relative;width:90%}.chart-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:32px}.chart-modal-close:hover{background-color:rgba(0,0,0,.1);color:#333}.chart-modal-body{margin-top:10px}.premium-upgrade-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.premium-modal-overlay{align-items:center;background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.premium-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.premium-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 30px}.premium-modal-header h2{color:#333;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;padding:5px;width:35px}.close-button:hover{background:#f5f5f5;color:#333}.premium-modal-content{padding:30px}.premium-header{margin-bottom:40px;text-align:center}.premium-icon{font-size:48px;margin-bottom:16px}.premium-header h1{color:#333;font-size:32px;font-weight:700;margin:0 0 12px}.premium-header p{color:#666;font-size:18px;margin:0}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:20px;padding:12px 16px}.plans-comparison{display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.plan-card{background:#fff;border:2px solid #e1e5e9;border-radius:16px;padding:30px;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-4px)}.plan-card.premium{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#4f46e5;color:#fff}.plan-card.premium .features-list li,.plan-card.premium .plan-header h3,.plan-card.premium .price{color:#fff}.plan-card.current{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.popular-badge{background:#ff6b6b;border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:6px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:30px;text-align:center}.plan-header h3{color:#333;font-size:24px;font-weight:700;margin:0 0 16px}.price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price .amount{color:#333;font-size:36px;font-weight:800}.price .period{color:#666;font-size:16px}.features-list{list-style:none;margin:0 0 30px;padding:0}.features-list li{align-items:flex-start;color:#333;display:flex;gap:12px;padding:8px 0}.features-list li.highlight{background:hsla(0,0%,100%,.1);border-radius:8px;font-weight:600;margin:4px 0;padding:12px}.check{color:#10b981}.check,.cross{flex-shrink:0;font-size:16px;font-weight:700}.cross{color:#ef4444}.limitations{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.limitations h4{color:#666;font-size:14px;font-weight:600;margin:0 0 12px;text-transform:uppercase}.limitations ul{list-style:none;margin:0;padding:0}.limitations li{align-items:center;color:#666;display:flex;font-size:14px;gap:12px;padding:4px 0}.upgrade-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.upgrade-button:hover:not(:disabled){box-shadow:0 10px 25px rgba(102,126,234,.4);transform:translateY(-2px)}.upgrade-button:disabled{cursor:not-allowed;opacity:.6}.subscription-status{text-align:center}.current-plan{margin-bottom:20px}.status-badge{background:#10b981;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.current-plan p{font-weight:600;margin:8px 0 4px}.expiry{color:hsla(0,0%,100%,.8)!important;font-size:14px!important;font-weight:400!important}.cancel-button{background:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:14px;padding:12px 20px;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:hsla(0,0%,100%,.1);color:#fff}.ai-features-preview{background:#f8fafc;border-radius:16px;margin-bottom:30px;padding:30px}.ai-features-preview h3{color:#333;font-size:24px;margin:0 0 30px;text-align:center}.features-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:24px;text-align:center;transition:transform .3s ease}.feature-item:hover{transform:translateY(-4px)}.feature-icon{font-size:32px;margin-bottom:16px}.feature-item h4{color:#333;font-size:18px;margin:0 0 12px}.feature-item p{color:#666;font-size:14px;line-height:1.5;margin:0}.demo-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;padding:16px;text-align:center}.demo-note p{font-size:14px;margin:0}@media (max-width:768px){.premium-upgrade-container{padding:10px}.premium-modal{margin:10px;max-height:calc(100vh - 20px)}.premium-modal-content{padding:20px}.premium-header h1{font-size:24px}.premium-header p{font-size:16px}.plans-comparison{gap:20px;grid-template-columns:1fr}.plan-card{padding:20px}.features-grid{gap:16px;grid-template-columns:1fr}.ai-features-preview{padding:20px}.price .amount{font-size:28px}}@media (max-width:480px){.premium-modal-header{padding:15px 20px}.premium-modal-content{padding:15px}.premium-header h1{font-size:20px}.ai-features-preview,.feature-item,.plan-card{padding:16px}}.import-preview-content{padding:.9rem}.import-preview-headers{align-items:center;background-color:#f8f9fa;border-bottom:2px solid #e5e7eb;color:#374151;display:flex;font-size:.8rem;font-weight:600;gap:1rem;padding:1rem}.import-preview-header-name{flex:2}.import-preview-header-amount,.import-preview-header-category,.import-preview-header-date{flex:1}.import-preview-header-actions{width:40px}.import-preview-modal .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;z-index:10}.import-preview-modal .close-button:hover{background-color:#f3f4f6;color:#333}.import-preview-list{max-height:60vh;overflow-y:auto;padding:1rem 0}.import-preview-item{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1rem;padding:1rem}.import-preview-details{align-items:center;display:grid;flex:1;gap:.5rem;grid-template-columns:2fr 1fr 1fr 1fr}.import-preview-amount input,.import-preview-category select,.import-preview-date input,.import-preview-name input{border:1px solid #ddd;border-radius:4px;font-size:.7rem;padding:.4rem;width:100%}.import-preview-remove{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:all .2s ease}.import-preview-remove:hover{background-color:#f3f4f6;color:#dc2626}.import-preview-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.import-preview-cancel,.import-preview-confirm{border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.import-preview-cancel{background:#f3f4f6;border:1px solid #ddd;color:#666}.import-preview-confirm{background:#7c3aed;border:1px solid #7c3aed;color:#fff}.import-preview-cancel:hover{background:#e5e7eb}.import-preview-confirm:hover{background:#6d28d9;border-color:#6d28d9}.duplicate-item{background-color:#fffbeb;border-left:4px solid #f59e0b}.duplicate-indicator{align-items:center;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem;transition:all .2s ease}.duplicate-indicator:hover{background-color:#fde68a;transform:translateY(-1px)}.duplicate-icon{font-size:1rem}.duplicate-text{color:#92400e;font-size:.8rem;font-weight:600}.import-auto-fill-notification{align-items:center;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:4px;color:#0369a1;display:flex;font-size:.8em;gap:4px;margin-bottom:4px;padding:4px 8px}.import-auto-fill-notification .auto-fill-icon{font-size:.9em}.import-auto-fill-notification .auto-fill-text{font-weight:500}.auto-filled-category{background-color:#f0f9ff;border-color:#0ea5e9!important}.import-auto-fill-summary{align-items:center;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;color:#0369a1;display:flex;font-size:.9em;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}@media (max-width:768px){.import-preview-item{flex-direction:column}.import-preview-details{gap:10px;grid-template-columns:1fr}.import-preview-actions{flex-direction:column}.import-preview-content{margin-top:50px}}.duplicate-resolution-overlay{align-items:center;animation:fade-in .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.duplicate-resolution-modal{animation:slide-up .4s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(30,58,95,.15);margin:auto;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:90%}.duplicate-resolution-modal .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;z-index:10}.duplicate-resolution-modal .close-button:hover{background-color:#f3f4f6;color:#333}.duplicate-resolution-content{max-height:calc(90vh - 4rem);overflow-y:auto;padding:2rem}.duplicate-resolution-content h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.duplicate-comparison{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.existing-expenses,.imported-transaction{background-color:#f8f9fa;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.imported-transaction{background-color:#eff6ff;border-color:#3b82f6}.existing-expenses{background-color:#f0fdf4;border-color:#10b981}.existing-expenses h3,.imported-transaction h3{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.transaction-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#6b7280;font-size:.9rem;font-weight:500}.detail-row .value{color:#1f2937;font-weight:600;max-width:60%;text-align:right;word-break:break-word}.existing-expense{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;margin-bottom:1rem;padding:1rem}.existing-expense:last-child{margin-bottom:0}.resolution-options{margin-bottom:2rem}.resolution-options h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.options-list{display:flex;flex-direction:column;gap:1rem}.option-item{align-items:flex-start;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.option-item:hover{background-color:#f8fafc;border-color:#3b82f6}.option-item input[type=radio]{accent-color:#3b82f6;margin:.25rem 0 0}.option-content{flex:1}.option-label{color:#1f2937;font-weight:600;margin-bottom:.25rem}.option-description{color:#6b7280;font-size:.9rem;line-height:1.4}.duplicate-resolution-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.duplicate-resolution-cancel,.duplicate-resolution-confirm{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.duplicate-resolution-cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.duplicate-resolution-confirm{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.duplicate-resolution-cancel:hover{background:#e5e7eb;color:#374151}.duplicate-resolution-confirm:hover{background:#2563eb;border-color:#2563eb}@media (max-width:768px){.duplicate-resolution-modal{max-height:95vh;width:95%}.duplicate-resolution-content{max-height:calc(95vh - 3rem);padding:1.5rem}.duplicate-comparison{gap:1rem;grid-template-columns:1fr}.existing-expenses,.imported-transaction{padding:1rem}.detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}.detail-row .value{max-width:100%;text-align:left}.duplicate-resolution-actions{flex-direction:column}.duplicate-resolution-cancel,.duplicate-resolution-confirm{text-align:center;width:100%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.import-loading-overlay{align-items:center;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.import-loading-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:500px;padding:2rem;text-align:center;width:90%}.import-loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.import-loading-icon{align-items:center;display:flex;height:80px;justify-content:center;width:80px}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#7c3aed;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.import-loading-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.import-loading-description{color:#6b7280;font-size:1rem;line-height:1.5;margin:0;max-width:400px}.import-progress-container{max-width:300px;width:100%}.import-progress-bar{background-color:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.import-progress-fill{background:linear-gradient(90deg,#7c3aed,#8b5cf6);border-radius:4px;height:100%;transition:width .3s ease}.import-progress-text{color:#6b7280;font-size:.9rem;font-weight:500}.import-loading-tips{background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;margin-top:1rem;max-width:400px;padding:1rem}.import-tip{color:#0369a1;font-size:.9rem;line-height:1.4;margin:0}@media (max-width:640px){.import-loading-modal{margin:1rem;padding:1.5rem}.import-loading-title{font-size:1.25rem}.import-loading-description{font-size:.9rem}}