:root{--font-inter: Inter;--font-public-sans: Public Sans;--font-montserrat: Montserrat;--font-oswald: Oswald;--primary: #8252fc}*{font-family:var(--font-montserrat)}body,html{margin:0;padding:0;height:100%}a{text-decoration:none!important;cursor:pointer}.hero{background-image:url(/images/background/background1.jpg);background-size:cover;background-position:center;height:100vh;display:flex;align-items:center;justify-content:center}.glass-box{background:#ffffff1a;border-radius:16px;padding:40px;width:416px;height:216px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-box h1{font-family:var(--font-oswald);font-size:24px;margin-bottom:16px;font-weight:500;text-align:right}.glass-box p{font-weight:400;font-size:13px!important;text-align:right}.login-image-part{height:100vh;position:relative}.login-part-icon{position:absolute;top:15px;right:30px;opacity:.3;cursor:pointer;padding:10px}.login-part-icon:hover{opacity:1}.login-logo-image{width:128px;height:125px}.login-title{font-weight:500;font-size:20px}.flexi-popup-content{height:auto!important}.my-btn{width:360px;height:48px;min-width:64px;border-radius:8px;padding-right:16px;padding-left:16px;font-weight:500;font-size:15px;border:1px solid #0E192033}.confirm-btn{border-radius:8px;padding:4px 12px;font-weight:500;font-size:15px;border:1px solid #0E192033;display:flex;align-items:center;gap:4px;background-color:#351f62;color:#fff}.my-btn:hover{opacity:.85}.my-btn:disabled{cursor:default;opacity:.6;box-shadow:none;transition:none}.google-login-button{background-color:#fff}.login-button{background-color:#351f62;color:#fff;text-align:center}.login-line{width:360px;height:22px}.line{width:100%;height:1px;border:1px solid #919EAB33}.form-field{position:relative;margin-top:1rem}.form-field__input:focus,.form-control:focus,.my-form-control:focus{outline:none;border:1px solid #637381;box-shadow:0 0 0 2px #9155fd33}.form-field__input{width:360px;height:54px;border-radius:8px;border:1px solid #0E192033;font-weight:400;font-size:14px;line-height:22px;letter-spacing:.25px;color:#212b36;padding-left:14px}.form-field__label{position:absolute;top:-6px;left:17px;padding-left:4px;padding-right:4px;font-weight:600;font-size:13px!important;line-height:12px;letter-spacing:0px;color:#637381;background-color:#fff}.forgot-password-span{font-size:14px;line-height:22px;letter-spacing:0px}.spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;margin-right:8px;vertical-align:middle}.spinner-black{border-color:#000;border-top-color:#fff}.password-input-icon{position:absolute;top:14px;right:10px;cursor:pointer}.login-return-back-part{display:flex;gap:5px;color:#212b36;cursor:pointer}.login-return-back-part:hover{opacity:.7}.check-forgot-password-title{font-size:28px;color:#212b36;font-weight:400;line-height:40px;font-family:var(--font-oswald)}.check-forgot-password-decsription-span{display:flex;align-items:center;color:#657078;font-size:13px!important;font-style:normal;line-height:22px}.code_input{height:54px;text-align:center;border-radius:var(8px, 8px);border:1px solid rgba(145,158,171,.2);width:46.7px}.flexi-grid-caption-title{color:#fff;font-family:var(--font-oswald);font-size:32px!important;font-style:normal;font-weight:500!important;line-height:150%}.flexi-grid-caption-div{background:url(/images/background/header-bg.png);border:none!important}.material-symbols-outlined{font-family:Material Symbols Outlined!important;font-size:20px!important}.page-head{background:url(/images/background/header-bg.png);width:100%;height:48px;display:flex;gap:10px;align-items:center;padding:24px}.page-head-icon{font-size:40px!important;color:#fff}.page-head-title{margin:0;padding:0;color:#fff;font-family:var(--font-oswald);font-size:32px;font-style:normal;font-weight:500;line-height:150%}.my-card{background:#fcfcff;width:100%}.reactangle{width:10px;height:10px;border-radius:12px;background-color:#7dafd6}.my-card-header{width:393px;display:flex;align-items:center;justify-content:space-between;color:#121f28;font-size:14px;font-style:normal;line-height:normal;padding:10px 20px}.my-card-content span{color:#0a1728;font-size:13px!important;font-style:normal;font-weight:400;line-height:150%}.my-card-content{display:flex;padding:0 20px;gap:20px}.my-card-content ul{list-style:none}.my-card-content ul li{width:157px;padding:6px 0;display:flex;justify-content:space-between}.small-text{font-size:13px!important}#sidebar-wrapper{margin-top:40px;background-color:#fff;position:fixed;max-height:100%;overflow:auto;z-index:5;padding:10px;left:0}.sidebar{display:flex;width:240px;flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0;align-self:stretch}.navbar{margin-top:40px;height:70px;max-height:70px;z-index:4}.avatar{width:32px;border:1px solid;border-radius:32px;display:flex;align-items:center;justify-content:center;padding:2px;border:2px solid #8252FC}.modern-breadcrumb{display:flex;gap:10px;align-items:center}.btn-back{display:flex;width:32px;height:32px;justify-content:center;align-items:center;gap:10px;border:none;border-radius:8px;background:#f0effe}.btn-back:hover{opacity:.7}.breadcrumb{display:flex;align-items:center;margin:0}.breadcrumb li{display:flex;align-items:center}.breadcrumb li+li:before{content:">";display:inline-flex;align-items:center;margin:0 8px;color:#4b4b5fcc;font-weight:500;font-size:14px;line-height:100%;position:relative;top:1px}.breadcrumb-item{display:flex;align-items:center;gap:4px;color:#4b4b5fcc;font-size:14px!important;font-style:normal;font-weight:500;line-height:100%}.content-container{margin-top:110px;background:linear-gradient(0deg,#f0effe80 0% 100%),#f7f7ff;padding:20px;border-radius:20px 0 0;min-height:82.5vh}.navbar-line{width:1px;height:32px;background-color:#0000001a}#page-content-wrapper{padding-left:240px;width:100%}.fixed-footer{background-color:#fff;height:50px;padding-left:280px;padding-right:10px;display:flex;justify-content:space-between;align-items:center;font-size:14px!important}.footer-left,.footer-right{display:flex;align-items:center;gap:10px}.company-information-nav{position:fixed;top:0;height:32px;width:100%;background-color:#351f62;padding:20px;display:flex;align-items:center;justify-content:center;z-index:3;gap:14px}.company-information-nav-item{display:flex;align-items:center;gap:5px;color:#fff;font-size:13px!important;font-style:normal;font-weight:500;line-height:22px;letter-spacing:.12px;opacity:.7}.sidebar-brand{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px}.sidebar-logo{width:65px;height:50px;flex-shrink:0;object-fit:contain}.sidebar-nav-menu{list-style:none;padding:0;margin:0 0 40px;width:220px}.sidebar-nav-icon-text{display:flex;align-items:center;gap:5px;color:#121f28;font-size:13px!important;font-weight:500;font-style:normal;line-height:24px}.sidebar-nav-link{display:flex;height:44px;width:210px;padding:0 12px 0 16px;align-items:center;gap:10px;align-self:stretch;justify-content:space-between;color:#212b36b2}.submenu{list-style:none;padding:0;background-color:var(--sidebar-darker);max-height:0;overflow:hidden;transition:max-height var(--animation-speed) ease}.submenu.show{max-height:500px}.submenu .sidebar-nav-link{padding-left:3rem}.sub-submenu{list-style:none;padding:0;background-color:var(--sidebar-even-darker);max-height:0;overflow:hidden;transition:max-height var(--animation-speed) ease}.sub-submenu.show{max-height:300px}.sub-submenu .sidebar-nav-link{padding-left:4.5rem}.chevron-icon{transition:transform var(--animation-speed) ease}.chevron-icon.rotated{transform:rotate(90deg)}.sidevar-nav-link:before{display:none}.has-active-submenu>.sidebar-nav-link{background-color:#f0effe;font-weight:600!important;border-radius:8px}.active{background-color:#f0effe99;border-left:4px solid #7A5AF8;border-radius:0 8px 8px 0}.sidebar-nav-icon{font-size:24px!important}.sidebar-brand-item{width:64px;height:44px;border-radius:44px;background-color:#f0effe;display:flex;justify-content:center;align-items:center}#page-lobby-wrapper{width:100%;min-height:100vh;background-color:#f7f7ff;padding:20px 144px}.page-lobby-content{margin-top:110px;padding-bottom:20px}.lobby-item:hover{scale:1.03}.card{border-radius:10px;border-color:#e0e0e6}.card-header{background-color:#fcfcff!important;border-top-left-radius:10px!important;border-top-right-radius:10px!important;border-color:#e0e0e6!important}.card-header-title{font-size:14px;font-weight:600}.form-check-label,label,.form-control,.flexi-select-li,.alert{font-size:13px!important}.card-body{padding:0 0 10px}.breadcrumb{width:650px}.mobile-close-btn{display:none}th{font-weight:500!important}.welcome-content{height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:.5!important}.welcome-icon span{font-size:200px!important}.form-control-feedback-icon{display:flex;align-items:center;justify-content:center;padding-left:10px;padding-right:10px;border:1px solid #dee2e6;font-size:13px!important;border-radius:5px}.flexi-select-div{font-size:13px!important}.form-control-feedback{display:flex}.toggle-switch-pill{display:flex;justify-content:space-between}.fatura-stepper{display:flex;gap:25px;align-items:center;padding:20px;width:100%;border-bottom:1px solid rgba(0,30,57,.05);margin-bottom:20px}.fatura-stepper-part{width:200px;height:44px;padding:8px;display:flex;gap:8px;align-items:center;justify-content:start;font-size:14px;border:1px solid white;border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer}.fatura-stepper-item-number{width:30px;height:30px;padding:3px;border-radius:30px;border:1px solid rgba(130,82,252,1);background-color:#8252fc;color:#fff;display:flex;align-items:center;justify-content:center}.fatura-stepper-part-active{border-color:#8252fc}.my-form-group{position:relative}.my-form-label,.my-form-information-label,.my-form-select-label{text-align:left;position:absolute;top:0;left:10px;padding:0 5px;background-color:#fff;font-size:13px!important;font-weight:600;color:#637381;z-index:1}.my-form-information-label{top:-15px}.my-form-control,.flexi-select,.my-form-control-textarea{width:100%;height:40px;font-size:13px!important;padding:0 10px;border-color:#0e192033;border-radius:4px;margin-top:10px;margin-bottom:5px}.my-form-control-textarea{padding-top:10px;height:150px;border-radius:8px}.alici-information-div{font-size:13px!important;height:40px;padding:8px 12px;border-radius:4px;background-color:#fcfcff;border:1px solid #dee2e6}.no-data{font-style:italic;opacity:.5}.table th{font-size:13px!important}.table td{vertical-align:middle!important;background-color:#f3f3ff}.table thead th{background:url(/images/background/header-bg.png);height:70px;color:#fff!important;vertical-align:middle}.table{border-radius:8px}.flexi-button-primary{--btn-color: #fff;--btn-bg: #55317d !important;--btn-border-color: #55317d !important;--btn-hover-color: #fff;--btn-hover-bg: #55317d !important;--btn-hover-border-color: #55317d !important;--btn-focus-shadow-rgb: 48, 150, 255;--btn-active-color: #fff;--btn-active-bg: #55317d !important;--btn-active-border-color: #55317d !important;--btn-active-shadow: inset 0 0 0 0 transparent;--btn-disabled-color: #fff;--btn-disabled-bg: #55317d !important;--btn-disabled-border-color: #55317d !important;background-color:#55317d!important}.sticky-col{position:sticky;right:0;top:0;background-color:#fff;z-index:2;border-left:1px solid #ccc;height:77px}.flexi-grid-text-overflow-hidden{font-size:13px!important}.my-form-number-div,.my-form-information-div{width:100%;height:44px;font-size:14px;font-weight:400;letter-spacing:.25px;border:1px solid rgba(14,25,32,.2);border-radius:8px;display:flex;align-items:center;justify-content:end;padding-right:10px}.my-form-information-div{font-size:13px!important;justify-content:start;padding-left:10px}.detail-footer-extended{display:flex;flex-wrap:wrap;padding:1rem 1.25rem;background-color:#f8f9fa;border-top:1px solid #f8f9fa;border-bottom-left-radius:8px;border-bottom-right-radius:8px;gap:1rem}.detail-meta-group{flex:1 1 200px;min-width:200px}.detail-meta-label{display:flex;align-items:center;color:#6c757d;font-size:.75rem;margin-bottom:.25rem}.detail-meta-value{color:#212529;font-size:.75rem;word-break:break-word}.text-muted{color:#6c757d!important}.detail-card-body{padding:0}.detail-list-view .detail-row{display:flex;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid #e9ecef}.detail-list-view .detail-label{color:#6c757d;font-size:13px!important;flex:0 0 40%}.detail-list-view .detail-value{color:#212529;font-size:13px!important;text-align:right;flex:0 0 60%;word-break:break-word}.detail-section-view .detail-section{border-bottom:1px solid #e9ecef;padding:1rem 1.25rem}.detail-section-view .detail-section:last-child{border-bottom:none}.detail-section-title{font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:1rem}.detail-section .detail-row{display:flex;margin-bottom:.75rem}.detail-section .detail-row:last-child{margin-bottom:0}.detail-section .detail-label{flex:0 0 40%;color:#6c757d;font-size:.875rem}.detail-section .detail-value{flex:0 0 60%;color:#212529;font-size:.875rem;word-break:break-word}.status-badge{display:flex;align-items:center;padding:.25rem 1rem;font-size:.75rem;font-weight:500;border-radius:4px;text-transform:uppercase}.status-badge.aktif{background-color:#10b9811a;color:#10b981}.status-badge.pasif{background-color:#d13d2e;color:#fcfcfc}.panel-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;margin-bottom:20px;overflow:hidden}.nav-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #dee2e6;margin:0;padding:0;list-style:none;flex-wrap:wrap}.nav-tab{background:transparent;border:none;padding:12px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;border-bottom:3px solid transparent;color:#6c757d;white-space:nowrap}.nav-tab:hover{background:#e9ecef;color:#495057}.nav-tab.active{background:#fff;color:#667eea;border-bottom-color:#667eea}.summary-cards{margin-top:5px}.summary-card{display:flex;align-items:center;padding:16px;border-radius:8px;height:100%}.summary-card .card-icon .material-symbols-outlined{font-size:50px!important}.summary-card.balance .card-icon .material-symbols-outlined{color:#1a202c}.summary-card .card-info{margin-left:15px}.summary-card .card-label{font-size:.8rem;opacity:.8;margin-bottom:5px}.summary-card .card-value{font-size:1.2rem;font-weight:600}.summary-card.balance .card-label,.summary-card.balance .card-value{color:#1a202c}.alert-primary{background-color:#8a63c598;color:#0a1728;border-color:#8a63c598}.profile-nav{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow:hidden;display:flex;flex-direction:column}.profile-nav-link{padding:10px;color:#0a1728;font-size:14px}.tab-btn{font-size:14px}.impersonate-icon{font-size:30px!important;padding:10px;cursor:pointer}.footer-spinner{position:fixed;bottom:10px;right:10px;z-index:1000}.spinner{width:24px;height:24px;border:4px solid #ccc;border-top:4px solid #667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.font-size-20{font-size:20px}.invalid-feedback{margin-top:0!important;font-size:13px!important}@media screen and (max-width:1440px){.breadcrumb{width:100%}}@media screen and (max-width: 1360px){#page-lobby-wrapper{padding:20px}}@media screen and (max-width:1280px){.login-image-part{display:none}.login-form-part{width:100%;height:100vh}.bmodern-breadcrumb{overflow:hidden}.fixed-footer{display:none}.content-container{height:100%}}@media screen and (max-width:992px){.navbar{padding-left:10px!important}.sidebar{display:none;height:100vh}#page-content-wrapper{padding-left:10px}.mobile-close-btn{display:block}}@media screen and (min-width:993px){.sidebar{display:flex!important}}@media screen and (max-width: 1600px){.content-container{min-height:78vh}}@media screen and (min-width: 1921px){.content-container{min-height:87vh}}@media screen and (max-width: 772px){.fatura-stepper{flex-direction:column}}[data-bs-theme=light]{--flexi-toast-background-color: #fff;--flexi-toast-btn-border-color: #ccc;--flexi-toast-cancel-btn-background-color: #212529;--flexi-toast-text-color: #101020;--flexi-toast-success: #47D764;--flexi-toast-warning: #FFC021;--flexi-toast-error: #ff355b;--flexi-toast-info: #2F86EB;--flexi-toast-default: #fff}[data-bs-theme=dark]{--flexi-toast-background-color: #212529;--flexi-toast-btn-border-color: #ccc;--flexi-toast-cancel-btn-background-color: #212529;--flexi-toast-text-color: #fff;--flexi-toast-success: #47D764;--flexi-toast-warning: #FFC021;--flexi-toast-error: #ff355b;--flexi-toast-info: #2F86EB;--flexi-toast-default: #212529}.flexi-toast-wrapper{width:380px;position:fixed;z-index:9999}.flexi-taost-top-left{top:20px;left:20px}.flexi-taost-top-right{top:20px;right:20px}.flexi-taost-bottom-left{bottom:20px;left:20px}.flexi-taost-bottom-right{bottom:20px;right:20px}.flexi-taost-bottom-full{padding-left:10%;padding-right:10%;width:100%;bottom:20px}.flexi-taost-top-full{padding-left:10%;padding-right:10%;width:100%;top:20px}.flexi-toast{padding:20px;background-color:var(--flexi-toast-background-color);color:var(--flexi-toast-text-color);border-radius:7px;display:flex;justify-content:space-between;gap:10px;box-shadow:0 15px 30px #00000014;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.flexi-toast-success{border-left:8px solid var(--flexi-toast-success)}.flexi-toast-error{border-left:8px solid var(--flexi-toast-error)}.flexi-toast-info{border-left:8px solid var(--flexi-toast-info)}.flexi-toast-warning{border-left:8px solid var(--flexi-toast-warning)}.flexi-toast-container-1 svg{width:35px}.flexi-toast-success svg{fill:var(--flexi-toast-success)}.flexi-toast-error svg{fill:var(--flexi-toast-error)}.flexi-toast-info svg{fill:var(--flexi-toast-info)}.flexi-toast-warning svg{fill:var(--flexi-toast-warning)}.flexi-toast:not(:last-child){margin-bottom:10px}.flexi-toast-container{display:flex;gap:10px}.flexi-toast-container-1,.container-2{align-self:center}.flexi-toast-container-2{display:flex;flex-direction:column}.flexi-toast-container-2 span:first-child{color:var(--flexi-toast-text-color);font-weight:600;font-size:16px}.flexi-toast-container-2 span:last-child{font-size:12px;font-weight:400;color:var(--flexi-toast-text-color)}.flexi-toast-close-btn{align-self:flex-start;background-color:transparent;font-size:25px;color:#656565;line-height:0;cursor:pointer}.flexi-toast-fade-in{opacity:1;transform:translateY(0)}.flexi-toast-fade-out{opacity:0;transform:translateY(20px)}.flexi-toast-progress-bar{position:absolute;bottom:0;left:0;height:100%;width:0;opacity:.1}.flex-toast-progress-bar-success{background:var(--flexi-toast-success)}.flex-toast-progress-bar-error{background:var(--flexi-toast-error)}.flex-toast-progress-bar-info{background:var(--flexi-toast-info)}.flex-toast-progress-bar-warning{background:var(--flexi-toast-warning)}.flexi-swal-container{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;justify-content:center;align-items:center;z-index:9999}.flexi-swal-content{background-color:#fff;min-width:300px}.flexi-swal-title-container,.flexi-swal-question-container,.flexi-swal-button-container{padding:10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfdddd}.flexi-swal-title-container{padding:10px 15px;font-size:1rem;background-color:#fafafa}.flexi-swal-question-container{padding:15px;font-size:.9rem}.flexi-swal-button-container{gap:5px;background-color:#fafafa}.flexi-swal-button{width:100%;padding:5px 16px;border:1px solid #dcdcdc;background-color:#fff;color:#333;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease-in-out}.flexi-swal-button:hover{background-color:#f1f1f1}.flexi-swal-button-primary{background-color:#108ae5;border-color:#108ae5;color:#fff}.flexi-swal-button-primary:hover{background-color:#0a6ebe}.flexi-swal-close-button{border:0px;background-color:transparent;padding:1px 10px}.flexi-swal-close-button:hover{background-color:#f1f1f1}