*{box-sizing:border-box;margin:0;padding:0}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:linear-gradient(135deg,#1a1d29,#0f1117);min-height:100vh;color:#fff}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;color:#fff;font-size:24px;animation:pulse 2s ease-in-out infinite}.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.sidebar{width:260px;height:100vh;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;box-shadow:2px 0 10px #0000001a;z-index:1000;animation:slideIn .5s ease-out}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-logo-container{margin-bottom:12px;display:flex;align-items:center;justify-content:center}.sidebar-logo{max-width:100%;max-height:60px;object-fit:contain;filter:brightness(0) invert(1);animation:fadeIn .5s ease-out}.sidebar-header h2{margin:0 0 12px;font-size:24px;font-weight:700;color:#fff}.sidebar-user{margin:0;font-size:14px;opacity:.9}.sidebar-account{display:block;font-size:12px;opacity:.8;margin-top:4px;font-family:monospace}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.sidebar-item{display:flex;align-items:center;padding:14px 20px;color:#fff;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#ffffff1a;transition:width .3s ease}.sidebar-item:hover:before{width:100%}.sidebar-item:hover{background:#ffffff1a;border-left-color:#ffffff80;transform:translate(5px)}.sidebar-item.active{background:#fff3;border-left-color:#fff;font-weight:600;animation:pulse 2s ease-in-out infinite}.sidebar-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.sidebar-label{font-size:15px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.2);font-size:12px}.sidebar-help{margin:0 0 8px;opacity:.9}.sidebar-version{margin:0;opacity:.7;font-size:11px}@media(max-width:768px){.sidebar{width:70px}.sidebar-header h2{font-size:18px}.sidebar-user,.sidebar-label,.sidebar-footer{display:none}.sidebar-icon{margin-right:0}.sidebar-item{justify-content:center;padding:14px}}.create-account-container{max-width:800px;margin:0 auto;padding:40px;background:#1a1d29;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d;animation:fadeIn .5s ease-out;color:#fff}.create-account-container h1{margin-bottom:32px;color:#fff;font-size:28px}.account-type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.account-type-card{padding:32px;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;animation:scaleIn .4s ease-out;position:relative;overflow:hidden;background:#2a2e3e;color:#fff}.account-type-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#667eea1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.account-type-card:hover:before{width:400px;height:400px}.account-type-card:hover{border-color:#667eea;transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #667eea4d}.account-type-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea15,#764ba215);animation:pulse 2s ease-in-out infinite;box-shadow:0 8px 20px #667eea4d}.account-type-icon{font-size:48px;margin-bottom:16px}.account-type-card h3{margin:0 0 8px;color:#fff;font-size:20px}.account-type-card p{margin:8px 0;color:#9ca3af;font-size:14px}.account-prefix{font-family:monospace;color:#667eea;font-weight:600;margin-top:16px!important}.create-button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.create-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.create-button:hover:not(:disabled):before{width:300px;height:300px}.create-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #667eea80}.create-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.create-button:disabled{opacity:.6;cursor:not-allowed}.banking-container{max-width:600px;margin:0 auto;padding:40px;background:#1a1d29;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d;animation:fadeIn .5s ease-out;color:#fff}.banking-container h1{margin-bottom:32px;color:#fff;font-size:28px}.banking-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:2px solid rgba(255,255,255,.1)}.tab{flex:1;padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:500;color:#9ca3af;transition:all .3s ease;position:relative}.tab:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background:#667eea;transition:width .3s ease}.tab:hover{color:#667eea;background:#667eea0d;transform:translateY(-2px)}.tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:600;animation:pulse 2s ease-in-out infinite}.tab.active:after{width:100%}.banking-form{display:flex;flex-direction:column;gap:24px}.form-group input,.form-group select{padding:12px;background:#2a2e3e;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:16px;color:#fff;transition:all .3s}.submit-button{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-button:hover:not(:disabled):before{width:300px;height:300px}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #667eea80}.submit-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px;background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.5);border-radius:8px;margin-bottom:16px;text-align:center}.success-message{padding:12px;background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.5);border-radius:8px;margin-bottom:16px;text-align:center}.auto-transfers-container{max-width:900px;margin:0 auto;padding:40px;background:#1a1d29;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d;animation:fadeIn .5s ease-out;color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1{margin:0;color:#fff;font-size:28px}.add-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.add-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.add-button:hover:before{width:300px;height:300px}.add-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #667eea80}.add-button:active{transform:translateY(-1px) scale(.98)}.auto-transfer-form{background:#2a2e3e;padding:24px;border-radius:12px;margin-bottom:32px;animation:slideUp .4s ease-out;border:1px solid rgba(255,255,255,.1)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#fff;font-size:14px}.form-group input,.form-group select{padding:12px;background:#1a1d29;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:16px;color:#fff;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:12px;margin-top:24px}.submit-button{flex:1;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.cancel-button{flex:1;padding:12px;background:#3a3e4e;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.rules-list{display:flex;flex-direction:column;gap:16px}.rule-card{padding:20px;background:#2a2e3e;border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease;animation:slideIn .4s ease-out;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.rule-card:hover{transform:translate(8px);box-shadow:0 8px 16px #0000004d;background:#3a3e4e}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rule-actions{display:flex;gap:8px}.toggle-button{padding:6px 12px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-button:hover{transform:scale(1.1)}.toggle-button.active{background:#22c55e;color:#fff;box-shadow:0 4px 12px #22c55e66}.toggle-button.inactive{background:#3a3e4e;color:#9ca3af}.toggle-button.inactive:hover{background:#4a4e5e}.delete-button{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.delete-button:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.rule-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;font-size:14px;color:#9ca3af}.scheduled-transfers-container{max-width:900px;margin:0 auto;padding:40px;background:#1a1d29;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d;animation:fadeIn .5s ease-out;color:#fff}.scheduled-transfer-form{background:#2a2e3e;padding:24px;border-radius:12px;margin-bottom:32px;animation:slideUp .4s ease-out;border:1px solid rgba(255,255,255,.1)}.transfer-card{padding:20px;background:#2a2e3e;border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease;animation:slideIn .4s ease-out;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.transfer-card:hover{transform:translate(8px);box-shadow:0 8px 16px #0000004d;background:#3a3e4e}.transfer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-badge{padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;font-weight:600}.transfer-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;font-size:14px;color:#9ca3af;margin-bottom:12px}.budgets-container{max-width:900px;margin:0 auto;padding:40px;background:#1a1d29;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d;animation:fadeIn .5s ease-out;color:#fff}.budget-form{background:#2a2e3e;padding:24px;border-radius:12px;margin-bottom:32px;animation:slideUp .4s ease-out;border:1px solid rgba(255,255,255,.1)}.budgets-list{display:flex;flex-direction:column;gap:16px}.budget-card{padding:20px;background:#2a2e3e;border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease;animation:slideIn .4s ease-out;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.budget-card:hover{transform:translate(8px);box-shadow:0 8px 16px #0000004d;background:#3a3e4e}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.account-number{display:block;font-size:12px;color:#9ca3af;margin-top:4px;font-family:monospace}.budget-progress{margin-bottom:12px}.progress-bar{width:100%;height:24px;background:#1a1d29;border-radius:12px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill.over{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-text{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#fff}.percentage{color:#22c55e}.budget-details{display:flex;gap:16px;font-size:14px;color:#9ca3af}.savings-goals-container{max-width:900px;margin:0 auto;padding:40px;background:#1a1d29;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d;animation:fadeIn .5s ease-out;color:#fff}.goal-form{background:#2a2e3e;padding:24px;border-radius:12px;margin-bottom:32px;animation:slideUp .4s ease-out;border:1px solid rgba(255,255,255,.1)}.goals-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.goal-card{padding:24px;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:12px;border:2px solid #667eea;position:relative;transition:all .3s ease;animation:scaleIn .4s ease-out;cursor:pointer;color:#fff}.goal-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #667eea4d}.goal-card.completed{background:linear-gradient(135deg,#22c55e33,#16a34a33);border-color:#22c55e}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.goal-header h3{margin:0 0 4px;color:#fff;font-size:20px}.account-number{display:block;font-size:12px;color:#9ca3af;font-family:monospace}.completed-badge{background:#22c55e;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.goal-progress{margin-bottom:16px}.progress-bar{width:100%;height:28px;background:#1a1d29;border-radius:14px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-text{display:flex;justify-content:space-between;font-size:16px;font-weight:600;color:#fff}.percentage{color:#667eea}.goal-details{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#9ca3af;margin-bottom:12px}.delete-button{width:100%;padding:8px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.delete-button:hover{background:#dc2626;transform:scale(1.05);box-shadow:0 4px 12px #ef444466}.delete-button:active{transform:scale(.95)}.lico-connection-container{max-width:800px;margin:0 auto;padding:40px;background:#1a1d29;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d;animation:fadeIn .5s ease-out;color:#fff}.lico-connection-container h1{margin-bottom:32px;color:#fff;font-size:28px}.connection-setup{text-align:center;padding:40px}.connection-setup h2{margin-bottom:16px;color:#fff}.connection-setup p{color:#9ca3af;margin-bottom:32px}.connect-button{padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;animation:scaleIn .4s ease-out}.connect-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.connect-button:hover:before{width:300px;height:300px}.connect-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #667eea80}.connect-button:active{transform:translateY(-1px) scale(.98)}.connection-form{max-width:500px;margin:0 auto;text-align:left}.connection-info{display:flex;flex-direction:column;gap:24px}.info-card{padding:24px;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:12px;border:2px solid #667eea;transition:all .3s ease;animation:scaleIn .4s ease-out;color:#fff}.info-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #667eea33}.info-card h3{margin:0 0 16px;color:#fff}.info-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(102,126,234,.2)}.info-item:last-child{border-bottom:none}.wallet-address{font-family:monospace;font-size:14px}.transfer-section{padding:24px;background:#2a2e3e;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.transfer-section h3{margin:0 0 16px;color:#fff}.transfer-form{display:flex;flex-direction:column;gap:16px}.lico-button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.lico-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.lico-button:hover:before{width:300px;height:300px}.lico-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #667eea80}.lico-button:active{transform:translateY(-1px) scale(.98)}.stats-container{max-width:1200px;margin:0 auto;padding:40px;background:#1a1d29;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d;animation:fadeIn .5s ease-out;color:#fff}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.stats-header h1{margin:0;color:#fff;font-size:28px}.period-selector{display:flex;gap:8px}.period-selector button{padding:8px 16px;background:#2a2e3e;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;color:#fff}.period-selector button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#667eea33;transform:translate(-50%,-50%);transition:width .4s,height .4s}.period-selector button:hover:before{width:200px;height:200px}.period-selector button:hover{background:#3a3e4e;transform:translateY(-2px)}.period-selector button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;animation:pulse 2s ease-in-out infinite;box-shadow:0 4px 12px #667eea66}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.summary-card{padding:24px;border-radius:12px;text-align:center;transition:all .3s ease;animation:scaleIn .4s ease-out;cursor:pointer}.summary-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 24px #00000026}.summary-card.income{background:linear-gradient(135deg,#22c55e33,#16a34a33);border:2px solid #22c55e;color:#fff}.summary-card.expense{background:linear-gradient(135deg,#ef444433,#dc262633);border:2px solid #ef4444;color:#fff}.summary-card.net{background:linear-gradient(135deg,#3b82f633,#2563eb33);border:2px solid #3b82f6;color:#fff}.summary-card.count{background:linear-gradient(135deg,#a855f733,#9333ea33);border:2px solid #a855f7;color:#fff}.summary-label{font-size:14px;color:#9ca3af;margin-bottom:8px}.summary-value{font-size:28px;font-weight:700;color:#fff}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:32px}.chart-card{padding:24px;background:#2a2e3e;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease;animation:slideUp .5s ease-out}.chart-card:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-5px)}.chart-card h3{margin:0 0 20px;color:#fff;font-size:18px}.budget-stats{margin-top:32px}.budget-stats h3{margin-bottom:20px;color:#fff}.budget-list{display:flex;flex-direction:column;gap:16px}.budget-stat-card{padding:20px;background:#f9f9f9;border-radius:12px;transition:all .3s ease;animation:slideIn .4s ease-out;cursor:pointer}.budget-stat-card:hover{transform:translate(8px);box-shadow:0 8px 16px #0000001a;background:#fff}.budget-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.budget-stat-header strong{font-size:16px;color:#333}.percentage{font-weight:600;color:#22c55e}.percentage.over{color:#ef4444}.budget-stat-bar{width:100%;height:20px;background:#1a1d29;border-radius:10px;overflow:hidden;margin-bottom:8px}.budget-stat-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.budget-stat-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.budget-stat-fill.over{background:linear-gradient(90deg,#ef4444,#dc2626)}.budget-stat-details{font-size:14px;color:#9ca3af}.transactions-container{max-width:900px;margin:0 auto;padding:40px;background:#1a1d29;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d;animation:fadeIn .5s ease-out;color:#fff}.transactions-container h1{margin-bottom:32px;color:#fff;font-size:28px}.filter-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid rgba(255,255,255,.1)}.filter-tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#9ca3af;transition:all .3s}.filter-tab:hover{color:#667eea;background:#667eea0d}.filter-tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#2a2e3e;border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease;animation:slideIn .4s ease-out;cursor:pointer;color:#fff}.transaction-item:hover{background:#3a3e4e;transform:translate(8px);box-shadow:0 8px 16px #0000004d}.transaction-item:active{transform:translate(4px)}.transaction-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1a1d29;border-radius:12px;flex-shrink:0;transition:all .3s ease}.transaction-item:hover .transaction-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #667eea4d}.transaction-details{flex:1;display:flex;flex-direction:column;gap:8px}.transaction-header{display:flex;justify-content:space-between;align-items:center}.transaction-type{font-weight:600;color:#fff;font-size:16px}.transaction-amount{font-weight:700;font-size:18px}.transaction-amount.positive{color:#22c55e}.transaction-amount.negative{color:#ef4444}.transaction-meta{display:flex;justify-content:space-between;font-size:14px;color:#9ca3af}.transaction-notes{font-size:13px;color:#9ca3af;font-style:italic;margin-top:4px}.admin-dashboard-container{min-height:100vh;background:linear-gradient(135deg,#1a1d29,#0f1117);padding:40px;color:#fff;animation:fadeIn .5s ease-out}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-header h1{margin:0 0 8px;font-size:32px;color:#fff}.admin-header p{margin:0;color:#9ca3af;font-size:16px}.logout-button{padding:12px 24px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#1a1d29;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease;animation:scaleIn .4s ease-out}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000004d;border-color:#667eea80}.stat-card.warning{border-color:#ef444480}.stat-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:12px;flex-shrink:0}.stat-card.warning .stat-icon{background:#ef44441a}.stat-content{flex:1}.stat-label{font-size:14px;color:#9ca3af;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:#fff}.pending-requests-section,.recent-section,.quick-menu-section{background:#1a1d29;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-bottom:24px;animation:slideUp .5s ease-out}.pending-requests-section h2,.recent-section h2,.quick-menu-section h2{margin:0 0 20px;font-size:20px;color:#fff}.request-tabs{display:flex;gap:12px}.tab-button{padding:12px 24px;background:#2a2e3e;border:1px solid #3a3e4e;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-button:hover{background:#3a3e4e;border-color:#667eea}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.view-all-button{padding:8px 16px;background:transparent;border:1px solid #667eea;border-radius:6px;color:#667eea;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-button:hover{background:#667eea;color:#fff}.transactions-table .type-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.quick-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.quick-menu-item{background:#2a2e3e;border:1px solid #3a3e4e;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;animation:scaleIn .4s ease-out}.quick-menu-item:hover{background:#3a3e4e;border-color:#667eea;transform:translateY(-5px);box-shadow:0 8px 24px #667eea33}.menu-icon{font-size:32px;margin-bottom:12px}.menu-label{font-size:14px;font-weight:600;color:#e5e7eb}.deposits-list{display:flex;flex-direction:column;gap:16px}.deposit-card{background:#1a1d29;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;animation:slideIn .4s ease-out;transition:all .3s ease}.deposit-card:hover{border-color:#667eea80;box-shadow:0 8px 24px #0000004d}.deposit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.deposit-id{font-size:12px;color:#6b7280;font-family:monospace;margin-bottom:8px}.deposit-account{font-size:16px;font-weight:600;color:#e5e7eb;font-family:monospace;margin-bottom:4px}.deposit-user{font-size:14px;color:#9ca3af}.deposit-amount{font-size:24px;font-weight:700;color:#86efac}.deposit-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.deposit-actions{display:flex;gap:12px}.withdrawals-list{display:flex;flex-direction:column;gap:16px}.withdrawal-card{background:#1a1d29;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;animation:slideIn .4s ease-out;transition:all .3s ease}.withdrawal-card:hover{border-color:#ef444480;box-shadow:0 8px 24px #0000004d}.withdrawal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.withdrawal-id{font-size:12px;color:#6b7280;font-family:monospace;margin-bottom:8px}.withdrawal-account{font-size:16px;font-weight:600;color:#e5e7eb;font-family:monospace;margin-bottom:4px}.withdrawal-user{font-size:14px;color:#9ca3af;margin-bottom:4px}.withdrawal-balance{font-size:14px;color:#86efac;font-weight:600}.withdrawal-amount{font-size:24px;font-weight:700;color:#fca5a5}.withdrawal-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.withdrawal-actions{display:flex;gap:12px}.transfers-list{display:flex;flex-direction:column;gap:16px}.transfer-card{background:#1a1d29;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;animation:slideIn .4s ease-out;transition:all .3s ease}.transfer-card:hover{border-color:#3b82f680;box-shadow:0 8px 24px #0000004d}.transfer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.transfer-id{font-size:12px;color:#6b7280;font-family:monospace;margin-bottom:8px}.transfer-from,.transfer-to{font-size:16px;font-weight:600;color:#e5e7eb;font-family:monospace;margin-bottom:4px}.transfer-user{font-size:14px;color:#9ca3af}.transfer-amount{font-size:24px;font-weight:700;color:#93c5fd}.transfer-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-item{display:flex;gap:12px}.detail-label{font-weight:600;color:#9ca3af;min-width:100px}.detail-value{color:#e5e7eb}.transfer-actions{display:flex;gap:12px}.approve-button,.reject-button{flex:1;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.approve-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.approve-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.reject-button{background:#ef4444;color:#fff}.reject-button:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.approve-button:disabled,.reject-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af;font-size:18px}.accounts-table-section{background:#1a1d29;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;animation:slideUp .5s ease-out}.accounts-table{overflow-x:auto}.accounts-table table{width:100%;border-collapse:collapse}.accounts-table th{background:#2a2e3e;padding:12px;text-align:left;font-weight:600;color:#e5e7eb;font-size:14px;border-bottom:2px solid #3a3e4e}.accounts-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);color:#d1d5db;font-size:14px}.accounts-table tr:hover{background:#667eea0d}.accounts-table .monospace{font-family:monospace;font-size:13px}.accounts-table .balance{font-weight:600;color:#86efac}.type-badge.basic{background:#667eea33;color:#93c5fd}.type-badge.stock{background:#22c55e33;color:#86efac}.filter-group label{font-weight:600;color:#e5e7eb;min-width:80px}.users-table-section{background:#1a1d29;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;animation:slideUp .5s ease-out}.users-table{overflow-x:auto}.users-table table{width:100%;border-collapse:collapse}.users-table th{background:#2a2e3e;padding:12px;text-align:left;font-weight:600;color:#e5e7eb;font-size:14px;border-bottom:2px solid #3a3e4e}.users-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);color:#d1d5db;font-size:14px}.users-table tr:hover{background:#667eea0d}.users-table .balance{font-weight:600;color:#86efac}.status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.status-badge.active{background:#22c55e33;color:#86efac}.status-badge.suspended{background:#ef444433;color:#fca5a5}.status-badge.closed{background:#6b728033;color:#9ca3af}.action-buttons{display:flex;gap:8px}.suspend-button,.activate-button,.close-button{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.suspend-button{background:#f59e0b;color:#fff}.suspend-button:hover{background:#d97706}.activate-button{background:#22c55e;color:#fff}.activate-button:hover{background:#16a34a}.close-button{background:#ef4444;color:#fff}.close-button:hover{background:#dc2626}.admin-page-container{min-height:100vh;background:linear-gradient(135deg,#1a1d29,#0f1117);padding:40px;color:#fff;animation:fadeIn .5s ease-out}.admin-page-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.back-button{padding:10px 20px;background:#2a2e3e;border:1px solid #3a3e4e;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#3a3e4e;border-color:#667eea}.admin-page-header h1{margin:0;font-size:28px;color:#fff}.filters-section{display:flex;gap:16px;margin-bottom:24px;padding:20px;background:#1a1d29;border:1px solid rgba(255,255,255,.1);border-radius:12px}.filter-group{display:flex;align-items:center;gap:12px}.filter-group label{font-weight:600;color:#e5e7eb;min-width:100px}.filter-group select{padding:10px 16px;background:#2a2e3e;border:1px solid #3a3e4e;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.filter-group select:hover{border-color:#667eea}.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.transactions-table-section{background:#1a1d29;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;animation:slideUp .5s ease-out}.table-header{margin-bottom:20px}.table-header h3{margin:0;font-size:18px;color:#fff}.transactions-table{overflow-x:auto}.transactions-table table{width:100%;border-collapse:collapse}.transactions-table th{background:#2a2e3e;padding:12px;text-align:left;font-weight:600;color:#e5e7eb;font-size:14px;border-bottom:2px solid #3a3e4e}.transactions-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);color:#d1d5db;font-size:14px}.transactions-table tr:hover{background:#667eea0d}.transactions-table .monospace{font-family:monospace;font-size:13px}.transactions-table .positive{color:#86efac;font-weight:600}.transactions-table .negative{color:#fca5a5;font-weight:600}.transactions-table .balance-after{font-weight:600;color:#e5e7eb}.type-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.type-badge.deposit{background:#22c55e33;color:#86efac}.type-badge.withdrawal{background:#ef444433;color:#fca5a5}.type-badge.transfer_out,.type-badge.transfer_in{background:#3b82f633;color:#93c5fd}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.page-button{padding:8px 16px;background:#2a2e3e;border:1px solid #3a3e4e;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.page-button:hover:not(:disabled){background:#3a3e4e;border-color:#667eea}.page-button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#9ca3af;font-weight:600}.empty-state{text-align:center;padding:40px;color:#6b7280}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:#9ca3af;font-size:18px}.notification-bell{position:relative}.bell-button{position:relative;background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.bell-button:hover{background:#0000000d}.badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.notification-overlay{position:fixed;inset:0;z-index:999}.notification-dropdown{position:absolute;top:100%;right:0;width:360px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;margin-top:8px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;transform-origin:top right}.notification-header{padding:16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.notification-header h3{margin:0;font-size:18px;color:#333}.mark-all-read{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.mark-all-read:hover{background:#667eea1a}.notification-list{overflow-y:auto;max-height:400px}.notification-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s ease;animation:slideIn .3s ease-out;transform-origin:left}.notification-item:hover{background:#f9f9f9;transform:translate(5px);box-shadow:-5px 0 10px #0000000d}.notification-item.unread{background:#f0f4ff;border-left:3px solid #667eea}.notification-icon{font-size:24px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:#333;margin-bottom:4px;font-size:14px}.notification-message{color:#666;font-size:13px;margin-bottom:4px;word-break:break-word}.notification-time{color:#999;font-size:11px}.empty-notifications{padding:40px 20px;text-align:center;color:#999}.app{min-height:100vh;position:relative;animation:fadeIn .5s ease-out}.notification-bell-wrapper{position:fixed;top:20px;right:20px;z-index:1001}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#1a1d29,#0f1117);color:#fff!important}.auth-container *,.auth-container a,.auth-container strong,.auth-container small,.auth-container p,.auth-container h1,.auth-container h2,.auth-container h3,.auth-container h4,.auth-container h5,.auth-container h6{color:#fff!important}.auth-card{background:#1a1d29;border-radius:16px;padding:40px;width:100%;max-width:500px;box-shadow:0 20px 60px #00000080;animation:scaleIn .5s ease-out;border:1px solid rgba(255,255,255,.1)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:16px;min-height:80px}.auth-logo{max-width:250px;max-height:100px;width:auto;height:auto;object-fit:contain;animation:scaleIn .5s ease-out;display:block}.auth-logo-fallback{display:none;font-size:32px;font-weight:700;color:#667eea;margin-bottom:8px}.auth-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px}.auth-subtitle{font-size:16px;color:#fff}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#fff}.form-input{width:100%;padding:12px 16px;background:#2a2e3e;border:2px solid #3a3e4e;border-radius:8px;font-size:16px;color:#fff;transition:all .3s}.form-input::placeholder{color:#9ca3af}.form-input:focus{outline:none;border-color:#667eea;background:#2f3442}.form-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.form-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.form-button:hover:before{width:300px;height:300px}.form-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea66}.form-button:active{transform:translateY(-1px) scale(.98)}.form-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#ef44441a;border:1px solid #ef4444;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message{background:#22c55e1a;border:1px solid #22c55e;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.auth-code-display{background:#2a2e3e;border:1px solid #3a3e4e;padding:20px;border-radius:8px;text-align:center;margin:20px 0}.auth-code-value{font-family:Courier New,monospace;font-size:20px;font-weight:700;color:#fff;word-break:break-all;-webkit-user-select:all;user-select:all}.form-links{text-align:center;margin-top:20px}.form-link{color:#fff;text-decoration:none;font-weight:600;margin:0 10px;transition:color .3s}.form-link:hover{color:#e5e7eb;text-decoration:underline}.page-container{animation:fadeIn .4s ease-out;display:flex;min-height:100vh}.page-content{flex:1;margin-left:260px;padding:40px;background:linear-gradient(135deg,#1a1d29,#0f1117);color:#fff;min-height:100vh}.dashboard-container{max-width:1200px;margin:0 auto;animation:fadeIn .6s ease-out}.dashboard-header{background:#1a1d29;padding:24px;border-radius:16px;margin-bottom:24px;box-shadow:0 4px 6px #0000004d;border:1px solid rgba(255,255,255,.1)}.dashboard-title{font-size:28px;color:#fff;margin-bottom:16px}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.account-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 6px #0000001a}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.account-type-badge{background:#fff3;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600}.account-number{font-size:20px;font-weight:600;margin-bottom:12px;font-family:monospace}.account-balance{font-size:32px;font-weight:700}.logout-button{padding:10px 24px;background:#fff;color:#667eea;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:16px}.logout-button:hover{background:#f0f0f0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in{animation:slideIn .4s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out}.animate-shake{animation:shake .5s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.transition-all{transition:all .3s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .5s ease}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #667eea99}.button-press{transition:transform .1s ease}.button-press:active{transform:scale(.95)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.stagger-item{opacity:0;animation:fadeIn .5s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}.stagger-item:nth-child(7){animation-delay:.7s}.stagger-item:nth-child(8){animation-delay:.8s}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}