*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{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}body{background-color:#f9fafb;color:#111827}body:has(.login-page){overflow:hidden;height:100vh}body:has(.otp-page){overflow:hidden;height:100vh}.dashboard-page{min-height:100vh;background-color:#f9fafb}.dashboard-container{padding:24px;margin-top:-115px;position:relative;z-index:20}.dashboard-main{margin:0 auto}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px;justify-items:center;align-items:stretch;max-width:1400px;margin:0 auto}@media (min-width:768px){.dashboard-grid{grid-template-columns:repeat(3,1fr);justify-items:center;align-items:stretch;gap:32px}}.card{background:white;border:1px solid #eff0f3;border-radius:10px;padding:24px;transition:all .3s ease;position:relative;z-index:10;width:435px;min-height:280px;height:100%;margin:0 auto;display:flex;flex-direction:column}.card-header{margin-bottom:16px}.card-header-content{gap:12px}.card-header-content,.card-icon{display:flex;align-items:center}.card-svg-icon{width:24px;height:24px}.card-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-style:normal;font-size:13px;color:#0b131b;margin:0}.card-content{margin-top:16px;justify-content:space-between}.card-content,.table-container{flex:1;display:flex;flex-direction:column}.table-container{overflow-x:auto;justify-content:center}.table-container::-webkit-scrollbar{width:6px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.table{width:100%;font-size:14px;border-collapse:collapse;height:100%}.table-header{background-color:#f9fafb;display:flex;flex-direction:row}.table thead tr{border-bottom:1px solid #e5e7eb;display:flex;width:100%}.table th{text-align:left;padding:12px 8px;color:#718096;font-weight:600;display:flex;align-items:center;justify-content:flex-start;gap:4px;font-size:13px;flex-direction:row;white-space:nowrap;flex:1}.table tbody tr{border-bottom:1px solid #f3f4f6;display:flex;width:100%}.table tbody tr:last-child{border-bottom:none}.table td{padding:12px 8px;color:#23293d;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-style:normal;font-size:12px;flex:1;display:flex;align-items:center}.table td:first-child,.table td:last-child,.table td:nth-child(2){text-align:left;justify-content:flex-start}.balance-amount{font-weight:600;color:#1f2937}.sort-icon{margin-left:4px}.account-number{display:flex;flex-direction:row;align-items:center;gap:30px}.account-number span:first-child{font-weight:500}.account-sub{font-size:11px;color:#6b7280}.filter-container{display:flex;justify-content:center;margin-top:24px}.filter-card{background:white;border:1px solid rgba(26,47,87,.07);border-radius:10px;padding:24px;height:90px;max-width:1400px}.filter-card,.filter-row{display:flex;align-items:center;width:100%}.filter-row{gap:16px}.filter-item{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.filter-item:has(.search-container),.filter-item:has(input[placeholder*="Ref. No"]){margin-top:20px}.filter-label{font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;color:#374151;margin:0}.filter-dropdown{background:white;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding:8px 32px 8px 12px}.filter-dropdown,.filter-input{height:36px;border:1px solid #e5e7eb;border-radius:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;outline:none;width:100%;min-width:0}.filter-input{padding:8px 12px;background:white}.filter-dropdown:focus,.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.filter-divider{width:1px;height:90px;background-color:#d1d5db;margin:0 8px;flex-shrink:0;align-self:stretch}.search-container{position:relative;display:flex;align-items:center;margin-top:20x}.search-icon{position:absolute;left:12px;z-index:1}.search-input{height:36px;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px 8px 36px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;background:white;outline:none;width:100%;min-width:0}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.transactions-card{margin-top:24px}.transactions-card .card{height:350px;width:100%;max-width:1400px}.transactions-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.export-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:white;border:1px solid rgba(47,85,183,.1);border-radius:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:500;color:#5c6f9f;cursor:pointer;transition:all .2s}.export-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.export-icon{color:#6b7280}.transaction-direction{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;width:-moz-fit-content;width:fit-content}.transaction-direction.outgoing{background-color:#f4f6f8;border:none;color:#374151;width:90px;height:21px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0}.transaction-direction.incoming{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.direction-icon{color:currentColor}.icon{width:12px;height:12px;color:#9ca3af}.balance-card{position:relative}.balance-card .card{height:100%;display:flex;flex-direction:column}.balance-details{text-align:center;margin-top:16px}.balance-details p{color:#6b7280;margin-bottom:16px}.balance-summary{background-color:#eff6ff;padding:16px;border-radius:8px;border:1px solid #bfdbfe}.balance-summary p:first-child{color:#1e40af;font-weight:500;margin-bottom:8px}.balance-summary p:last-child{color:#1e3a8a;font-size:24px;font-weight:700;margin:0}.card-flip{perspective:1000px}.card-flip .card{transform-style:preserve-3d;transition:transform .6s}.card-flip .card.flipped{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.card-back{transform:rotateY(180deg)}@media (max-width:768px){.dashboard-container{padding:16px;margin-top:-80px}.card{padding:16px;width:100%;height:auto;min-height:280px}.table{font-size:12px}.card-title{font-size:16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:white;border-radius:12px;border:1px solid #e2e4e9;box-shadow:0 4px 6px rgba(0,0,0,.1);width:850px;height:650px;opacity:1;padding:16px;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:20;width:83px;height:2px;background-color:#4215f5}.modal-title{font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:500;font-style:normal;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background-color:#f3f4f6}.modal-body{padding:24px;flex:1;overflow-y:auto}.modal-vertical-list{display:flex;flex-direction:column;gap:16px;border:1px solid #e2e4e9;border-radius:8px;padding:16px;height:100%;justify-content:space-between}.modal-list-item{border-bottom:1px solid #e2e4e9;padding-bottom:16px}.modal-list-item:last-child{border-bottom:none}.modal-list-label{font-family:Inter,sans-serif;color:#868c98;margin-bottom:8px}.modal-list-label,.modal-list-value{font-size:12px;font-weight:500;font-style:normal}.modal-list-value{font-family:Plus Jakarta Sans,sans-serif;color:#0a0d14}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#f9fafb}.account-page-wrapper{min-height:calc(100vh - 80px);background-color:#f8fafc;padding:24px}.account-page{min-height:100%}.account-container{display:flex;gap:24px;max-width:1200px;margin:0 auto}.account-sidebar{width:280px;background-color:white;border-radius:12px;border:1px solid #e2e4e9;padding:24px;height:-moz-fit-content;height:fit-content}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:8px;border:none;background:none;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s;width:100%;box-sizing:border-box}.sidebar-nav-item.active,.sidebar-nav-item:hover{background-color:#f6f8fa;color:#374151;border-radius:8px;gap:6px;opacity:1;border-bottom:2px solid #e2e4e9;padding:8px 16px}.sidebar-nav-icon{width:16px;height:16px}.account-main{flex:1}.account-card{background-color:white;border-radius:12px;border:1px solid #e2e4e9;padding:32px}.form-title{font-size:24px;font-weight:600;margin-bottom:32px}.form-section{margin-bottom:24px}.form-label{display:block;font-weight:500;color:#374151;margin-bottom:8px}.form-input,.form-label{font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;color:#111827;background-color:white;transition:border-color .2s}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:10px;z-index:1}.input-with-icon .form-input{padding-left:48px;padding-right:48px}.password-toggle{position:absolute;right:16px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.toggle-icon{color:#6b7280}.password-info{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.info-icon{color:#6b7280;flex-shrink:0}.info-text{font-family:Plus Jakarta Sans,sans-serif;font-size:12px;color:#6b7280;line-height:1.4}.forgot-password-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:24px}.forgot-password-container{display:flex;width:100%;max-width:1100px;min-height:650px;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.15);background:white}.forgot-password-left{flex:1;background:linear-gradient(135deg,#7004b9,#8e2de2);position:relative;display:flex;flex-direction:column;justify-content:center;padding:64px 48px;color:white;overflow:hidden}.left-content{position:relative;z-index:2;text-align:center}.page-title{font-size:36px;font-weight:800;margin-bottom:24px;color:white;line-height:1.2}.page-subtitle,.page-title{font-family:Plus Jakarta Sans,sans-serif}.page-subtitle{font-size:18px;font-weight:400;color:rgba(255,255,255,.9);line-height:1.6;max-width:320px;margin:0 auto}.forgot-password-right{flex:1;background:white;display:flex;align-items:center;justify-content:center;padding:64px 48px}.form-content{width:100%;max-width:420px;display:flex;flex-direction:column;gap:32px}.back-link{align-self:flex-start}.back-to-login-link{display:inline-flex;align-items:center;gap:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;color:#6b7280;text-decoration:none;transition:all .2s ease;padding:8px 12px;border-radius:8px}.back-to-login-link:hover{color:#7004b9;background-color:#f9fafb}.back-icon{transition:transform .2s ease}.back-to-login-link:hover .back-icon{transform:translateX(-2px)}.form-header{text-align:center;margin-bottom:8px}.form-title{font-size:28px;font-weight:700;color:#111827;margin-bottom:12px;line-height:1.2}.form-description,.form-title{font-family:Plus Jakarta Sans,sans-serif}.form-description{font-size:16px;font-weight:400;color:#6b7280;line-height:1.5}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;color:#374151}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .input-icon{position:absolute;left:16px;z-index:1;color:#9ca3af}.text-input{width:100%;padding:16px 20px 16px 52px;border:2px solid #e5e7eb;border-radius:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;color:#111827;background-color:white;transition:all .2s ease;outline:none}.text-input:focus{border-color:#7004b9;box-shadow:0 0 0 4px rgba(112,4,185,.1)}.text-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.text-input::-moz-placeholder{color:#9ca3af}.text-input::placeholder{color:#9ca3af}.input-help{font-family:Plus Jakarta Sans,sans-serif;font-size:13px;color:#6b7280;margin-top:4px}.error-alert{display:flex;align-items:center;gap:12px;padding:16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:-8px 0 8px}.error-icon{flex-shrink:0}.error-text{font-size:14px;color:#dc2626;font-weight:500}.error-text,.submit-button{font-family:Plus Jakarta Sans,sans-serif}.submit-button{width:100%;padding:18px 24px;background:linear-gradient(135deg,#7004b9,#8e2de2);color:white;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none;display:flex;align-items:center;justify-content:center;gap:12px}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px rgba(112,4,185,.3)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-footer{text-align:center;margin-top:8px}.footer-text{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#6b7280}.footer-link{color:#7004b9;text-decoration:none;font-weight:600;transition:color .2s ease}.footer-link:hover{color:#5a0394}.success-content{width:100%;max-width:420px;text-align:center;gap:32px}.success-content,.success-header{display:flex;flex-direction:column;align-items:center}.success-header{gap:24px}.success-icon{margin-bottom:8px}.success-svg{filter:drop-shadow(0 4px 12px rgba(16,185,129,.3))}.success-title{font-size:32px;font-weight:700;color:#111827;margin:0;line-height:1.2}.success-description,.success-title{font-family:Plus Jakarta Sans,sans-serif}.success-description{font-size:16px;color:#6b7280;line-height:1.6;margin:0 0 12px}.username-highlight{font-weight:600;color:#7004b9}.success-instruction{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#9ca3af;line-height:1.5;margin:0}.success-actions{display:flex;flex-direction:column;gap:20px;width:100%}.retry-text{font-size:14px;color:#6b7280;margin:0}.retry-button,.retry-text{font-family:Plus Jakarta Sans,sans-serif}.retry-button{width:100%;padding:16px 24px;background-color:#f9fafb;color:#374151;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.retry-button:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.back-to-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;color:#7004b9;text-decoration:none;transition:color .2s ease;padding:8px}.back-to-login:hover{color:#5a0394}@media (max-width:768px){.login-page{padding:20px 16px 16px}.login-container{flex-direction:column;height:auto;max-width:100%;margin-top:0}.login-left-panel{padding:32px 24px;min-height:250px}.login-title{font-size:24px}.login-subtitle{font-size:14px}.login-right-panel{padding:32px 24px}.forgot-password-page{padding:16px}.forgot-password-container{flex-direction:column;max-width:100%;min-height:auto;border-radius:16px}.forgot-password-left{padding:40px 32px;min-height:200px}.page-title{font-size:28px}.page-subtitle{font-size:16px}.forgot-password-right{padding:40px 32px}.form-title{font-size:24px}.success-title{font-size:28px}}.login-page{height:100vh;background-color:white;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.login-container{display:flex;width:100%;max-width:1000px;height:450px;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.1)}.login-left-panel{flex:1;background:linear-gradient(135deg,rgba(112,4,185,.7),rgba(142,45,226,.7)),url(https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?q=80&w=2000&auto=format&fit=crop) 50%/cover;position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:48px;color:white;overflow:hidden}.left-panel-content{position:relative;z-index:2;margin-top:60px}.login-title{font-size:32px;font-weight:700;margin-bottom:16px;color:white}.login-subtitle,.login-title{font-family:Plus Jakarta Sans,sans-serif}.login-subtitle{font-size:16px;font-weight:400;color:rgba(255,255,255,.9);line-height:1.5}.background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:.3;display:flex;align-items:center;justify-content:center}.pattern-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.login-right-panel{flex:1;background-color:white;display:flex;align-items:center;justify-content:center;padding:48px}.login-form{width:100%;max-width:400px}.login-form .form-section{margin-bottom:24px}.login-form .form-label{font-weight:500;color:#374151;margin-bottom:8px;display:block}.login-form .form-input,.login-form .form-label{font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.login-form .form-input{width:100%;padding:12px 16px 12px 48px;border:1px solid #d1d5db;border-radius:8px;color:#111827;background-color:white;transition:border-color .2s}.login-form .form-input:focus{outline:none;border-color:#7004b9;box-shadow:0 0 0 3px rgba(112,4,185,.1)}.login-form .input-with-icon{position:relative}.login-form .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;z-index:1}.login-form .password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.login-form .toggle-icon{color:#6b7280}.forgot-password{text-align:right;margin-bottom:24px}.forgot-link{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#7004b9;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#5a0394}.login-button{width:100%;padding:14px 24px;background-color:#7004b9;color:white;border:none;border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-bottom:24px}.login-button:hover{background-color:#5a0394;transform:translateY(-1px);box-shadow:0 8px 20px rgba(112,4,185,.3)}.login-button:active{transform:translateY(0)}.register-section{text-align:center}.register-text{color:#6b7280}.register-link,.register-text{font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.register-link{color:#7004b9;text-decoration:none;font-weight:600;transition:color .2s}.register-link:hover{color:#5a0394}.login-form .mt-6{margin-top:24px}.login-form .mt-6 p{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#6b7280}.login-form .mt-6 a{color:#7004b9;text-decoration:none;font-weight:600;transition:all .2s ease;padding:2px 4px;border-radius:4px}.login-form .mt-6 a:hover{color:#5a0394;background-color:rgba(112,4,185,.05)}.otp-page{height:100vh;background-color:#f8fafc;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.otp-container{width:100%;max-width:500px}.otp-card{background-color:white;border-radius:16px;padding:48px;box-shadow:0 10px 25px rgba(0,0,0,.1);text-align:center}.otp-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:16px}.otp-instruction,.otp-title{font-family:Plus Jakarta Sans,sans-serif}.otp-instruction{font-size:14px;color:#6b7280;margin-bottom:32px;line-height:1.5}.email-link{color:#7004b9;text-decoration:none;font-weight:600;transition:color .2s}.email-link:hover{color:#5a0394}.otp-input-container{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.otp-input{width:56px;height:56px;border:2px solid #e5e7eb;border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:600;text-align:center;color:#7004b9;background-color:white;transition:all .2s}.otp-input:focus{outline:none;border-color:#7004b9;box-shadow:0 0 0 3px rgba(112,4,185,.1)}.otp-input:not(:-moz-placeholder){border-color:#7004b9}.otp-input:not(:placeholder-shown){border-color:#7004b9}.resend-section{margin-bottom:32px}.resend-text{color:#6b7280}.resend-link,.resend-text{font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.resend-link{color:#7004b9;background:none;border:none;cursor:pointer;text-decoration:underline;transition:color .2s}.resend-link:hover{color:#5a0394}.otp-actions{display:flex;gap:12px;justify-content:center}.otp-actions .cancel-button{padding:12px 24px;background-color:white;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.otp-actions .cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.otp-actions .verify-button{padding:12px 24px;background-color:#7004b9;color:white;border:none;border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.otp-actions .verify-button:hover{background-color:#5a0394}.password-page{min-height:100vh;background-color:#f8fafc;display:flex;align-items:center;justify-content:center;padding:24px}.password-container{width:100%;max-width:500px}.password-card{background-color:white;border-radius:16px;padding:48px;box-shadow:0 10px 25px rgba(0,0,0,.1);text-align:center}.password-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:16px}.password-description,.password-title{font-family:Plus Jakarta Sans,sans-serif}.password-description{font-size:14px;color:#6b7280;margin-bottom:32px;line-height:1.5}.password-page .form-section{margin-bottom:32px;text-align:left}.password-page .form-label{font-weight:500;color:#374151;margin-bottom:8px;display:block}.password-page .form-input,.password-page .form-label{font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.password-page .form-input{width:100%;padding:12px 16px 12px 48px;border:1px solid #d1d5db;border-radius:8px;color:#111827;background-color:white;transition:border-color .2s}.password-page .form-input:focus{outline:none;border-color:#7004b9;box-shadow:0 0 0 3px rgba(112,4,185,.1)}.password-page .input-with-icon{position:relative}.password-page .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;z-index:1}.continue-button{width:100%;padding:14px 24px;background-color:#7004b9;color:white;border:none;border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.continue-button:hover{background-color:#5a0394}.newpassword-page{min-height:100vh;background-color:#f8fafc;padding:24px}.newpassword-container{max-width:500px}.newpassword-card{background-color:white;border-radius:16px;padding:48px;box-shadow:0 10px 25px rgba(0,0,0,.1);text-align:center}.newpassword-title{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;color:#111827;margin-bottom:16px}.newpassword-description{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#6b7280;margin-bottom:32px;line-height:1.5}.timer-section{margin-bottom:32px}.timer-text{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#6b7280}.repeatpassword-page{min-height:100vh;background-color:#f8fafc;display:flex;align-items:center;justify-content:center;padding:24px}.repeatpassword-container{width:100%;max-width:500px}.repeatpassword-card{background-color:white;border-radius:16px;padding:48px;box-shadow:0 10px 25px rgba(0,0,0,.1);text-align:left}.repeatpassword-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:16px}.repeatpassword-description,.repeatpassword-title{font-family:Plus Jakarta Sans,sans-serif;text-align:center}.repeatpassword-description{font-size:14px;color:#6b7280;margin-bottom:32px;line-height:1.5}.save-login-button{width:100%;background-color:#7004b9;color:white;border:none;border-radius:8px;padding:12px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:24px}.save-login-button:hover{background-color:#5a0394}.profile-photo-section{display:flex;align-items:center;gap:16px}.profile-photo-placeholder{width:80px;height:80px;border-radius:50%;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-photo{border-radius:50%}.profile-photo-info{flex:1}.photo-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.photo-header-icon{color:#6b7280}.photo-title{font-size:16px;font-weight:600;color:#111827;margin:0}.photo-info-text,.photo-title{font-family:Plus Jakarta Sans,sans-serif}.photo-info-text{font-size:12px;color:#6b7280;margin-bottom:8px}.upload-button{padding:8px 16px;background-color:#6366f1;color:white;border:none;border-radius:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.upload-button:hover{background-color:#5855eb}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-button{padding:12px 24px;background-color:white;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.save-button{padding:12px 24px;background-color:#6366f1;color:white;border:none;border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.save-button:hover{background-color:#5855eb}.transaction-charts-container,.transaction-ribbon-container,.transaction-summary-container{margin:24px 0;width:100%}@media (max-width:768px){.transaction-charts-container,.transaction-ribbon-container,.transaction-summary-container{margin:16px 0}}.password-rules{margin:24px 0;padding:18px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.rules-title{font-size:14px;font-weight:600;color:#495057;margin-bottom:12px}.rules-list{list-style:none;padding:0;margin:0}.rule-item{display:flex;align-items:center;margin-bottom:6px;transition:all .2s ease}.rule-item:last-child{margin-bottom:0}.rule-icon{margin-right:8px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.rule-item.valid .rule-icon{color:#28a745}.rule-item.invalid .rule-icon{color:#dc3545}.rule-text{font-size:13px;color:#6c757d;transition:color .2s ease}.rule-item.valid .rule-text{color:#28a745;font-weight:500}.rule-item.invalid .rule-text{color:#6c757d}.password-error{margin:20px 0 12px;padding:14px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.password-error img{filter:hue-rotate(0deg) saturate(1.5) brightness(.8)}.submit-button.valid{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:white;cursor:pointer;transform:translateY(0);box-shadow:0 4px 12px rgba(102,126,234,.3)}.submit-button.valid:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.submit-button.disabled{background:#e9ecef;border:1px solid #dee2e6;color:#6c757d;cursor:not-allowed}.submit-button.disabled,.submit-button.disabled:hover{transform:none;box-shadow:none}.newpassword-page{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:30px 24px 24px}.newpassword-container{display:flex;width:100%;max-width:1200px;height:700px;background:white;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);overflow:hidden}.confirm-password-group,.new-password-group{margin-top:24px!important}@media (max-width:768px){.newpassword-page{min-height:calc(100vh - 80px);padding:20px 16px 16px}.newpassword-container{flex-direction:column;height:auto;max-width:100%;margin-top:0}.confirm-password-group,.new-password-group{margin-top:20px!important}.password-error{margin:16px 0 8px;padding:12px 14px;font-size:13px}}.row{display:flex;flex-wrap:wrap;margin:0 -12px;gap:0}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-4,.col-8{padding:0 12px;box-sizing:border-box}.col-8{flex:0 0 66.666667%;max-width:66.666667%}@media (max-width:1024px){.col-4,.col-8{flex:0 0 50%;max-width:50%}}@media (max-width:768px){.col-4,.col-8{flex:0 0 100%;max-width:100%;margin-bottom:24px;padding:0}.row{margin:0}}.dashboard-main .row{align-items:stretch}.dashboard-main .col-4>*{height:100%}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}