*{box-sizing:border-box;font-family:Roboto;margin:0;padding:0}body,html{height:100%;width:100%}body{color:#000;font-family:Roboto;margin:0}.flex,.sidebar{display:flex}.sidebar{background-color:#000;color:#fff;flex-direction:column;height:100vh;justify-content:space-between;left:0;padding:20px 10px;position:fixed;top:0;width:180px;z-index:1000}.sidebar img{margin-bottom:22px;width:150px}.sidebar ul{list-style:none;padding:0}.sidebar ul li{align-items:center;border-radius:30px;cursor:pointer;display:flex;gap:10px;margin-bottom:20px;padding:10px 15px;transition:.3s}.sidebar ul li a{align-items:center;color:#fff;display:flex;justify-content:center;text-decoration:none}.sidebar ul li a span{padding-left:10px}.sidebar ul li a svg{flex-shrink:0;fill:currentColor}.sidebar ul li.active,.sidebar ul li:hover{background-color:#fff;color:#000}.sidebar ul li.active a,.sidebar ul li:hover a{color:#000}.main{background-color:#fff;flex:1;height:100vh;margin-left:180px;padding:30px}.main h2{margin-bottom:40px}.main h3{margin-bottom:10px;margin-top:30px}.main small{margin-bottom:20px}.main button{background-color:#000;border:solid;border-radius:20px;color:#fff;cursor:pointer;padding:8px 16px}.main form{margin-top:20px}.main form label{line-height:30px}.main form input,.main form textarea{background-color:#eee;border:none;border-radius:20px;padding:10px;width:100%}.main form textarea{resize:none}.form-div-start{display:flex;flex-direction:column;gap:15px}.form-div-end{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-bottom:20px}.form-div-end button{background-color:#000;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px}.overview,.referral-section{align-items:flex-start;display:flex;justify-content:space-between}.overview-header{margin-bottom:20px}.overview-header button{background-color:#111;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:8px 16px}.overview-box{background-color:#f2f2f2;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.05);margin-bottom:30px;padding:20px 30px}.overview-box h4{color:#333;font-size:18px;margin-bottom:20px}.stats-row{display:flex;flex-wrap:wrap;gap:40px}.stat{align-items:flex-start;display:flex;flex:1 1 150px;flex-direction:column;justify-content:center}.label{color:#000;font-size:14px;font-weight:500;margin-bottom:5px}.value{color:#000;font-size:18px;font-weight:700}.powered-by{margin-top:auto;padding:10px;text-align:right}.powered-text{color:#fff;font-size:12px;margin-bottom:4px}.powered-by img{height:auto;width:120px}.table-container{background-color:#f2f2f2;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.1);padding:20px}table{border-collapse:collapse;width:100%}th{border-bottom:2px solid #000}td,th{padding:10px;text-align:left}td{border-bottom:1px solid #ddd}th{font-weight:700}.container-login{height:100vh}.left-panel{background-color:#000;display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:20px;position:relative}.logo-top{max-width:300px}.powered-box{align-items:flex-end;color:#fff;display:flex;flex-direction:column;margin-top:auto}.powered-note{font-size:14px;margin-bottom:5px;margin-right:60px}.img-powered{max-width:130px}.right-panel{align-items:center;background-color:#fef9ff;display:flex;flex:1;justify-content:center;padding:20px}.right-panel .box-login .no-list{list-style-type:none}.box-login{background-color:#000;border-radius:20px;color:#fff;max-width:350px;padding:40px;width:100%}.box-login h2{color:#fff;font-size:32px;margin-bottom:10px}.box-login p{color:#fff;font-size:14px;margin-bottom:20px}.box-login label{color:#fff;display:block;font-size:12px;margin-bottom:5px}.box-login input,.remember-text{margin-bottom:20px}.remember-text{color:#888;font-size:12px}.box-login button{background-color:#fff;border:none;border-radius:20px;color:#000;cursor:pointer;font-weight:700;padding:10px;width:100%}@media (max-width:768px){.container-login{flex-direction:column}.sidebar{height:auto;position:relative;width:100%}.main{margin-left:0}.left-panel,.right-panel{flex:unset;height:auto;width:100%}.left-panel{align-items:center}.logo-top,.powered-box{margin:20px 0}.powered-box{align-self:center}.box-login{border-radius:15px;padding:30px}}@media (max-width:480px){.box-login{padding:20px}.box-login h2{font-size:26px}}.container-login .member-logout{color:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.container-login .member-logout h1{padding-bottom:2rem}.container-login .member-logout .login{background-color:#fff;border:none;border-radius:20px;color:#111;cursor:pointer;font-weight:700;padding:8px 16px;text-decoration:none}.container-login{display:flex;flex-direction:row;min-height:100vh!important}.box-login input:not([type=checkbox]){background-color:#d9d9d9;border:none;border-radius:5px;margin-bottom:20px;padding:10px;width:100%}.remember-me{align-items:flex-start;display:inline-flex;text-align:left}.remember-me label{margin-left:10px}.hs-form-field{justify-content:flex-start}.hs-error-msgs{display:none}.hs_cos_wrapper_type_member_login ul li{list-style-type:none}..box-login input{width:0!important}.forgot-sec{display:none}.password-container{position:relative}.password-container input{padding-right:35px;width:100%}.password-container svg{cursor:pointer;height:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;fill:#888}.box-login form a{font-size:14px;line-height:20px}#hs-login-self-registration-link a,.box-login form a{color:#fff;text-decoration:underline}#hs-membership-passwordless-auth-form,.form-separator{display:none}.remember-me input[type=checkbox]{appearance:auto;margin:0;vertical-align:middle;width:15px}.hs-form-field{display:ruby}.box-login input{appearance:auto;background-color:#d9d9d9;border:none;border-radius:5px;margin:0;padding:10px;vertical-align:middle;width:100%;width:15px}.main-content{display:flex;flex:1;flex-direction:column;padding:40px}.main-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.calculator{flex:1;max-width:600px;width:100%}.calculator h2{font-size:24px}.calculator h2,.form-group{margin-bottom:30px}.form-group label{display:block;font-weight:700}.form-group .range-wrapper{display:flex;font-size:14px;justify-content:space-between;margin-top:5px}.form-group input[type=range]{appearance:none;background-color:#e2dff0;border-radius:5px;height:4px;width:100%}.form-group input[type=number],.form-group input[type=text]{background:#ececec;border:none;border-radius:8px;color:#000;margin-top:10px;padding:10px;width:100%}::placeholder{color:#000;opacity:1}::-ms-input-placeholder{color:#000}.form-group.inline{align-items:center;display:flex;gap:20px}.form-group.inline label{flex-shrink:0;margin-bottom:0}.form-group.inline input[type=text]{flex:1;margin-top:0}.repayment-box{background-color:#f0e9f8;border-radius:12px;font-size:22px;font-weight:700;margin-top:20px;padding:20px;text-align:center}.description{color:#000;font-size:14px;margin-bottom:20px;margin-top:20px}.chart-area{background:#fefafe;border-radius:16px;max-width:400px;padding:0 30px;text-align:center;width:100%}.chart{background:radial-gradient(circle at center,#fff 60%,transparent 61%),conic-gradient(#000 60%,gray 15%,#e6e6fa 25%);border-radius:50%;height:200px;margin:20px auto 30px;width:200px}.legend{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.legend span{align-items:center;display:flex;font-size:14px;gap:5px}.legend span:before{border-radius:50%;content:"";display:inline-block;height:10px;width:10px}.legend .loan:before{background:#000}.legend .deposit:before{background:gray}.legend .payment:before{background:#e6e6fa}.save-btn{background:#000;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.main .calculate-repayment-btn{background-color:#6750a4}@media (max-width:768px){.container,.main-grid{flex-direction:column}.main-grid{align-items:center}.chart-area{margin-top:20px}.form-group.inline{align-items:flex-start;flex-direction:column}}