@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";html,body,#root{min-width:320px;min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;margin:0;font-family:Inter,Arial,sans-serif}body,button,input,select,textarea{font-family:Inter,Arial,sans-serif}.sqm-page{box-sizing:border-box;color:#243f64;width:100%;max-width:none;padding:28px 20px 40px}.sqm-header{justify-content:space-between;gap:24px;margin-bottom:24px;display:flex}.sqm-crumb{color:#8495ad;margin-bottom:5px;font-size:13px}.sqm-crumb span{color:#b0bac7;margin:0 6px}.sqm-header h1{color:#183861;margin:0;font-size:30px}.sqm-header p{color:#8293ad;margin:7px 0 0;font-size:14px}.sqm-period{color:#71849d;background:#fff;border:1px solid #dce5ef;border-radius:10px;align-items:center;gap:7px;height:44px;padding:0 12px;display:flex}.sqm-period select{color:#385575;background:0 0;border:0;outline:0;font-weight:600}.sqm-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;margin-bottom:18px;display:grid}.sqm-kpi{box-sizing:border-box;background:#fff;border:1px solid #e1e8f0;border-radius:14px;align-items:center;gap:13px;min-width:0;min-height:108px;padding:18px;display:flex}.sqm-kpi-icon{border-radius:11px;flex:none;place-items:center;width:43px;height:43px;display:grid}.sqm-kpi-icon.blue{color:#0878e8;background:#edf5ff}.sqm-kpi-icon.orange{color:#f19a16;background:#fff4e5}.sqm-kpi-icon.purple{color:#7d58df;background:#f1edff}.sqm-kpi-icon.green{color:#159b56;background:#eaf8f0}.sqm-kpi-icon.red{color:#ef4d50;background:#fff0f0}.sqm-kpi span{color:#8495ad;margin-bottom:4px;font-size:12px;display:block}.sqm-kpi strong{color:#213d63;white-space:nowrap;font-size:18px;display:block}.sqm-kpi small{margin-top:4px;font-size:11px;font-weight:700;display:block}.up{color:#159b56!important}.down{color:#ef4d50!important}.flat{color:#7f8c9e!important}.sqm-change{background:#fff;border:1px solid #e1e8f0;border-radius:12px;align-items:center;gap:28px;min-height:48px;margin-bottom:18px;padding:0 18px;display:flex}.sqm-change b{color:#304c70;font-size:13px}.sqm-change span{align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.sqm-ba-summary{color:#637994;margin-left:auto}.sqm-filter{box-sizing:border-box;background:#fff;border:1px solid #e1e8f0;border-radius:12px;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;min-height:64px;margin-bottom:18px;padding:10px 14px;display:grid}.sqm-search,.sqm-select{box-sizing:border-box;background:#fff;border:1px solid #dce5ef;border-radius:9px;align-items:center;height:44px;display:flex}.sqm-search{color:#8093ab;gap:9px;padding:0 12px}.sqm-search input{color:#365474;border:0;outline:0;width:100%;font-size:13px}.sqm-search input::placeholder{color:#9aa9bb}.sqm-select{padding:0 12px;position:relative}.sqm-select select{appearance:none;color:#385575;background:0 0;border:0;outline:0;width:100%;font-weight:600}.sqm-table-card{background:#fff;border:1px solid #dfe7ef;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 3px 12px #1b385b09}.sqm-section-head{box-sizing:border-box;border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;min-height:66px;padding:15px 18px;display:flex}.sqm-section-head h2{color:#1e3a61;margin:0;font-size:16px}.sqm-section-head p{color:#91a0b3;margin:5px 0 0;font-size:12px}.sqm-section-total{color:#8191a8;font-size:12px}.sqm-table-wrap{width:100%;overflow-x:auto}.sqm-table-card table{border-collapse:collapse;width:100%;min-width:1150px}.sqm-table-card th{color:#788ba5;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5ebf2;height:42px;padding:0 12px;font-size:10px}.sqm-table-card td{color:#687d99;white-space:nowrap;border-bottom:1px solid #edf1f5;height:61px;padding:7px 12px;font-size:11px}.sqm-table-card tbody tr:last-child td{border-bottom:0}.sqm-table-card td b{color:#29476e}.sqm-table-card td small{margin-top:3px;font-size:10px;font-weight:700;display:block}.sqm-badge{border-radius:999px;justify-content:center;align-items:center;gap:4px;min-width:61px;height:29px;padding:0 9px;font-size:10px;font-weight:750;display:inline-flex}.sqm-badge.naik{color:#159b56;background:#eaf8f0}.sqm-badge.turun{color:#ee4d51;background:#fff0f0}.sqm-badge.tetap{color:#7e8b9d;background:#eef1f5}.sqm-ba{align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.sqm-ba.uploaded{color:#159b56}.sqm-ba.missing{color:#ef4d50}.sqm-detail{color:#45698f;cursor:pointer;background:#fff;border:1px solid #dce6f0;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 11px;font-weight:700;display:inline-flex}.sqm-detail:hover{background:#f7faff}.sqm-empty{text-align:center;color:#91a0b3!important;padding:40px!important}.sqm-pagination{color:#8796aa;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:56px;padding:0 14px;font-size:11px;display:flex}.sqm-pagination>div{align-items:center;gap:7px;display:flex}.sqm-pagination b{color:#344f72}.sqm-pagination select,.sqm-pagination button{color:#4b6686;background:#fff;border:1px solid #dce5ef;border-radius:8px;height:34px}.sqm-pagination button{place-items:center;width:34px;display:grid}.sqm-pagination button:disabled{color:#bcc7d4}.sqm-page-number{color:#344f72;background:#fff;border:1px solid #dce5ef;border-radius:8px;place-items:center;min-width:34px;height:34px;font-weight:700;display:grid}.sqm-modal-bg{z-index:100;background:#12284259;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.sqm-modal{background:#fff;border-radius:16px;width:min(850px,100%);max-height:85vh;overflow:auto;box-shadow:0 20px 60px #142f4e38}.sqm-modal-head{border-bottom:1px solid #e8edf3;justify-content:space-between;gap:20px;padding:18px 20px;display:flex}.sqm-modal-head span{color:#8797ac;font-size:11px}.sqm-modal-head h3{color:#1f3c63;margin:3px 0 0;font-size:20px}.sqm-modal-head p{color:#8797ac;margin:4px 0 0;font-size:12px}.sqm-modal-head button{color:#637994;cursor:pointer;background:#f3f6f9;border:0;border-radius:8px;width:34px;height:34px}.sqm-modal-body{padding:20px}.sqm-detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.sqm-detail-grid>div{background:#f8fafc;border:1px solid #e5ebf2;border-radius:11px;padding:15px}.sqm-detail-grid span{color:#8797ac;margin-bottom:5px;font-size:11px;display:block}.sqm-detail-grid strong{color:#28466c;font-size:18px}.sqm-ba-card{border:1px solid #e1e8f0;border-radius:13px;overflow:hidden}.sqm-ba-card-head{border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;gap:15px;padding:15px 16px;display:flex}.sqm-ba-card-head h4{color:#29476e;margin:0;font-size:14px}.sqm-ba-card-head p{color:#91a0b3;margin:4px 0 0;font-size:11px}.sqm-ba-status{color:#159b56;white-space:nowrap;background:#eaf8f0;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.sqm-existing-ba{align-items:center;gap:12px;min-height:82px;padding:14px 16px;display:flex}.sqm-file-icon{color:#0878e8;background:#edf5ff;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.sqm-file-info{flex:1;min-width:0}.sqm-file-info b{color:#29476e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.sqm-file-info span{color:#8797ac;margin-top:4px;font-size:10px;display:block}.sqm-file-actions{gap:7px;display:flex}.sqm-file-actions button{color:#45698f;cursor:pointer;background:#fff;border:1px solid #dce5ef;border-radius:8px;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.sqm-upload-box{text-align:center;background:#fbfcfe;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:150px;padding:20px;display:flex;position:relative}.sqm-upload-box input{display:none}.sqm-upload-box label{color:#0878e8;cursor:pointer;border:1px dashed #b9c8d9;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:105px;display:flex}.sqm-upload-box label b{color:#45698f;font-size:12px}.sqm-upload-box label span{color:#91a0b3;font-size:10px}.sqm-save-ba{color:#fff;cursor:pointer;background:#0878e8;border:0;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=1250px){.sqm-kpis{grid-template-columns:repeat(3,1fr)}.sqm-filter{grid-template-columns:2fr 1fr 1fr}.sqm-select:last-child{grid-column:1/-1}}@media (width<=900px){.sqm-page{padding:22px 20px}.sqm-header{flex-direction:column}.sqm-kpis{grid-template-columns:repeat(2,1fr)}.sqm-filter{grid-template-columns:1fr}.sqm-select:last-child{grid-column:auto}.sqm-change{flex-wrap:wrap;padding:10px 14px}.sqm-ba-summary{margin-left:0}.sqm-pagination{flex-direction:column;align-items:flex-start;padding:12px 14px}.sqm-detail-grid{grid-template-columns:1fr}.sqm-existing-ba{flex-wrap:wrap;align-items:flex-start}.sqm-file-actions{width:100%}}@media (width<=600px){.sqm-page{padding:18px 14px}.sqm-kpis{grid-template-columns:1fr}.sqm-header h1{font-size:25px}}.rekap-page{box-sizing:border-box;width:100%;max-width:none;padding:28px 32px 40px}.rekap-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.rekap-breadcrumb{color:#7f91aa;margin-bottom:5px;font-size:13px}.rekap-page-header h1{color:#17345f;margin:0 0 7px;font-size:30px;font-weight:700;line-height:1.2}.rekap-page-header p{color:#71809a;margin:0;font-size:14px}.rekap-period-box{color:#52657f;box-sizing:border-box;background:#fff;border:1px solid #dce5ef;border-radius:8px;align-items:center;gap:8px;min-width:125px;height:38px;padding:0 10px;display:flex}.rekap-period-box svg{flex-shrink:0}.rekap-period-box select{color:#344765;cursor:pointer;background:0 0;border:0;outline:none;width:100%;height:36px;font-size:13px}.rekap-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;margin-bottom:18px;display:grid}.rekap-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e5ebf3;border-radius:14px;align-items:flex-start;gap:12px;min-width:0;min-height:108px;padding:17px 16px;display:flex;box-shadow:0 2px 8px #142d5009}.rekap-summary-icon{border-radius:9px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex}.rekap-summary-icon.blue{color:#1776d2;background:#edf5ff}.rekap-summary-icon.green{color:#219653;background:#edf9f2}.rekap-summary-icon.purple{color:#7b52c7;background:#f4efff}.rekap-summary-icon.orange{color:#d98324;background:#fff4e8}.rekap-summary-card>div:last-child{min-width:0;padding-top:1px}.rekap-summary-card span{color:#71809a;margin-bottom:5px;font-size:12px;line-height:1.3;display:block}.rekap-summary-card strong{color:#20385d;white-space:nowrap;font-size:17px;font-weight:700;line-height:1.3;display:block}.rekap-summary-card small{margin-top:4px;font-size:11px;line-height:1.3;display:block}.rekap-status-summary{width:100%;margin-bottom:18px}.rekap-status-label{color:#42536c;margin-bottom:9px;font-size:14px;font-weight:600;display:block}.rekap-status-items{align-items:center;gap:24px;padding-left:2px;display:flex}.rekap-status-item{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.rekap-status-item.up{color:#219653}.rekap-status-item.down{color:#e55353}.rekap-status-item.same{color:#7d8794}.rekap-change-up{font-weight:600;color:#219653!important}.rekap-change-down{font-weight:600;color:#e55353!important}.rekap-change-same{font-weight:600;color:#7d8794!important}.rekap-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e3eaf2;border-radius:12px;align-items:center;gap:10px;width:100%;min-width:0;margin-bottom:18px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #142d5006}.rekap-search{box-sizing:border-box;color:#738197;background:#fff;border:1px solid #dfe6ef;border-radius:8px;flex:1;align-items:center;gap:9px;min-width:260px;height:40px;padding:0 12px;display:flex}.rekap-search:focus-within{border-color:#7db5ef;box-shadow:0 0 0 3px #1776d214}.rekap-search svg{flex-shrink:0}.rekap-search input{color:#344765;background:0 0;border:0;outline:none;width:100%;min-width:0;height:38px;padding:0;font-size:13px}.rekap-search input::placeholder{color:#9aa6b8}.rekap-filter-card>select{color:#344765;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:8px;outline:none;flex-shrink:0;width:170px;height:40px;padding:0 12px;font-size:13px}.rekap-filter-card>select:focus{border-color:#7db5ef;box-shadow:0 0 0 3px #1776d214}.rekap-table-card{box-sizing:border-box;background:#fff;border:1px solid #e3eaf2;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 2px 8px #142d5006}.rekap-table-header{border-bottom:1px solid #edf1f5;padding:17px 20px 15px}.rekap-table-header h2{color:#20385d;margin:0 0 5px;font-size:17px;font-weight:700;line-height:1.3}.rekap-table-header p{color:#8795a8;margin:0;font-size:12px}.rekap-table-wrapper{width:100%;overflow-x:auto}.rekap-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1250px}.rekap-table th{color:#738197;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e7edf4;height:42px;padding:0 13px;font-size:10px;font-weight:600}.rekap-table td{color:#66758b;white-space:nowrap;border-bottom:1px solid #edf1f5;height:52px;padding:0 13px;font-size:11px}.rekap-table tbody tr:hover{background:#fbfdff}.rekap-table td strong{color:#273e60;font-weight:650}.rekap-table td small{margin-top:3px;font-size:9px;line-height:1.2;display:block}.rekap-empty{text-align:center;color:#8795a8;padding:42px 20px;font-size:13px}.rekap-status-pill{border-radius:999px;justify-content:center;align-items:center;min-width:58px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.rekap-status-pill.naik{color:#219653;background:#e9f8ef}.rekap-status-pill.turun{color:#e55353;background:#fff0f0}.rekap-status-pill.tetap{color:#7d8794;background:#eef1f5}.rekap-detail-btn{color:#416383;cursor:pointer;background:#fff;border:1px solid #dbe5ef;border-radius:7px;align-items:center;gap:5px;height:31px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.rekap-detail-btn:hover{background:#f5f9fd;border-color:#bcd1e7}.rekap-pagination{color:#8290a4;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 16px;font-size:12px;display:flex}.rekap-pagination-info{white-space:nowrap}.rekap-pagination-info strong{color:#4c5f78}.rekap-pagination-controls{white-space:nowrap;align-items:center;gap:7px;display:flex}.rekap-pagination-controls select{color:#4b6079;background:#fff;border:1px solid #dfe6ef;border-radius:7px;outline:none;height:32px;padding:0 8px;font-size:12px}.rekap-pagination-controls button{color:#6f7f94;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rekap-pagination-controls button:hover:not(:disabled){background:#f4f8fc;border-color:#bfd2e8}.rekap-pagination-controls button:disabled{opacity:.45;cursor:not-allowed}.rekap-page-number{color:#31577d;background:#f7faff;border:1px solid #dfe6ef;border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:32px;font-weight:600;display:flex}.rekap-modal-overlay{z-index:1000;box-sizing:border-box;background:#11243d6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rekap-modal{background:#fff;border-radius:16px;width:min(720px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 20px 60px #12284638}.rekap-modal-header{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px 18px;display:flex}.rekap-modal-header span{color:#8290a4;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.rekap-modal-header h2{color:#20385d;margin:0 0 5px;font-size:22px}.rekap-modal-header p{color:#71809a;margin:0;font-size:12px}.rekap-modal-header>button{color:#71809a;cursor:pointer;background:#fff;border:1px solid #e0e7ef;border-radius:8px;width:34px;height:34px;font-size:22px;line-height:1}.rekap-modal-header>button:hover{background:#f5f8fc}.rekap-detail-period{color:#536a84;background:#f5f8fc;border-radius:8px;align-items:center;gap:7px;margin:18px 24px 0;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.rekap-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 24px;display:grid}.rekap-detail-box{background:#fbfcfe;border:1px solid #e5ebf3;border-radius:10px;min-width:0;padding:14px}.rekap-detail-box span{color:#7b8ba1;margin-bottom:7px;font-size:11px;display:block}.rekap-detail-box strong{color:#20385d;word-break:break-word;font-size:14px;line-height:1.35;display:block}.rekap-comparison{border:1px solid #e5ebf3;border-radius:10px;margin:0 24px 18px;overflow:hidden}.rekap-comparison h3{color:#20385d;background:#f8fafc;border-bottom:1px solid #e5ebf3;margin:0;padding:13px 15px;font-size:14px}.rekap-comparison-row{color:#66758b;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:16px;min-height:46px;padding:0 15px;font-size:12px;display:flex}.rekap-comparison-row:last-child{border-bottom:0}.rekap-comparison-row strong{text-align:right}.rekap-comparison-row.total{background:#fbfcfe}.rekap-modal-footer{border-top:1px solid #edf1f5;justify-content:flex-end;padding:15px 24px 20px;display:flex}.rekap-modal-footer button{color:#415b76;cursor:pointer;background:#fff;border:1px solid #dce5ef;border-radius:8px;height:36px;padding:0 16px;font-size:12px;font-weight:600}.rekap-modal-footer button:hover{background:#f5f8fc}@media (width<=1250px){.rekap-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.rekap-page{padding:22px 20px 30px}.rekap-page-header{flex-direction:column}.rekap-period-box{align-self:flex-start}.rekap-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rekap-filter-card{flex-wrap:wrap}.rekap-search{flex-basis:100%;width:100%}.rekap-filter-card>select{flex:1;min-width:0}.rekap-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rekap-pagination{flex-direction:column;align-items:flex-start;padding:12px 16px}}@media (width<=600px){.rekap-page{padding:18px 14px 28px}.rekap-page-header h1{font-size:25px}.rekap-summary-grid{grid-template-columns:1fr}.rekap-status-items{flex-wrap:wrap;gap:12px 20px}.rekap-filter-card{align-items:stretch}.rekap-filter-card>select{flex-basis:100%;width:100%}.rekap-detail-grid{grid-template-columns:1fr;padding:16px}.rekap-comparison{margin:0 16px 16px}.rekap-modal-header{padding:18px 16px 15px}.rekap-detail-period{margin-left:16px;margin-right:16px}.rekap-comparison-row{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:10px 14px}.rekap-comparison-row strong{text-align:left}.rekap-modal-footer{padding-left:16px;padding-right:16px}}.rekap-page{padding:24px 28px 34px}.rekap-page-header{margin-bottom:20px}.rekap-page-header h1{letter-spacing:-.3px;font-size:28px}.rekap-page-header p{font-size:13px}.rekap-summary-grid{gap:12px;margin-bottom:16px}.rekap-summary-card{border-radius:12px;gap:10px;min-height:96px;padding:15px 14px}.rekap-summary-icon{border-radius:8px;width:35px;min-width:35px;height:35px}.rekap-summary-card span{margin-bottom:4px;font-size:11px}.rekap-summary-card strong{font-size:15px}.rekap-summary-card small{margin-top:3px;font-size:10px}.rekap-status-summary{box-sizing:border-box;background:#fff;border:1px solid #e7edf4;border-radius:10px;margin-bottom:16px;padding:10px 14px}.rekap-status-label{color:#344b6b;margin:0 22px 0 0;font-size:12px;font-weight:700;display:inline-block}.rekap-status-summary>div{align-items:center;display:flex}.rekap-status-items{align-items:center;gap:24px;padding:0;display:flex}.rekap-status-item{font-size:12px}.rekap-status-item strong{font-size:14px}.rekap-filter-card{border-radius:10px;gap:9px;margin-bottom:16px;padding:11px 13px}.rekap-search,.rekap-filter-card>select{height:38px}.rekap-search input{height:36px;font-size:12px}.rekap-filter-card>select{width:155px;font-size:12px}.rekap-table-card{border-radius:12px}.rekap-table-header{padding:15px 17px 13px}.rekap-table-header h2{font-size:15px}.rekap-table-header p{font-size:11px}.rekap-table{min-width:1120px}.rekap-table th{height:38px;padding:0 10px;font-size:9px}.rekap-table td{height:48px;padding:0 10px;font-size:10px}.rekap-table td strong{font-weight:700}.rekap-table td small{margin-top:2px;font-size:8px}.rekap-status-pill{min-width:50px;padding:4px 7px;font-size:9px}.rekap-detail-btn{height:29px;padding:0 9px;font-size:10px}.rekap-table th:first-child,.rekap-table td:first-child{text-align:center;width:34px}.rekap-table th:nth-child(2),.rekap-table td:nth-child(2){min-width:105px}.rekap-table th:nth-child(3),.rekap-table td:nth-child(3){min-width:100px}.rekap-table th:nth-child(4),.rekap-table td:nth-child(4){min-width:105px}.rekap-table th:nth-child(5),.rekap-table td:nth-child(5),.rekap-table th:nth-child(6),.rekap-table td:nth-child(6),.rekap-table th:nth-child(7),.rekap-table td:nth-child(7){min-width:76px}.rekap-table th:nth-child(8),.rekap-table td:nth-child(8),.rekap-table th:nth-child(9),.rekap-table td:nth-child(9){min-width:92px}.rekap-table th:nth-child(10),.rekap-table td:nth-child(10){min-width:118px}.rekap-table th:nth-child(11),.rekap-table td:nth-child(11){min-width:62px}.rekap-table th:nth-child(12),.rekap-table td:nth-child(12){min-width:70px}.rekap-pagination{min-height:52px;padding:0 15px}.rekap-pagination-controls{gap:6px;font-size:11px}.rekap-pagination-controls select,.rekap-pagination-controls button,.rekap-page-number{height:30px}.rekap-pagination-controls button,.rekap-page-number{width:30px}.rekap-modal{border-radius:14px}.rekap-detail-grid{gap:9px}.rekap-detail-box{padding:12px}.rekap-comparison-row{min-height:44px}@media (width>=1400px){.rekap-page{padding-left:34px;padding-right:34px}.rekap-summary-card strong{font-size:16px}.rekap-table{min-width:1080px}.rekap-table th,.rekap-table td{padding-left:9px;padding-right:9px}}@media (width<=1100px){.rekap-summary-card{padding:14px 12px}.rekap-summary-card strong{font-size:14px}.rekap-status-summary>div{align-items:flex-start}.rekap-status-label{min-width:125px;margin-right:12px}.rekap-status-items{gap:16px}}@media (width<=900px){.rekap-page{padding:20px 18px 28px}.rekap-status-summary>div{flex-direction:column;gap:10px}.rekap-status-label{margin:0}.rekap-status-items{width:100%}}@media (width>=901px){.rekap-table-wrapper{overflow-x:hidden}.rekap-table{table-layout:fixed;width:100%!important;min-width:0!important}.rekap-table th,.rekap-table td{text-overflow:ellipsis;overflow:hidden;min-width:0!important}.rekap-table th:first-child,.rekap-table td:first-child{width:3%}.rekap-table th:nth-child(2),.rekap-table td:nth-child(2),.rekap-table th:nth-child(3),.rekap-table td:nth-child(3),.rekap-table th:nth-child(4),.rekap-table td:nth-child(4){width:10%}.rekap-table th:nth-child(5),.rekap-table td:nth-child(5),.rekap-table th:nth-child(6),.rekap-table td:nth-child(6){width:7%}.rekap-table th:nth-child(7),.rekap-table td:nth-child(7){width:8%}.rekap-table th:nth-child(8),.rekap-table td:nth-child(8),.rekap-table th:nth-child(9),.rekap-table td:nth-child(9){width:10%}.rekap-table th:nth-child(10),.rekap-table td:nth-child(10){width:12%}.rekap-table th:nth-child(11),.rekap-table td:nth-child(11){width:7%}.rekap-table th:nth-child(12),.rekap-table td:nth-child(12){width:6%}.rekap-detail-btn{max-width:100%}}.all-rekap-page{box-sizing:border-box;width:100%;padding:24px 14px 34px}.all-rekap-header{margin-bottom:22px}.all-rekap-breadcrumb{color:#8292aa;margin-bottom:6px;font-size:13px}.all-rekap-header h1{color:#19375f;margin:0;font-size:30px;font-weight:750;line-height:1.15}.all-rekap-header p{color:#8292aa;margin:8px 0 0;font-size:14px}.all-period-card{background:#fff;border:1px solid #e2e9f1;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:16px 18px;display:flex}.all-period-title{align-items:center;gap:12px;display:flex}.all-period-icon{color:#1769d1;background:#edf5ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.all-period-title strong{color:#29466d;font-size:13px;display:block}.all-period-title span{color:#8a99ae;margin-top:3px;font-size:11px;display:block}.all-period-selects{align-items:flex-end;gap:10px;display:flex}.all-period-select{flex-direction:column;gap:5px;display:flex}.all-period-select label{color:#7c8da5;font-size:10px;font-weight:600}.all-period-select select{color:#29466d;background:#fff;border:1px solid #dbe4ee;border-radius:9px;outline:none;width:135px;height:38px;padding:0 10px}.all-period-arrow{color:#8392a7;margin-bottom:10px}.all-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.all-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e2e9f1;border-radius:14px;align-items:flex-start;gap:11px;min-height:104px;padding:16px;display:flex}.all-summary-icon{border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.all-summary-icon.blue{color:#0877df;background:#edf6ff}.all-summary-icon.green{color:#15a05a;background:#ebf9f1}.all-summary-icon.purple{color:#8156d8;background:#f3efff}.all-summary-icon.orange{color:#e78a16;background:#fff4e6}.all-summary-card span{color:#8090a8;font-size:11px;display:block}.all-summary-card strong{color:#203d64;margin-top:5px;font-size:15px;display:block}.all-summary-card small{margin-top:5px;font-size:10px;font-weight:700;display:block}.all-change-up{color:#159b55!important}.all-change-down{color:#f04444!important}.all-change-same{color:#8390a2!important}.all-change-bar{background:#fff;border:1px solid #e2e9f1;border-radius:12px;align-items:center;gap:28px;min-height:50px;margin-bottom:16px;padding:0 18px;display:flex}.all-change-title{color:#304b70;font-size:12px;font-weight:700}.all-change-item{align-items:center;gap:6px;font-size:12px;display:flex}.all-change-item strong{font-size:14px}.all-change-item.up{color:#159b55}.all-change-item.down{color:#f04444}.all-change-item.same{color:#7f8da0}.all-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e9f1;border-radius:12px;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;width:100%;margin-bottom:16px;padding:14px 16px;display:grid}.all-search-box{border:1px solid #dbe4ee;border-radius:9px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.all-search-box svg{color:#8090a6}.all-search-box input{color:#344f73;border:0;outline:none;width:100%;font-size:12px}.all-filter-card select{color:#3c5575;background:#fff;border:1px solid #dbe4ee;border-radius:9px;outline:none;width:100%;height:40px;padding:0 10px}.all-table-card{background:#fff;border:1px solid #e2e9f1;border-radius:14px;width:100%;overflow:hidden}.all-table-header{border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;min-height:76px;padding:16px 18px;display:flex}.all-table-header h3{color:#29466d;margin:0;font-size:15px}.all-table-header span{color:#8b9aae;margin-top:4px;font-size:11px;display:block}.all-table-note{color:#91a0b3;font-size:10px}.all-table-wrapper{width:100%;overflow-x:hidden}.all-rekap-table{border-collapse:collapse;table-layout:fixed;width:100%!important;min-width:0!important}.all-rekap-table th,.all-rekap-table td{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.all-rekap-table th{color:#74859d;text-align:left;background:#f8fafc;border-bottom:1px solid #e6ebf1;height:42px;padding:0 7px;font-size:9px;font-weight:700}.all-rekap-table td{color:#71829a;border-bottom:1px solid #edf1f5;height:62px;padding:0 7px;font-size:10px}.all-rekap-table th:first-child,.all-rekap-table td:first-child{text-align:center;width:3.5%}.all-rekap-table th:nth-child(2),.all-rekap-table td:nth-child(2){width:10%}.all-rekap-table th:nth-child(3),.all-rekap-table td:nth-child(3),.all-rekap-table th:nth-child(4),.all-rekap-table td:nth-child(4){width:8.5%}.all-rekap-table th:nth-child(5),.all-rekap-table td:nth-child(5),.all-rekap-table th:nth-child(6),.all-rekap-table td:nth-child(6){width:7%}.all-rekap-table th:nth-child(7),.all-rekap-table td:nth-child(7){width:7.5%}.all-rekap-table th:nth-child(8),.all-rekap-table td:nth-child(8),.all-rekap-table th:nth-child(9),.all-rekap-table td:nth-child(9){width:10%}.all-rekap-table th:nth-child(10),.all-rekap-table td:nth-child(10){width:11%}.all-rekap-table th:nth-child(11),.all-rekap-table td:nth-child(11){text-align:center;width:7%}.all-rekap-table th:nth-child(12),.all-rekap-table td:nth-child(12){text-align:center;width:10%;overflow:visible}.all-building-name{font-weight:700;color:#284568!important}.all-value-strong{font-weight:700;color:#29466d!important}.all-dual-value{flex-direction:column;gap:3px;display:flex}.all-dual-value span,.all-dual-value strong{text-overflow:ellipsis;overflow:hidden}.all-dual-value small{font-size:9px;font-weight:700}.all-status-badge{border-radius:999px;justify-content:center;align-items:center;min-width:48px;padding:6px 8px;font-size:9px;font-weight:700;display:inline-flex}.all-status-badge.all-change-up{background:#eaf8f0}.all-status-badge.all-change-down{background:#fff0f0}.all-status-badge.all-change-same{background:#eef2f6}.all-detail-btn{color:#46698e;cursor:pointer;background:#fff;border:1px solid #dbe5ef;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:72px;height:34px;margin:0 auto;padding:0 6px;font-size:10px;display:inline-flex}.all-detail-btn svg{width:18px;height:18px}.all-pagination{color:#8494aa;justify-content:space-between;align-items:center;min-height:68px;padding:12px 18px;font-size:11px;display:flex}.all-pagination strong{color:#455d7c}.all-pagination-right{align-items:center;gap:7px;display:flex}.all-pagination-right select{border:1px solid #dbe5ef;border-radius:9px;width:58px;height:34px}.all-pagination-right button,.all-page-number{background:#fff;border:1px solid #dbe5ef;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.all-pagination-right button:disabled{color:#c3ccd7}.all-page-number{color:#2f537d;background:#f5f8fc;font-weight:700}.all-modal-overlay{z-index:1000;background:#132b4857;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.all-detail-modal{background:#fff;border-radius:16px;width:min(780px,100%);box-shadow:0 20px 55px #1d35522e}.all-modal-header{border-bottom:1px solid #e8edf3;justify-content:space-between;padding:20px 22px 16px;display:flex}.all-modal-header span{color:#8b9aae;font-size:11px}.all-modal-header h2{color:#29466d;margin:5px 0 0;font-size:21px}.all-modal-header p{color:#8a99ad;margin:4px 0 0;font-size:11px}.all-modal-close{color:#71829a;cursor:pointer;background:#f5f7fa;border:0;border-radius:8px;width:32px;height:32px;font-size:22px}.all-modal-period{color:#466587;background:#f8fafc;align-items:center;gap:10px;padding:12px 22px;font-size:12px;display:flex}.all-detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:18px 22px 22px;display:grid}.all-detail-box{border:1px solid #e2e9f1;border-radius:12px;padding:15px}.all-detail-box>span{color:#73859d;font-size:11px;font-weight:700}.all-detail-values{grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin-top:12px;display:grid}.all-detail-values small{color:#8c9bae;font-size:9px;display:block}.all-detail-values strong{color:#29466d;margin-top:4px;font-size:11px;display:block}.all-detail-delta{margin-top:11px;font-size:11px;font-weight:750}@media (width<=1250px){.all-summary-grid{grid-template-columns:repeat(3,1fr)}.all-period-card{flex-direction:column;align-items:flex-start}}@media (width<=1000px){.all-filter-card{grid-template-columns:1fr 1fr}.all-search-box{grid-column:1/-1}.all-table-wrapper{overflow-x:auto}.all-rekap-table{min-width:1050px!important}}@media (width<=700px){.all-rekap-page{padding:18px 14px 26px}.all-summary-grid{grid-template-columns:1fr}.all-change-bar{flex-wrap:wrap;gap:12px 20px;padding:12px 14px}.all-filter-card{grid-template-columns:1fr}.all-search-box{grid-column:auto}.all-period-selects{flex-direction:column;width:100%}.all-period-select select{width:100%}.all-period-arrow{display:none}.all-pagination{flex-direction:column;align-items:flex-start}.all-detail-grid{grid-template-columns:1fr}}.rekap-regional-page{box-sizing:border-box;color:#243b60;width:100%;max-width:none;padding:28px 20px 40px}.rekap-regional-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.rekap-regional-header h1{color:#203d67;margin:0;font-size:30px;font-weight:750;line-height:1.15}.rekap-regional-header p{color:#7f91ac;margin:8px 0 0;font-size:14px}.period-select{color:#38557b;box-sizing:border-box;background:#fff;border:1px solid #dfe7f1;border-radius:10px;align-items:center;gap:9px;min-width:128px;height:44px;padding:0 13px;display:flex}.period-select select{color:#38557b;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.regional-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%;margin-bottom:18px;display:grid}.regional-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e3eaf3;border-radius:14px;align-items:center;gap:13px;width:100%;min-width:0;min-height:108px;padding:18px;display:flex}.regional-summary-card span{color:#8192ac;margin-bottom:5px;font-size:12px;display:block}.regional-summary-card strong{color:#213d65;white-space:nowrap;font-size:20px;font-weight:750;line-height:1.2;display:block}.summary-icon{border-radius:11px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.summary-positive{margin-top:3px;font-weight:650;color:#159753!important;font-size:10px!important;display:block!important}.regional-change-bar{box-sizing:border-box;background:#fff;border:1px solid #e3eaf3;border-radius:12px;align-items:center;gap:30px;width:100%;min-height:48px;margin-bottom:18px;padding:0 18px;display:flex}.change-title{color:#314e76;font-size:13px;font-weight:750}.change-stat{align-items:center;gap:5px;font-size:13px;display:flex}.change-stat strong{font-size:14px}.change-stat.positive{color:#159753}.change-stat.negative{color:#ff4d52}.change-stat.neutral{color:#8390a2}.regional-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e3eaf3;border-radius:14px;grid-template-columns:minmax(300px,2fr) minmax(170px,1fr) minmax(170px,1fr);gap:10px;width:100%;margin-bottom:18px;padding:14px 16px;display:grid}.regional-search,.regional-select{box-sizing:border-box;background:#fff;border:1px solid #dfe7f1;border-radius:9px;height:42px}.regional-search{color:#8b9bb2;align-items:center;gap:9px;padding:0 12px;display:flex}.regional-search input{color:#304b70;border:none;outline:none;width:100%;font-size:13px}.regional-search input::placeholder{color:#a0aec0}.regional-select{align-items:center;display:flex;position:relative}.regional-select select{appearance:none;color:#385477;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 38px 0 12px;font-size:13px}.regional-select svg{pointer-events:none;color:#657d9d;position:absolute;right:12px}.regional-view-card{box-sizing:border-box;background:#fff;border:1px solid #e3eaf3;border-radius:12px;width:100%;min-height:50px;margin-bottom:12px}.regional-view-header{justify-content:space-between;align-items:center;min-height:50px;padding:0 14px 0 18px;display:flex}.regional-view-header h2{color:#314e76;margin:0 9px 0 0;font-size:14px;display:inline-block}.regional-view-header span{color:#95a3b8;font-size:11px}.view-toggle{background:#f4f7fb;border-radius:8px;align-items:center;gap:3px;padding:3px;display:flex}.view-toggle button{color:#8a99ad;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 13px;font-size:11px}.view-toggle button.active{color:#31577f;background:#fff;font-weight:700;box-shadow:0 1px 4px #1e375514}.regional-table-card{background:#fff;border:1px solid #e3eaf3;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 5px 16px #1f38590a}.regional-table-heading{box-sizing:border-box;border-bottom:1px solid #e8edf4;align-items:center;min-height:58px;padding:14px 18px;display:flex}.regional-table-heading h2{color:#2b476d;margin:0 0 4px;font-size:15px}.regional-table-heading span{color:#94a2b7;font-size:11px}.regional-table-wrapper{width:100%;overflow-x:auto}.regional-table-wrapper table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1080px}.regional-table-wrapper th{color:#73849e;text-align:left;white-space:nowrap;background:#f7f9fc;border-bottom:1px solid #e5ebf3;height:38px;padding:0 10px;font-size:9px;font-weight:750}.regional-table-wrapper td{color:#70829e;white-space:nowrap;border-bottom:1px solid #edf1f6;height:52px;padding:0 10px;font-size:10px}.regional-table-wrapper tbody tr:last-child td{border-bottom:none}.regional-table-wrapper td strong{color:#29466d;font-weight:750}.value-strong{font-weight:750;color:#29466d!important}.change-positive{font-weight:700;color:#139653!important}.change-negative{font-weight:700;color:#ff4d52!important}.change-neutral{font-weight:650;color:#8490a1!important}.money-cell{flex-direction:column;gap:2px;display:flex}.money-cell span{color:#71829d}.money-cell.total strong{color:#29466d;font-size:11px}.money-cell small{font-size:8px}.status-pill{box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-width:54px;padding:5px 9px;font-size:9px;font-weight:750;display:inline-flex}.status-naik{color:#149653;background:#eaf8f0}.status-turun{color:#ff4d52;background:#fff0f0}.status-tetap{color:#7e8998;background:#edf1f5}.regional-detail-btn{color:#3e638b;cursor:pointer;background:#fff;border:1px solid #dce6f2;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:62px;height:32px;padding:0;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.regional-detail-btn:hover{background:#f5f9ff;border-color:#c9d9eb}.regional-detail-btn svg{flex-shrink:0}.regional-pagination{color:#8a9ab0;box-sizing:border-box;justify-content:space-between;align-items:center;min-height:58px;padding:0 16px;font-size:11px;display:flex}.regional-pagination strong{color:#425a79}.pagination-right{align-items:center;gap:7px;display:flex}.pagination-right select{color:#425d7e;text-align:center;background:#fff;border:1px solid #dfe7f1;border-radius:8px;outline:none;width:52px;height:32px}.pagination-right button,.page-number{color:#526b8a;box-sizing:border-box;background:#fff;border:1px solid #dfe7f1;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pagination-right button{cursor:pointer}.pagination-right button:disabled{color:#b8c2cf;cursor:not-allowed}.page-number{background:#f5f8fc;font-weight:700}.empty-state{text-align:center!important;color:#9aa8ba!important;height:150px!important}.regional-modal-overlay{z-index:1000;background:#182d4861;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.regional-modal{background:#fff;border-radius:16px;width:min(700px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #19304f38}.regional-modal-header{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.regional-modal-header h2{color:#263f63;margin:0 0 5px;font-size:18px}.regional-modal-header p{color:#8291a7;margin:0;font-size:12px}.regional-modal-header button{color:#71839d;cursor:pointer;background:#fff;border:1px solid #dfe7f1;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.regional-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 22px 24px;display:grid}.regional-detail-grid>div{background:#f8fafc;border:1px solid #e7edf4;border-radius:10px;padding:14px}.regional-detail-grid span{color:#8998ad;margin-bottom:5px;font-size:11px;display:block}.regional-detail-grid strong{color:#2b466a;font-size:14px}.regional-detail-grid .detail-total{background:#f3f7fc;grid-column:1/-1}.regional-detail-grid .detail-total strong{font-size:18px;display:block}.regional-detail-grid .detail-total small{margin-top:3px;display:block}@media (width<=1250px){.regional-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.regional-table-wrapper table{min-width:1050px}}@media (width<=900px){.rekap-regional-page{padding:22px 20px 34px}.regional-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.regional-filter-card{grid-template-columns:1fr}.regional-change-bar{flex-wrap:wrap;gap:18px;padding:12px 16px}.regional-table-wrapper table{min-width:1000px}}@media (width<=600px){.rekap-regional-page{padding:18px 14px 28px}.rekap-regional-header{flex-direction:column}.period-select{width:100%}.regional-summary-grid{grid-template-columns:1fr}.regional-view-header,.regional-pagination{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.regional-detail-grid{grid-template-columns:1fr}.regional-detail-grid .detail-total{grid-column:auto}}.bagan-page{box-sizing:border-box;color:#1f3b64;width:100%;padding:28px 32px 40px}.bagan-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.bagan-breadcrumb{color:#7c91ad;margin-bottom:7px;font-size:13px}.bagan-header h1{color:#1d3a63;margin:0;font-size:30px;font-weight:700;line-height:1.15}.bagan-header p{color:#8093ad;margin:8px 0 0;font-size:14px}.bagan-header-actions{flex-shrink:0;gap:8px;display:flex}.bagan-control-btn{color:#496786;cursor:pointer;background:#fff;border:1px solid #dbe5f0;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.bagan-control-btn:hover{background:#f8fbff;border-color:#b9cde3}.bagan-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.bagan-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e1e9f2;border-radius:13px;align-items:center;gap:13px;min-height:86px;padding:16px 18px;display:flex;box-shadow:0 3px 10px #24406209}.bagan-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.bagan-summary-icon.blue{color:#1677d2;background:#edf6ff}.bagan-summary-icon.purple{color:#7957d8;background:#f2eeff}.bagan-summary-icon.green{color:#1a9b5b;background:#ebf8f1}.bagan-summary-card span{color:#8496ae;margin-bottom:4px;font-size:11px;display:block}.bagan-summary-card strong{color:#243f66;font-size:20px;display:block}.bagan-container{box-sizing:border-box;background:#fff;border:1px solid #e0e8f1;border-radius:15px;padding:26px;overflow-x:auto;box-shadow:0 4px 14px #263f5d09}.bagan-root{box-sizing:border-box;background:#f9fbfe;border:2px solid #1f3b64;border-radius:10px;align-items:center;gap:12px;width:250px;min-height:74px;margin:0 auto;padding:12px 16px;display:flex}.bagan-root-icon{color:#1f67a9;background:#eaf2fb;border-radius:9px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bagan-root strong{color:#1f3b64;font-size:15px;display:block}.bagan-root span{color:#8294ab;margin-top:3px;font-size:11px;display:block}.bagan-root-line{background:#cad6e4;width:2px;height:26px;margin:0 auto}.bagan-areas{grid-template-columns:repeat(4,minmax(240px,1fr));align-items:start;gap:14px;display:grid}.bagan-area-wrapper{min-width:0}.bagan-area-card{cursor:pointer;text-align:left;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:70px;padding:12px 13px;transition:all .2s;display:flex}.bagan-area-card:hover{filter:brightness(.98);transform:translateY(-1px)}.bagan-area-card small{opacity:.85;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.bagan-area-card strong{font-size:16px;line-height:1.15;display:block}.bagan-area-card.blue{color:#1167ad;background:#eaf4ff;border-color:#c9e2fa}.bagan-area-card.yellow{color:#8b7900;background:#fffbe5;border-color:#eee3a2}.bagan-area-card.green{color:#13844b;background:#e9f8ef;border-color:#c9e9d5}.bagan-area-card.red{color:#d53838;background:#fff0f0;border-color:#f1cdcd}.bagan-expand-icon{background:#ffffffb3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.bagan-regionals{border-left:2px solid #dce5ee;flex-direction:column;gap:7px;margin-top:9px;padding-left:10px;display:flex}.bagan-regional-wrapper{min-width:0}.bagan-regional-card{cursor:pointer;text-align:left;color:#3f5d7d;background:#f8fafc;border:1px solid #dfe7ef;border-radius:8px;grid-template-columns:26px minmax(0,1fr) auto 22px;align-items:center;gap:7px;width:100%;min-height:42px;padding:8px 9px;transition:all .2s;display:grid}.bagan-regional-card:hover{background:#f2f7fc;border-color:#cbd9e7}.bagan-regional-number{color:#5b7895;background:#e9f1f8;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.bagan-regional-name{font-size:10px;font-weight:700;line-height:1.2}.bagan-regional-count{color:#8b9cb0;white-space:nowrap;font-size:9px}.bagan-regional-arrow{color:#7c91a9;justify-content:center;align-items:center;display:flex}.bagan-branches{border-left:1px dashed #cdd9e5;flex-direction:column;gap:5px;margin:6px 0 2px 33px;padding-left:11px;display:flex}.bagan-branch-card{color:#617a96;box-sizing:border-box;background:#fff;border:1px solid #e4eaf0;border-radius:7px;align-items:center;gap:7px;min-height:31px;padding:6px 9px;font-size:10px;font-weight:600;display:flex}.bagan-branch-dot{background:#7e9ab6;border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (width<=1250px){.bagan-areas{grid-template-columns:repeat(2,minmax(280px,1fr))}}@media (width<=850px){.bagan-page{padding:22px 20px 32px}.bagan-header{flex-direction:column;align-items:flex-start}.bagan-summary,.bagan-areas{grid-template-columns:1fr}}@media (width<=600px){.bagan-page{padding:18px 14px 28px}.bagan-header h1{font-size:25px}.bagan-header-actions{width:100%}.bagan-control-btn{flex:1;justify-content:center}.bagan-container{padding:18px}.bagan-root{width:100%;max-width:250px}}.rekon-page{padding:28px}.rekon-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.breadcrumb{color:#7b8794;margin-bottom:8px;font-size:13px}.rekon-page-header h1{color:#172b4d;margin:0;font-size:28px}.rekon-page-header p{color:#6b778c;margin:7px 0 0}.header-actions{align-items:center;gap:12px;display:flex}.periode-badge{color:#52606d;background:#f4f6f8;border-radius:8px;padding:10px 14px;font-size:13px}.finalize-button{color:#fff;cursor:pointer;background:#0b6bcb;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 16px;font-weight:600;display:flex}.finalize-button:hover{background:#075aa8}.finalize-button:disabled{cursor:default;opacity:.8}.finalize-button.finalized{background:#168a4a}.summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.summary-card{background:#fff;border:1px solid #e5e9ef;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.summary-icon{color:#0b6bcb;background:#eef5ff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.summary-card.naik .summary-icon{color:#168a4a;background:#eaf8ef}.summary-card.turun .summary-icon{color:#d64545;background:#fff0f0}.summary-card.tetap .summary-icon{color:#68737d;background:#f1f3f5}.summary-card span{color:#7b8794;margin-bottom:4px;font-size:12px;display:block}.summary-card strong{color:#172b4d;font-size:22px}.filter-card{background:#fff;border:1px solid #e5e9ef;border-radius:12px;gap:12px;margin-bottom:20px;padding:16px;display:flex}.search-box{color:#7b8794;border:1px solid #d9e0e7;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:240px;padding:0 12px;display:flex}.search-box input{border:none;outline:none;width:100%;padding:11px 0;font-size:14px}.filter-card select{color:#344563;background:#fff;border:1px solid #d9e0e7;border-radius:8px;outline:none;min-width:170px;padding:10px 12px}.table-card{background:#fff;border:1px solid #e5e9ef;border-radius:12px;overflow:hidden}.table-header{border-bottom:1px solid #edf0f2;padding:20px}.table-header h2{color:#172b4d;margin:0;font-size:18px}.table-header p{color:#7b8794;margin:5px 0 0;font-size:13px}.table-wrapper{overflow-x:auto}.rekon-table th{text-align:left;color:#52606d;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e9ef;padding:13px 15px;font-size:12px;font-weight:700}.rekon-table td{color:#344563;white-space:nowrap;border-bottom:1px solid #edf0f2;padding:15px;font-size:13px}.rekon-table td strong{color:#172b4d}.status-badge{border-radius:20px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.naik{color:#168a4a;background:#eaf8ef}.status-badge.turun{color:#d64545;background:#fff0f0}.status-badge.tetap{color:#68737d;background:#f1f3f5}.change-up,.change-down,.change-same{align-items:center;gap:5px;font-weight:600;display:inline-flex}.change-up{color:#168a4a}.change-down{color:#d64545}.change-same{color:#68737d}.detail-button{color:#0b6bcb;cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-weight:600;display:inline-flex}.detail-button:hover{background:#f4f8ff}.empty-state{text-align:center;color:#7b8794!important;padding:40px!important}.workflow-info{color:#0b6bcb;background:#f4f8ff;border:1px solid #dbe9ff;border-radius:10px;gap:12px;margin-top:20px;padding:16px;display:flex}.workflow-info strong{margin-bottom:4px;display:block}.workflow-info p{color:#52606d;margin:0;font-size:13px;line-height:1.5}.modal-overlay{z-index:999;background:#1018288c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.detail-modal{background:#fff;border-radius:14px;width:min(950px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:flex-start;padding:22px;display:flex}.modal-header h2{color:#172b4d;margin:0}.modal-header p{color:#7b8794;margin:5px 0 0;font-size:13px}.close-button{cursor:pointer;background:#f4f6f8;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.detail-info{background:#fafbfc;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 22px;display:grid}.detail-info span{color:#7b8794;margin-bottom:5px;font-size:11px;display:block}.detail-info strong{color:#172b4d;font-size:13px}.comparison-table-wrapper{padding:20px 22px;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%}.comparison-table th{text-align:left;color:#52606d;background:#f8fafc;padding:12px;font-size:12px}.comparison-table td{color:#344563;border-bottom:1px solid #edf0f2;padding:14px 12px;font-size:13px}.comparison-table .total-row{background:#fafcff}.detail-summary{padding:0 22px 20px}.result-box{border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.result-box.naik{color:#168a4a;background:#eaf8ef}.result-box.turun{color:#d64545;background:#fff0f0}.result-box.tetap{color:#68737d;background:#f1f3f5}.result-box strong{margin-bottom:3px;display:block}.result-box span{color:#52606d;font-size:12px}.modal-footer{border-top:1px solid #edf0f2;justify-content:flex-end;padding:16px 22px;display:flex}.secondary-button{cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:8px;padding:9px 16px}@media (width<=1000px){.summary-grid{grid-template-columns:repeat(2,1fr)}.filter-card{flex-wrap:wrap}.search-box{flex-basis:100%}.detail-info{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.rekon-page{padding:18px}.rekon-page-header{flex-direction:column}.header-actions{flex-direction:column;align-items:stretch;width:100%}.summary-grid{grid-template-columns:1fr}.filter-card{flex-direction:column}.filter-card select{width:100%}}.final-status{color:#168a4a;background:#eaf8ef;border-radius:20px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.workflow-final{color:#168a4a;background:#eaf8ef;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.workflow-review{color:#a96800;background:#fff7e6;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.finalize-modal{background:#fff;border-radius:14px;width:min(560px,100%);overflow:hidden;box-shadow:0 20px 60px #00000040}.finalize-header{justify-content:space-between;align-items:flex-start;padding:22px 22px 0;display:flex}.warning-icon{color:#c27b00;background:#fff7e6;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.finalize-content{padding:10px 22px 22px}.finalize-content h2{color:#172b4d;margin:8px 0 7px;font-size:21px}.finalize-content>p{color:#6b778c;margin:0;font-size:13px;line-height:1.5}.finalize-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;display:grid}.finalize-summary div{text-align:center;background:#f8fafc;border-radius:8px;padding:12px}.finalize-summary span{color:#7b8794;margin-bottom:4px;font-size:11px;display:block}.finalize-summary strong{color:#172b4d;font-size:20px}.text-up{color:#168a4a!important}.text-down{color:#d64545!important}.finalize-warning{color:#0b6bcb;background:#f4f8ff;border-radius:9px;align-items:flex-start;gap:10px;margin-top:16px;padding:13px;font-size:12px;line-height:1.5;display:flex}.finalize-warning span{color:#52606d}.finalize-warning strong{color:#172b4d}.finalize-footer{border-top:1px solid #edf0f2;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.cancel-button,.confirm-button{cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:10px 15px;font-weight:600;display:inline-flex}.cancel-button{color:#344563;background:#fff;border:1px solid #d9e0e7}.confirm-button{color:#fff;background:#168a4a;border:none}.confirm-button:hover{background:#11723d}.cancel-button:hover{background:#f8fafc}@media (width<=600px){.finalize-summary{grid-template-columns:repeat(2,1fr)}.finalize-footer{flex-direction:column}.cancel-button,.confirm-button{justify-content:center}}.update-master-button{color:#0b6bcb;cursor:pointer;background:#fff;border:1px solid #0b6bcb;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;font-weight:600;display:inline-flex}.update-master-button:hover{background:#f4f8ff}.master-updated-badge{color:#168a4a;background:#eaf8ef;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;font-size:13px;font-weight:700;display:inline-flex}.update-master-banner{background:#f4f8ff;border:1px solid #dbe9ff;border-radius:12px;align-items:center;gap:14px;margin-bottom:20px;padding:16px;display:flex}.update-master-icon{color:#0b6bcb;background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.update-master-text{flex:1}.update-master-text strong{color:#172b4d;margin-bottom:3px;font-size:14px;display:block}.update-master-text span{color:#6b778c;font-size:12px}.banner-action{color:#fff;cursor:pointer;background:#0b6bcb;border:none;border-radius:7px;padding:9px 13px;font-weight:600}.update-master-modal{background:#fff;border-radius:14px;width:min(900px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.update-master-content{padding:20px 22px}.update-master-header-info{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.update-master-header-info div{background:#f8fafc;border-radius:8px;padding:12px}.update-master-header-info span{color:#7b8794;margin-bottom:4px;font-size:11px;display:block}.update-master-header-info strong{color:#172b4d;font-size:15px}.master-change-list{flex-direction:column;gap:12px;display:flex}.master-change-card{border:1px solid #e5e9ef;border-radius:10px;overflow:hidden}.master-change-title{background:#f8fafc;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.master-change-title strong{color:#172b4d;font-size:14px;display:block}.master-change-title span:not(.status-badge){color:#7b8794;margin-top:3px;font-size:11px;display:block}.master-compare-table{border-collapse:collapse;width:100%}.master-compare-table th{text-align:left;color:#7b8794;background:#fff;border-bottom:1px solid #edf0f2;padding:10px 13px;font-size:11px}.master-compare-table td{color:#52606d;border-bottom:1px solid #edf0f2;padding:11px 13px;font-size:12px}.master-compare-table tr:last-child td{border-bottom:none}.master-compare-table .total-row{background:#fafcff}.master-compare-table strong{color:#172b4d}.update-master-warning{color:#a96800;background:#fff7e6;border-radius:9px;align-items:flex-start;gap:9px;margin-top:18px;padding:13px;font-size:12px;line-height:1.5;display:flex}.update-master-warning span{color:#6b778c}.update-master-warning strong{color:#172b4d}.confirm-update-button{color:#fff;cursor:pointer;background:#168a4a;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 15px;font-weight:600;display:inline-flex}.confirm-update-button:hover{background:#11723d}@media (width<=700px){.update-master-banner{flex-wrap:wrap;align-items:flex-start}.banner-action{margin-left:57px}.update-master-header-info{grid-template-columns:1fr}}.pagination{background:#fff;border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;display:flex}.pagination-info{color:#7b8794;font-size:12px}.pagination-info strong{color:#344563}.pagination-controls{align-items:center;gap:5px;display:flex}.per-page-label{color:#7b8794;margin:0 4px;font-size:12px}.pagination-controls select{color:#344563;cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:6px;outline:none;min-width:52px;height:32px;padding:0 8px;font-size:12px}.pagination-controls select:focus{border-color:#0b6bcb}.page-button,.page-number{color:#52606d;cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:all .2s;display:inline-flex}.page-button:hover:not(:disabled),.page-number:hover{color:#0b6bcb;background:#f4f8ff;border-color:#0b6bcb}.page-number.active{color:#fff;background:#0b6bcb;border-color:#0b6bcb;font-weight:700}.page-button:disabled{opacity:.4;cursor:not-allowed}@media (width<=700px){.pagination{flex-direction:column;align-items:stretch}.pagination-info{text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}}.history-page{padding:24px 18px}.history-page-header{margin-bottom:22px}.history-page-header h1{color:#172b4d;margin:0;font-size:28px}.history-page-header p{color:#6b778c;margin:7px 0 0}.history-info{background:#f4f8ff;border:1px solid #dbe9ff;border-radius:11px;align-items:center;gap:13px;margin-bottom:18px;padding:15px;display:flex}.history-info-icon{color:#0b6bcb;background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.history-info strong{color:#172b4d;margin-bottom:3px;display:block}.history-info span{color:#6b778c;font-size:12px}.history-filter{background:#fff;border:1px solid #e5e9ef;border-radius:11px;margin-bottom:18px;padding:14px}.history-search{color:#7b8794;border:1px solid #d9e0e7;border-radius:8px;align-items:center;gap:8px;max-width:420px;padding:0 11px;display:flex}.history-search input{border:none;outline:none;width:100%;padding:10px 0;font-size:13px}.history-card{background:#fff;border:1px solid #e5e9ef;border-radius:12px;overflow:hidden}.history-card-header{border-bottom:1px solid #edf0f2;padding:19px}.history-card-header h2{color:#172b4d;margin:0;font-size:18px}.history-card-header p{color:#7b8794;margin:5px 0 0;font-size:12px}.history-table-wrapper{overflow-x:auto}.history-table{border-collapse:collapse;width:100%;min-width:1250px}.history-table th{text-align:left;color:#52606d;white-space:nowrap;background:#f8fafc;padding:12px 14px;font-size:11px}.history-table td{color:#52606d;white-space:nowrap;border-top:1px solid #edf0f2;padding:14px;font-size:12px}.history-table td strong{color:#172b4d}.count-up{color:#168a4a;font-weight:700}.count-down{color:#d64545;font-weight:700}.history-value{flex-direction:column;gap:4px;display:flex}.history-change{align-items:center;gap:4px;width:fit-content;font-size:10px;font-weight:700;display:inline-flex}.history-change.up{color:#168a4a}.history-change.down{color:#d64545}.history-change.same{color:#68737d}.history-final{color:#168a4a;background:#eaf8ef;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.history-detail-button{color:#0b6bcb;cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:7px;align-items:center;gap:5px;padding:7px 10px;font-weight:600;display:inline-flex}.history-detail-button:hover{background:#f4f8ff}.history-empty{text-align:center;color:#7b8794!important;padding:40px!important}.history-detail-modal{background:#fff;border-radius:14px;width:min(900px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.history-detail-content{padding:20px 22px}.history-detail-summary{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:18px;display:grid}.history-detail-summary div{background:#f8fafc;border-radius:8px;padding:12px}.history-detail-summary span{color:#7b8794;margin-bottom:4px;font-size:10px;display:block}.history-detail-summary strong{color:#172b4d;font-size:13px}.history-detail-list{flex-direction:column;gap:10px;display:flex}.history-detail-item{border:1px solid #e5e9ef;border-radius:9px;overflow:hidden}.history-detail-title{background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.history-detail-title strong{color:#172b4d;font-size:13px;display:block}.history-detail-title span:not(.status-badge){color:#7b8794;margin-top:3px;font-size:10px;display:block}.history-detail-grid{background:#edf0f2;grid-template-columns:1fr 1fr;gap:1px;display:grid}.history-detail-grid div{background:#fff;padding:13px}.history-detail-grid span{color:#7b8794;margin-bottom:5px;font-size:10px;display:block}.history-detail-grid strong{color:#172b4d;font-size:12px;display:block}.history-detail-grid small{color:#168a4a;margin-top:4px;font-weight:700;display:block}@media (width<=700px){.history-page{padding:18px}.history-detail-summary{grid-template-columns:repeat(2,1fr)}.history-detail-grid{grid-template-columns:1fr}}.history-page{box-sizing:border-box;width:calc(100% + 48px);max-width:none;margin-left:-24px;padding:24px}.history-card,.history-search,.history-table-card{width:100%;max-width:none}.history-table-card{overflow-x:auto}.master-data-page{box-sizing:border-box;color:#243f64;width:100%;padding:28px 32px 40px}.master-data-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.master-data-crumb{color:#8495ad;margin-bottom:5px;font-size:13px}.master-data-crumb span{color:#b0bac7;margin:0 6px}.master-data-header h1{color:#183861;margin:0;font-size:30px}.master-data-header p{color:#8293ad;margin:7px 0 0;font-size:14px}.master-data-add{color:#fff;cursor:pointer;background:#0878e8;border:0;border-radius:9px;align-items:center;gap:7px;height:44px;padding:0 15px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 5px 14px #0878e82e}.master-data-add:hover{background:#066fd7}.master-data-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.master-data-card{box-sizing:border-box;background:#fff;border:1px solid #e1e8f0;border-radius:14px;align-items:center;gap:13px;min-height:108px;padding:17px 16px;display:flex}.master-data-card-icon{border-radius:11px;flex:none;place-items:center;width:43px;height:43px;display:grid}.master-data-card-icon.blue{color:#0878e8;background:#edf5ff}.master-data-card-icon.purple{color:#7c4dff;background:#f1ecff}.master-data-card-icon.orange{color:#f49b22;background:#fff3df}.master-data-card-icon.green{color:#159b56;background:#eaf8f0}.master-data-card span{color:#8495ad;margin-bottom:4px;font-size:12px;display:block}.master-data-card strong{color:#213d63;font-size:20px;line-height:1.1;display:block}.master-data-card small{color:#8c9bad;margin-top:4px;font-size:10px;display:block}.master-data-tabs{background:#fff;border:1px solid #e1e8f0;border-radius:12px;align-items:center;gap:6px;min-height:58px;margin-bottom:18px;padding:7px;display:flex}.master-data-tabs button{color:#7487a0;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 15px;font-size:12px;font-weight:700;display:inline-flex}.master-data-tabs button span{color:#7d8da2;background:#f1f4f7;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;display:inline-grid}.master-data-tabs button.active{color:#0878e8;background:#edf5ff}.master-data-tabs button.active span{color:#0878e8;background:#dceeff}.master-data-section{background:#fff;border:1px solid #dfe7ef;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 3px 12px #1b385b09}.master-data-section-head{box-sizing:border-box;border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;min-height:68px;padding:15px 18px;display:flex}.master-data-section-head h2{color:#1e3a61;margin:0;font-size:16px}.master-data-section-head p{color:#91a0b3;margin:5px 0 0;font-size:12px}.master-data-section-head>span{color:#8b9aae;font-size:11px}.master-data-filter{box-sizing:border-box;border-bottom:1px solid #edf1f5;grid-template-columns:2fr 1fr;gap:10px;min-height:64px;padding:10px 14px;display:grid}.master-data-search,.master-data-select{box-sizing:border-box;background:#fff;border:1px solid #dce5ef;border-radius:9px;align-items:center;height:44px;display:flex}.master-data-search{color:#8093ab;gap:9px;padding:0 12px}.master-data-search input{color:#365474;border:0;outline:0;width:100%;font-size:13px}.master-data-search input::placeholder{color:#9aa9bb}.master-data-select{padding:0 12px}.master-data-select select{color:#4b6686;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:12px;font-weight:600}.master-data-table-wrap{width:100%;overflow-x:auto}.master-data-table{border-collapse:collapse;width:100%;min-width:900px}.master-data-table th{color:#788ba5;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5ebf2;height:42px;padding:0 12px;font-size:10px}.master-data-table td{color:#687d99;white-space:nowrap;border-bottom:1px solid #edf1f5;height:61px;padding:7px 12px;font-size:11px}.master-data-table tbody tr:last-child td{border-bottom:0}.master-data-table td b{color:#29476e}.master-data-code{color:#627995;background:#f4f7fa;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.master-data-status{border-radius:999px;justify-content:center;align-items:center;min-width:58px;height:27px;padding:0 9px;font-size:10px;font-weight:750;display:inline-flex}.master-data-status.aktif{color:#159b56;background:#eaf8f0}.master-data-status.nonaktif{color:#ee4d51;background:#fff0f0}.master-data-actions{align-items:center;gap:6px;display:flex}.master-data-actions button{color:#53708f;cursor:pointer;background:#fff;border:1px solid #dce6f0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.master-data-actions button:hover{background:#f5f8fb}.master-data-actions button.danger:hover{color:#ee4d51;background:#fff6f6;border-color:#f4caca}.master-data-empty{text-align:center;color:#96a4b5!important;height:180px!important}.master-data-pagination{color:#8796aa;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:56px;padding:0 14px;font-size:11px;display:flex}.master-data-pagination>div,.master-data-pagination label{align-items:center;gap:7px;display:flex}.master-data-pagination b{color:#344f72}.master-data-pagination select,.master-data-pagination button{color:#4b6686;background:#fff;border:1px solid #dce5ef;border-radius:8px;height:34px}.master-data-pagination select{padding:0 7px}.master-data-pagination button{cursor:pointer;place-items:center;width:34px;display:grid}.master-data-pagination button:disabled{color:#bcc7d4;cursor:default}.master-data-page-number{color:#344f72;border:1px solid #dce5ef;border-radius:8px;place-items:center;min-width:30px;height:32px;font-weight:700;display:grid}.master-data-modal-bg{z-index:100;background:#12284259;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.master-data-modal{background:#fff;border-radius:16px;width:min(700px,100%);max-height:88vh;overflow:auto;box-shadow:0 20px 60px #142f4e38}.master-data-modal-head{border-bottom:1px solid #e8edf3;justify-content:space-between;padding:18px 20px;display:flex}.master-data-modal-head span{color:#8797ac;font-size:11px}.master-data-modal-head h3{color:#1f3c63;margin:3px 0 0;font-size:18px}.master-data-modal-head>button{color:#637994;cursor:pointer;background:#f3f6f9;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.master-data-modal-body{padding:20px}.master-data-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.master-data-form-grid label{color:#4b6686;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.master-data-form-grid label.full{grid-column:1/-1}.master-data-form-grid input,.master-data-form-grid select,.master-data-form-grid textarea{box-sizing:border-box;color:#365474;width:100%;font:inherit;background:#fff;border:1px solid #dce5ef;border-radius:9px;outline:0;font-weight:500}.master-data-form-grid input,.master-data-form-grid select{height:43px;padding:0 11px}.master-data-form-grid textarea{resize:vertical;padding:11px}.master-data-form-grid input:focus,.master-data-form-grid select:focus,.master-data-form-grid textarea:focus{border-color:#8fc5f8;box-shadow:0 0 0 3px #0878e814}.master-data-modal-foot{border-top:1px solid #e8edf3;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.master-data-modal-foot button,.master-data-delete-actions button{cursor:pointer;border-radius:8px;height:38px;padding:0 14px;font-size:12px;font-weight:700}.master-data-modal-foot .secondary,.master-data-delete-actions .secondary{color:#5d7592;background:#fff;border:1px solid #dce5ef}.master-data-modal-foot .primary{color:#fff;background:#0878e8;border:0;align-items:center;gap:7px;display:inline-flex}.master-data-delete-modal{text-align:center;background:#fff;border-radius:16px;width:min(390px,100%);padding:26px;box-shadow:0 20px 60px #142f4e38}.master-data-delete-icon{color:#ee4d51;background:#fff0f0;border-radius:50%;place-items:center;width:50px;height:50px;margin:0 auto 13px;display:grid}.master-data-delete-modal h3{color:#233f64;margin:0;font-size:18px}.master-data-delete-modal p{color:#8293a8;margin:8px 0 20px;font-size:12px;line-height:1.6}.master-data-delete-actions{justify-content:center;gap:8px;display:flex}.master-data-delete-actions .danger-button{color:#fff;background:#ee4d51;border:0}@media (width<=1250px){.master-data-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.master-data-page{padding:22px 20px}.master-data-header{flex-direction:column;align-items:flex-start}.master-data-summary{grid-template-columns:repeat(2,1fr)}.master-data-filter{grid-template-columns:1fr}.master-data-pagination{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}}@media (width<=600px){.master-data-page{padding:18px 14px}.master-data-summary{grid-template-columns:1fr}.master-data-header h1{font-size:25px}.master-data-tabs{overflow-x:auto}.master-data-form-grid{grid-template-columns:1fr}.master-data-form-grid label.full{grid-column:auto}}.pengguna-page{box-sizing:border-box;color:#243f64;width:100%;padding:28px 32px 40px}.pengguna-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.pengguna-crumb{color:#8495ad;margin-bottom:5px;font-size:13px}.pengguna-crumb span{color:#b0bac7;margin:0 6px}.pengguna-header h1{color:#183861;margin:0;font-size:30px}.pengguna-header p{color:#8293ad;margin:7px 0 0;font-size:14px}.pengguna-add-btn{color:#fff;cursor:pointer;background:#0878e8;border:0;border-radius:10px;align-items:center;gap:7px;height:44px;padding:0 16px;font-weight:700;display:inline-flex;box-shadow:0 6px 16px #0878e82e}.pengguna-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.pengguna-kpi{box-sizing:border-box;background:#fff;border:1px solid #e1e8f0;border-radius:14px;align-items:flex-start;gap:13px;min-height:108px;padding:17px 16px;display:flex}.pengguna-kpi-icon{border-radius:11px;flex:none;place-items:center;width:43px;height:43px;display:grid}.pengguna-kpi-icon.blue{color:#0878e8;background:#edf5ff}.pengguna-kpi-icon.green{color:#159b56;background:#eaf8f0}.pengguna-kpi-icon.red{color:#ef4d50;background:#fff0f0}.pengguna-kpi-icon.purple{color:#8057e8;background:#f1edff}.pengguna-kpi span{color:#8495ad;margin-bottom:4px;font-size:12px;display:block}.pengguna-kpi strong{color:#213d63;font-size:20px;display:block}.pengguna-kpi small{color:#9aa8ba;margin-top:4px;font-size:10px;display:block}.pengguna-filter{box-sizing:border-box;background:#fff;border:1px solid #e1e8f0;border-radius:12px;grid-template-columns:2fr 1fr 1fr;gap:10px;min-height:64px;margin-bottom:18px;padding:10px 14px;display:grid}.pengguna-search,.pengguna-select{box-sizing:border-box;background:#fff;border:1px solid #dce5ef;border-radius:9px;align-items:center;height:44px;display:flex}.pengguna-search{color:#8093ab;gap:9px;padding:0 12px}.pengguna-search input{color:#365474;border:0;outline:0;width:100%;font-size:13px}.pengguna-search input::placeholder{color:#9aa9bb}.pengguna-select{padding:0 12px;position:relative}.pengguna-select select{color:#45617f;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:13px;font-weight:600}.pengguna-section{background:#fff;border:1px solid #dfe7ef;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 3px 12px #1b385b09}.pengguna-section-head{box-sizing:border-box;border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;min-height:66px;padding:15px 18px;display:flex}.pengguna-section-head h2{color:#1e3a61;margin:0;font-size:16px}.pengguna-section-head p{color:#91a0b3;margin:5px 0 0;font-size:12px}.pengguna-section-head>span{color:#8191a8;font-size:12px}.pengguna-table-wrap{width:100%;overflow-x:auto}.pengguna-section table{border-collapse:collapse;width:100%;min-width:900px}.pengguna-section th{color:#788ba5;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5ebf2;height:42px;padding:0 12px;font-size:10px}.pengguna-section td{color:#687d99;white-space:nowrap;border-bottom:1px solid #edf1f5;height:64px;padding:7px 12px;font-size:11px}.pengguna-section tbody tr:last-child td{border-bottom:0}.pengguna-section td b{color:#29476e}.pengguna-name{align-items:center;gap:9px;display:flex}.pengguna-avatar{color:#0878e8;background:#edf5ff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.pengguna-role,.pengguna-status{border-radius:999px;justify-content:center;align-items:center;min-width:70px;height:28px;padding:0 9px;font-size:10px;font-weight:750;display:inline-flex}.pengguna-role.admin{color:#7953df;background:#f1edff}.pengguna-role.verifikator{color:#0878e8;background:#edf5ff}.pengguna-role.operator{color:#d98214;background:#fff5e7}.pengguna-role.viewer{color:#718096;background:#eef1f5}.pengguna-status.aktif{color:#159b56;background:#eaf8f0}.pengguna-status.nonaktif{color:#ef4d50;background:#fff0f0}.pengguna-actions{gap:7px;display:flex}.pengguna-icon-btn{color:#45698f;cursor:pointer;background:#fff;border:1px solid #dce6f0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.pengguna-icon-btn:hover{background:#f6f9fc}.pengguna-icon-btn.danger{color:#ef4d50}.pengguna-empty{text-align:center;color:#91a0b3!important;height:160px!important}.pengguna-pagination{color:#8796aa;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:56px;padding:0 14px;font-size:11px;display:flex}.pengguna-pagination>div{align-items:center;gap:7px;display:flex}.pengguna-pagination b{color:#344f72}.pengguna-pagination select,.pengguna-pagination button{color:#4b6686;background:#fff;border:1px solid #dce5ef;border-radius:8px;height:34px}.pengguna-pagination select{padding:0 8px}.pengguna-pagination button{cursor:pointer;place-items:center;width:34px;display:grid}.pengguna-pagination button:disabled{color:#bcc7d4;cursor:default}.pengguna-page-number{color:#344f72;border:1px solid #dce5ef;border-radius:8px;place-items:center;min-width:34px;height:34px;font-weight:700;display:grid}.pengguna-modal-bg{z-index:100;background:#12284259;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pengguna-modal{background:#fff;border-radius:16px;width:min(720px,100%);max-height:85vh;overflow:auto;box-shadow:0 20px 60px #142f4e38}.pengguna-modal-head{border-bottom:1px solid #e8edf3;justify-content:space-between;padding:18px 20px;display:flex}.pengguna-modal-head span{color:#8797ac;font-size:11px}.pengguna-modal-head h3{color:#1f3c63;margin:3px 0 0;font-size:18px}.pengguna-modal-head button{color:#637994;cursor:pointer;background:#f3f6f9;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.pengguna-form{padding:20px}.pengguna-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pengguna-form label{color:#536b87;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.pengguna-form input,.pengguna-form select{color:#365474;box-sizing:border-box;background:#fff;border:1px solid #dce5ef;border-radius:9px;outline:0;height:42px;padding:0 11px;font-size:13px}.pengguna-form input:focus,.pengguna-form select:focus{border-color:#0878e8}.pengguna-form-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.pengguna-cancel,.pengguna-save,.pengguna-delete{cursor:pointer;border-radius:9px;height:40px;padding:0 15px;font-weight:700}.pengguna-cancel{color:#61758f;background:#fff;border:1px solid #dce5ef}.pengguna-save{color:#fff;background:#0878e8;border:0}.pengguna-delete{color:#fff;background:#ef4d50;border:0}.pengguna-delete-modal{text-align:center;background:#fff;border-radius:16px;width:min(420px,100%);padding:26px;box-shadow:0 20px 60px #142f4e38}.pengguna-delete-icon{color:#ef4d50;background:#fff0f0;border-radius:12px;place-items:center;width:48px;height:48px;margin:0 auto 14px;display:grid}.pengguna-delete-modal h3{color:#1f3c63;margin:0}.pengguna-delete-modal p{color:#8796aa;margin:8px 0 0;font-size:13px;line-height:1.6}@media (width<=1100px){.pengguna-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.pengguna-page{padding:22px 20px}.pengguna-header{flex-direction:column;align-items:flex-start}.pengguna-filter{grid-template-columns:1fr}.pengguna-pagination{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}}@media (width<=600px){.pengguna-page{padding:18px 14px}.pengguna-kpis{grid-template-columns:1fr}.pengguna-header h1{font-size:25px}.pengguna-form-grid{grid-template-columns:1fr}}.audit-page{box-sizing:border-box;color:#243f64;width:100%;padding:28px 32px 40px}.audit-header{margin-bottom:24px}.audit-crumb{color:#8495ad;margin-bottom:5px;font-size:13px}.audit-crumb span{color:#b0bac7;margin:0 6px}.audit-header h1{color:#183861;margin:0;font-size:30px}.audit-header p{color:#8293ad;margin:7px 0 0;font-size:14px}.audit-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.audit-kpi{box-sizing:border-box;background:#fff;border:1px solid #e1e8f0;border-radius:14px;align-items:center;gap:13px;min-height:108px;padding:17px 16px;display:flex}.audit-kpi-icon{border-radius:11px;flex:none;place-items:center;width:43px;height:43px;display:grid}.audit-kpi-icon.blue{color:#0878e8;background:#edf5ff}.audit-kpi-icon.green{color:#159b56;background:#eaf8f0}.audit-kpi-icon.purple{color:#7755df;background:#f1edff}.audit-kpi-icon.orange{color:#e99112;background:#fff3df}.audit-kpi span{color:#8495ad;margin-bottom:4px;font-size:12px;display:block}.audit-kpi strong{color:#213d63;font-size:19px;display:block}.audit-kpi small{color:#9aa8b9;margin-top:4px;font-size:10px;display:block}.audit-filter{box-sizing:border-box;background:#fff;border:1px solid #e1e8f0;border-radius:12px;grid-template-columns:2fr 1fr 1fr;gap:10px;min-height:64px;margin-bottom:18px;padding:10px 14px;display:grid}.audit-search,.audit-select{box-sizing:border-box;background:#fff;border:1px solid #dce5ef;border-radius:9px;align-items:center;height:44px;display:flex}.audit-search{color:#8093ab;gap:9px;padding:0 12px}.audit-search input{color:#365474;border:0;outline:0;width:100%;font-size:13px}.audit-search input::placeholder{color:#9aa9bb}.audit-select{padding:0 12px;position:relative}.audit-select select{appearance:none;color:#385575;background:0 0;border:0;outline:0;width:100%;padding-right:20px;font-weight:600}.audit-select svg{pointer-events:none;color:#8193aa;position:absolute;right:11px}.audit-section{background:#fff;border:1px solid #dfe7ef;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 3px 12px #1b385b09}.audit-section-head{box-sizing:border-box;border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;min-height:66px;padding:15px 18px;display:flex}.audit-section-head h2{color:#1e3a61;margin:0;font-size:16px}.audit-section-head p{color:#91a0b3;margin:5px 0 0;font-size:12px}.audit-section-head>span{color:#8191a8;font-size:12px}.audit-table-wrap{width:100%;overflow-x:auto}.audit-section table{border-collapse:collapse;width:100%;min-width:1150px}.audit-section th{color:#788ba5;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5ebf2;height:42px;padding:0 12px;font-size:10px}.audit-section td{color:#687d99;white-space:nowrap;border-bottom:1px solid #edf1f5;min-height:61px;padding:9px 12px;font-size:11px}.audit-section tbody tr:last-child td{border-bottom:0}.audit-time{font-weight:600;color:#506985!important}.audit-user{align-items:center;gap:9px;display:flex}.audit-avatar{color:#0878e8;background:#edf5ff;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.audit-user b{color:#29476e;display:block}.audit-user small{color:#9aa8b9;margin-top:3px;font-size:9px;display:block}.audit-activity{color:#45698f;align-items:center;gap:6px;font-weight:700;display:inline-flex}.audit-module{color:#54708e;background:#f2f6fa;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.audit-detail{text-overflow:ellipsis;max-width:330px;overflow:hidden}.audit-status{color:#159b56;align-items:center;gap:4px;font-weight:700;display:inline-flex}.audit-detail-btn{color:#45698f;cursor:pointer;background:#fff;border:1px solid #dce6f0;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 11px;font-weight:700;display:inline-flex}.audit-detail-btn:hover{background:#f6f9fc}.audit-empty{text-align:center;height:130px;color:#91a0b3!important}.audit-pagination{color:#8796aa;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:56px;padding:0 14px;font-size:11px;display:flex}.audit-pagination>div{align-items:center;gap:7px;display:flex}.audit-pagination b{color:#344f72}.audit-pagination select,.audit-pagination button{color:#4b6686;background:#fff;border:1px solid #dce5ef;border-radius:8px;height:34px}.audit-pagination select{padding:0 7px}.audit-pagination button{place-items:center;width:34px;display:grid}.audit-pagination button:disabled{color:#bcc7d4}.audit-modal-bg{z-index:100;background:#12284259;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.audit-modal{background:#fff;border-radius:16px;width:min(720px,100%);max-height:85vh;overflow:auto;box-shadow:0 20px 60px #142f4e38}.audit-modal-head{border-bottom:1px solid #e8edf3;justify-content:space-between;padding:18px 20px;display:flex}.audit-modal-head span{color:#8797ac;font-size:11px}.audit-modal-head h3{color:#1f3c63;margin:3px 0 0;font-size:19px}.audit-modal-head button{color:#637994;cursor:pointer;background:#f3f6f9;border:0;border-radius:8px;width:34px;height:34px}.audit-modal-body{padding:20px}.audit-detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.audit-detail-grid>div,.audit-log-detail{background:#f9fbfd;border:1px solid #e4ebf2;border-radius:10px;padding:14px}.audit-detail-grid span,.audit-log-detail>span{color:#8a9aaf;margin-bottom:5px;font-size:10px;display:block}.audit-detail-grid b{color:#29476e;font-size:12px}.audit-success{align-items:center;gap:4px;display:inline-flex;color:#159b56!important}.audit-log-detail{margin-top:12px}.audit-log-detail p{color:#4e6682;margin:0;font-size:12px;line-height:1.5}@media (width<=1100px){.audit-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.audit-page{padding:22px 20px}.audit-filter{grid-template-columns:1fr}.audit-section-head{flex-direction:column;align-items:flex-start;gap:10px}.audit-pagination{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}}@media (width<=600px){.audit-page{padding:18px 14px}.audit-kpis{grid-template-columns:1fr}.audit-header h1{font-size:25px}.audit-detail-grid{grid-template-columns:1fr}}.pengaturan-page{box-sizing:border-box;color:#243f64;width:100%;padding:28px 32px 40px}.pengaturan-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.pengaturan-crumb{color:#8495ad;margin-bottom:5px;font-size:13px}.pengaturan-crumb span{color:#b0bac7;margin:0 6px}.pengaturan-header h1{color:#183861;margin:0;font-size:30px}.pengaturan-header p{color:#8293ad;margin:7px 0 0;font-size:14px}.pengaturan-save{color:#fff;cursor:pointer;background:#0878e8;border:0;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 5px 14px #0878e829}.pengaturan-alert{box-sizing:border-box;color:#159b56;background:#f0fbf5;border:1px solid #ccebd9;border-radius:11px;align-items:center;gap:10px;min-height:52px;margin-bottom:18px;padding:9px 14px;display:flex}.pengaturan-alert div{flex-direction:column;gap:2px;display:flex}.pengaturan-alert b{font-size:12px}.pengaturan-alert span{color:#60917a;font-size:11px}.pengaturan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.pengaturan-card{box-sizing:border-box;background:#fff;border:1px solid #e1e8f0;border-radius:14px;padding:19px;box-shadow:0 3px 12px #1b385b09}.pengaturan-card-head{border-bottom:1px solid #edf1f5;align-items:center;gap:11px;margin-bottom:16px;padding-bottom:16px;display:flex}.pengaturan-card-head h2{color:#29476e;margin:0;font-size:15px}.pengaturan-card-head p{color:#91a0b3;margin:4px 0 0;font-size:11px}.pengaturan-card-icon{border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.pengaturan-card-icon.blue{color:#0878e8;background:#edf5ff}.pengaturan-card-icon.purple{color:#8058df;background:#f2edff}.pengaturan-card-icon.green{color:#159b56;background:#eaf8f0}.pengaturan-card-icon.orange{color:#ed9a18;background:#fff4df}.pengaturan-card-icon.slate{color:#627b98;background:#eef2f6}.pengaturan-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pengaturan-form label{flex-direction:column;gap:7px;display:flex}.pengaturan-form label>span{color:#637994;font-size:11px;font-weight:700}.pengaturan-form input,.pengaturan-form select{box-sizing:border-box;color:#385575;background:#fff;border:1px solid #dce5ef;border-radius:8px;outline:none;width:100%;height:40px;padding:0 11px;font-size:12px}.pengaturan-form input:focus,.pengaturan-form select:focus{border-color:#8bbcf0}.pengaturan-options{flex-direction:column;display:flex}.setting-toggle-row{box-sizing:border-box;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:8px 0;display:flex}.setting-toggle-row:last-child{border-bottom:0}.setting-toggle-row>div{flex-direction:column;gap:4px;display:flex}.setting-toggle-row b{color:#365474;font-size:12px}.setting-toggle-row span{color:#91a0b3;font-size:10px}.switch{cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;flex:none;width:39px;height:22px;padding:2px;transition:all .18s}.switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .18s;display:block;box-shadow:0 1px 3px #0000002e}.switch.on{background:#159b56}.switch.on span{transform:translate(17px)}.pengaturan-info{color:#8293a9;background:#f6f9fc;border-radius:8px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 11px;font-size:10px;line-height:1.5;display:flex}.theme-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.theme-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe7ef;border-radius:10px;min-height:112px;padding:12px;position:relative}.theme-option.active{background:#f8fbff;border-color:#70aef0;box-shadow:0 0 0 2px #0878e80f}.theme-option b{color:#385575;margin-top:9px;font-size:11px;display:block}.theme-option>svg{color:#159b56;position:absolute;top:10px;right:10px}.theme-preview{box-sizing:border-box;background:#f7f9fc;border:1px solid #dce5ef;border-radius:6px;height:54px;padding:7px}.theme-preview div{background:#0c3d75;border-radius:3px;width:25%;height:100%}.theme-preview span{background:#d7e1ec;border-radius:4px;width:45%;height:6px;margin-top:-35px;margin-left:31%;display:block;position:relative}.system-list{flex-direction:column;display:flex}.system-list div{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:39px;display:flex}.system-list div:last-child{border-bottom:0}.system-list span{color:#8a9aae;font-size:11px}.system-list b{color:#385575;font-size:11px}.pengaturan-footer{color:#94a2b3;justify-content:space-between;align-items:center;gap:15px;min-height:54px;margin-top:18px;padding:0 4px;font-size:10px;display:flex}.pengaturan-footer span{align-items:center;gap:6px;display:flex}.pengaturan-footer button{color:#66809f;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;display:inline-flex}@media (width<=1100px){.pengaturan-grid{grid-template-columns:1fr}}@media (width<=700px){.pengaturan-page{padding:22px 20px}.pengaturan-header{flex-direction:column;align-items:flex-start}.pengaturan-form,.theme-options{grid-template-columns:1fr}.pengaturan-footer{flex-direction:column;align-items:flex-start;padding:8px 0}}@media (width<=500px){.pengaturan-page{padding:18px 14px}.pengaturan-header h1{font-size:25px}}:root{--brsc-navy:#102b4e;--brsc-teal:#38d5ce;--brsc-text:#fff;--brsc-muted:#ffffffc2;--brsc-border:#ffffff40}.brsc-login{isolation:isolate;width:100%;min-height:100vh;color:var(--brsc-text);background:#10243c;grid-template-columns:56% 44%;display:grid;position:relative;overflow:hidden}.brsc-login-visual{z-index:-2;background:#10243c;position:absolute;inset:0;overflow:hidden}.brsc-login-image{background-image:url(/login-building.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.01)}.brsc-login-overlay{background:linear-gradient(90deg,#08192f52 0%,#08192f7a 48%,#08192fb8 100%),linear-gradient(#08192f14 30%,#08192f8c);position:absolute;inset:0}.brsc-login-brand{z-index:2;align-items:center;gap:12px;display:flex;position:absolute;top:100px;left:30px}.brsc-login-brand-icon{width:48px;height:48px;color:var(--brsc-teal);background:#0d27416b;border:1px solid #38d5cea6;border-radius:14px;flex-shrink:0;place-items:center;display:grid;box-shadow:0 0 24px #38d5ce1f}.brsc-login-brand strong,.brsc-login-mobile-brand strong{letter-spacing:1.5px;color:#fff;font-size:15px;font-weight:800;display:block}.brsc-login-brand>div:last-child span,.brsc-login-mobile-brand>div:last-child span{color:var(--brsc-muted);margin-top:4px;font-size:12px;display:block}.brsc-login-visual-content{z-index:2;width:min(560px,48%);position:absolute;bottom:12%;left:6%}.brsc-login-eyebrow{color:var(--brsc-teal);letter-spacing:2px;align-items:center;gap:9px;font-size:11px;font-weight:800;display:inline-flex}.brsc-live-dot{background:var(--brsc-teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #38d5cecc}.brsc-login-visual-content h1{color:#fff;letter-spacing:-1.4px;margin:22px 0 18px;font-size:clamp(32px,3.5vw,54px);font-weight:800;line-height:1.12}.brsc-login-visual-content h1 span{color:var(--brsc-teal)}.brsc-login-visual-content>p{color:#fffc;max-width:470px;margin:0;font-size:14px;line-height:1.85}.brsc-login-feature{align-items:center;gap:12px;margin-top:28px;display:flex}.brsc-login-feature-icon{width:44px;height:44px;color:var(--brsc-teal);border:1px solid var(--brsc-border);background:#ffffff12;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.brsc-login-feature strong{color:#fff;font-size:13px;display:block}.brsc-login-feature span{color:var(--brsc-muted);margin-top:5px;font-size:11px;display:block}.brsc-login-visual-footer{color:#ffffffa6;letter-spacing:1.4px;z-index:2;justify-content:space-between;gap:12px;font-size:9px;display:flex;position:absolute;bottom:28px;left:42px;right:42px}.brsc-login-panel{z-index:3;box-sizing:border-box;width:100%;min-width:0;min-height:100vh;box-shadow:none;border:0;grid-column:2;justify-content:center;align-items:center;padding:40px clamp(24px,4vw,64px);display:flex;position:relative;background:0 0!important}.brsc-login-form-wrap{box-sizing:border-box;width:100%;min-width:0;max-width:300px;box-shadow:none;-webkit-backdrop-filter:none;border:none;border-radius:0;margin:0 auto;padding:0;background:0 0!important}.brsc-login-mobile-brand{display:none}.brsc-login-heading{margin-bottom:30px}.brsc-login-label{color:var(--brsc-teal);letter-spacing:2px;margin-bottom:12px;font-size:11px;font-weight:800;display:inline-block}.brsc-login-heading h2{color:#fff;letter-spacing:-.6px;margin:0;font-size:32px;font-weight:800}.brsc-login-heading p{color:#ffffffc7;margin:12px 0 0;font-size:13px;line-height:1.8}.brsc-login-form{flex-direction:column;gap:10px;width:100%;display:flex}.brsc-login-form>label,.brsc-login-password-heading label{color:#fff;font-size:12px;font-weight:700}.brsc-login-input-wrap{box-sizing:border-box;width:100%;min-height:48px;color:var(--brsc-teal);background:#071b3161;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:11px;margin-bottom:10px;padding:0 14px;transition:border-color .2s,background .2s;display:flex}.brsc-login-input-wrap:focus-within{border-color:var(--brsc-teal);background:#071b3194}.brsc-login-input-wrap>svg{flex-shrink:0}.brsc-login-input-wrap input{color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;padding:12px 0;font-family:inherit;font-size:13px}.brsc-login-input-wrap input::placeholder{color:#ffffff85}.brsc-login-password-heading{justify-content:space-between;align-items:center;gap:10px;margin-top:5px;display:flex}.brsc-login-forgot{color:var(--brsc-teal);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:11px}.brsc-login-eye{color:#ffffffbf;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.brsc-login-remember{color:#ffffffd1;cursor:pointer;align-items:center;gap:9px;margin:0 0 8px;font-size:12px;display:flex}.brsc-login-remember input{width:15px;height:15px;accent-color:var(--brsc-teal)}.brsc-login-error{color:#ffe0e0;background:#7814234d;border:1px solid #ff7d7d80;border-radius:9px;padding:11px 12px;font-size:12px;line-height:1.5}.brsc-login-submit{color:#fff;cursor:pointer;background:linear-gradient(105deg,#167e91,#20aaa9);border:1px solid #38d5cebf;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:49px;margin-top:5px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .2s,filter .2s;display:flex}.brsc-login-submit:hover{filter:brightness(1.12);transform:translateY(-1px)}.brsc-login-security{color:#ffffffb8;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:11px;display:flex}.brsc-login-security svg{color:var(--brsc-teal);flex-shrink:0}.brsc-login-bottom{color:#fff9;border-top:1px solid #fff3;justify-content:space-between;gap:12px;margin-top:30px;padding-top:16px;font-size:10px;display:flex}@media (width<=1100px){.brsc-login{grid-template-columns:50% 50%}.brsc-login-visual-content{width:42%;left:5%}.brsc-login-visual-content h1{font-size:clamp(30px,3.5vw,42px)}.brsc-login-panel{padding:32px 28px}.brsc-login-form-wrap{max-width:340px}}@media (width<=760px){.brsc-login{min-height:100dvh;display:block;overflow:hidden auto}.brsc-login-visual{position:fixed;inset:0}.brsc-login-image{background-position:50%}.brsc-login-overlay{background:linear-gradient(#07192e9e,#07192edb)}.brsc-login-brand,.brsc-login-visual-content,.brsc-login-visual-footer{display:none}.brsc-login-panel{justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:30px 22px;display:flex;background:0 0!important}.brsc-login-form-wrap{-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff38;border-radius:18px;width:100%;max-width:400px;padding:28px 24px;box-shadow:0 18px 50px #00000029;background:#091f3659!important}.brsc-login-mobile-brand{align-items:center;gap:11px;margin-bottom:32px;display:flex}.brsc-login-mobile-brand .brsc-login-brand-icon{width:43px;height:43px}.brsc-login-heading{margin-bottom:24px}.brsc-login-heading h2{font-size:28px}.brsc-login-heading p{font-size:12px}.brsc-login-bottom{margin-top:24px}}@media (width<=380px){.brsc-login-panel{padding:18px 12px}.brsc-login-form-wrap{padding:23px 18px}.brsc-login-heading h2{font-size:25px}.brsc-login-bottom{font-size:9px}}@media (prefers-reduced-motion:reduce){.brsc-login-submit,.brsc-login-input-wrap{transition:none}}.brsc-partner-logos{z-index:10;pointer-events:none;grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid;position:absolute;top:24px;left:32px;right:32px}.brsc-partner-logo{align-items:center;display:flex}.brsc-logo-left{justify-content:flex-start}.brsc-logo-center{justify-content:center}.brsc-logo-right{justify-content:flex-end}.brsc-partner-logo img{object-fit:contain;width:auto;max-width:170px;height:80px;display:block}@media (width<=768px){.brsc-partner-logos{top:16px;left:16px;right:16px}.brsc-partner-logo img{max-width:100px;height:30px}}:root{--primary:#073b78;--primary-dark:#052b59;--primary-light:#eaf2ff;--text:#172033;--muted:#718096;--border:#e5e9f0;--background:#f5f7fb;--white:#fff;--success:#16a36a}*{box-sizing:border-box}button,a{font:inherit}button{border:0}.app-shell{background:var(--background);min-height:100vh;color:var(--text);display:flex}.sidebar{color:#fff;z-index:20;background:linear-gradient(#073b78 0%,#062f62 55%,#05294f 100%);flex-direction:column;width:250px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;height:82px;padding:0 22px;display:flex}.brand-icon{background:#ffffff21;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.brand h1{letter-spacing:.3px;margin:0;font-size:15px;font-weight:800}.brand span{color:#ffffffb3;margin-top:3px;font-size:10px;display:block}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-section-title{letter-spacing:1px;color:#ffffff73;padding:0 12px 10px;font-size:9px;font-weight:700;display:block}.nav-item{color:#ffffffc2;cursor:pointer;border-radius:9px;align-items:center;gap:12px;min-height:43px;margin-bottom:4px;padding:0 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#ffffff26;box-shadow:inset 3px 0 #65a6ff}.nav-arrow{margin-left:auto}.nav-divider{background:#ffffff1a;height:1px;margin:16px 8px}.sidebar-footer{color:#fff6;border-top:1px solid #ffffff1a;padding:16px 20px;font-size:9px}.main-content{width:calc(100% - 250px);min-height:100vh;margin-left:250px}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:82px;padding:0 30px;display:flex}.topbar-left,.topbar-right,.user-profile,.breadcrumb{align-items:center;display:flex}.topbar-left{gap:14px}.breadcrumb{color:var(--muted);gap:6px;margin-bottom:4px;font-size:10px}.topbar h2{letter-spacing:-.3px;margin:0;font-size:20px}.topbar-right{gap:20px}.icon-button{color:#687386;cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.notification-dot{background:#e54861;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.user-profile{gap:10px}.avatar{color:#fff;background:#1769df;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex}.user-info strong,.user-info span{display:block}.user-info strong{font-size:11px}.user-info span{color:var(--muted);margin-top:2px;font-size:9px}.mobile-menu{color:var(--text);background:0 0;display:none}.page-content{padding:26px 30px 35px}.filter-bar{justify-content:flex-end;margin-bottom:18px;display:flex}.filter-group{gap:9px;display:flex}.select-box{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:7px;min-width:155px;height:46px;padding:6px 12px;display:flex}.select-label{display:none}.select-box strong{flex:1;font-size:11px;font-weight:600}.filter-button{color:#fff;cursor:pointer;background:#1267dd;border-radius:8px;align-items:center;gap:8px;height:46px;padding:0 17px;font-size:11px;font-weight:600;display:flex}.kpi-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px;display:grid}.kpi-card{border:1px solid var(--border);background:#fff;border-radius:11px;gap:13px;min-height:126px;padding:19px;display:flex;box-shadow:0 2px 7px #192a4608}.kpi-icon,.quick-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-icon{border-radius:10px;width:43px;height:43px}.kpi-icon.blue,.quick-icon.blue{color:#2469df;background:#eaf2ff}.kpi-icon.orange,.quick-icon.orange{color:#ed9519;background:#fff2df}.kpi-icon.green,.quick-icon.green{color:#20a86b;background:#e7f8ef}.kpi-icon.purple,.quick-icon.purple{color:#7755d8;background:#f0eaff}.kpi-icon.red{color:#e34b67;background:#ffe9ed}.quick-icon.teal{color:#1b9a9a;background:#e4f7f7}.kpi-info{min-width:0}.kpi-info>span{color:#687386;margin-bottom:6px;font-size:10px;display:block}.kpi-info>strong{letter-spacing:-.4px;font-size:17px;display:block}.kpi-info small{color:var(--success);align-items:center;gap:3px;margin-top:9px;font-size:9px;font-weight:600;display:flex}.kpi-info small em{color:#9ba4b2;margin-left:2px;font-style:normal;font-weight:400}.card{border:1px solid var(--border);background:#fff;border-radius:11px;box-shadow:0 2px 7px #192a4608}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px;display:grid}.chart-card,.regional-card{min-height:365px}.card-header{justify-content:space-between;align-items:flex-start;padding:19px 20px 13px;display:flex}.card-header h3,.quick-title h3{margin:0;font-size:13px}.card-header span,.quick-title span{color:var(--muted);margin-top:4px;font-size:9px;display:block}.small-select{border:1px solid var(--border);color:#596477;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:9px;display:flex}.fake-chart{height:280px;padding:5px 20px 20px;display:flex}.y-axis{color:#a0a8b4;text-align:right;flex-direction:column;justify-content:space-between;width:35px;padding:10px 0 30px;font-size:8px;display:flex}.chart-area{flex:1;margin-left:10px;padding-bottom:35px;position:relative}.grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:10px 0 35px}.grid-lines i{background:#edf0f4;width:100%;height:1px;display:block}.line-chart{color:#1769df;width:100%;height:calc(100% - 45px);position:absolute;inset:10px 0 35px;overflow:visible}.line-chart circle{fill:#1769df}.x-axis{color:#929aa8;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:4px;left:0;right:0}.regional-content{align-items:center;gap:30px;padding:18px 22px 25px;display:flex}.donut{background:conic-gradient(#2c73df 0 29.7%, #35b86c 29.7% 52.5%, #f5a623 52.5% 71.8%, #805ad5 71.8% 87.6%, #32bfc0 87.6% 95%, #9aa3b2 95% 100%);border-radius:50%;flex-shrink:0;width:185px;height:185px;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:32px}.donut-center{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center small{color:var(--muted);font-size:9px}.donut-center strong{margin-top:3px;font-size:13px}.legend{flex:1}.legend-item{grid-template-columns:8px 1fr auto;align-items:center;gap:8px;margin-bottom:13px;font-size:9px;display:grid}.legend-dot{background:#3578df;border-radius:50%;width:7px;height:7px}.legend-item:nth-child(2) .legend-dot{background:#35b86c}.legend-item:nth-child(3) .legend-dot{background:#f5a623}.legend-item:nth-child(4) .legend-dot{background:#805ad5}.legend-item:nth-child(5) .legend-dot{background:#32bfc0}.legend-item:nth-child(6) .legend-dot{background:#9aa3b2}.legend-item strong{font-size:9px}.bottom-grid{grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px;display:grid}.table-wrapper{padding:0 20px 20px;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#7b8493;text-align:left;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:11px 8px;font-size:8px;font-weight:600}td{color:#5f6878;border-bottom:1px solid #f0f2f5;padding:11px 8px;font-size:8.5px}.building-name{color:#293345;font-weight:600}.table-value{color:#1c5fc6;font-weight:700}.recon-list{padding:0 20px}.recon-item{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;min-height:41px;display:flex}.recon-item span{color:#788294;font-size:9px}.recon-item strong{font-size:9px}.highlight-value{color:#1769df}.status-badge{border-radius:20px;padding:5px 10px;font-size:8px;font-weight:700}.status-badge.success{color:#16935f;background:#e7f8ef}.detail-button,.text-button{color:#1769df;cursor:pointer;background:0 0;align-items:center;gap:5px;margin:15px 20px;font-size:9px;font-weight:600;display:flex}.text-button{margin:0}.quick-action-card{padding:18px 20px 20px}.quick-title{margin-bottom:15px}.quick-actions{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.quick-action{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:70px;padding:11px;transition:all .2s;display:flex;position:relative}.quick-action:hover{border-color:#b8c9e4;transform:translateY(-1px)}.quick-icon{border-radius:8px;width:36px;height:36px}.quick-action strong,.quick-action span{display:block}.quick-action strong{font-size:9px}.quick-action span{color:var(--muted);margin-top:4px;font-size:8px}.quick-arrow{color:#a1a9b5;margin-left:auto}@media (width<=1250px){.kpi-grid,.quick-actions{grid-template-columns:repeat(3,1fr)}}@media (width<=950px){.sidebar{width:215px}.main-content{width:calc(100% - 215px);margin-left:215px}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.regional-content{justify-content:center}}@media (width<=700px){.sidebar{display:none}.main-content{width:100%;margin-left:0}.mobile-menu{display:flex}.topbar{padding:0 16px}.user-info{display:none}.page-content{padding:18px 15px}.filter-group{flex-wrap:wrap;width:100%}.filter-bar{justify-content:flex-start}.select-box{flex:1;min-width:130px}.kpi-grid,.quick-actions{grid-template-columns:1fr}.regional-content{flex-direction:column}.donut{width:160px;height:160px}}.module-page{justify-content:center;align-items:center;min-height:500px;display:flex}.module-empty{text-align:center;border:1px solid var(--border);background:#fff;border-radius:14px;width:100%;max-width:560px;padding:55px 40px;box-shadow:0 4px 16px #192a460a}.module-empty-icon{background:var(--primary-light);width:64px;height:64px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.module-empty h2{margin:0;font-size:20px}.module-empty p{max-width:430px;color:var(--muted);margin:10px auto 16px;font-size:12px;line-height:1.7}.module-empty span{color:#7b8493;background:#f2f4f7;border-radius:20px;padding:7px 12px;font-size:9px;display:inline-block}.nav-item{color:#ffffffc7;text-align:left;cursor:pointer;appearance:none;background:0 0;border:none;border-radius:8px;outline:none;align-items:center;gap:12px;width:100%;padding:11px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:background .2s,color .2s;display:flex}.master-rekon-page{width:100%}.module-page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.module-breadcrumb{color:#8a94a5;margin-bottom:6px;font-size:9px}.module-page-header h2{color:#172033;margin:0;font-size:21px}.module-page-header p{color:#7a8494;margin:6px 0 0;font-size:10px}.primary-action,.secondary-action,.reset-filter,.cancel-button{cursor:pointer;justify-content:center;align-items:center;gap:7px;transition:all .2s;display:inline-flex}.primary-action{color:#fff;background:#1769df;border-radius:8px;min-height:40px;padding:0 15px;font-size:10px;font-weight:600}.primary-action:hover{background:#0f5bc9}.secondary-action{color:#536074;background:#fff;border:1px solid #dfe4eb;border-radius:7px;min-height:35px;padding:0 12px;font-size:9px;font-weight:600}.rekon-summary-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:15px;display:grid}.rekon-summary-card{background:#fff;border:1px solid #e5e9f0;border-radius:10px;align-items:center;gap:11px;min-height:86px;padding:15px;display:flex;box-shadow:0 2px 7px #192a4608}.summary-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.summary-icon.blue{color:#2469df;background:#eaf2ff}.summary-icon.purple{color:#7755d8;background:#f0eaff}.summary-icon.green{color:#20a86b;background:#e7f8ef}.summary-icon.orange{color:#ed9519;background:#fff2df}.summary-icon.red{color:#e34b67;background:#ffe9ed}.rekon-summary-card span,.rekon-summary-card strong{display:block}.rekon-summary-card span{color:#7d8796;font-size:8px}.rekon-summary-card strong{color:#202a3a;margin-top:5px;font-size:13px}.rekon-filter-card,.rekon-table-card{background:#fff;border:1px solid #e5e9f0;border-radius:10px;box-shadow:0 2px 7px #192a4608}.rekon-filter-card{margin-bottom:15px;padding:16px}.filter-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.filter-title strong,.filter-title span{display:block}.filter-title strong{font-size:11px}.filter-title span{color:#8a94a5;margin-top:3px;font-size:8px}.reset-filter{color:#697487;background:0 0;padding:6px 9px;font-size:8px}.rekon-filter-grid{grid-template-columns:1fr 1fr 1fr 1.7fr;gap:10px;display:grid}.field-group label,.form-field label{color:#687386;margin-bottom:6px;font-size:8px;font-weight:600;display:block}.field-group select,.form-field input,.form-field select,.form-field textarea{color:#303a4a;background:#fff;border:1px solid #dfe4eb;border-radius:7px;outline:none;width:100%;min-height:37px;padding:0 10px;font-family:inherit;font-size:9px}.form-field textarea{resize:vertical;min-height:65px;padding-top:9px}.field-group select:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#5b91dc;box-shadow:0 0 0 3px #1769df12}.search-input{color:#9ba4b1;border:1px solid #dfe4eb;border-radius:7px;align-items:center;gap:7px;height:37px;padding:0 10px;display:flex}.search-input input{border:0;outline:0;width:100%;min-height:auto;padding:0}.table-toolbar{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:62px;padding:0 17px;display:flex}.table-toolbar strong,.table-toolbar span{display:block}.table-toolbar strong{font-size:11px}.table-toolbar span{color:#8b94a2;margin-top:3px;font-size:8px}.rekon-table-wrapper{overflow-x:auto}.rekon-table{border-collapse:collapse;width:100%;min-width:1150px}.rekon-table th{color:#7c8696;white-space:nowrap;background:#fafbfd;padding:10px 11px;font-size:8px;font-weight:700}.rekon-table td{color:#596477;vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:12px 11px;font-size:8px}.rekon-table tbody tr:hover{background:#fbfcfe}.building-cell strong,.building-cell span{display:block}.building-cell strong{color:#263144;text-overflow:ellipsis;white-space:nowrap;max-width:205px;font-size:8.5px;font-weight:600;overflow:hidden}.building-cell span{color:#9aa3b0;text-overflow:ellipsis;white-space:nowrap;max-width:205px;margin-top:3px;font-size:7px;overflow:hidden}.regional-badge{color:#52709b;white-space:nowrap;background:#f1f5fb;border-radius:5px;padding:5px 7px;font-size:7px}.number-cell{text-align:right;font-weight:600}.currency-cell{white-space:nowrap;font-weight:500;color:#526071!important}.total-cell{white-space:nowrap;font-weight:700;color:#1769df!important}.rekon-status{border-radius:20px;padding:5px 8px;font-size:7px;font-weight:700;display:inline-flex}.rekon-status.completed{color:#15935f;background:#e7f8ef}.rekon-status.review{color:#d78a15;background:#fff3df}.rekon-status.draft{color:#6c7686;background:#eef1f5}.row-actions{align-items:center;gap:4px;display:flex}.row-actions button{color:#647084;cursor:pointer;background:#fff;border:1px solid #e3e7ed;border-radius:6px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.row-actions button:hover{color:#1769df;border-color:#b8c9e4}.row-actions .delete-action:hover{color:#df4762;background:#fff7f8;border-color:#f2c2cb}.empty-table{color:#9aa3b0;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.empty-table strong{color:#687386;margin-top:10px;font-size:11px}.empty-table span{margin-top:5px;font-size:8px}.pagination{justify-content:space-between;align-items:center;min-height:55px;padding:0 17px;display:flex}.pagination>span{color:#8a94a5;font-size:8px}.pagination-buttons{gap:4px;display:flex}.pagination-buttons button{color:#687386;cursor:pointer;background:#fff;border:1px solid #e0e5ec;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:8px;display:flex}.pagination-buttons button:hover:not(:disabled),.pagination-buttons button.active{color:#fff;background:#1769df;border-color:#1769df}.pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1b2d7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rekon-modal{background:#fff;border-radius:13px;flex-direction:column;width:min(760px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f1b2d33}.detail-modal{width:min(680px,100%)}.modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:70px;padding:0 20px;display:flex}.modal-header strong,.modal-header span{display:block}.modal-header strong{font-size:13px}.modal-header span{color:#8a94a5;margin-top:4px;font-size:8px}.modal-header>button{color:#657084;cursor:pointer;background:#f4f6f9;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.modal-body{padding:20px;overflow-y:auto}.form-section-title{color:#263144;border-bottom:1px solid #edf0f4;margin:2px 0 14px;padding-bottom:8px;font-size:10px;font-weight:700}.form-section-title:not(:first-child){margin-top:22px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px;display:grid}.form-field{margin-bottom:13px}.calculated-total{background:#f4f8ff;border:1px solid #d8e7fc;border-radius:8px;margin-top:8px;padding:13px 15px}.calculated-total span,.calculated-total strong,.calculated-total small{display:block}.calculated-total span{color:#71809a;font-size:8px}.calculated-total strong{color:#1769df;margin-top:4px;font-size:16px}.calculated-total small{color:#8c98aa;margin-top:4px;font-size:7px}.modal-footer{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:8px;min-height:66px;padding:0 20px;display:flex}.cancel-button{color:#657084;background:#fff;border:1px solid #dfe4eb;border-radius:7px;min-height:38px;padding:0 14px;font-size:9px}.detail-title{background:#f7f9fc;border-radius:9px;align-items:center;gap:12px;padding:14px;display:flex}.detail-building-icon{color:#1769df;background:#eaf2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.detail-title strong,.detail-title span{display:block}.detail-title strong{font-size:11px}.detail-title span{color:#8b95a4;margin-top:4px;font-size:8px}.detail-grid{border-top:1px solid #edf0f4;border-left:1px solid #edf0f4;grid-template-columns:1fr 1fr;margin-top:15px;display:grid}.detail-item{border-bottom:1px solid #edf0f4;border-right:1px solid #edf0f4;min-height:55px;padding:10px 12px}.detail-item span,.detail-item strong{display:block}.detail-item span{color:#8a94a5;font-size:8px}.detail-item strong{color:#303a4a;margin-top:5px;font-size:9px}.detail-highlight{color:#1769df!important}@media (width<=1250px){.rekon-summary-grid{grid-template-columns:repeat(3,1fr)}.rekon-filter-grid{grid-template-columns:1fr 1fr}}@media (width<=800px){.module-page-header{flex-direction:column;align-items:flex-start}.rekon-summary-grid{grid-template-columns:1fr 1fr}.rekon-filter-grid,.form-grid,.detail-grid{grid-template-columns:1fr}}@media (width<=550px){.rekon-summary-grid{grid-template-columns:1fr}.pagination{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 17px}}@media (width<=700px){.sidebar{z-index:1000;width:280px;max-width:85vw;height:100dvh;box-shadow:none;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:8px 0 30px #0003}.mobile-menu{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.main-content{width:100%;min-width:0}.topbar{gap:10px;height:auto;min-height:72px;padding:12px 16px}.topbar-left,.topbar-right{gap:10px;min-width:0}.topbar h1,.topbar-title{letter-spacing:-.3px;overflow-wrap:normal;word-break:normal;font-size:19px;line-height:1.3}.page-content{box-sizing:border-box;width:100%;min-width:0;padding:20px 16px 28px}.page-content h1,.page-content h2{letter-spacing:-.3px;font-size:22px;line-height:1.35}.page-content p,.page-content label,.page-content button,.page-content select,.page-content input{font-size:14px;line-height:1.5}.page-content .stat-card,.page-content .summary-card,.page-content .kpi-card{padding:18px}.page-content .stat-card h3,.page-content .summary-card h3,.page-content .kpi-card h3{font-size:22px;line-height:1.35}}@media screen and (width<=700px){.app-shell{width:100%;min-width:0;overflow-x:hidden}.main-content{min-width:0;width:100%!important;margin-left:0!important}.topbar{gap:8px;width:100%;min-height:72px;height:auto!important;padding:12px 14px!important}.topbar-left{flex:1;gap:10px;min-width:0}.topbar-left>div{min-width:0}.breadcrumb{display:none}.topbar h2{overflow-wrap:break-word;max-width:180px;margin:0;line-height:1.35;letter-spacing:0!important;font-size:17px!important}.topbar-right{flex-shrink:0;gap:6px}.avatar{width:32px;height:32px;font-size:11px}.mobile-menu{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:38px}.page-content{width:100%;min-width:0;padding:20px 16px 28px!important}.filter-bar{width:100%;margin-bottom:18px}.filter-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.select-box{gap:6px;width:100%;height:48px;padding:8px 10px;min-width:0!important}.select-box strong{overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.4}.filter-button{justify-content:center;width:100%;min-width:0;height:48px;font-size:13px}.kpi-grid{gap:12px;grid-template-columns:minmax(0,1fr)!important}.kpi-card{align-items:flex-start;gap:14px;min-width:0;min-height:112px;padding:18px!important}.kpi-info{flex:1;min-width:0}.kpi-info>span{font-size:13px;line-height:1.45}.kpi-info>strong{letter-spacing:-.3px;overflow-wrap:anywhere;font-size:23px;line-height:1.35}.kpi-info small{flex-wrap:wrap;font-size:11px;line-height:1.5}.card,.dashboard-grid,.bottom-grid{min-width:0;max-width:100%}.dashboard-grid,.bottom-grid{gap:14px;grid-template-columns:minmax(0,1fr)!important}.table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.topbar{min-height:64px;padding:10px 12px!important}.topbar h2{max-width:150px;line-height:1.3;font-size:15px!important}.select-box{height:42px;padding:6px 9px}.select-box strong{font-size:11px}.filter-button{height:42px;font-size:12px}.kpi-card{gap:11px;min-height:94px;padding:14px!important}.kpi-icon{width:36px;height:36px}.kpi-info>span{margin-bottom:4px;font-size:11px}.kpi-info>strong{line-height:1.3;font-size:19px!important}.kpi-info small{margin-top:5px;font-size:10px}.card-header{padding:15px 14px 11px}.card-header h3,.quick-title h3{font-size:12px}.card-header span,.quick-title span{font-size:9px}.regional-content{gap:18px;padding:14px}.recon-item span,.recon-item strong{font-size:10px}.topbar h1,.topbar h2,.page-title,.page-header h1{font-size:19px!important;line-height:1.3!important}.stat-title,.stat-label,.kpi-title,.kpi-label{font-size:11px!important;line-height:1.4!important}.stat-value,.kpi-value{font-size:20px!important;line-height:1.3!important}.stat-change,.kpi-change,.stat-description,.kpi-description{font-size:10px!important;line-height:1.4!important}.page-content,.page-content select,.page-content input,.page-content button{font-size:12px}.stat-card,.kpi-card{padding:16px!important}.topbar h1,.topbar h2,.topbar-title,.page-title,.page-header h1,.page-content h1{letter-spacing:0!important;font-size:16px!important;line-height:1.35!important}.page-content h2{font-size:15px!important;line-height:1.4!important}.page-content h3,.card-header h3,.quick-title h3{font-size:12px!important;line-height:1.4!important}.page-content p,.page-content label,.page-content span,.page-content td,.page-content th,.page-content select,.page-content input,.page-content button{font-size:11px!important;line-height:1.5!important}.kpi-info>strong,.stat-value,.kpi-value{font-size:17px!important;line-height:1.3!important}.kpi-info small,.stat-change,.kpi-change,.stat-description,.kpi-description{font-size:10px!important}.page-content select,.page-content input,.page-content button{min-height:34px}.topbar{gap:6px!important;min-height:60px!important;padding:8px 10px!important}.page-content{padding:14px 12px 22px!important}.topbar .topbar-left{flex:1!important;gap:8px!important;min-width:0!important}.topbar .topbar-left h1,.topbar .topbar-left h2,.topbar .topbar-title{white-space:normal!important;overflow-wrap:break-word!important;font-size:16px!important;line-height:1.25!important}.topbar .topbar-right{flex-shrink:0!important;gap:8px!important}.page-content{width:100%!important;min-width:0!important;padding:12px!important;overflow-x:hidden!important}.page-content select,.page-content input,.page-content button{font-size:12px!important}.page-content .filter-bar,.page-content .filter-row,.page-content .filters{gap:8px!important;width:100%!important;min-width:0!important}.page-content .kpi-card,.page-content .stat-card{min-width:0!important}}