:root{--bs-primary:#696cff;--bs-primary-rgb:105,108,255;--bs-secondary:#8592a3;--bs-success:#71dd37;--bs-info:#03c3ec;--bs-warning:#ffab00;--bs-danger:#ff3e1d;--bs-light:#fcfdfd;--bs-dark:#233446;--bs-body-color:#697a8d;--bs-heading-color:#566a7f;--bs-emphasis-color:#435971;--bs-link-color:#696cff;--bs-link-hover-color:#5f61e6;--bs-border-color:#d9dee3;--bs-border-radius:0.375rem;--bs-body-bg:#f5f5f9;--menu-bg:#fff;--menu-link-color:#697a8d;--menu-link-active-bg:#696cff;--menu-link-active-color:#fff}*{box-sizing:border-box}body,html{min-height:100%;background:var(--bs-body-bg);color:var(--bs-body-color);font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;color-scheme:light}a{text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--bs-heading-color)}.btn-primary{--bs-btn-bg:#696cff;--bs-btn-border-color:#696cff;--bs-btn-hover-bg:#5f61e6;--bs-btn-hover-border-color:#5f61e6;--bs-btn-active-bg:#5f61e6;--bs-btn-active-border-color:#5f61e6}.btn-outline-primary{--bs-btn-color:#696cff;--bs-btn-border-color:#696cff;--bs-btn-hover-bg:#696cff;--bs-btn-hover-border-color:#696cff}.card{border:0;border-radius:.5rem;box-shadow:0 .125rem .375rem rgba(67,89,113,.12)}.bg-label-primary{background-color:#e7e7ff!important;color:#696cff!important}.bg-label-secondary{background-color:#ebeef0!important;color:#8592a3!important}.bg-label-success{background-color:#e8fadf!important;color:#71dd37!important}.bg-label-info{background-color:#d7f5fc!important;color:#03c3ec!important}.bg-label-warning{background-color:#fff2d6!important;color:#ffab00!important}.bg-label-danger{background-color:#ffe0db!important;color:#ff3e1d!important}.avatar{width:2.375rem;height:2.375rem}.avatar,.avatar-initial{display:inline-flex;align-items:center;justify-content:center}.avatar-initial{width:100%;height:100%;font-size:1.125rem}.layout-wrapper{min-height:100vh}.container-p-y{padding-top:1.625rem;padding-bottom:1.625rem}.tap-target{min-width:44px;min-height:44px}.table-responsive{-webkit-overflow-scrolling:touch}.marketing-page{background:#f5f5f9;padding-bottom:0}.landing-navbar{box-shadow:0 .125rem .5rem rgba(67,89,113,.08)}.marketing-hero{background:radial-gradient(circle at 85% 12%,rgba(3,195,236,.2),transparent 28rem),linear-gradient(135deg,rgba(105,108,255,.12),hsla(0,0%,100%,.92))}.hero-mockup{border-radius:1rem;background:#fff;box-shadow:0 1rem 3rem rgba(67,89,113,.18)}.cta-panel{border-radius:1rem;background:linear-gradient(135deg,#fff,#f0f1ff);box-shadow:0 1rem 2.5rem rgba(67,89,113,.12)}.accordion-button:not(.collapsed){color:#696cff;background:#f0f1ff;box-shadow:none}.mobile-sticky-cta{position:-webkit-sticky;position:sticky;bottom:0;z-index:1030;padding:.75rem 1rem;background:hsla(0,0%,100%,.96);box-shadow:0 -.5rem 1.5rem rgba(67,89,113,.12)}@media (max-width:575.98px){.btn-lg{min-height:44px}.container-xxl{padding-left:1rem;padding-right:1rem}.display-5{font-size:2.1rem}.marketing-page{padding-bottom:4.5rem}}.layout-content-navbar .layout-container{display:flex;min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;width:16.25rem;background:var(--menu-bg);box-shadow:0 .125rem .375rem rgba(67,89,113,.12);z-index:1080;overflow-y:auto;transition:transform .25s ease}.app-layout-page{min-width:0;width:100%;padding-left:16.25rem}.app-navbar{margin-top:.75rem;border-radius:.5rem;box-shadow:0 .125rem .375rem rgba(67,89,113,.12)}.menu-header-text{color:#a1acb8;font-weight:600;letter-spacing:.04em}.menu-item{margin:.125rem .75rem}.menu-link{color:var(--menu-link-color);border-radius:.375rem;padding:.625rem 1rem;font-weight:500}.menu-link:hover{color:#696cff;background:#f0f1ff}.menu-item.active>.menu-link{color:var(--menu-link-active-color);background:var(--menu-link-active-bg);box-shadow:0 .125rem .375rem rgba(105,108,255,.35)}.menu-icon{font-size:1.25rem}.btn-icon{width:44px;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}.layout-overlay{display:none;position:fixed;inset:0;border:0;background:rgba(67,89,113,.5);z-index:1070}.dashboard-illustration{width:min(100%,12rem);height:9rem;display:grid;place-items:center;color:#696cff;background:linear-gradient(135deg,#e7e7ff,#d7f5fc);border-radius:1rem 1rem 0 0}.dashboard-illustration .bx{font-size:5rem}@media (max-width:1199.98px){.app-sidebar{transform:translateX(-100%)}.app-layout-page{padding-left:0}.layout-menu-expanded .app-sidebar{transform:translateX(0)}.layout-menu-expanded .layout-overlay{display:block}.app-navbar{margin-left:.75rem;margin-right:.75rem}}@media (max-width:575.98px){.app-brand-text{max-width:10rem;white-space:normal;line-height:1.15}.app-navbar h4{font-size:1.1rem}.content-footer .container-xxl{padding-left:0;padding-right:0}}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#f5f5f9,#e7e7ff)}.auth-card{width:100%;max-width:26rem;border:none;border-radius:.75rem}.auth-wrapper .avatar{width:3.25rem;height:3.25rem;align-items:center;justify-content:center}@media print{body{background:#fff!important;color:#000!important}.app-navbar,.app-sidebar,.btn,.layout-menu,.layout-navbar,.modal,.modal-backdrop,.no-print,button,form{display:none!important}.app-layout-page,.container-fluid,.content-wrapper,.layout-page{margin:0!important;padding:0!important;width:100%!important}.laporan-print-area{display:block!important}.card{border:1px solid #bbb!important;box-shadow:none!important;page-break-inside:avoid;break-inside:avoid;margin-bottom:12px!important}.card-body,.card-header{padding:8px 10px!important}.table{font-size:11px}a{color:#000!important;text-decoration:none!important}}