@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");body{background:#f8f9fa;font-family:Poppins,sans-serif}#table-card thead tr:first-child th:first-child{border-top-left-radius:6px}#table-card thead tr:first-child th:last-child{border-top-right-radius:6px}.sidebar{min-height:100vh;background:#1e2b3c;color:#fff;border-right:1px solid #2c3e50;box-shadow:2px 0 10px rgba(0,0,0,.1)}.sidebar .nav-link{color:#cbd5e1;cursor:pointer;padding:10px 20px;display:block;text-decoration:none;transition:all .2s ease-in-out;margin-bottom:2px}.sidebar .nav-link:hover,.sidebar .nav-link[aria-expanded=true]{background:hsla(0,0%,100%,.1);color:#fff}.sidebar .nav-link.sidebar-active{background:hsla(0,0%,100%,.15)!important;color:#fff!important;font-weight:600!important}.area-scroll-menu::-webkit-scrollbar{width:4px}.area-scroll-menu::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:10px}.area-scroll-menu::-webkit-scrollbar-thumb{background:#475569;border-radius:10px}.area-scroll-menu .nav-link{padding:8px 15px;font-size:.9rem}#login-page{max-width:340px;margin:12vh auto;border:1px solid #adb5bd;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);background:#d1d5db;padding:30px!important}.login-header{text-align:center;margin-bottom:25px}.login-icon-bg{background:linear-gradient(135deg,#0d6efd,#4dabf7);width:60px;height:60px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin-bottom:12px;box-shadow:0 5px 15px rgba(13,110,253,.3)}.input-minimal{border-radius:8px;border:1px solid #dee2e6;padding:10px 15px;font-size:.9rem;background-color:#fff;transition:all .2s ease-in-out}.input-minimal:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.15);outline:none}.btn-login{background:linear-gradient(135deg,#0d6efd,#4dabf7);border:none;border-radius:8px;padding:10px;font-weight:700;font-size:.95rem;transition:all .3s ease}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(13,110,253,.4)}.hidden{display:none!important}.pages{padding:30px}.stat-card{transition:transform .2s,box-shadow .2s;cursor:pointer;border:none}.stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 25px rgba(0,0,0,.25)!important}.master-table-container{max-height:400px;overflow-y:auto;border:1px solid #dee2e6;border-radius:6px}.resizable-th{resize:horizontal;overflow:auto;min-width:50px;padding-right:15px}.action-btns button{padding:2px 8px;font-size:12px;margin-right:2px}.nav-tabs .nav-link{cursor:pointer;color:#495057;font-weight:700}.nav-tabs .nav-link.active{color:#0d6efd;border-bottom:3px solid #0d6efd}.sortable-header:hover{background-color:#343a40!important;color:#ffc107!important}.cabang-card-body{display:flex;flex-direction:column;justify-content:space-between;min-height:130px}.gradient-blue{background:linear-gradient(135deg,#0d6efd,#4dabf7);color:#fff}.gradient-green{background:linear-gradient(135deg,#20c997,#198754);color:#fff}.gradient-orange{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#fff}.gradient-red{background:linear-gradient(135deg,#ff6b6b,#dc3545);color:#fff}.header-top{background:#fff!important;color:#0f172a!important;border-bottom:1px solid #e5e7eb}.chart-card{padding:24px}.chart-card,.kpi-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.06);border:none}.kpi-card{padding:16px 20px;display:flex;flex-direction:row;align-items:center;height:110px;transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.kpi-icon-circle{width:50px;height:50px;border-radius:50%;align-items:center;flex-shrink:0;margin-right:14px}.kpi-content,.kpi-icon-circle{display:flex;justify-content:center}.kpi-content{flex-direction:column;margin-top:-8px}.kpi-label{font-size:13px;font-weight:500;color:#64748b;margin-bottom:2px}.group-area-table{max-height:418px;overflow-y:auto}.kpi-number{font-size:28px;font-weight:700;color:#0f172a;line-height:1}.dashboard-mode-switcher{display:inline-flex;align-items:center;background:#f1f5f9;border-radius:8px;padding:4px;gap:2px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.dashboard-mode-switcher-btn{flex:1 1;min-width:120px;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:600;padding:6px 14px;border-radius:6px;transition:all .2s ease;cursor:pointer;text-align:center;line-height:1.5;white-space:nowrap}.dashboard-mode-switcher-btn:hover{color:#334155}.dashboard-mode-switcher-btn.active{background:#fff;color:#0d6efd;box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:700}#page-view-data .border-bottom{position:relative;z-index:20;overflow:visible}#lokasi-filter-wrap{position:relative;z-index:1060}#lokasi-filter-wrap .dropdown-menu{z-index:1061}#table-card .table-responsive{position:relative;z-index:1}@media (min-width:1024px) and (max-width:1536px){.sidebar{padding:14px!important}.sidebar .text-center.mb-4{margin-bottom:14px!important}.sidebar h5{font-size:.95rem}.sidebar small{font-size:.65rem!important}.sidebar .nav-link{padding:7px 13px;font-size:.82rem;margin-bottom:1px}.area-scroll-menu{max-height:165px!important}.area-scroll-menu .nav-link{padding:6px 10px;font-size:.78rem}#main-header{padding:16px 24px!important}#main-header .fs-2{font-size:1.45rem!important}#main-header h5{font-size:1rem}#main-header small{font-size:.65rem!important}#btn-header-logout{padding:6px 18px!important;font-size:.85rem}#page-dashboard.pages{padding:18px 22px}#page-dashboard .border-bottom.pb-3{padding-bottom:10px!important;margin-bottom:16px!important}#page-dashboard .row.mb-4{margin-bottom:12px!important}#page-dashboard .stat-card .card-body{padding:18px!important}#page-dashboard .stat-card h6{font-size:.72rem}#page-dashboard .stat-card h1{font-size:2rem}#page-dashboard .card-header{padding-top:12px!important;padding-bottom:12px!important}#page-dashboard .card-header h5{font-size:.95rem}#page-dashboard table{font-size:.86rem}#page-dashboard td,#page-dashboard th{padding-top:.5rem;padding-bottom:.5rem}#page-view-data.pages{padding:18px 22px}#page-view-data .border-bottom.pb-3{padding-bottom:10px!important;margin-bottom:14px!important}#page-view-data h2{font-size:1.28rem}#page-view-data .btn{font-size:.78rem;padding:5px 10px}#page-view-data .btn-sm{font-size:.74rem;padding:4px 9px}#page-view-data .nav-tabs .nav-link{font-size:.82rem;padding:7px 12px}#page-view-data .d-flex.gap-2{gap:.4rem!important}#page-view-data .mb-3{margin-bottom:.75rem!important}#page-view-data .mb-2{margin-bottom:.4rem!important}#page-view-data .mt-2{margin-top:.35rem!important}#page-view-data #filter-kategori-lainnya{width:185px!important;font-size:.78rem;padding:4px 8px}#page-view-data #lokasi-filter-wrap{min-width:205px!important}#page-view-data #btn-filter-lokasi{font-size:.78rem;padding:4px 8px}#page-view-data .dropdown-menu{font-size:.8rem}#page-view-data .master-table-container{max-height:430px!important}#page-view-data table{font-size:.82rem}#page-view-data td,#page-view-data th{padding-top:.42rem;padding-bottom:.42rem}#page-view-data .action-btns button{font-size:.72rem;padding:2px 6px}#page-view-data .card-footer{padding:8px 12px;font-size:.8rem}#page-detail.pages{padding:18px 22px}#page-detail .mb-4{margin-bottom:14px!important}#page-detail h2{font-size:1.28rem}#page-detail .btn{font-size:.82rem;padding:6px 12px}#page-detail .d-flex.gap-2{gap:.45rem!important}#page-detail .card-body{padding:14px}#page-detail table{font-size:.86rem}#page-detail td,#page-detail th{padding:.48rem .65rem}#page-detail th{width:28%!important}#page-form.pages{padding:18px 22px}#page-form .mb-4{margin-bottom:14px!important}#page-form h2{font-size:1.28rem}#page-form .btn{font-size:.82rem;padding:6px 12px}#page-form #form-card{padding:18px!important}#page-form .row.g-3{--bs-gutter-x:0.85rem;--bs-gutter-y:0.65rem}#page-form .form-label{font-size:.82rem;margin-bottom:.28rem}#page-form .form-control,#page-form .form-select{font-size:.84rem;padding:.42rem .65rem}#page-form textarea.form-control{min-height:64px}#page-form .col-md-12.mt-3{margin-top:.65rem!important}#page-form .mt-4{margin-top:.9rem!important}#page-form #btn-submit{font-size:.9rem;padding:.55rem 1rem!important}#page-form .badge{font-size:.72rem}#page-master.pages{padding:18px 22px}#page-master h2{font-size:1.28rem}#page-master h5{font-size:.98rem}#page-master .mb-3{margin-bottom:.8rem!important}#page-master .mb-4{margin-bottom:.9rem!important}#page-master .card.p-4{padding:16px!important}#page-master .row.g-3{--bs-gutter-x:0.85rem;--bs-gutter-y:0.65rem}#page-master .form-label,#page-master label{font-size:.8rem;margin-bottom:.28rem}#page-master .form-control,#page-master .form-select{font-size:.82rem;padding:.4rem .62rem}#page-master .btn{font-size:.8rem;padding:5px 10px}#page-master .btn-warning{padding:6px 12px}#page-master #filter-master-kategori{width:175px!important}#page-master .master-table-container{max-height:330px!important}#page-master table{font-size:.82rem}#page-master td,#page-master th{padding-top:.42rem;padding-bottom:.42rem}#page-master .action-btns button{font-size:.72rem;padding:2px 6px}#page-master .card-footer{padding:8px 12px;font-size:.8rem}#page-logs.pages{padding:18px 22px}#page-logs h2{font-size:1.28rem}#page-logs .mb-4{margin-bottom:14px!important}#page-logs .card-body{padding:0}#page-logs .master-table-container{max-height:430px!important}#page-logs table{font-size:.82rem}#page-logs td,#page-logs th{padding-top:.42rem;padding-bottom:.42rem}#page-logs .card-footer{padding:8px 12px;font-size:.8rem}#page-logs .btn-sm{font-size:.74rem;padding:4px 9px}#page-city-coverage.pages{padding:18px 22px}#page-city-coverage h2{font-size:1.28rem}#page-city-coverage .mb-3{margin-bottom:.8rem!important}#page-city-coverage .border-bottom.pb-3{padding-bottom:10px!important}#page-city-coverage .card.p-3{padding:14px!important}#page-city-coverage .form-label{font-size:.82rem;margin-bottom:.28rem}#page-city-coverage .form-select{font-size:.84rem;padding:.42rem .65rem}#page-city-coverage .small{font-size:.76rem}#page-city-coverage .btn-sm{font-size:.74rem;padding:4px 9px}#page-city-coverage .master-table-container{max-height:430px!important}#page-city-coverage table{font-size:.82rem}#page-city-coverage td,#page-city-coverage th{padding-top:.42rem;padding-bottom:.42rem}#page-global-asset-filter.pages{padding:18px 22px}#page-global-asset-filter h2{font-size:1.28rem}#page-global-asset-filter small{font-size:.76rem}#page-global-asset-filter .mb-3{margin-bottom:.8rem!important}#page-global-asset-filter .border-bottom.pb-3{padding-bottom:10px!important}#page-global-asset-filter .card.p-3{padding:14px!important}#page-global-asset-filter .form-label{font-size:.82rem;margin-bottom:.28rem}#page-global-asset-filter .form-control{font-size:.84rem;padding:.42rem .65rem}#page-global-asset-filter .btn{font-size:.82rem;padding:6px 12px}#page-global-asset-filter .small{font-size:.76rem}#page-global-asset-filter .master-table-container{max-height:430px!important}#page-global-asset-filter table{font-size:.82rem}#page-global-asset-filter td,#page-global-asset-filter th{padding-top:.42rem;padding-bottom:.42rem}#page-condition-assets.pages{padding:18px 22px}#page-condition-assets h2{font-size:1.28rem}#page-condition-assets .mb-3{margin-bottom:.8rem!important}#page-condition-assets .border-bottom.pb-3{padding-bottom:10px!important}#page-condition-assets .btn{font-size:.82rem;padding:6px 12px}#page-condition-assets .master-table-container{max-height:430px!important}#page-condition-assets table{font-size:.82rem}#page-condition-assets td,#page-condition-assets th{padding-top:.42rem;padding-bottom:.42rem}#page-cabang.pages{padding:18px 22px}#page-cabang h2{font-size:1.45rem}#page-cabang .mb-2{margin-bottom:.45rem!important}#page-cabang p{font-size:.9rem;margin-bottom:1rem!important;padding-bottom:.65rem!important}#page-cabang .btn{font-size:.82rem;padding:6px 12px}#page-cabang #cabang-list-container{--bs-gutter-x:1rem;--bs-gutter-y:1rem}#page-cabang .card{border-radius:8px}#page-cabang .cabang-card-body{min-height:105px;padding:18px!important}#page-cabang .cabang-card-body h4,#page-cabang .cabang-card-body h5{font-size:1.05rem;line-height:1.25}#page-cabang .cabang-card-body .text-success,#page-cabang .cabang-card-body a{font-size:.88rem}#modalMutasi .modal-dialog{max-width:430px}#modalMutasi .modal-header{padding:10px 14px}#modalMutasi .modal-title{font-size:1rem}#modalMutasi .modal-body{padding:16px!important}#modalMutasi .alert{font-size:.76rem;padding:8px 10px;margin-bottom:.75rem!important}#modalMutasi .mb-3{margin-bottom:.65rem!important}#modalMutasi .mb-4{margin-bottom:.9rem!important}#modalMutasi .form-label{font-size:.8rem;margin-bottom:.28rem}#modalMutasi .form-control,#modalMutasi .form-select{font-size:.84rem;padding:.42rem .65rem}#modalMutasi .btn{font-size:.84rem;padding:.5rem .85rem}#modalBarcodeScanner .modal-dialog{max-width:640px}#modalBarcodeScanner .modal-header{padding:10px 14px}#modalBarcodeScanner .modal-title{font-size:1rem}#modalBarcodeScanner .modal-body{padding:14px!important}#modalBarcodeScanner .ratio{max-height:300px;margin-bottom:.75rem!important}#modalBarcodeScanner #barcode-scan-status{font-size:.78rem;padding:8px 10px!important;margin-bottom:.75rem!important}#modalBarcodeScanner .d-grid.mb-3{margin-bottom:.75rem!important}#modalBarcodeScanner .form-label{font-size:.8rem;margin-bottom:.28rem}#modalBarcodeScanner .form-control{font-size:.84rem;padding:.42rem .65rem}#modalBarcodeScanner .btn{font-size:.84rem;padding:.5rem .85rem}#modalBarcodeScanner .modal-footer{padding:10px 14px}#page-users.pages{padding:18px 22px}#page-users h2{font-size:1.28rem}#page-users .mb-3{margin-bottom:.8rem!important}#page-users .mb-4{margin-bottom:.9rem!important}#page-users .border-bottom.pb-3{padding-bottom:10px!important;margin-bottom:16px!important}#page-users .card.p-3{padding:14px!important}#page-users .row.g-2{--bs-gutter-x:0.5rem;--bs-gutter-y:0.5rem}#page-users .form-label{font-size:.82rem;margin-bottom:.28rem}#page-users .form-control,#page-users .form-select{font-size:.84rem;padding:.42rem .65rem}#page-users .btn{font-size:.82rem;padding:6px 12px}#page-users .btn-sm{font-size:.74rem;padding:4px 9px}#page-users .small{font-size:.76rem}#page-users table{font-size:.82rem}#page-users td,#page-users th{padding-top:.42rem;padding-bottom:.42rem}#page-users .badge{font-size:.72rem}#page-users .action-btns button{font-size:.72rem;padding:2px 6px;margin-right:2px}#page-mutasi.pages{padding:18px 22px}#page-mutasi h2{font-size:1.28rem}#page-mutasi .mb-3{margin-bottom:.8rem!important}#page-mutasi .border-bottom.pb-3{padding-bottom:10px!important;margin-bottom:16px!important}#page-mutasi .card.p-3{padding:14px!important}#page-mutasi .alert{font-size:.82rem;padding:10px 14px}#page-mutasi .row.g-3{--bs-gutter-x:0.85rem;--bs-gutter-y:0.65rem}#page-mutasi .form-label{font-size:.82rem;margin-bottom:.28rem}#page-mutasi .form-control,#page-mutasi .form-select{font-size:.84rem;padding:.42rem .65rem}#page-mutasi .btn{font-size:.82rem;padding:6px 12px}#page-mutasi .btn-sm{font-size:.74rem;padding:4px 9px}#page-mutasi .text-muted{font-size:.82rem}#page-print-labels.pages{padding:18px 22px}#page-print-labels h2{font-size:1.28rem}#page-print-labels small{font-size:.76rem}#page-print-labels .mb-3{margin-bottom:.8rem!important}#page-print-labels .border-bottom.pb-3{padding-bottom:10px!important;margin-bottom:14px!important}#page-print-labels .card.p-3{padding:14px!important}#page-print-labels .row.g-3{--bs-gutter-x:0.85rem;--bs-gutter-y:0.65rem}#page-print-labels .form-label{font-size:.82rem;margin-bottom:.28rem}#page-print-labels .form-control,#page-print-labels .form-select{font-size:.84rem;padding:.42rem .65rem}#page-print-labels .btn{font-size:.82rem;padding:6px 12px}#page-print-labels .badge{font-size:.72rem}#page-print-labels .table-responsive{max-height:430px!important}#page-print-labels table{font-size:.82rem}#page-print-labels td,#page-print-labels th{padding-top:.42rem;padding-bottom:.42rem}#page-dashboard .dashboard-mode-switcher-btn{font-size:.82rem;padding:6px 14px;min-width:110px}#page-dashboard .chart-container{height:250px!important}#page-dashboard .card-header h6{font-size:.85rem}#page-dashboard .group-area-table,#page-dashboard .table-responsive{max-height:380px!important}#page-dashboard table{font-size:.82rem}#page-dashboard td,#page-dashboard th{padding-top:.38rem;padding-bottom:.38rem}#page-dashboard .recharts-wrapper{height:250px!important}#page-dashboard .recharts-default-tooltip,#page-dashboard .recharts-legend-item-text{font-size:.76rem!important}#page-dashboard .chart-card{padding:16px!important;border-radius:12px!important}#page-dashboard .chart-card h6{font-size:.82rem!important}#page-dashboard .kpi-card{padding:12px 14px!important;height:95px!important;border-radius:12px!important}#page-dashboard .kpi-icon-circle{width:42px!important;height:42px!important;margin-right:10px!important}#page-dashboard .kpi-content{margin-top:-6px!important}#page-dashboard .kpi-number{font-size:22px!important}#page-dashboard .kpi-label{font-size:.76rem!important}#page-dashboard .donut-legend-row{height:44px!important}#page-dashboard .donut-legend-label,#page-dashboard .donut-legend-percent,#page-dashboard .donut-legend-unit{font-size:12px!important}#page-dashboard .os-row{margin-bottom:16px!important}#page-dashboard .os-label{font-size:12px!important;margin-bottom:8px!important;width:100px!important}#page-dashboard .os-bar-fill,#page-dashboard .os-bar-track{height:10px!important}#page-dashboard .donut-center{margin-top:-6px!important}#page-dashboard .donut-center-number{font-size:32px!important}#page-dashboard .donut-center-label{font-size:12px!important;margin-top:2px!important}#page-dashboard .os-percent,#page-dashboard .os-unit{font-size:12px!important}#page-dashboard .merk-row{margin-bottom:16px!important}#page-dashboard .merk-label{font-size:12px!important;width:100px!important}#page-dashboard .merk-bar-area,#page-dashboard .merk-bar-fill{height:20px!important}#page-dashboard .merk-percent,#page-dashboard .merk-unit{font-size:12px!important}.modal-dialog{max-width:430px}.modal-header{padding:10px 14px}.modal-title{font-size:1rem}.modal-body{padding:16px!important}.modal .alert{font-size:.76rem;padding:8px 10px;margin-bottom:.75rem!important}.modal .mb-3{margin-bottom:.65rem!important}.modal .mb-4{margin-bottom:.9rem!important}.modal .form-label{font-size:.8rem;margin-bottom:.28rem}.modal .form-control,.modal .form-select{font-size:.84rem;padding:.42rem .65rem}.modal .btn{font-size:.84rem;padding:.5rem .85rem}.modal-footer{padding:10px 14px}}