@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Plus Jakarta Sans}.filter-wrapper{position:relative;display:inline-block}.filter-modal{position:absolute;top:100%;left:0;z-index:999;width:300px;background:#f9f9f9;padding:20px;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 8px #00000026}.upload-box{border:2px dashed #ccc;border-radius:10px;background-color:#e9f9ed;padding:5px 10px;text-align:center;position:relative;cursor:pointer;display:block;width:100%;max-width:100%;box-sizing:border-box}.upload-box p{font-size:8px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-box:hover{background-color:#def5e3}.upload-content{display:flex;justify-content:space-between;align-items:center;gap:6px}.upload-icon{width:20px;margin-bottom:6px}.upload-format{font-size:10px;color:#888}.user-info{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start;background-color:#fff;gap:20px;margin-bottom:30px;margin-top:10px}.user-details{display:flex;gap:20px}.user-info-header{display:flex;gap:10px}.avatar{background-color:#01467d;color:#fff;font-weight:700;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.info-card{background-color:#fff;border-radius:8px;border:1px solid #00c292;padding:10px 20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.edit-btn,.export-btn{background-color:transparent;color:#00c292;border:1px solid #00c292;padding:5px 15px;border-radius:20px;cursor:pointer;font-weight:700}.next-button{background-color:#28a745;color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:200px;margin-top:15px;margin-left:auto;display:block;transition:background-color .3s ease}.status{height:fit-content;padding:4px 10px;border-radius:20px;text-align:center;font-size:14px;font-weight:700;color:#fff}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1000px;gap:1rem;padding:1rem}.info-grid label{font-weight:600;font-size:.85rem;color:#777;font-size:14px}.info-grid p{margin:.2rem 0 0;font-size:14px}.info-grid a{color:#01467d;font-weight:700;font-size:.85rem}.error-message{color:red;font-size:.875rem;margin-top:.25rem;display:block}.auth-container{background:#fff;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:20px}.bg-circle{position:absolute;border-radius:50%;background:#00a650}.bg-circle-1{width:300px;height:300px;top:-75px;left:-90px}.bg-circle-2{width:180px;height:180px;background:#007539;top:-20px;left:-35px}.logo{text-align:center;margin-bottom:20px;position:relative;z-index:1}.logo img{object-fit:cover}.logo h1{font-size:40px;font-weight:400;color:#fff;margin-bottom:8px}.logo h1 span{font-size:40px;font-weight:700}.container{background:#fff;padding:40px;border-radius:8px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;z-index:1}.headerr{text-align:center;margin-bottom:32px}.headerr h2{font-size:26px;font-weight:600;color:#004220;margin-bottom:8px}.headerr p{color:#666;font-size:14px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#00a650;font-size:14px}.input-container{position:relative}.input-container .input-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:20px;height:20px;background-size:contain;background-repeat:no-repeat;pointer-events:none}.input-container .email-icon{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%204H5C4.20435%204%203.44129%204.31607%202.87868%204.87868C2.31607%205.44129%202%206.20435%202%207V17C2%2017.7956%202.31607%2018.5587%202.87868%2019.1213C3.44129%2019.6839%204.20435%2020%205%2020H19C19.7956%2020%2020.5587%2019.6839%2021.1213%2019.1213C21.6839%2018.5587%2022%2017.7956%2022%2017V7C22%206.20435%2021.6839%205.44129%2021.1213%204.87868C20.5587%204.31607%2019.7956%204%2019%204ZM19%206L12.5%2010.47C12.348%2010.5578%2012.1755%2010.604%2012%2010.604C11.8245%2010.604%2011.652%2010.5578%2011.5%2010.47L5%206H19Z'%20fill='%2300A650'/%3e%3c/svg%3e")}.input-container .lock-icon{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9848%202C15.0535%202%2017.5227%204.41479%2017.5227%207.39601V8.92935C19.2451%209.46696%2020.5%2011.0261%2020.5%2012.8884V17.8253C20.5%2020.1308%2018.5886%2022%2016.2322%2022H7.7688C5.41136%2022%203.5%2020.1308%203.5%2017.8253V12.8884C3.5%2011.0261%204.75595%209.46696%206.47729%208.92935V7.39601C6.48745%204.41479%208.95667%202%2011.9848%202ZM11.9949%2013.3843C11.5072%2013.3843%2011.1109%2013.7718%2011.1109%2014.2488V16.4549C11.1109%2016.9419%2011.5072%2017.3294%2011.9949%2017.3294C12.4928%2017.3294%2012.8891%2016.9419%2012.8891%2016.4549V14.2488C12.8891%2013.7718%2012.4928%2013.3843%2011.9949%2013.3843ZM12.0051%203.73904C9.94232%203.73904%208.26569%205.36878%208.25553%207.37613V8.7137H15.7445V7.39601C15.7445%205.37871%2014.0678%203.73904%2012.0051%203.73904Z'%20fill='%2300A650'/%3e%3c/svg%3e")}.input-container input{padding-left:40px;text-indent:30px}.form-group input{width:100%;padding:14px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;background-color:#e7e8e6;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#28a745;background-color:#fff;box-shadow:0 0 0 3px #28a7451a}.form-group input::placeholder{color:#999}.signup-btn{width:100%;background:#00a650;color:#fff;border:none;padding:14px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px;margin-top:18px}.signup-btn:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.signup-btn:active{transform:translateY(0)}.login-link{text-align:center;font-size:14px;color:#000f07}.login-link a{color:#00a650;text-decoration:none;font-weight:500}.login-link a:hover{text-decoration:underline}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:4px;font-size:14px}.eye-icon{width:20px;height:20px;background:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.521%201.47833C18.3335%201.29086%2018.0792%201.18555%2017.814%201.18555C17.5488%201.18555%2017.2945%201.29086%2017.107%201.47833L1.48%2017.1073C1.38449%2017.1996%201.30831%2017.3099%201.2559%2017.4319C1.20349%2017.5539%201.1759%2017.6852%201.17475%2017.8179C1.1736%2017.9507%201.1989%2018.0824%201.24918%2018.2053C1.29946%2018.3282%201.37371%2018.4398%201.4676%2018.5337C1.5615%2018.6276%201.67315%2018.7019%201.79605%2018.7522C1.91894%2018.8024%202.05062%2018.8277%202.1834%2018.8266C2.31618%2018.8254%202.4474%2018.7978%202.5694%2018.7454C2.69141%2018.693%202.80175%2018.6168%202.894%2018.5213L18.52%202.89233C18.7075%202.70481%2018.8128%202.4505%2018.8128%202.18533C18.8128%201.92017%2018.7085%201.66586%2018.521%201.47833ZM3.108%2013.4983L5.668%2010.9383C5.59501%2010.6309%205.5571%2010.3163%205.555%2010.0003C5.555%207.62133%207.545%205.69133%2010%205.69133C10.286%205.69133%2010.564%205.72333%2010.835%205.77333L12.038%204.57133C11.3644%204.45974%2010.6828%204.40288%2010%204.40133C3.44%204.40033%200%209.23133%200%2010.0003C0%2010.4233%201.057%2012.0913%203.108%2013.4983ZM16.895%206.50533L14.333%209.06533C14.402%209.36733%2014.444%209.67833%2014.444%2010.0003C14.444%2012.3793%2012.455%2014.3073%2010%2014.3073C9.716%2014.3073%209.44%2014.2753%209.171%2014.2263L7.967%2015.4293C8.609%2015.5333%209.283%2015.5993%2010%2015.5993C16.56%2015.5993%2020%2010.7663%2020%2010.0003C20%209.57633%2018.944%207.91033%2016.895%206.50533Z'%20fill='%2394968E'/%3e%3c/svg%3e") no-repeat center center;background-size:contain}.eye-icon.open{background:url(/icons/eye-open.svg) no-repeat center center;background-size:contain}.password-toggle:hover{color:#2d5d3f}.login-btn{width:100%;background:#00a650;color:#fff;border:none;padding:14px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px;margin-top:18px}.login-btn:hover{background:#00a650;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.login-btn:active{transform:translateY(0)}.input-icon{color:#00a650;font-size:20px;margin-right:12px}.form-group.error input{border-color:#dc3545;background-color:#fff5f5}.error-message{color:#dc3545;font-size:12px;margin-top:4px;display:none}.form-group.error .error-message{display:block}.forgot-password{margin-top:10px;color:#000;text-decoration:none}.otp-input{width:10px;height:12px;font-size:1.25rem;text-align:center;border:1px solid #d1d5db;border-radius:4px;outline:none;margin-right:8px}.otp-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb80}.otp-container{width:350px;padding:2rem;margin:4rem auto;background-color:#fff;border-radius:12px;text-align:center;box-shadow:0 2px 10px #0000001a}.otp-container h2{color:#1c1c1c;margin-bottom:.5rem}.otp-container p{color:#555;font-size:14px;margin-bottom:1.5rem}.otp-label{display:block;font-weight:600;color:#007e3f;margin-bottom:.8rem}.otp-inputs{display:flex;justify-content:space-between;gap:10px;margin-bottom:1.5rem}.otp-inputs input{width:48px;height:48px;text-align:center;font-size:18px;border:1px solid #ccc;border-radius:6px;outline:none}.otp-inputs input:focus{border-color:#007e3f;box-shadow:0 0 5px #007e3f55}.otp-box{width:50px;height:50px;font-size:24px;text-align:center;border:1px solid #ccc;border-radius:8px}.resend-text{margin-top:1rem;font-size:14px;color:#333;text-align:center}.resend-link{display:flex;color:#00a650;font-weight:600;font-size:14px;cursor:pointer;justify-content:center;border:none}.resend-container{display:flex;align-items:center;justify-content:center;font-size:14px;gap:5px}@keyframes success{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.success{animation:success .3s ease}@media (max-width: 768px){.container{padding:25px}.header h2{font-size:20px}.header p{font-size:10px}.otp-inputs input{width:35px;height:35px}}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:75%;height:75%;margin:4px;border:2px solid white;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:white transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.nav-logo{height:40px;width:auto}.nav-center{display:flex;gap:2rem}.nav-link{color:#333;font-weight:500;text-decoration:none;transition:color .2s}.nav-right{display:flex;align-items:center;gap:1rem}.nav-menu-toggle{display:none;background:none;border:none;color:#28a745;cursor:pointer}.nav-buttons.desktop-nav{display:flex;gap:1rem}.mobile-nav{display:none;flex-direction:column;padding:1rem 2rem;background:#fff;box-shadow:0 4px 20px #0000000d}@media (max-width: 768px){.nav-buttons.desktop-nav{display:none}.nav-menu-toggle{display:block}.mobile-nav{display:flex;gap:1rem}}.login-page-wrapper{min-height:100vh;display:flex;flex-direction:column}.login-page-wrapper>.auth-container{flex:1}.login-page-wrapper>footer{margin-top:auto}.profile-section{width:100%;height:100vh;padding:20px 10px}.p-scroll{max-height:100vh;overflow-y:auto;overflow-x:hidden}body{display:flex;flex-direction:column}.layout{display:flex;height:100vh;background-color:#f8f9fa;overflow:hidden}.sidebar{width:250px;padding:0;box-shadow:2px 0 5px #0000001a;transition:transform .3s ease;transform:translate(-100%);position:fixed;top:0;left:0;bottom:0;z-index:1000;height:100vh;background-color:#fff}.sidebar.open{transform:translate(0)}.sidebar-header{padding:20px 15px 6px;border-bottom:5px solid #e9ecef;display:flex;align-items:center}.sidebar-overlay.show{display:block}.form-content{flex:1;margin:4px 35px;background-color:#fff;padding:20px;overflow-y:auto;overflow-x:hidden}@media (min-width: 768px){.mobile-header{display:none}.sidebar{transform:none;position:relative;z-index:1000}.sidebar-overlay{display:none!important}}.mobile-header{display:none;align-items:center;justify-content:center;background-color:#fff;padding:16px 20px;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1001}.profile-nav{display:none}.sidebar.open .profile-nav{display:block}.menu-toggle{position:absolute;left:20px;background:none;border:none;font-size:24px;color:#28a745;cursor:pointer}.logo{display:flex;justify-content:center;font-size:16px;font-weight:700;margin:5px 0;padding-right:10px}.logo-fx{color:#28a745}.sidebar-nav{padding:20px 10px}.mobile-title{font-size:14px;font-weight:600;color:#333;display:flex;justify-content:flex-end;margin-left:auto}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999}.nav-item{display:flex;align-items:center;margin:10px 0;padding:12px 24px;color:#6c757d;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.nav-item:hover{background-color:#f8f9fa;color:#28a745}.nav-item.active{background-color:#28a745;color:#fff;border-left-color:#1e7e34}.nav-icon{width:20px;height:20px;margin-right:12px;fill:currentColor}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.main-header{background-color:#fff;margin:5px 35px 0;padding:12px 15px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:1000}.modal-overlay{position:fixed;top:0;right:0;width:100%;height:100%;background-color:#00000080;z-index:1001}.p-modal{position:fixed;top:0%;right:0%;z-index:1002;width:300px;padding:16px}@media (max-width: 768px){.main-header{display:none}}.main-title{font-size:20px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-section{display:flex;align-items:center;gap:16px}.notification-icon{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s ease}.notification-icon:hover{background-color:#f8f9fa}.notification-badge{position:absolute;top:4px;right:4px;background-color:#28a745;color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:600}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#28a745;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;cursor:pointer}.mini-sidebar-item{display:flex;flex-direction:column;font-size:24px}.mini-sidebar-item button{display:flex;align-items:center;margin:10px 0;padding:12px 24px;color:#6c757d;border:none;background-color:transparent;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}button{font-size:16px}button:hover{background-color:#f8f9fa;color:#28a745}button .active{background-color:#28a745;color:#fff;border-left-color:#1e7e34}.mini-sidebar-item.nav-icon{width:20px;height:20px;margin-right:12px;fill:currentColor}.mini-sidebar{margin-left:60px;padding-left:10px;display:flex;flex-direction:column;gap:10px}.mini-nav-item{font-size:14px;color:#333;text-decoration:none}.mini-nav-item.active{font-weight:700;color:#00a651}@media (max-width: 768px){body{flex-direction:column}.mobile-header{display:flex}.sidebar{position:fixed;top:0;left:-250px;height:100vh;z-index:1000;padding-top:50px}.sidebar.open{transform:translate(250px)}.sidebar-overlay.show{display:block}.main-header{padding:12px 20px}.main-title{font-size:20px}.user-section{gap:12px}.user-avatar{width:36px;height:36px;font-size:14px}.form-content{display:block;flex:1;margin:3px 1px;min-height:calc(100vh - 140px);overflow-y:auto;align-items:flex-start;padding:53px 0;background-color:transparent}.form-label{font-size:13px;margin-bottom:6px}.form-select,.form-input{padding:14px 16px;font-size:16px}.total-display{padding:16px;margin:20px 0}.total-amount{font-size:20px}.radio-group{flex-direction:column;gap:12px}.next-button{width:100%;padding:16px;font-size:16px}.nav-item{padding:16px 24px;font-size:16px}.nav-icon{width:22px;height:22px}}.profile-modal{position:absolute;top:65px;right:30px;background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000001a;border-radius:8px;z-index:50;width:260px}.profile-arrow-container{position:absolute;top:-6px;right:33px;display:flex;justify-content:flex-end;width:100%}.profile-arrow{width:12px;height:12px;background-color:#fff;transform:rotate(45deg);border-top:1px solid #e5e7eb;border-left:1px solid #e5e7eb}.profile-header{padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e7eb}.profile-avatar{width:40px;height:40px;border-radius:50%}.profile-name{margin:0;font-size:14px;font-weight:600;color:#1f2937;text-align:left}.profile-email{margin:4px 0 0;font-size:13px;color:#6b7280}.profile-actions{display:flex;flex-direction:column}.profile-btn,.logout-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;text-align:left;width:100%}.profile-btn:hover,.logout-btn:hover{background-color:#f9fafb}.profile-btn{color:#374151}.logout-btn{color:#dc2626}.settings-icon,.logout-icon{width:20px;height:20px;object-fit:contain}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay div{padding-bottom:10px;margin-bottom:10px}.modal-overlay div:last-child{border-bottom:none}.modal-content{background:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 10px #0003;position:relative}.code-modal-content{background:#fff;padding:28px 20px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 10px #0003;position:relative}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.modal-body div{margin-bottom:15px}.modal-body strong{display:block;margin-bottom:5px;font-size:14px;font-weight:700}.modal-body p{font-size:14px;font-weight:400}.modal-container{width:100%;max-width:400px;margin:30px;background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 12px #00000014;z-index:1000}.agent-form h2{margin-bottom:8px;font-size:20px;font-weight:600}.agent-form p{margin-bottom:20px;color:#555;font-size:14px}.agent-form label{display:block;margin-top:16px;font-weight:500;font-size:14px}.agent-form input,.agent-form select{width:100%;padding:12px;margin-top:8px;border-radius:8px;border:1px solid #ddd;background-color:#f9f9f9;font-size:14px}.bank-details{display:flex;gap:10px;margin-top:8px}.bank-details input,.bank-details select{flex:1}.error{color:red;font-size:12px;margin-top:4px;display:block}.submit-button{width:100%;margin-top:24px;background-color:#00a341;color:#fff;padding:14px;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer}.submit-button:hover{background-color:#008a37}.checkmark-circle{background:#4caf50;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.checkmark-icon{width:52px;height:52px;display:block}.checkmark-path{stroke-dasharray:24;stroke-dashoffset:24;animation:checkmark-draw 1.2s ease-in-out infinite}@keyframes checkmark-draw{to{stroke-dashoffset:0}}.subtitle{font-size:14px;color:#a9a9a9}.title{font-size:18px;font-weight:700;margin-bottom:10px}.onboarding-container{max-width:1400px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000026;overflow:hidden;min-height:calc(100vh - 40px)}.mobile-stepper{display:flex;justify-content:center;padding:24px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0}.step-indicator{display:flex;align-items:center;gap:16px}.step{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:#f1f5f9;color:#64748b;font-size:14px;font-weight:500;transition:all .3s ease}.step.active{background:#3b82f6;color:#fff;transform:scale(1.05)}.step.completed{background:#10b981;color:#fff}.step-circle{width:24px;height:24px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.step-connector{width:40px;height:2px;background:#e2e8f0;position:relative;overflow:hidden}.step-connector.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#3b82f6;animation:fillConnector .5s ease-in-out}@keyframes fillConnector{0%{width:0}to{width:100%}}.content-area{display:flex;min-height:calc(100vh - 140px)}.form-section{flex:1;padding:48px;display:flex;flex-direction:column;justify-content:center}.bio-data-section{background:linear-gradient(135deg,#fefefe,#f8fafc);border-right:1px solid #e2e8f0}.verification-section{background:linear-gradient(135deg,#f8fafc,#fefefe)}.section-title{font-size:28px;font-weight:700}.section-subtitle{font-size:16px;margin-bottom:20px;line-height:1}.form-grid{display:grid}.form-group{display:flex;flex-direction:column}.form-label{font-size:14px;font-weight:600;color:#374151}.form-input,.form-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .2s ease;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#9ca3af}.error{color:#ef4444;font-size:12px;font-weight:500}.uploads-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}.upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:24px;text-align:center;transition:all .2s ease;cursor:pointer}.upload-area:hover{border-color:#3b82f6;background:#f8fafc}.upload-area.has-file{border-color:#10b981;background:#f0fdf4}.suggestions-list{position:absolute;z-index:10;width:100%;border:1px solid #e5e7eb;max-height:200px;overflow-y:auto;list-style:none;margin:4px 0 0;padding:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a}.suggestions-list li{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.suggestions-list li:hover{background-color:#f8fafc}.suggestions-list li:last-child{border-bottom:none}.form-navigation{display:flex;justify-content:space-between;margin-top:40px;gap:16px}.nav-button{padding:12px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.primary-button{background:#4caf50;color:#fff}.primary-button:hover{background:#4caf50;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.secondary-button{background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0}.secondary-button:hover{background:#e2e8f0;color:#4caf50}@media (max-width: 1024px){.content-area{flex-direction:column}.bio-data-section{border-right:none;border-bottom:1px solid #e2e8f0}.form-section{padding:32px}.section-title{font-size:24px}}@media (max-width: 768px){.mobile-stepper{display:flex}.form-section{padding:24px 20px}.address-details,.uploads-container{grid-template-columns:1fr}.form-navigation{flex-direction:column}.nav-button{width:100%}}@media (min-width: 769px){.mobile-stepper{display:none}}.form-section{animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-input,.form-select{transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group{animation:fadeInUp .5s ease-out;animation-fill-mode:both}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.desktop-progress{position:absolute;top:0;left:0;right:0;height:4px;background:#e2e8f0;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(135deg,#4caf50 0% 100%);transition:width .5s ease;width:50%}.login{color:#4caf50;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.create-customer-container{display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:1200px;margin:20px auto;gap:20px;box-sizing:border-box}.create{background-color:#fff;align-items:center}.customer-herder{margin-top:40px;color:#333;padding-top:35px;text-align:center}.divide{display:flex;flex-wrap:wrap;gap:20px}.divide>div{flex:1;min-width:300px}.form-input[name=country]{width:100%;min-width:300px}.form-select__menu-list{max-height:300px!important;overflow-y:auto!important}.form-select__menu{z-index:9999!important}.side-form-container{flex:1;background-color:#e9ecef;height:215px;padding:20px;border-radius:12px;width:auto;box-shadow:0 4px 6px #00000012}.kyc-form-container{flex:3;background-color:#e9ecef;border-radius:12px;padding:25px;box-shadow:0 4px 6px #00000012;width:100%;max-width:1400px;max-height:988px;overflow-y:auto;box-sizing:border-box}.stepper{display:flex;flex-direction:column;align-items:flex-start;gap:50px;margin-bottom:30px}.step{display:flex;flex-direction:row;align-items:center;position:relative;text-align:left}.step:not(:last-child):after{content:"";position:absolute;top:65%;left:10px;height:45px;border-left:2px dotted #ccc;z-index:0;margin-top:13px}.step.active:not(:last-child):after{background-color:#4caf50}.circle{width:20px;height:20px;background-color:#ccc;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:200;color:#fff;z-index:1;margin-right:13px;font-size:smaller}.step.active .circle{background-color:#4caf50}.step span{font-size:14px;font-weight:400;color:gray}.step.active span{color:#000}.step.completed .circle{background-color:#4caf50;color:#fff}.step.completed span{color:#000}.kyc-form-wrapper{background-color:#f9f9f9;padding:20px;display:flex;justify-content:center}.kyc-form{margin-bottom:24px}.kyc-row{display:flex;flex-direction:column;gap:8px}.kyc-row label{margin-bottom:6px;font-weight:600;color:#333;font-size:14px}.kyc-row input,.kyc-row select{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background-color:#fff;transition:border-color .3s ease}.kyc-row.double{flex-direction:row;gap:20px}.address-details input,.address-details select{flex:1}.kyc-half{flex:1;display:flex;flex-direction:column}.kyc-upload-section{display:flex;flex-direction:column;gap:12px}.upload-header{display:flex;justify-content:space-between;align-items:center}.upload-header label{font-size:14px;font-weight:500}.upload-header a{color:#099250;font-size:12px;text-decoration:none}.form-navigation{display:flex;align-items:center;margin-top:15px;gap:8px}.form-cover{padding:0 20px}.file-input{display:none}.kyc-submit-btn{background-color:#099250;color:#fff;font-weight:500;padding:14px;font-size:16px;border:none;border-radius:6px;cursor:pointer;margin-top:10px}.profile-section-relative{position:relative}.document-status-container{position:absolute;top:80px;right:60px;display:flex;flex-direction:column;gap:10px;min-width:300px;z-index:10;margin-bottom:20px}.document-status-card{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:10px;box-shadow:0 2px 4px #0000001a}.document-status-title{margin:0 0 10px;font-size:12px;font-weight:600;color:#333}.status-items{display:flex;flex-direction:column;gap:8px}.status-item{display:flex;justify-content:space-between;align-items:center}.status-label{font-size:12px;font-weight:500;color:#333}.status-badge{color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500;text-transform:capitalize}.status-failed{background-color:#dc3545}.status-pending{background-color:#ffc107}.status-verified{background-color:#28a745}.status-unknown{background-color:#6c757d}.failed-summary{margin-top:10px;padding:8px;background-color:#f8d7da;border-radius:4px;border:1px solid #f5c6cb}.failed-summary-title{font-size:11px;font-weight:600;color:#721c24;margin-bottom:4px}.failed-summary-content{font-size:11px;color:#721c24}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.data-container{width:95%;max-width:1500px;max-height:85vh;margin:20px;background:#fff;border-radius:12px;padding:30px;box-shadow:0 6px 20px #00000026;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:30px}.comparison-column{background-color:#f9fbfd;border-radius:10px;padding:25px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column}.column-header{font-size:20px;color:#2c3e50;margin-bottom:20px;text-align:center;font-weight:700;border-bottom:2px solid #e0e6ed;padding-bottom:15px}.data-row{flex-direction:column;margin-bottom:15px}.data-row label{font-weight:600;color:#555;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.data-row span{color:#333;font-size:16px;line-height:1.5;word-break:break-word}.email-text{text-transform:lowercase;color:#007bff!important;text-decoration:none}.image-row{display:flex;justify-content:center;align-items:center;margin-bottom:25px}.image-wrapper{position:relative;width:150px;height:150px;overflow:hidden;border:3px solid #ced4da;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.customer-image{width:100%;height:100%;object-fit:contain;background-color:transparent}.placeholder-image{display:flex;justify-content:center;align-items:center;color:#6c757d;font-size:14px;font-style:italic;text-align:center}.verify-button-container{display:flex;justify-content:end;margin-top:20px}.reject-button{background-color:#dc3545;color:#fff;padding:12px 25px;border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:600;transition:background-color .3s ease,transform .2s ease;min-width:200px;margin-right:15px}.approve-button{background-color:#28a745;color:#fff;padding:12px 25px;border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:600;transition:background-color .3s ease,transform .2s ease;min-width:200px}.next-button:hover:not(:disabled){background-color:#218838;transform:translateY(-2px)}.next-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 1024px){.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.data-container{padding:25px}.column-header{font-size:18px}.data-row label{font-size:12px}.data-row span{font-size:15px}}@media (max-width: 768px){.create{background-color:#fff;height:auto;align-items:center}.comparison-grid{grid-template-columns:1fr}.data-container{margin:15px;padding:20px}.image-wrapper{width:120px;height:120px}.column-header{font-size:16px}.data-row span{font-size:14px}.next-button{padding:10px 20px;font-size:16px}.create-customer-container{display:block;gap:10px}.kyc-form-container{margin-top:10px}}@media (max-width: 768px){.document-status-container{position:relative;top:0;right:0;margin-bottom:20px;min-width:100%}}.hero{height:50vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;transition:transform .8s ease-in-out}.hero-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background-size:cover;background-position:center}.slide-1{background:linear-gradient(135deg,#667eea,#764ba2)}.slide-2{background:linear-gradient(135deg,#28a745,#20c997)}.slide-3{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.hero-content{text-align:center;color:#fff;z-index:2;padding:2rem;max-width:800px}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:fadeInUp 1s ease}.hero-content p{font-size:1.3rem;margin-bottom:2rem;opacity:.95;animation:fadeInUp 1s ease .2s both}.btn-hero{padding:1rem 2.5rem;font-size:1.1rem;background:#28a745;color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;animation:fadeInUp 1s ease .4s both;box-shadow:0 5px 15px #0003}.btn-hero:hover{background:#218838;transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.slider-nav{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:3}.nav-dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.nav-dot.active{background:#fff;transform:scale(1.2)}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 20px #0000001a}.nav-buttons{display:flex;gap:1rem}.btn{padding:.7rem 1.5rem;border:none;border-radius:50px;cursor:pointer;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}.btn-outline{background:transparent;color:#28a745;border:2px solid #28a745}.btn-outline:hover{background:#28a745;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.btn-primary{background:#28a745;color:#fff;border:2px solid #28a745}.btn-primary:hover{background:#218838;border-color:#218838;transform:translateY(-2px);box-shadow:0 5px 15px #28a74566}.about{padding:5rem 2rem;background:#fff}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:2.5rem;margin-bottom:1.5rem;color:#333}.about-text p{font-size:1.1rem;margin-bottom:1.5rem;color:#666;line-height:1.8}.about-image{position:relative}.about-image img{width:100%;border-radius:15px;box-shadow:0 15px 35px #0000001a;transition:transform .3s ease}.about-image:hover img{transform:translateY(-10px)}.services{padding:5rem 2rem;background:#f8f9fa}.services-container{max-width:1200px;margin:0 auto;text-align:center}.services h2{font-size:2.5rem;margin-bottom:3rem;color:#333}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.service-card{background:#fff;padding:2.5rem 2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#28a745}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.service-icon{font-size:3rem;margin-bottom:1.5rem;color:#28a745}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.service-card p{color:#666;line-height:1.6}.footer{background:#333;color:#fff;padding:3rem 2rem 1rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h3{margin-bottom:1rem;color:#28a745}.footer-section p,.footer-section a{color:#ccc;text-decoration:none;line-height:1.8}.footer-section a:hover{color:#28a745}.footer-bottom{margin-top:1rem;text-align:center;color:#ccc;text-decoration:none}.footer-link{color:#ccc;text-decoration-line:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-container{padding:0 1rem}.hero-content h1{font-size:2.5rem}.about-container{grid-template-columns:1fr;gap:2rem}.services-grid,.footer-container{grid-template-columns:1fr}}.table-container{margin-top:10px}.table-text{font-size:16px;color:#000;font-weight:600;letter-spacing:normal}.transaction-table{width:100%;border-collapse:collapse;margin-top:10px}.transaction-table th,.transaction-table td{padding:10px 8px;border-bottom:1px solid #f0f0f0;text-align:left;font-size:14px;font-weight:400;line-height:120%;letter-spacing:0%;color:#4d5042}.transaction-table th{background-color:#c4f8dd;color:#222;font-size:12px;font-weight:700;line-height:120%;letter-spacing:0%}.view-button{background-color:#00a650;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:10px;line-height:120%}.table-wrapper{padding:1rem;overflow-x:auto}.reports-table{width:100%;border-collapse:collapse;min-width:800px}.reports-table thead{background-color:#d9fdd3}.reports-table th,.reports-table td{text-align:left;padding:12px;border-bottom:1px solid #ddd;white-space:nowrap}.action-buttons{display:flex;gap:10px;align-items:center}.view-button{background-color:#00a650;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:14px;line-height:120%}.text{text-decoration:underline;color:#00a650}.edit-button{background-color:#fff;color:#000;padding:7px 15px;border:1px solid #00A650;border-radius:5px;cursor:pointer;font-weight:500;font-size:14px;line-height:120%}.edit-button:hover{background-color:#00a650}.clickable-email:hover{color:#0056b3}@media (max-width: 768px){.reports-table{font-size:14px}.reports-table th,.reports-table td{padding:8px}}@media (max-width: 480px){.reports-table{font-size:12px}.reports-container{padding:.5rem}}.transaction-card{background-color:#fff;border-radius:10px;box-shadow:0 6px 16px #0000001a;padding:1rem;margin:1rem 0;font-size:14px}.transaction-card div{border-bottom:1px solid rgba(0,166,80,.2);padding-bottom:10px;margin-bottom:5px}.transaction-card div:last-child{border-bottom:none}.transaction-card .row div:first-child{border-bottom:none}.transaction-card .row{display:flex;justify-content:space-between;margin-top:1rem}.transaction-card strong{display:block;font-size:12px;color:#888}.transaction-card p{margin:.2rem 0 0;font-weight:700}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.pagination button{padding:8px 12px;border:1px solid #ddd;background-color:#f9f9f9;cursor:pointer;border-radius:4px}.pagination button.active{background-color:#00a341;color:#fff;font-weight:700}.pagination button:disabled{background-color:#e0e0e0;cursor:not-allowed}.filter-form{display:flex;flex-direction:column;gap:15px}.filter-group{display:flex;flex-direction:column}.form-select{padding:10px;border:1px solid #ccc;border-radius:5px}.apply-button{padding:10px 15px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%}.reset-button{padding:10px 15px;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%}.apply-button:hover{background-color:#4caf50}.button-group{display:flex;gap:10px;margin-top:15px}.date-range-row{display:flex;gap:16px}.form-select,.form-input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background-color:#fff;transition:border-color .3s ease}.tran-content{width:100%;height:100vh;padding:30px 10px}.tran-header{display:flex;justify-content:space-between;align-items:center}.filter-button{border:1px solid #00a651;border-radius:10px;color:#000;border:none;padding:10px 30px;background-color:#00a651}.receipt-container{width:100%;max-width:900px;align-items:flex-start;margin-bottom:64px;background-color:#fff;padding:20px;border-radius:12px;box-sizing:border-box;position:relative;left:0}.table-pagination-wrapper{display:flex;flex-direction:column}.table-pagination-wrapper .pagination{margin-top:100px}.transaction-summary{margin-bottom:20px}.transaction-id{font-weight:600}.highlight{color:#00b35c;text-decoration:underline}.datetime{color:#666;margin-top:5px}.amount-status{background-color:#d2f5dc;display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:10px;margin-bottom:25px;flex-wrap:wrap;gap:15px}.amount-type{text-align:left;display:flex;gap:20px}.sell-label{font-weight:600;margin:0}.amount{font-size:18px;margin:5px 0 0}.status-badge{padding:8px 16px;color:#000;border:1px solid black;border-radius:5px;font-weight:700;white-space:nowrap}.transaction-body{gap:30px;margin-bottom:30px;flex-wrap:wrap;flex:1 1 300px;border:1px solid #dce3df;border-radius:8px;padding:10px;background-color:#f9fefc;box-sizing:border-box}.line{width:120%;height:1px;background-color:#dce3df}.transaction-details{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.transaction-section{flex:1;border-radius:8px;padding:20px;background-color:#f9fefc;box-sizing:border-box}.transaction-section h4{margin-bottom:15px}.transaction-section p{margin:5px 0;font-size:14px;font-weight:400}.bank-details{border-radius:8px;padding:20px;background-color:#f9fefc;margin-bottom:5px;box-sizing:border-box;display:flex}.bank-details h4{margin-bottom:15px}.bank-details p{margin:5px 0;font-size:14px;font-weight:400}.actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.back-link{color:#00b35c;text-decoration:none;font-weight:700}.download-button{background-color:#00b35c;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:12px;cursor:pointer;font-weight:700}.download-button:hover{background-color:#009b52}.list{margin-right:10px}.list ul{list-style:none;padding-left:0;margin:0}.btn{text-decoration:none;border:none;background-color:transparent;color:#009b52}@media (max-width: 768px){.highlight{font-size:12px}.amount{font-size:18px}.amount-status{flex-direction:column;align-items:flex-start}.actions{flex-direction:column;align-items:stretch}.download-button{width:100%;text-align:center}.back-link{text-align:center;width:100%}.transaction-details{flex-direction:column;width:100%}.bank-details,.line{width:100%}.receipt-container{padding:20px;margin-top:5px}.transaction-body{flex-direction:column}.transaction-section{width:100%;padding:10px 10px 5px;box-sizing:border-box}.transaction-section h4{margin-bottom:10px}.transaction-section p{margin:3px 0}.status-badge{font-size:14px;padding:6px 12px;width:100%;text-align:center}.tran-header{flex-direction:column;align-items:flex-start;margin-bottom:20px;margin-top:-40px}}