.navbar{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.navbar.desktop{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(135deg,#0d3e6e,#04195d);border-right:1px solid rgba(255,255,255,.1);z-index:1000;overflow-y:auto;box-shadow:4px 0 20px #00000026}.nav-content{display:flex;flex-direction:column;height:100%;padding:2rem 1.5rem}.nav-brand{margin-bottom:2.5rem}.brand-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.logo-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.brand-logo h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.user-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-avatar{width:42px;height:42px;border-radius:50%;background:#3498db;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;box-shadow:0 4px 12px #3498db4d}.user-details{display:flex;flex-direction:column}.username{color:#fff;font-weight:600;font-size:.95rem}.user-role{color:#b0bec5;font-size:.8rem;margin-top:2px}.nav-links{list-style:none;padding:0;margin:0;flex:1}.nav-links li{margin-bottom:.5rem}.nav-links a{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;color:#b0bec5;text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden}.nav-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .6s ease}.nav-links a:hover:before{left:100%}.nav-links a:hover{color:#fff;background:#ffffff14;border-color:#ffffff1a;box-shadow:0 4px 12px #00000026}.nav-links a.active{color:#fff;background:#3498db33;border-color:#3498db4d;box-shadow:0 4px 16px #3498db33}.nav-icon{font-size:1.3rem;min-width:24px;text-align:center}.nav-text{display:flex;flex-direction:column}.nav-label{font-weight:600;font-size:.95rem;line-height:1.2}.nav-description{font-size:.75rem;opacity:.7;margin-top:2px}.nav-footer{margin-top:auto;padding-top:1.5rem}.logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#000000c5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0d;position:relative;overflow:hidden}.logout-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;border-radius:12px}.logout-btn:hover:before{opacity:1}.logout-btn:hover{background:#260ddf26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 12px 40px #00000026,inset 0 1px #fff3,inset 0 -1px #ffffff1a}.logout-btn:active{transform:translateY(0);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0d}.logout-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.logout-btn.logging-out{background:#ffc10726;border-color:#ffc1074d}.logout-icon{font-size:1.1rem;transition:transform .3s ease}.logout-btn:hover .logout-icon:not(.logging-out .logout-icon){transform:translate(2px)}.footer-info{margin-top:1.5rem;text-align:center;opacity:.6}.footer-info p{color:#b0bec5;font-size:.75rem;margin:.25rem 0}.navbar.mobile{position:fixed;top:0;left:0;width:100%;height:70px;background:linear-gradient(135deg,#0d3e6e,#04195d);border-bottom:1px solid rgba(255,255,255,.1);z-index:1001;box-shadow:0 2px 20px #00000026}.mobile-nav-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1.5rem}.mobile-brand{display:flex;align-items:center;gap:.75rem}.mobile-logo{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.mobile-brand h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.mobile-nav-right{display:flex;align-items:center;gap:1rem}.mobile-user-info{display:flex;align-items:center}.mobile-user-avatar{width:36px;height:36px;border-radius:50%;background:#3498db;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #3498db4d}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:22px;background:transparent;border:none;cursor:pointer;padding:0;transition:all .3s ease}.menu-toggle span{display:block;height:3px;width:100%;background:#fff;border-radius:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:absolute;top:0;right:0;width:300px;max-width:85vw;height:100%;background:linear-gradient(135deg,#0e5092,#112e8c);border-left:1px solid rgba(255,255,255,.1);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:-4px 0 20px #0003}.mobile-menu-overlay.active .mobile-menu{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.mobile-user-profile{display:flex;align-items:center;gap:1rem}.mobile-profile-avatar{width:42px;height:42px;border-radius:50%;background:#3498db;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;box-shadow:0 4px 12px #3498db4d}.mobile-profile-info{display:flex;flex-direction:column}.mobile-username{color:#fff;font-weight:600;font-size:.95rem}.mobile-user-email{color:#b0bec5;font-size:.8rem;margin-top:2px}.close-menu{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.close-menu:hover{background:#ffffff1a;transform:rotate(90deg)}.mobile-nav-links{list-style:none;padding:1.5rem;margin:0}.mobile-nav-links li{margin-bottom:.5rem}.mobile-nav-links a{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;color:#b0bec5;text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.mobile-nav-links a:hover{color:#fff;background:#ffffff14;border-color:#ffffff1a}.mobile-nav-links a.active{color:#fff;background:#3498db33;border-color:#3498db4d;box-shadow:0 4px 16px #3498db33}.mobile-nav-icon{font-size:1.3rem;min-width:24px;text-align:center}.mobile-nav-text{display:flex;flex-direction:column}.mobile-nav-label{font-weight:600;font-size:.95rem;line-height:1.2}.mobile-nav-description{font-size:.75rem;opacity:.7;margin-top:2px}.mobile-menu-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05}.mobile-logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#000000ca;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0d;position:relative;overflow:hidden}.mobile-logout-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;border-radius:12px}.mobile-logout-btn:hover:before{opacity:1}.mobile-logout-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 12px 40px #00000026,inset 0 1px #fff3,inset 0 -1px #ffffff1a}.mobile-logout-btn:active{transform:translateY(0)}.mobile-logout-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.mobile-logout-btn.logging-out{background:#ffc10726;border-color:#ffc1074d}.mobile-logout-icon{font-size:1.1rem;transition:transform .3s ease}.mobile-logout-btn:hover .mobile-logout-icon:not(.logging-out .mobile-logout-icon){transform:translate(2px)}.mobile-footer-info{margin-top:1.5rem;text-align:center}.mobile-footer-info p{color:#b0bec5;font-size:.75rem;margin:.25rem 0;opacity:.6}.mobile-backdrop{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#0000004d;z-index:999;opacity:0;animation:fadeInBackdrop .3s forwards}@keyframes fadeInBackdrop{to{opacity:1}}@media (max-width: 480px){.mobile-menu{width:100%;max-width:100vw}.mobile-nav-content{padding:0 1rem}.mobile-nav-links,.mobile-menu-footer{padding:1rem}}.navbar.desktop::-webkit-scrollbar{width:6px}.navbar.desktop::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.navbar.desktop::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;transition:background .3s ease}.navbar.desktop::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.summary-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;margin:.5rem;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{border-left:3px solid #3498db;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.summary-card h3{margin:0 0 .5rem;color:#7f8c8d;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.amount-trend{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.amount{font-size:2rem;font-weight:700;color:#2c3e50}.trend{font-size:1.2rem;font-weight:700;padding:.2rem .5rem;border-radius:20px}.trend.up{color:#27ae60;background-color:#27ae601a}.trend.down{color:#e74c3c;background-color:#e74c3c1a}.subtitle{color:#95a5a6;font-size:.8rem;margin:0}.dashboard{max-width:1200px;margin:0 auto;padding:0 1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.header-content h1{color:#2c3e50;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.header-content p{color:#7f8c8d;font-size:1.1rem;margin:0}.header-actions{display:flex;gap:1rem}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#7f8c8d;cursor:pointer;transition:all .3s ease;font-weight:500}.refresh-btn:hover:not(:disabled){border-color:#3498db;color:#3498db;transform:translateY(-2px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn.refreshing .refresh-icon{animation:spin 1s linear infinite}.refresh-icon{font-size:1rem;transition:transform .3s ease}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.chart-header h2{color:#2c3e50;margin:0;font-size:1.5rem}.chart-tabs{display:flex;gap:.5rem;background:#f8f9fa;padding:.3rem;border-radius:10px;flex-wrap:wrap}.chart-tabs .chart-tab{padding:.5rem 1rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;white-space:nowrap;font-size:.9rem}.chart-tabs .chart-tab.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#667eea}.chart-tabs .chart-tab:hover:not(.active){background:#667eea1a}.chart-container{height:400px;margin-top:1rem}.dashboard-bottom{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.recent-transactions,.quick-stats{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 6px #0000001a}.recent-transactions h3,.quick-stats h3{color:#2c3e50;margin-bottom:1rem;font-size:1.3rem}.transactions-list{max-height:300px;overflow-y:auto}.recent-transaction-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid #ecf0f1}.recent-transaction-item:last-child{border-bottom:none}.transaction-info{display:flex;flex-direction:column}.transaction-title{font-weight:500;color:#2c3e50}.transaction-date{font-size:.8rem;color:#7f8c8d}.transaction-amount.positive{color:#27ae60;font-weight:700}.transaction-amount.negative{color:#e74c3c;font-weight:700}.stats-grid{display:grid;gap:1rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:10px}.stat-label{color:#7f8c8d;font-size:.9rem}.stat-value{font-weight:700;font-size:1.1rem}.stat-value.positive{color:#27ae60}.stat-value.negative{color:#e74c3c}.no-data,.mobile-no-data{text-align:center;color:#7f8c8d;font-style:italic;padding:2rem}.dashboard-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#7f8c8d}.dashboard-mobile-bottom{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.mobile-stats-card,.mobile-transactions-card{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 6px #0000001a}.mobile-stats-card h3,.mobile-transactions-card h3{color:#2c3e50;margin-bottom:1rem;font-size:1.3rem}.mobile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mobile-stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f8f9fa;border-radius:10px;text-align:center}.mobile-stat-value{font-weight:700;font-size:1.2rem;margin-bottom:.3rem}.mobile-stat-value.positive{color:#27ae60}.mobile-stat-value.negative{color:#e74c3c}.mobile-stat-label{color:#7f8c8d;font-size:.8rem;font-weight:500}.mobile-transactions-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem 0;border-bottom:1px solid #ecf0f1}.mobile-toggle-icon{color:#7f8c8d;font-weight:700;font-size:1.2rem;transition:transform .3s ease}.mobile-transactions-list{margin-top:1rem;max-height:250px;overflow-y:auto}.mobile-transaction-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid #f8f9fa}.mobile-transaction-item:last-child{border-bottom:none}.mobile-transaction-info{display:flex;flex-direction:column;flex:1}.mobile-transaction-title{font-weight:500;color:#2c3e50;font-size:.9rem}.mobile-transaction-date{font-size:.7rem;color:#7f8c8d;margin-top:.2rem}.mobile-transaction-amount{font-weight:700;font-size:.9rem;margin-left:1rem}.mobile-transaction-amount.positive{color:#27ae60}.mobile-transaction-amount.negative{color:#e74c3c}@media (max-width: 1024px){.dashboard{padding:0 1rem}.chart-section{padding:1.5rem}.chart-container{height:350px}.dashboard-bottom{gap:1.5rem}}@media (max-width: 768px){.dashboard{padding:0 .5rem}.dashboard-header{flex-direction:column;align-items:stretch;gap:1rem;text-align:center}.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.header-actions{justify-content:center}.refresh-btn{padding:.6rem 1.2rem;font-size:.9rem}.summary-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.chart-section{padding:1rem;margin-bottom:1.5rem}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.chart-header h2{font-size:1.3rem}.chart-tabs{align-self:stretch;justify-content:space-between}.chart-tabs .chart-tab{flex:1;text-align:center;padding:.6rem .5rem;font-size:.8rem}.chart-container{height:280px}.dashboard-bottom{display:none}.mobile-stats-grid{gap:.8rem}.mobile-stat-item{padding:.8rem}.mobile-stat-value{font-size:1.1rem}.mobile-transactions-card{padding:1rem}}@media (max-width: 480px){.dashboard{padding:0 .25rem}.dashboard-header{margin-bottom:1.5rem}.dashboard-header h1{font-size:1.8rem}.summary-grid{gap:.8rem}.chart-section,.mobile-stats-card,.mobile-transactions-card{padding:.8rem}.chart-tabs .chart-tab{padding:.5rem .3rem;font-size:.75rem}.chart-container{height:250px}.mobile-stats-grid{grid-template-columns:1fr;gap:.5rem}.mobile-stat-item{padding:.6rem}.mobile-transaction-item{padding:.6rem 0}.mobile-transaction-title,.mobile-transaction-amount{font-size:.85rem}}@media (max-height: 500px) and (orientation: landscape){.chart-container{height:200px}.mobile-transactions-list{max-height:150px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.chart-section,.mobile-stats-card,.mobile-transactions-card{box-shadow:0 2px 4px #00000014}}.transaction-item:hover{transform:translate(5px);box-shadow:0 4px 8px #0000001a}.transaction-icon{font-size:1.5rem;margin-right:1rem;width:40px;text-align:center}.transaction-details{flex:1}.transaction-title{font-weight:700;color:#2c3e50;margin-bottom:.2rem}.transaction-meta{display:flex;gap:1rem;font-size:.8rem;color:#7f8c8d}.transaction-category{background:#ecf0f1;padding:.2rem .5rem;border-radius:10px;font-size:.7rem}.transaction-amount{font-weight:700;font-size:1.1rem;margin-right:1rem}.transaction-amount.income{color:#27ae60}.transaction-amount.expense{color:#e74c3c}.delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.6;transition:opacity .3s ease;padding:.5rem}.delete-btn:hover{opacity:1;background:#e74c3c1a;border-radius:5px}.transaction-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.transaction-form{background:#fff;padding:2rem;border-radius:15px;width:90%;max-width:500px;box-shadow:0 10px 30px #0000004d}.transaction-form h3{margin-bottom:1.5rem;color:#2c3e50;text-align:center}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #ecf0f1;border-radius:5px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db}.transactions{max-width:1200px;margin:0 auto;padding:0 1rem}.transactions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.add-transaction-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;white-space:nowrap;border-radius:10px;transition:all .3s ease}.add-transaction-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db4d}.btn-icon{font-size:1.2rem;font-weight:700}.transactions-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-item{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.summary-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-color)}.summary-item.income{--accent-color: #ffffff}.summary-item.expense{--accent-color: #e74c3c}.summary-item.balance{--accent-color: #3498db}.summary-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.summary-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:50%}.summary-content{flex:1}.summary-label{display:block;color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-amount{font-size:1.6rem;font-weight:700;color:#2c3e50}.summary-amount.positive{color:#27ae60}.summary-amount.negative{color:#e74c3c}.transactions-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 2px 8px #0000001a}.search-container{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e9ecef;border-radius:25px;font-size:1rem;background:#f8f9fa;transition:all .3s ease}.search-input:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#7f8c8d}.controls-right{display:flex;align-items:center;gap:1rem}.transactions-filters{display:flex;gap:.5rem;background:#f8f9fa;padding:.3rem;border-radius:25px}.filter-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem;color:#7f8c8d}.filter-btn:hover{background:#3498db1a;color:#3498db}.filter-btn.active{background:#3498db;color:#fff;box-shadow:0 2px 4px #3498db4d}.sort-container{position:relative}.sort-select{padding:.5rem 1rem;border:2px solid #e9ecef;border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer;transition:border-color .3s ease}.sort-select:focus{outline:none;border-color:#3498db}.clear-filters-btn{background:none;border:none;color:#3498db;cursor:pointer;text-decoration:underline;font-size:.9rem}.clear-filters-btn:hover{color:#2980b9}.transactions-list{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;min-height:300px}.transactions-grid{display:flex;flex-direction:column;gap:.5rem}.no-transactions{text-align:center;padding:4rem 2rem;color:#7f8c8d}.no-transactions-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.no-transactions h3{color:#2c3e50;margin-bottom:.5rem;font-size:1.5rem}.no-transactions p{margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.transactions-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#7f8c8d}@media (max-width: 1024px){.transactions{padding:0 1rem}.transactions-controls{padding:1rem}.controls-right{flex-wrap:wrap;gap:.5rem}}@media (max-width: 768px){.transactions{padding:0 .5rem}.transactions-header{flex-direction:column;align-items:stretch;gap:1rem}.header-content{text-align:center}.header-content h1{font-size:2rem}.add-transaction-btn{align-self:center;padding:.6rem 1.2rem}.transactions-summary{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.summary-item{padding:1.2rem}.summary-icon{width:50px;height:50px;font-size:1.5rem}.summary-amount{font-size:1.4rem}.transactions-controls{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.search-container{max-width:none}.controls-right{justify-content:space-between;flex-wrap:wrap}.transactions-filters{flex:1;justify-content:space-around}.filter-btn{flex:1;text-align:center;padding:.6rem .5rem}.sort-container{width:100%;margin-top:.5rem}.sort-select{width:100%;padding:.6rem}.results-info{flex-direction:column;gap:.5rem;text-align:center}.transactions-list{padding:1rem}.no-transactions{padding:2rem 1rem}.no-transactions-icon{font-size:3rem}.no-transactions h3{font-size:1.3rem}.no-transactions p{font-size:1rem}}@media (max-width: 480px){.transactions{padding:0 .25rem}.header-content h1{font-size:1.8rem}.transactions-summary{gap:.75rem}.summary-item{padding:1rem;gap:.75rem}.summary-icon{width:40px;height:40px;font-size:1.2rem}.summary-label{font-size:.8rem}.summary-amount{font-size:1.2rem}.transactions-controls{padding:.75rem}.search-input{padding:.6rem .8rem .6rem 2.2rem}.search-icon{left:.6rem}.filter-btn{padding:.5rem .3rem;font-size:.8rem}.transactions-list{padding:.75rem}}@media (max-height: 500px) and (orientation: landscape){.transactions-header{margin-bottom:1rem}.transactions-summary{grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.summary-item{padding:.75rem;gap:.5rem}.summary-icon{width:35px;height:35px;font-size:1rem}.no-transactions{padding:1.5rem 1rem}.no-transactions-icon{font-size:2rem}}.goal-item{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.goal-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.goal-name{color:#2c3e50;margin:0;font-size:1.3rem}.goal-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.6;transition:opacity .3s ease;padding:.3rem;border-radius:3px}.btn-edit:hover{opacity:1;background:#3498db1a}.btn-delete:hover{opacity:1;background:#e74c3c1a}.goal-progress{margin-bottom:1rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:500}.progress-amount{color:#27ae60;font-size:1.2rem}.progress-target{color:#7f8c8d}.progress-percent{color:#3498db;font-weight:700}.progress-bar{width:100%;height:12px;background:#ecf0f1;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:6px;transition:width .5s ease}.goal-edit{display:flex;gap:.5rem;align-items:center;margin-top:1rem}.goal-edit input{flex:1;padding:.5rem;border:2px solid #bdc3c7;border-radius:5px;font-size:1rem}.goal-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.goal-remaining{color:#7f8c8d;font-size:.9rem;font-weight:500}@media (max-width: 768px){.goal-header{flex-direction:column;align-items:flex-start;gap:1rem}.goal-controls{flex-direction:column;gap:1rem;align-items:flex-start}.goal-edit{flex-direction:column;align-items:stretch}}.goal-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.goal-form{background:#fff;padding:2rem;border-radius:15px;width:90%;max-width:500px;box-shadow:0 10px 30px #0000004d}.goal-form h3{margin-bottom:1.5rem;color:#2c3e50;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#34495e;font-weight:600}.form-group input{width:100%;padding:.75rem;border:2px solid #ecf0f1;border-radius:5px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#3498db}.form-buttons{display:flex;gap:1rem;margin-top:1.5rem}.form-buttons button{flex:1;padding:.75rem}.goals{max-width:1200px;margin:0 auto;padding:0 1rem}.goals-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.header-content h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.header-subtitle{color:#7f8c8d;font-size:1rem;margin:0}.new-goal-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;white-space:nowrap;border-radius:10px;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2)}.new-goal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.btn-icon{font-size:1.1rem}.goals-overview{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;position:relative}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.overview-header h3{color:#2c3e50;font-size:1.4rem;margin:0;font-weight:600}.overview-toggle{background:none;border:none;font-size:1.2rem;color:#7f8c8d;cursor:pointer;padding:.25rem;border-radius:3px;transition:all .3s ease}.overview-toggle:hover{background:#0000001a;color:#2c3e50}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.2rem;border-radius:15px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;box-shadow:2px 2px 10px #00000026}.stat-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--card-color)}.stat-card.primary,.stat-card.secondary,.stat-card.success,.stat-card.info{--card-color: #ffffff;background:#fff}.stat-icon{font-size:1.8rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffc}.stat-content{flex:1}.stat-value{display:block;font-size:1.4rem;font-weight:700;color:#2c3e50;margin-bottom:.2rem}.stat-label{font-size:.9rem;color:#7f8c8d;font-weight:500}.progress-container{background:#f8f9fa;padding:1.5rem;border-radius:15px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-label{font-weight:600;color:#2c3e50;font-size:1.1rem}.progress-percentage{font-weight:700;color:#2773ae;font-size:1.3rem}.progress-bar{width:100%;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:1rem;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:10px;transition:width .8s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:shine 2s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-amounts{display:flex;justify-content:space-between;font-size:.9rem;color:#7f8c8d;font-weight:500}.goals-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 2px 8px #0000001a}.goals-filters{display:flex;gap:.5rem;background:#f8f9fa;padding:.3rem;border-radius:25px}.filter-btn{padding:.6rem 1rem;border:none;background:transparent;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem;color:#7f8c8d;white-space:nowrap}.filter-btn:hover{background:#667eea1a;color:#667eea}.filter-btn.active{background:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.sort-container{display:flex;align-items:center;gap:.5rem}.sort-container label{font-size:.9rem;color:#7f8c8d;font-weight:500}.sort-select{padding:.5rem 1rem;border:2px solid #e9ecef;border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer;transition:border-color .3s ease;min-width:140px}.sort-select:focus{outline:none;border-color:#667eea}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:8px;font-size:.9rem;color:#7f8c8d}.clear-filters-btn{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;font-size:.9rem;font-weight:500}.clear-filters-btn:hover{color:#5a6fd8}.goals-list{margin-bottom:2rem}.goals-grid{display:grid;gap:1.5rem}.no-goals{text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000001a;color:#7f8c8d}.no-goals-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.no-goals h3{color:#2c3e50;margin-bottom:1rem;font-size:1.6rem;font-weight:600}.no-goals p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.goal-suggestions{background:#f8f9fa;padding:1.5rem;border-radius:15px;margin:1.5rem 0;text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.goal-suggestions h4{color:#2c3e50;margin-bottom:1rem;font-size:1.1rem}.goal-suggestions ul{list-style:none;padding:0;margin:0}.goal-suggestions li{padding:.5rem 0;color:#7f8c8d;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between}.goal-suggestions li:last-child{border-bottom:none}.btn-large{padding:1rem 2rem;font-size:1.1rem;font-weight:600}.motivation-section{background:linear-gradient(135deg,#0b40c6,#09a1b6);color:#fff;padding:2rem;border-radius:20px;text-align:center;margin-bottom:2rem}.motivation-content h3{margin-bottom:1rem;font-size:1.5rem}.motivation-content p{font-size:1.1rem;line-height:1.6;margin-bottom:.5rem}.motivation-message{font-size:1.2rem;font-weight:600;margin-top:1rem}.goals-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#7f8c8d}.loading-spinner{width:40px;height:40px;border:4px solid rgba(127,140,141,.3);border-top:4px solid #7f8c8d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 1024px){.goals{padding:0 1rem}.overview-stats{grid-template-columns:repeat(2,1fr)}.goals-controls{flex-wrap:wrap;gap:1rem}.controls-left{flex:1;min-width:100%}.goals-filters{width:100%;justify-content:space-around}}@media (max-width: 768px){.goals{padding:0 .5rem}.goals-header{flex-direction:column;align-items:stretch;gap:1rem;text-align:center}.header-content h1{font-size:2rem}.new-goal-btn{align-self:center;padding:.6rem 1.2rem}.goals-overview{padding:1.5rem}.overview-stats{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem;gap:.75rem}.stat-icon{width:40px;height:40px;font-size:1.4rem}.stat-value{font-size:1.2rem}.progress-container{padding:1rem}.progress-info{flex-direction:column;gap:.5rem;text-align:center}.progress-amounts{flex-direction:column;gap:.25rem;text-align:center}.goals-controls{flex-direction:column;padding:1rem}.filter-btn{flex:1;text-align:center;padding:.7rem .5rem;font-size:.8rem}.sort-container{width:100%;justify-content:space-between}.sort-select{flex:1;margin-left:.5rem}.results-info{flex-direction:column;gap:.5rem;text-align:center}.no-goals{padding:2rem 1rem}.no-goals-icon{font-size:3rem}.no-goals h3{font-size:1.4rem}.goal-suggestions{padding:1rem}.motivation-section{padding:1.5rem}.motivation-content h3{font-size:1.3rem}.motivation-content p{font-size:1rem}}@media (max-width: 480px){.goals{padding:0 .25rem}.header-content h1{font-size:1.8rem}.goals-overview{padding:1rem}.stat-card{padding:.75rem;gap:.5rem}.stat-icon{width:35px;height:35px;font-size:1.2rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.8rem}.progress-container,.goals-controls{padding:.75rem}.filter-btn{padding:.6rem .3rem;font-size:.75rem}.no-goals{padding:1.5rem .75rem}.goal-suggestions{padding:.75rem}.motivation-section{padding:1rem}}@media (max-height: 500px) and (orientation: landscape){.goals-header{margin-bottom:1rem}.goals-overview{padding:1rem;margin-bottom:1rem}.overview-stats{grid-template-columns:repeat(4,1fr);gap:.5rem}.stat-card{padding:.5rem;gap:.5rem}.progress-container{padding:.75rem}.no-goals{padding:1rem}.no-goals-icon{font-size:2rem}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.auth-card{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:450px;text-align:center}.auth-card h2{color:#2c3e50;margin-bottom:.5rem;font-size:2rem}.auth-subtitle{color:#7f8c8d;margin-bottom:2rem;font-size:1rem}.auth-form{text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:600;font-size:.9rem}.form-group input{width:100%;padding:1rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}.form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.auth-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{background:#fee;color:#c33;padding:1rem;border-radius:10px;margin-bottom:1.5rem;border-left:4px solid #c33;text-align:left}.auth-switch{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.auth-switch p{color:#7f8c8d;margin:0}.switch-button{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;margin-left:.5rem;font-weight:600}.switch-button:hover{color:#764ba2}.demo-credentials{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:10px;text-align:left}.demo-credentials h4{margin:0 0 1rem;color:#2c3e50}.demo-credentials p{margin:.5rem 0;color:#7f8c8d;font-size:.9rem}@media (max-width: 768px){.auth-container{padding:1rem}.auth-card{padding:2rem}}.login-page-loading{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-container{text-align:center;color:#fff}.loading-logo{font-size:4rem;margin-bottom:1rem;animation:bounce 2s infinite}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-container p{font-size:1.2rem;opacity:.9}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.login-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.login-container{display:grid;grid-template-columns:1.2fr 1fr;min-height:100vh;position:relative;z-index:2}.login-branding{display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;color:#fff}.branding-content{max-width:500px;opacity:0;transform:translate(-50px);transition:all .8s ease}.branding-content.animate-in{opacity:1;transform:translate(0)}.brand-header{text-align:center;margin-bottom:3rem}.brand-logo{font-size:4rem;margin-bottom:1rem;animation:pulse 3s infinite}.brand-header h1{font-size:3rem;margin-bottom:1rem;font-weight:700;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:1.3rem;opacity:.9;font-weight:300;line-height:1.4}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.feature-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.feature-card:hover{background:#ffffff26;transform:translateY(-5px)}.feature-icon{font-size:2rem;flex-shrink:0}.feature-content h3{font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.feature-content p{font-size:.9rem;opacity:.8;line-height:1.4}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.trust-indicators{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;opacity:.8}.trust-icon{font-size:1.1rem}.bg-decoration{position:absolute;border-radius:50%;background:#ffffff0d;animation:float 6s ease-in-out infinite}.decoration-1{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.decoration-2{width:150px;height:150px;top:60%;left:80%;animation-delay:2s}.decoration-3{width:100px;height:100px;top:80%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.login-forms{background:#fff;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.form-container{width:100%;max-width:450px;opacity:0;transform:translate(50px);transition:all .8s ease}.form-container.animate-in{opacity:1;transform:translate(0)}.form-toggle{display:flex;background:#f8f9fa;border-radius:25px;padding:.3rem;margin-bottom:2rem;position:relative;overflow:hidden}.toggle-btn{flex:1;padding:.75rem 1.5rem;border:none;background:transparent;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#7f8c8d;position:relative;z-index:2}.toggle-btn.active{color:#fff}.toggle-indicator{position:absolute;top:.3rem;bottom:.3rem;width:calc(50% - .3rem);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.toggle-indicator.left{left:.3rem}.toggle-indicator.right{left:calc(50% + .3rem)}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem;font-weight:600}.form-header p{color:#7f8c8d;font-size:1rem;line-height:1.5}.form-wrapper{margin-bottom:2rem}.form-wrapper .auth-container,.form-wrapper .auth-card{background:transparent;padding:0;border-radius:0;box-shadow:none;max-width:none}.form-wrapper .auth-card h2,.form-wrapper .auth-subtitle{display:none}.form-wrapper .auth-form{margin-top:0}.form-wrapper .form-group{margin-bottom:1.5rem}.form-wrapper .form-group label{color:#2c3e50;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.form-wrapper .form-group input{width:100%;padding:1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}.form-wrapper .form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-wrapper .auth-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.form-wrapper .auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.form-wrapper .auth-error{background:#fee;color:#c33;padding:1rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #c33;text-align:left;font-size:.9rem}.form-wrapper .auth-switch{display:none}.form-wrapper .demo-credentials{margin-top:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;text-align:left;border-left:4px solid #3498db}.form-wrapper .demo-credentials h4{margin:0 0 1rem;color:#2c3e50;font-size:1rem}.form-wrapper .demo-credentials p{margin:.3rem 0;color:#7f8c8d;font-size:.9rem}.quick-stats{display:flex;justify-content:space-around;margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:15px}.stat{text-align:center}.stat-number{display:block;font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:.2rem}.stat-label{font-size:.8rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-element{position:absolute;font-size:2rem;opacity:.1;animation:floatAround 15s infinite linear}.element-1{top:10%;left:5%;animation-delay:0s}.element-2{top:20%;right:10%;animation-delay:2s}.element-3{top:50%;left:8%;animation-delay:4s}.element-4{bottom:30%;right:5%;animation-delay:6s}.element-5{bottom:20%;left:15%;animation-delay:8s}.element-6{top:70%;right:20%;animation-delay:10s}@keyframes floatAround{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(0) rotate(180deg)}75%{transform:translateY(20px) rotate(270deg)}to{transform:translateY(0) rotate(360deg)}}@media (max-width: 1024px){.login-container{grid-template-columns:1fr 1fr}.brand-header h1{font-size:2.5rem}.brand-tagline{font-size:1.1rem}.features-grid{gap:1rem}.feature-card{padding:1rem}}@media (max-width: 768px){.login-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-branding{padding:1.5rem 1rem;min-height:auto}.branding-content{max-width:100%}.brand-header{margin-bottom:2rem}.brand-logo{font-size:3rem}.brand-header h1{font-size:2rem}.brand-tagline{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.feature-card{padding:1rem;gap:.75rem}.feature-icon{font-size:1.5rem}.trust-indicators{gap:1rem}.login-forms{padding:1.5rem 1rem}.form-container{max-width:100%}.form-header h2{font-size:1.8rem}.quick-stats{padding:1rem;margin-top:1.5rem}.stat-number{font-size:1.1rem}}@media (max-width: 480px){.login-branding{padding:1rem .5rem}.brand-logo{font-size:2.5rem}.brand-header h1{font-size:1.8rem}.brand-tagline{font-size:.9rem}.feature-card{flex-direction:column;text-align:center;padding:.75rem}.feature-content h3{font-size:1rem}.feature-content p{font-size:.8rem}.trust-indicators{flex-direction:column;gap:.5rem;align-items:center}.trust-item{font-size:.8rem}.login-forms{padding:1rem .5rem}.form-toggle{margin-bottom:1.5rem}.toggle-btn{padding:.6rem 1rem;font-size:.9rem}.form-header{margin-bottom:1.5rem}.form-header h2{font-size:1.6rem}.form-header p{font-size:.9rem}.form-wrapper .form-group input{padding:.8rem}.form-wrapper .auth-button{padding:.8rem;font-size:1rem}.quick-stats{flex-direction:column;gap:1rem;padding:1rem}.floating-element{font-size:1.5rem}}@media (max-width: 360px){.brand-header h1{font-size:1.6rem}.feature-card{padding:.5rem}.form-header h2{font-size:1.4rem}.toggle-btn{padding:.5rem .75rem;font-size:.8rem}}.app{display:flex;min-height:100vh;background-color:#f5f6fa}.main-content{flex:1;padding:2rem;background-color:#f5f6fa;min-height:100vh;transition:margin-left .3s ease}.main-content.authenticated{margin-left:280px}.app-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-content{text-align:center;padding:2rem}.loading-spinner-large{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading-content h2{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.loading-content p{opacity:.8;font-size:1.1rem}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.dashboard-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.chart-container{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.transaction-item{display:flex;align-items:center;padding:1rem;background:#fff;border-radius:10px;margin-bottom:.5rem;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.transaction-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.goal-progress{margin:1rem 0}.progress-bar{width:100%;height:8px;background:#ecf0f1;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#273dae,#cc2e2e);border-radius:4px;transition:width .5s ease}@media (max-width: 1200px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 968px){.main-content.authenticated{margin-left:0;padding:1rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 768px){.main-content{padding:1rem}.app{flex-direction:column}}@media (max-width: 480px){.main-content{padding:.5rem}.chart-container{padding:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid}.alert-success{background:#d4edda;border-color:#28a745;color:#155724}.alert-error{background:#f8d7da;border-color:#dc3545;color:#721c24}.alert-warning{background:#fff3cd;border-color:#ffc107;color:#856404}.alert-info{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.empty-state{text-align:center;padding:3rem 2rem;color:#7f8c8d}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin-bottom:.5rem;color:#2c3e50}.empty-state p{margin-bottom:1.5rem}@media print{.navbar,.btn{display:none!important}.main-content{margin-left:0!important;padding:0!important}.card{box-shadow:none!important;border:1px solid #ddd!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f6fa;color:#2c3e50;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-success{color:#27ae60}.text-danger{color:#e74c3c}.text-muted{color:#7f8c8d}.text-primary{color:#3498db}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-success{background:linear-gradient(135deg,#274fae,#0a569d);color:#fff}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-outline{background:transparent;border:2px solid #667eea;color:#667eea}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:600;font-size:.9rem}.form-input{width:100%;padding:1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}.form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}