.page-login *{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.page-login{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#0b2540 50%,#0c4a6e 50%);padding:20px}.page-login .app-window{position:relative;width:100%;max-width:980px;height:600px;border-radius:28px;overflow:hidden;box-shadow:0 25px 60px #000000a6;border:1.5px solid rgba(255,255,255,.18);background:url(https://images.unsplash.com/photo-1518457607834-6e8d80c183c5?auto=format&fit=crop&w=1400&q=80) center/cover no-repeat}.page-login .app-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b2540c7,#0284c761 45%,#0c4a6ed9);pointer-events:none}.page-login .navbar{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:22px 32px}.page-login .brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.page-login .brand img{height:36px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.page-login .brand-text{line-height:1.15}.page-login .brand-text b{display:block;font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.page-login .brand-text span{display:block;font-size:9.5px;font-weight:500;opacity:.85;letter-spacing:.3px}.page-login .nav-links{display:flex;list-style:none;gap:28px}.page-login .nav-links a{color:#fff;text-decoration:none;font-size:13px;font-weight:500;opacity:.9;transition:opacity .2s}.page-login .nav-links a:hover{opacity:1}.page-login .nav-links a.active{opacity:1;border-bottom:2px solid #fff;padding-bottom:2px}.page-login .nav-actions{display:flex;align-items:center;gap:14px;color:#fff}.page-login .search-btn{display:flex;align-items:center;gap:8px;border:1.5px solid rgba(255,255,255,.85);border-radius:20px;padding:5px 16px;font-size:12.5px;font-weight:500;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.page-login .card-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);z-index:10;width:100%;max-width:360px}.page-login .glass-card{background:#ffffff26;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.35);border-radius:20px;padding:28px 30px 22px;text-align:center;box-shadow:0 16px 32px #00000040}.page-login .glass-card h2{color:#fff;font-size:24px;font-weight:800;margin-bottom:2px;letter-spacing:.2px}.page-login .glass-card .sub{color:#ffffffd9;font-size:11.5px;margin-bottom:22px;line-height:1.4}.page-login .glass-card .sub b{color:#fff}.page-login .member-text{color:#ffffffd9;font-size:11.5px;margin-top:14px}.page-login .member-text a{color:#7cc4ff;text-decoration:none;font-weight:600}.page-login .member-text a:hover{text-decoration:underline}.page-login .input-group{text-align:left;margin-bottom:16px;position:relative}.page-login .input-group label{display:block;color:#fff;font-size:12px;font-weight:500;margin-bottom:4px}.page-login .input-group input{width:100%;background:transparent;border:none;border-bottom:1.5px solid rgba(255,255,255,.65);padding:6px 28px 6px 0;color:#fff;font-size:13.5px;outline:none;transition:border-color .2s}.page-login .input-group input::placeholder{color:#ffffff8c}.page-login .input-group input:focus{border-bottom-color:#7cc4ff}.page-login .input-group .toggle{position:absolute;right:0;bottom:6px;color:#ffffffd9;cursor:pointer;font-size:13px;padding:2px 4px}.page-login .row-between{display:flex;justify-content:space-between;align-items:center;margin:8px 0 10px;font-size:11px}.page-login .row-between label{color:#ffffffe6;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11px}.page-login .row-between input[type=checkbox]{accent-color:#0284c7}.page-login .row-between a{color:#7cc4ff;text-decoration:none;font-weight:600}.page-login .row-between a:hover{text-decoration:underline}.page-login .btn-submit{width:100%;background:#0284c7;color:#fff;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:700;cursor:pointer;margin-top:6px;box-shadow:0 4px 12px #0284c759;transition:background .2s,transform .1s}.page-login .btn-submit:hover{background:#0369a1}.page-login .btn-submit:active{transform:scale(.98)}.page-login .btn-submit:disabled{opacity:.6;cursor:not-allowed}.page-login .separator{display:flex;align-items:center;margin:16px 0 12px}.page-login .separator:before,.page-login .separator:after{content:"";flex:1;height:1px;background:#fff6}.page-login .separator span{color:#ffffffd9;font-size:11px;padding:0 10px}.page-login .social-icons{display:flex;justify-content:center;gap:12px}.page-login .social-btn{width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:15px;background:#fff;transition:transform .2s;color:#333;cursor:pointer;border:none}.page-login .social-btn:hover{transform:scale(1.1)}.page-login .err{display:none;background:#ef44442e;border:1px solid rgba(239,68,68,.5);color:#fff;font-size:11.5px;padding:7px 10px;border-radius:8px;margin-bottom:12px;text-align:left;line-height:1.4}.page-login .err.show{display:block}.page-login .hint{font-size:10px;color:#ffffffb3;margin-top:10px;line-height:1.4}@media (max-width: 768px){.page-login .app-window{height:auto;min-height:580px;padding-bottom:30px}.page-login .nav-links{display:none}.page-login .card-container{position:relative;top:0;left:0;transform:none;margin:18px auto 0;padding:0 16px}}.page-dashboard *{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page-dashboard{height:100dvh;overflow:hidden}.page-dashboard{background-color:#f1f5f9;color:#0f172a;padding:10px 14px 10px 224px}.page-dashboard .app-sidebar{position:fixed;top:0;left:0;bottom:0;width:210px;z-index:50;background:linear-gradient(180deg,#0b2540,#103a66);color:#e8f0fb;display:flex;flex-direction:column;padding:16px 12px;box-shadow:2px 0 12px #00000026}.page-dashboard .sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}.page-dashboard .sidebar-brand img{height:34px;width:auto}.page-dashboard .sidebar-brand-title{font-size:12px;font-weight:800;line-height:1.25;text-transform:uppercase}.page-dashboard .sidebar-brand-sub{font-size:8.5px;color:#93b4d8;line-height:1.3}.page-dashboard .sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.page-dashboard .sidebar-link{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;color:#c9dbee;text-decoration:none;font-size:11.5px;font-weight:700;transition:all .18s}.page-dashboard .sidebar-link:hover{background:#ffffff17;color:#fff}.page-dashboard .sidebar-link.active{background:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c773}.page-dashboard .sidebar-footer{font-size:8.5px;color:#7fa2c7;text-align:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);line-height:1.4}.page-dashboard .sidebar-toggle{position:absolute;right:-13px;top:14px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0b2540;color:#fff;font-size:13px;font-weight:900;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;z-index:51}.page-dashboard .sidebar-toggle:hover{background:#123a66}.page-dashboard .app-sidebar.collapsed{width:46px}.page-dashboard .app-sidebar.collapsed .sidebar-brand,.page-dashboard .app-sidebar.collapsed .sidebar-nav,.page-dashboard .app-sidebar.collapsed .sidebar-footer{display:none}.page-dashboard body.sidebar-collapsed{padding-left:62px}.page-dashboard #screenshotToast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(10px);background:#0f172aeb;color:#fff;padding:8px 16px;border-radius:8px;font-size:11.5px;font-weight:700;z-index:9999;opacity:0;transition:all .25s;pointer-events:none}.page-dashboard .dashboard-container{max-width:1650px;margin:0 auto;height:100%;display:grid;grid-template-columns:400px minmax(0,1fr);gap:12px}.page-dashboard .dashboard-container>div{display:flex;flex-direction:column;min-height:0}.page-dashboard .dashboard-container>div>.card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.page-dashboard .dashboard-container>div>.card.card-scroll{overflow-y:auto}.page-dashboard .card{background:#fff;border-radius:12px;padding:10px;box-shadow:0 4px 16px #0000000d}.page-dashboard .header-banner{background:#0284c7;color:#fff;border-radius:8px;padding:7px 12px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.page-dashboard .header-banner h2{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.page-dashboard .header-banner-filter{align-items:center;gap:6px 12px;padding:5px 10px}.page-dashboard .header-banner-filter h2{flex:0 0 auto;white-space:nowrap;font-size:11px;letter-spacing:.3px}.page-dashboard .filter-inline{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr) auto;grid-auto-rows:auto;align-items:center;gap:2px 8px;flex:1 1 auto;min-width:0}.page-dashboard .filter-inline-title{display:flex;justify-content:space-between;gap:8px;font-size:8px;font-weight:800;color:#ffffffd9;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.page-dashboard .filter-inline-count{color:#ffffffb8;font-weight:700}.page-dashboard .filter-inline-spacer{min-height:0}.page-dashboard .header-banner-filter .range-inputs{margin-bottom:0;gap:4px}.page-dashboard .header-banner-filter .range-inputs label{color:#ffffffd9;flex:0 0 auto;font-size:9.5px}.page-dashboard .header-banner-filter .range-inputs input[type=date]{height:21px;padding:0 4px;font-size:9.5px;min-width:0}.page-dashboard .header-banner-filter .wilayah-select{height:21px;padding:0 6px;font-size:9.5px;min-width:0}.page-dashboard .header-banner-filter .range-buttons{margin-top:0;gap:5px;flex-wrap:wrap}.page-dashboard .header-banner-filter .range-buttons button{height:20px;padding:0 8px;font-size:9.5px}.page-dashboard .header-banner-filter .btn-apply{background:#fff;color:#0284c7}.page-dashboard .header-banner-filter .btn-apply:hover{background:#e0f2fe}.page-dashboard .header-banner-filter .btn-reset{background:#ffffff38;color:#fff;border:1px solid rgba(255,255,255,.45)}.page-dashboard .header-banner-filter .btn-reset:hover{background:#ffffff57}.page-dashboard .filter-badge{font-size:9.5px;font-weight:700;color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:5px;padding:3px 7px;white-space:nowrap;flex:0 0 auto}.page-dashboard .range-inputs{display:flex;align-items:center;gap:6px;margin-bottom:6px}.page-dashboard .range-inputs label{font-size:10.5px;font-weight:600;color:#64748b}.page-dashboard .range-inputs input[type=date]{background:#fff;border:1px solid #cbd5e1;padding:4px 6px;border-radius:5px;font-size:10.5px;color:#0f172a;outline:none;flex:1}.page-dashboard .range-buttons{display:flex;gap:6px}.page-dashboard .btn-apply{flex:2;background:#0284c7;color:#fff;border:none;padding:4px 10px;border-radius:5px;font-size:10.5px;font-weight:700;cursor:pointer}.page-dashboard .btn-apply:hover{background:#0369a1}.page-dashboard .btn-reset{flex:1;background:#e2e8f0;color:#334155;border:none;padding:4px 8px;border-radius:5px;font-size:10.5px;font-weight:700;cursor:pointer}.page-dashboard .btn-reset:hover{background:#cbd5e1}.page-dashboard .wilayah-select{width:100%;background:#fff;border:1px solid #cbd5e1;padding:5px 8px;border-radius:5px;font-size:10.5px;font-weight:700;color:#0f172a;outline:none;cursor:pointer}.page-dashboard .wilayah-select:focus{border-color:#0284c7}.page-dashboard .table-tabs{display:flex;gap:6px;margin-top:8px;margin-bottom:6px;flex-wrap:wrap}.page-dashboard .tab-btn{background:#f1f5f9;border:1px solid #cbd5e1;padding:4px 9px;border-radius:5px;font-size:10px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s}.page-dashboard .tab-btn:hover{background:#e2e8f0}.page-dashboard .tab-btn.active{background:#0284c7;color:#fff;border-color:#0284c7}.page-dashboard .upload-box{border:2px dashed #0284c7;background:#f0f9ff;border-radius:10px;padding:12px;text-align:center;margin-bottom:14px;cursor:pointer;transition:.2s}.page-dashboard .upload-box:hover{background:#e0f2fe}.page-dashboard .upload-box p{font-size:12px;color:#0284c7;font-weight:700;margin-bottom:4px}.page-dashboard .upload-box small{font-size:10.5px;color:#64748b;display:block;margin-bottom:6px}.page-dashboard #pdfFileInput{display:none}.page-dashboard .btn-upload{display:inline-block;background:#0284c7;color:#fff;font-size:11px;font-weight:700;padding:5px 12px;border-radius:6px}.page-dashboard .upload-status{display:none;font-size:11px;font-weight:700;margin-top:8px;padding:6px 8px;border-radius:6px}.page-dashboard .upload-status.ok{display:block;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.page-dashboard .upload-status.err{display:block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.page-dashboard .report-list{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;margin-bottom:14px}.page-dashboard .report-list-title{font-size:10.5px;font-weight:800;color:#0284c7;text-transform:uppercase;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.page-dashboard .report-list-count{background:#0284c7;color:#fff;font-size:9.5px;padding:2px 8px;border-radius:999px}.page-dashboard .report-list-items{display:flex;flex-wrap:wrap;gap:6px;max-height:115px;overflow-y:auto}.page-dashboard .report-chip{background:#f0f9ff;border:1px solid #bae6fd;color:#075985;font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:999px;white-space:nowrap}.page-dashboard .kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px}.page-dashboard .kpi-box{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;padding:8px;border-radius:8px;text-align:center}.page-dashboard .kpi-box.green{background:linear-gradient(135deg,#059669,#047857)}.page-dashboard .kpi-box span{font-size:9px;text-transform:uppercase;font-weight:700;opacity:.9;display:block;margin-bottom:2px}.page-dashboard .kpi-box h3{font-size:16px;font-weight:800;margin-bottom:1px}.page-dashboard .chart-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:7px 10px;margin-bottom:7px}.page-dashboard .chart-block h4{font-size:10.5px;font-weight:800;color:#0284c7;margin-bottom:5px;text-transform:uppercase}.page-dashboard .donut-layout{display:flex;align-items:center;justify-content:space-between;gap:10px}.page-dashboard .chart-wrapper{position:relative;height:100%;max-height:200px;max-width:190px;width:auto;aspect-ratio:200 / 214;flex-shrink:0;container-type:size}.page-dashboard .donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:94px}.page-dashboard .donut-center-text{width:50cqw}.page-dashboard .donut-center-text .title{font-size:9px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.2px}.page-dashboard .donut-center-text .title{font-size:4.8cqw}.page-dashboard .donut-center-text .val{font-size:13px;font-weight:900;color:#0f172a;line-height:1.12}.page-dashboard .donut-center-text .val{font-size:7cqw}.page-dashboard .donut-legend{font-size:10px;flex:1 1 auto;min-width:0}.page-dashboard .dashboard-container>div>.card.card-scroll>.chart-block{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.page-dashboard .dashboard-container>div>.card.card-scroll>.chart-block h4{flex:0 0 auto}.page-dashboard .dashboard-container>div>.card.card-scroll>.chart-block .donut-layout{flex:1 1 auto;min-height:0}.page-dashboard .dashboard-container>div>.card.card-scroll>.chart-block .chart-wrapper{flex:0 0 auto}.page-dashboard .dashboard-container>div>.card.card-scroll>.chart-block .donut-legend{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.page-dashboard .dashboard-container>div>.card.card-scroll>.chart-block .legend-item:last-child{margin-bottom:0}.page-dashboard .legend-item{display:flex;align-items:flex-start;gap:5px;margin-bottom:3px}.page-dashboard .legend-dot{width:8px;height:8px;border-radius:50%;margin-top:3px;flex-shrink:0}.page-dashboard .legend-text{line-height:1.3}.page-dashboard .legend-text b{font-size:10px;color:#0f172a}.page-dashboard .legend-text span{color:#64748b;font-size:9.5px}.page-dashboard .legend-summary{margin-top:4px;padding-top:4px;border-top:1px dashed #cbd5e1}.page-dashboard .legend-summary .lbl{font-size:9.5px;font-weight:800;color:#0f172a;line-height:1.25}.page-dashboard .legend-summary .lbl .note{font-weight:600;color:#64748b}.page-dashboard .legend-summary .val{font-size:9.5px;font-weight:800;color:#dc2626;line-height:1.25;margin-top:1px}.page-dashboard .chart-side{display:flex;gap:10px;margin-bottom:6px;flex:1 1 auto;min-height:240px}.page-dashboard .chart-side.no-trend{min-height:0}.page-dashboard .chart-side.no-trend .trend-cell{display:none}.page-dashboard .chart-side.no-trend .bar-cell{width:100%}.page-dashboard .bar-cell,.page-dashboard .trend-cell{width:50%;min-width:0;display:flex;flex-direction:column}.page-dashboard .bar-cell{position:relative;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.page-dashboard .trend-cell{padding:6px 10px}.page-dashboard .trend-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}.page-dashboard .trend-head h4{font-size:10px;margin-bottom:0;flex:1 1 auto;min-width:0}.page-dashboard .trend-tabs{display:flex;gap:3px;flex:0 0 auto}.page-dashboard .trend-head #trendVer{font-size:7px;font-weight:700;color:#94a3b8;flex:0 0 auto;align-self:center}.page-dashboard .trend-tabs button{font:inherit;font-size:8.5px;font-weight:700;padding:2px 5px;border:1px solid #cbd5e1;border-radius:4px;background:#e2e8f0;color:#334155;cursor:pointer;white-space:nowrap;line-height:1.4}.page-dashboard .trend-tabs button:hover{background:#cbd5e1}.page-dashboard .trend-tabs button.active{background:#0284c7;color:#fff;border-color:#0284c7}.page-dashboard .trend-canvas{position:relative;flex:1 1 auto;min-height:250px}.page-dashboard .trend-range{display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin-bottom:4px}.page-dashboard .trend-range label{font-size:8px;font-weight:700;color:#64748b;white-space:nowrap}.page-dashboard .trend-range input[type=date]{height:21px;padding:0 4px;font-size:9.5px;min-width:0;flex:1 1 74px;border:1px solid #cbd5e1;border-radius:3px;background:#fff;color:#334155;cursor:pointer}.page-dashboard .trend-range input[type=date]:focus{outline:2px solid #0284c7;outline-offset:-1px;border-color:#0284c7}.page-dashboard .trend-range button{font:inherit;font-size:8px;font-weight:700;padding:2px 5px;border:1px solid #cbd5e1;border-radius:3px;background:#e2e8f0;color:#334155;cursor:pointer;white-space:nowrap;line-height:1.4}.page-dashboard .trend-range button:hover{background:#cbd5e1}.page-dashboard .trend-range.is-active{background:#fef3c7;border-left:2px solid #f59e0b;padding:2px 4px;border-radius:3px}.page-dashboard .trend-range .tr-flag{font-size:7.5px;font-weight:700;color:#b45309;white-space:nowrap}.page-dashboard .trend-range .tr-hint{font-size:7.5px;font-weight:700;color:#0284c7;white-space:nowrap}.page-dashboard .trend-empty{font-size:9px;color:#b91c1c;background:#fef2f2;border-left:2px solid #dc2626;padding:4px 5px;border-radius:3px}.page-dashboard .bar-cell canvas,.page-dashboard .trend-canvas canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.page-dashboard .table-responsive{width:100%;overflow-x:auto;overflow-y:auto;margin-top:4px;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.page-dashboard .table-responsive table{flex:1 1 auto;min-height:0}.page-dashboard table{width:100%;border-collapse:collapse;font-size:10.5px;white-space:nowrap}.page-dashboard table th,.page-dashboard table td{border-right:1px solid #d1d7e0}.page-dashboard table tr th:last-child,.page-dashboard table tr td:last-child{border-right:none}.page-dashboard th{background:#0284c7;color:#fff;text-align:left;padding:5px 6px;font-weight:700;font-size:10px}.page-dashboard td{padding:4px 6px;border-bottom:1px solid #e2e8f0;font-variant-numeric:tabular-nums}.page-dashboard tr:hover{background-color:#f8fafc}.page-dashboard tfoot tr{background-color:#f1f5f9;font-weight:800;border-top:2px solid #cbd5e1}.page-dashboard tfoot td{color:#0284c7;font-size:10.5px}.page-dashboard .text-right{text-align:right}.page-dashboard .text-center{text-align:center}.page-dashboard .fw-bold{font-weight:700}.page-dashboard .empty-row td{text-align:center;color:#94a3b8;padding:14px;font-style:italic}.page-dashboard .callout{background:#fef3c7;border-left:3px solid #d97706;padding:4px 9px;border-radius:5px;font-size:9.5px;line-height:1.35;color:#92400e;margin-top:5px;flex:0 0 auto;column-width:380px;column-gap:18px;column-rule:1px solid rgba(217,119,6,.25)}.page-dashboard #loadingOverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:999;align-items:center;justify-content:center}.page-dashboard #loadingOverlay.show{display:flex}.page-dashboard .loading-box{background:#fff;border-radius:12px;padding:22px 28px;text-align:center;box-shadow:0 10px 30px #0003}.page-dashboard .loading-box .spin{width:34px;height:34px;border:4px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;margin:0 auto 10px;animation:spin .8s linear infinite}.page-dashboard .loading-box p{font-size:13px;font-weight:700;color:#0f172a}.page-dashboard .loading-box small{font-size:11px;color:#64748b}@keyframes spin{to{transform:rotate(360deg)}}.page-dashboard #trendBlock{display:none}.page-dashboard .cdn-error{display:none;max-width:720px;margin:40px auto;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:10px;padding:18px 20px;color:#991b1b;font-size:13px;line-height:1.5}.page-dashboard .cdn-error.show{display:block}.page-dashboard .cdn-error b{display:block;margin-bottom:6px;font-size:15px}.page-dashboard .cdn-error button{margin-top:12px;background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer}.page-dashboard .cdn-error button:hover{background:#b91c1c}.page-dashboard .card-main{position:relative;background:linear-gradient(180deg,#fff,#f8fafc 55%,#eef2f7);border:1px solid #dbe3ec;box-shadow:inset 0 1px #fff,inset 0 -1px #94a3b84d,0 1px 2px #0f172a0f,0 10px 24px -10px #0f172a59}.page-dashboard .card-main .header-banner{background:linear-gradient(180deg,#38bdf8,#0284c7 46%,#0369a1);border:1px solid #075985;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #00000029,0 2px #075985,0 5px 12px -2px #0284c773;-webkit-print-color-adjust:exact;print-color-adjust:exact}.page-dashboard .card-main .header-banner h2{text-shadow:0 1px 1px rgba(0,0,0,.28)}.page-dashboard .card-main .wilayah-select,.page-dashboard .card-main .range-inputs input[type=date]{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #94a3b8;box-shadow:inset 0 2px 3px #0f172a38,0 1px #ffffff80}.page-dashboard .card-main .wilayah-select:focus,.page-dashboard .card-main .range-inputs input[type=date]:focus{border-color:#0ea5e9;box-shadow:inset 0 2px 3px #0f172a2e,0 0 0 2px #0ea5e966}.page-dashboard .card-main .range-buttons button{border:1px solid rgba(2,132,199,.5);box-shadow:0 2px #0369a1d9,0 3px 6px #0f172a38;text-shadow:0 1px 0 rgba(255,255,255,.35);transition:transform .06s ease,box-shadow .06s ease,background .18s ease}.page-dashboard .card-main .header-banner-filter .btn-apply{background:linear-gradient(180deg,#fff,#e0f2fe);color:#0369a1}.page-dashboard .card-main .header-banner-filter .btn-apply:hover{background:linear-gradient(180deg,#fff,#bae6fd)}.page-dashboard .card-main .header-banner-filter .btn-reset{background:linear-gradient(180deg,#ffffff57,#ffffff29);border-color:#ffffff8c}.page-dashboard .card-main .header-banner-filter .btn-reset:hover{background:linear-gradient(180deg,#ffffff70,#ffffff3d)}.page-dashboard .card-main .range-buttons button:active{transform:translateY(2px);box-shadow:0 0 #0000,0 1px 2px #0f172a33}.page-dashboard .card-main .filter-badge{background:linear-gradient(180deg,#ffffff52,#ffffff1f);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #ffffff8c,0 2px 5px #0000003d;text-shadow:0 1px 1px rgba(0,0,0,.24)}.page-dashboard .card-main .bar-cell,.page-dashboard .card-main .chart-block{background:linear-gradient(180deg,#fff,#f4f7fb);border:1px solid #d8e0ea;box-shadow:inset 0 1px #fff,0 1px 1px #0f172a0d,0 2px 5px #0f172a17}.page-dashboard .card-main .chart-block h4{color:#0369a1;text-shadow:0 1px 0 #ffffff}.page-dashboard .card-main thead th{background:linear-gradient(180deg,#38bdf8,#0284c7 55%,#0369a1);border-bottom:1px solid #075985;box-shadow:inset 0 1px #ffffff61;text-shadow:0 1px 1px rgba(0,0,0,.22);-webkit-print-color-adjust:exact;print-color-adjust:exact}.page-dashboard .card-main tbody tr:nth-child(2n){background:#f8fafc}.page-dashboard .card-main tbody tr:hover{background:#e0f2fe}.page-dashboard .card-main tfoot tr{background:linear-gradient(180deg,#e2e8f0,#cbd5e1);box-shadow:inset 0 1px #fff;border-top:1px solid #94a3b8}.page-dashboard .card-main .tab-btn{background:linear-gradient(180deg,#fff,#eef2f7);box-shadow:inset 0 1px #fff,0 1px 2px #0f172a14}.page-dashboard .card-main .tab-btn.active{background:linear-gradient(180deg,#38bdf8,#0284c7 55%,#0369a1);border-color:#075985;box-shadow:inset 0 1px #ffffff73,0 2px #075985,0 3px 6px #0284c759}.page-dashboard .card-main .callout{background:linear-gradient(180deg,#fffbeb,#fef3c7);box-shadow:inset 0 1px #fff,0 2px 5px #0f172a1a}.page-dashboard .card-kpi{position:relative}.page-dashboard .card-kpi .report-title-wrap{position:relative;background:linear-gradient(180deg,#fff,#f1f5f9);border:1px solid #d5dee8;border-radius:12px;padding:9px 12px;box-shadow:inset 0 1px #fff,0 2px #c3cfdc,0 8px 16px -6px #0f172a73}.page-dashboard .card-kpi .report-title-wrap:before{content:"";position:absolute;inset:1px 1px auto 1px;height:46%;border-radius:11px 11px 40% 40%/11px 11px 18px 18px;background:linear-gradient(180deg,#fffffff2,#fff0);pointer-events:none}.page-dashboard .card-kpi .report-title-wrap img{filter:drop-shadow(0 3px 4px rgba(15,23,42,.4))}.page-dashboard .card-kpi .report-title-wrap>div{text-shadow:0 1px 0 #ffffff;position:relative}.page-dashboard .card-kpi .kpi-agency{background:linear-gradient(180deg,#f1f5f9,#e6edf4);border:1px solid #dbe3ec;border-radius:8px;padding:6px 10px;box-shadow:inset 0 1px 3px #0f172a24,0 1px #fff}.page-dashboard .card-kpi .header-banner{background:linear-gradient(180deg,#38bdf8,#0284c7 46%,#0369a1);border:1px solid #075985;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #00000029,0 2px #075985,0 5px 12px -2px #0284c773;-webkit-print-color-adjust:exact;print-color-adjust:exact}.page-dashboard .card-kpi .header-banner h2{text-shadow:0 1px 1px rgba(0,0,0,.28)}.page-dashboard .card-kpi .header-banner>div:first-child>div{text-shadow:0 1px 1px rgba(0,0,0,.2)}.page-dashboard .card-kpi #badgePeriodeKiri{background:linear-gradient(180deg,#ffffff57,#ffffff24);border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:4px 11px;box-shadow:inset 0 1px #ffffff8c,0 2px 5px #00000042;text-shadow:0 1px 1px rgba(0,0,0,.24)}.page-dashboard .card-kpi .kpi-box{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#38bdf8,#0284c7 48%,#0369a1);border:1px solid #075985;border-radius:10px;padding:9px 8px;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #00000024,0 3px #075985,0 7px 14px -3px #0284c780}.page-dashboard .card-kpi .kpi-box:before{content:"";position:absolute;inset:0 0 auto 0;height:52%;background:linear-gradient(180deg,#ffffff6b,#fff0);pointer-events:none}.page-dashboard .card-kpi .kpi-box.green{background:linear-gradient(180deg,#34d399,#059669 48%,#047857);border-color:#065f46;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #00000024,0 3px #065f46,0 7px 14px -3px #05966980}.page-dashboard .card-kpi .kpi-box span,.page-dashboard .card-kpi .kpi-box h3,.page-dashboard .card-kpi .kpi-box small{position:relative;text-shadow:0 1px 2px rgba(0,0,0,.28)}.page-dashboard .card-kpi .kpi-box h3{font-size:17px;letter-spacing:-.2px}.page-dashboard .card-kpi .kpi-box small{opacity:.88}@media (max-width: 1200px){.page-dashboard .dashboard-container{grid-template-columns:330px minmax(0,1fr)}.page-dashboard .header-banner-filter{gap:5px 8px}.page-dashboard .header-banner-filter h2{font-size:10px;letter-spacing:.2px}.page-dashboard .filter-inline-title,.page-dashboard .filter-inline-count{font-size:7.5px}}@media (max-width: 1000px){.page-dashboard{height:auto;overflow:auto}.page-dashboard .dashboard-container{grid-template-columns:1fr;height:auto;gap:10px}.page-dashboard .dashboard-container>div{min-height:0}.page-dashboard .dashboard-container>div>.card,.page-dashboard .dashboard-container>div>.card.card-scroll{flex:0 0 auto;overflow:visible}.page-dashboard .dashboard-container>div>.card.card-scroll>.chart-block{flex:0 0 auto}.page-dashboard .dashboard-container>div>.card.card-scroll>.chart-block .donut-layout{height:210px;justify-content:center}.page-dashboard .dashboard-container>div>.card.card-scroll>.chart-block .chart-wrapper{flex:0 1 auto}.page-dashboard .chart-side{min-height:330px}.page-dashboard .table-responsive{min-height:240px;max-height:65vh}.page-dashboard .card-main .header-banner-filter{flex-wrap:wrap}.page-dashboard .filter-inline{min-width:100%}}@media (max-width: 700px){.page-dashboard .filter-inline{grid-template-columns:minmax(0,1fr);gap:3px 6px}.page-dashboard .filter-inline-spacer{display:none}.page-dashboard .header-banner-filter .range-buttons{justify-content:stretch}.page-dashboard .header-banner-filter .range-buttons button{flex:1}.page-dashboard .card-kpi .kpi-grid{grid-template-columns:1fr}.page-dashboard .chart-side{flex-direction:column}.page-dashboard .bar-cell,.page-dashboard .trend-cell{width:100%}.page-dashboard .table-tabs{gap:4px}}@media print{.page-dashboard{height:auto;overflow:visible}.page-dashboard{background:#fff;padding:0}.page-dashboard .no-print,.page-dashboard .upload-box,.page-dashboard .filter-inline,.page-dashboard .table-tabs{display:none!important}.page-dashboard .dashboard-container{display:block;max-width:100%}.page-dashboard .card{box-shadow:none;border:1px solid #e2e8f0;margin-bottom:14px;page-break-inside:avoid}.page-dashboard .dashboard-container>div>.card.card-scroll{overflow:visible}.page-dashboard .dashboard-container>div>.card.card-scroll>.chart-block{flex:0 0 auto;display:block}.page-dashboard .chart-wrapper{height:182px;width:170px;max-height:none;max-width:none}.page-dashboard .card-main{background:#fff;border-color:#e2e8f0}.page-dashboard .card-main .header-banner,.page-dashboard .card-main .filter-badge,.page-dashboard .card-main thead th,.page-dashboard .card-main .bar-cell,.page-dashboard .card-main .chart-block,.page-dashboard .card-main tfoot tr,.page-dashboard .card-main .tab-btn,.page-dashboard .card-main .callout,.page-dashboard .card-main .wilayah-select,.page-dashboard .card-main .range-inputs input[type=date],.page-dashboard .card-kpi .report-title-wrap,.page-dashboard .card-kpi .kpi-agency,.page-dashboard .card-kpi .header-banner,.page-dashboard .card-kpi #badgePeriodeKiri,.page-dashboard .card-kpi .kpi-box{box-shadow:none}.page-dashboard .card-kpi .report-title-wrap:before,.page-dashboard .card-kpi .kpi-box:before{display:none}.page-dashboard .card-kpi .report-title-wrap img{filter:none}}.page-dashboard .sidebar-logout{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;padding:8px 11px;border-radius:8px;background:#dc262629;color:#fecaca;border:1px solid rgba(248,113,113,.42);font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .18s}.page-dashboard .sidebar-logout:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 2px 8px #dc262673}.page-dashboard .app-sidebar.collapsed .sidebar-logout{display:none}.page-upload *{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page-upload{background:linear-gradient(160deg,#f0f9ff,#f1f5f9 60%);min-height:100vh;padding:28px 20px 28px 244px}.page-upload .app-sidebar{position:fixed;top:0;left:0;bottom:0;width:210px;z-index:50;background:linear-gradient(180deg,#0b2540,#103a66);color:#e8f0fb;display:flex;flex-direction:column;padding:16px 12px;box-shadow:2px 0 12px #00000026}.page-upload .sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}.page-upload .sidebar-brand img{height:34px;width:auto}.page-upload .sidebar-brand-title{font-size:12px;font-weight:800;line-height:1.25;text-transform:uppercase}.page-upload .sidebar-brand-sub{font-size:8.5px;color:#93b4d8;line-height:1.3}.page-upload .sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.page-upload .sidebar-link{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;color:#c9dbee;text-decoration:none;font-size:11.5px;font-weight:700;transition:all .18s}.page-upload .sidebar-link:hover{background:#ffffff17;color:#fff}.page-upload .sidebar-link.active{background:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c773}.page-upload .sidebar-footer{font-size:8.5px;color:#7fa2c7;text-align:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);line-height:1.4}.page-upload .sidebar-toggle{position:absolute;right:-13px;top:14px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0b2540;color:#fff;font-size:13px;font-weight:900;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;z-index:51}.page-upload .sidebar-toggle:hover{background:#123a66}.page-upload .app-sidebar.collapsed{width:46px}.page-upload .app-sidebar.collapsed .sidebar-brand,.page-upload .app-sidebar.collapsed .sidebar-nav,.page-upload .app-sidebar.collapsed .sidebar-footer{display:none}.page-upload body.sidebar-collapsed{padding-left:62px}@media print{.page-upload{padding:0!important}.page-upload .app-sidebar{display:none!important}}.page-upload .page{max-width:640px;margin:0 auto}.page-upload .page-header{text-align:center;margin-bottom:22px}.page-upload .page-header h1{font-size:19px;font-weight:900;color:#0c4a6e;text-transform:uppercase;letter-spacing:.5px}.page-upload .page-header p{font-size:12px;color:#64748b;margin-top:6px}.page-upload .card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 8px 24px #0284c714;margin-bottom:18px}.page-upload .upload-box{border:2px dashed #0284c7;background:#f0f9ff;border-radius:12px;padding:26px 18px;text-align:center;cursor:pointer;transition:.2s}.page-upload .upload-box:hover{background:#e0f2fe}.page-upload .upload-box.drag-over{border-color:#0284c7;background:#e0f2fe;transform:scale(1.01);box-shadow:0 0 0 3px #0284c726}.page-upload .upload-box .icon{font-size:34px;display:block;margin-bottom:8px}.page-upload .upload-box .main{font-size:14px;color:#0284c7;font-weight:800;margin-bottom:4px}.page-upload .upload-box .sub{font-size:11.5px;color:#64748b;margin-bottom:12px;display:block}.page-upload .btn-upload{display:inline-block;background:#0284c7;color:#fff;font-size:12px;font-weight:700;padding:8px 18px;border-radius:8px}.page-upload #pdfFileInput{display:none}.page-upload .upload-status{display:none;font-size:12px;font-weight:700;margin-top:12px;padding:8px 10px;border-radius:8px;line-height:1.4}.page-upload .upload-status.ok{display:block;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.page-upload .upload-status.err{display:block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.page-upload .report-list-title{font-size:12px;font-weight:800;color:#0284c7;text-transform:uppercase;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.page-upload .report-list-count{background:#0284c7;color:#fff;font-size:10.5px;padding:2px 10px;border-radius:999px}.page-upload .report-list-items{display:flex;flex-wrap:wrap;gap:6px;max-height:170px;overflow-y:auto}.page-upload .report-chip{background:#f0f9ff;border:1px solid #bae6fd;color:#075985;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.page-upload .chip-del{background:#e0f2fe;border:1px solid #7dd3fc;color:#0369a1;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:900;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.page-upload .chip-del:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.page-upload .empty-note{font-size:11.5px;color:#94a3b8}.page-upload .nav-buttons{display:flex;gap:10px;flex-wrap:wrap}.page-upload .btn{flex:1;background:#0284c7;color:#fff;border:none;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;text-align:center;text-decoration:none;display:inline-block}.page-upload .btn:hover{background:#0369a1}.page-upload .btn.ghost{background:#e2e8f0;color:#334155}.page-upload .btn.ghost:hover{background:#cbd5e1}.page-upload .tips{background:#fffbeb;border-left:4px solid #d97706;padding:10px 14px;border-radius:8px;font-size:11.5px;line-height:1.5;color:#92400e}.page-upload #loadingOverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:999;align-items:center;justify-content:center}.page-upload #loadingOverlay.show{display:flex}.page-upload .loading-box{background:#fff;border-radius:14px;padding:26px 32px;text-align:center}.page-upload .spin{width:34px;height:34px;margin:0 auto 12px;border:4px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.page-upload .loading-box p{font-size:13px;font-weight:800;color:#0f172a}.page-upload .loading-box small{font-size:11px;color:#64748b}.page-upload .sidebar-logout{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;padding:8px 11px;border-radius:8px;background:#dc262629;color:#fecaca;border:1px solid rgba(248,113,113,.42);font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .18s}.page-upload .sidebar-logout:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 2px 8px #dc262673}.page-upload .app-sidebar.collapsed .sidebar-logout{display:none}.page-laporan *{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page-laporan{background:#f1f5f9;color:#0f172a;padding:16px 20px 16px 244px}.page-laporan .app-sidebar{position:fixed;top:0;left:0;bottom:0;width:210px;z-index:50;background:linear-gradient(180deg,#0b2540,#103a66);color:#e8f0fb;display:flex;flex-direction:column;padding:16px 12px;box-shadow:2px 0 12px #00000026}.page-laporan .sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}.page-laporan .sidebar-brand img{height:34px;width:auto}.page-laporan .sidebar-brand-title{font-size:12px;font-weight:800;line-height:1.25;text-transform:uppercase}.page-laporan .sidebar-brand-sub{font-size:8.5px;color:#93b4d8;line-height:1.3}.page-laporan .sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.page-laporan .sidebar-link{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;color:#c9dbee;text-decoration:none;font-size:11.5px;font-weight:700;transition:all .18s}.page-laporan .sidebar-link:hover{background:#ffffff17;color:#fff}.page-laporan .sidebar-link.active{background:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c773}.page-laporan .sidebar-footer{font-size:8.5px;color:#7fa2c7;text-align:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);line-height:1.4}.page-laporan .sidebar-toggle{position:absolute;right:-13px;top:14px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0b2540;color:#fff;font-size:13px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:51}.page-laporan .app-sidebar.collapsed{width:46px}.page-laporan .app-sidebar.collapsed .sidebar-brand,.page-laporan .app-sidebar.collapsed .sidebar-nav,.page-laporan .app-sidebar.collapsed .sidebar-footer{display:none}.page-laporan body.sidebar-collapsed{padding-left:62px}.page-laporan .wrap{max-width:780px;margin:0 auto}.page-laporan .card{background:#fff;border-radius:14px;box-shadow:0 4px 16px #0000000d;overflow:hidden;border:1px solid #e2e8f0}.page-laporan .card-header{background:linear-gradient(135deg,#0c4a6e,#0284c7);color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.page-laporan .card-header h2{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.page-laporan .card-header .sub{font-size:11px;opacity:.9;margin-top:2px}.page-laporan .badge{background:#ffffff2e;border:1px solid rgba(255,255,255,.35);padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700}.page-laporan .toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.page-laporan .toolbar button,.page-laporan .toolbar a{border:none;padding:7px 14px;border-radius:8px;font-size:11.5px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.page-laporan .btn-primary{background:#0284c7;color:#fff}.page-laporan .btn-primary:hover{background:#0369a1}.page-laporan .btn-ghost{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.page-laporan .report-box{padding:20px 22px;font-size:13px;line-height:1.7;color:#0f172a;white-space:pre-wrap;word-break:break-word;max-height:68vh;overflow:auto}.page-laporan .report-box b{color:#0f172a}.page-laporan .period-bar{margin:0 0 14px;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #0284c7;border-radius:10px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.page-laporan .period-bar .info{font-size:12px;color:#334155}.page-laporan .period-bar .info b{color:#0f172a}.page-laporan .filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;margin:0 0 14px;display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.page-laporan .filter-card .f{flex:1;min-width:160px}.page-laporan .filter-card .f.wide{flex:2;min-width:260px}.page-laporan .filter-card label{font-size:10px;font-weight:800;color:#0284c7;text-transform:uppercase;display:block;margin-bottom:4px}.page-laporan .filter-card select,.page-laporan .filter-card input[type=date]{width:100%;background:#f8fafc;border:1px solid #cbd5e1;padding:6px 8px;border-radius:7px;font-size:12px;font-weight:600;color:#0f172a;outline:none}.page-laporan .filter-card .btns{display:flex;gap:8px;flex-wrap:wrap}.page-laporan .filter-card .btns button{border:none;padding:7px 14px;border-radius:7px;font-size:11.5px;font-weight:700;cursor:pointer}.page-laporan .btn-apply{background:#0284c7;color:#fff}.page-laporan .btn-reset{background:#e2e8f0;color:#334155}.page-laporan .count{font-size:10.5px;color:#64748b;font-weight:700;margin-top:4px}.page-laporan .noData{max-width:780px;margin:40px auto;background:#fef2f2;border-left:4px solid #dc2626;border-radius:10px;padding:18px 20px;color:#991b1b;font-size:13px}.page-laporan .toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(10px);background:#0f172aeb;color:#fff;padding:8px 16px;border-radius:8px;font-size:11.5px;font-weight:700;opacity:0;transition:all .25s;pointer-events:none;z-index:9999}.page-laporan .wrap.dual{max-width:1340px}.page-laporan .dual-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.page-laporan .dual-row .card{min-width:0}.page-laporan .card.analisa .card-header{background:linear-gradient(135deg,#134e4a,#0f766e)}.page-laporan .card.analisa .report-box{font-size:12.5px;line-height:1.65;max-height:68vh}@media (max-width: 1080px){.page-laporan .dual-row{grid-template-columns:1fr}}@media print{.page-laporan{padding:0}.page-laporan .app-sidebar,.page-laporan .toolbar,.page-laporan .period-bar,.page-laporan .filter-card{display:none!important}.page-laporan .card{box-shadow:none}.page-laporan .wrap.dual{max-width:none}.page-laporan .dual-row{grid-template-columns:1fr 1fr}.page-laporan .report-box{max-height:none!important;overflow:visible!important;padding:0 12px}}.page-laporan .sidebar-logout{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;padding:8px 11px;border-radius:8px;background:#dc262629;color:#fecaca;border:1px solid rgba(248,113,113,.42);font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .18s}.page-laporan .sidebar-logout:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 2px 8px #dc262673}.page-laporan .app-sidebar.collapsed .sidebar-logout{display:none}.page-analisis *{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page-analisis{background-color:#f1f5f9;color:#0f172a;padding:16px 20px 16px 244px}.page-analisis .app-sidebar{position:fixed;top:0;left:0;bottom:0;width:210px;z-index:50;background:linear-gradient(180deg,#0b2540,#103a66);color:#e8f0fb;display:flex;flex-direction:column;padding:16px 12px;box-shadow:2px 0 12px #00000026}.page-analisis .sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}.page-analisis .sidebar-brand img{height:34px;width:auto}.page-analisis .sidebar-brand-title{font-size:12px;font-weight:800;line-height:1.25;text-transform:uppercase}.page-analisis .sidebar-brand-sub{font-size:8.5px;color:#93b4d8;line-height:1.3}.page-analisis .sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.page-analisis .sidebar-link{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;color:#c9dbee;text-decoration:none;font-size:11.5px;font-weight:700;transition:all .18s}.page-analisis .sidebar-link:hover{background:#ffffff17;color:#fff}.page-analisis .sidebar-link.active{background:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c773}.page-analisis .sidebar-footer{font-size:8.5px;color:#7fa2c7;text-align:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);line-height:1.4}.page-analisis .sidebar-toggle{position:absolute;right:-13px;top:14px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0b2540;color:#fff;font-size:13px;font-weight:900;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;z-index:51}.page-analisis .sidebar-toggle:hover{background:#123a66}.page-analisis .app-sidebar.collapsed{width:46px}.page-analisis .app-sidebar.collapsed .sidebar-brand,.page-analisis .app-sidebar.collapsed .sidebar-nav,.page-analisis .app-sidebar.collapsed .sidebar-footer{display:none}.page-analisis body.sidebar-collapsed{padding-left:62px}.page-analisis .topbar{max-width:1650px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.page-analisis .topbar .links{display:flex;gap:8px;flex-wrap:wrap}.page-analisis .topbar button{background:#0284c7;color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.page-analisis .topbar button.ghost{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.page-analisis .topbar button:hover{filter:brightness(1.08)}.page-analisis .source-badge{font-size:11px;font-weight:700;color:#64748b;background:#fff;border:1px solid #e2e8f0;padding:6px 12px;border-radius:999px}.page-analisis .analysis-wrap{max-width:1650px;margin:20px auto 10px}.page-analisis .analysis-panel{background:#fff;border-radius:14px;box-shadow:0 4px 16px #0000000d;overflow:hidden;border:1px solid #e2e8f0}.page-analisis .analysis-header{background:linear-gradient(135deg,#0c4a6e,#0284c7);color:#fff;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.page-analisis .analysis-header h2{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.page-analisis .analysis-header .sub{font-size:11px;opacity:.9;margin-top:3px}.page-analisis .analysis-badge{background:#ffffff26;border:1px solid rgba(255,255,255,.35);padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700}.page-analisis .analysis-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#e2e8f0;border-bottom:1px solid #e2e8f0}.page-analisis .analysis-kpi{background:#f8fafc;padding:12px 14px;text-align:center}.page-analisis .analysis-kpi .lbl{font-size:9.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:4px}.page-analisis .analysis-kpi .val{font-size:16px;font-weight:900;color:#0f172a;display:block}.page-analisis .analysis-kpi .note{font-size:9.5px;color:#94a3b8;display:block;margin-top:2px}.page-analisis .analysis-kpi.accent-blue .val{color:#0284c7}.page-analisis .analysis-kpi.accent-green .val{color:#059669}.page-analisis .analysis-kpi.accent-amber .val{color:#d97706}.page-analisis .analysis-kpi.accent-red .val{color:#dc2626}.page-analisis .analysis-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.page-analisis .analysis-col{padding:18px 20px;border-right:1px solid #e2e8f0}.page-analisis .analysis-col:last-child{border-right:none}.page-analisis .analysis-col h5{font-size:11px;font-weight:800;color:#0284c7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #e0f2fe;display:flex;align-items:center;gap:6px}.page-analisis .analysis-col h5 .num{background:#0284c7;color:#fff;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.page-analisis .analysis-col p{font-size:12px;line-height:1.6;color:#334155;margin-bottom:12px}.page-analisis .analysis-col p:last-child{margin-bottom:0}.page-analisis .trend-model{margin:-6px 0 12px;background:#fff;border:1px solid #dbe3ec;border-radius:10px;overflow:hidden;box-shadow:inset 0 1px #fff,0 2px 6px #0f172a12}.page-analisis .ana-grain{display:flex;gap:3px;margin:-4px 0 10px}.page-analisis .ana-grain button{font:inherit;font-size:8.5px;font-weight:700;padding:2px 6px;border:1px solid #cbd5e1;border-radius:4px;background:#e2e8f0;color:#334155;cursor:pointer;white-space:nowrap;line-height:1.4}.page-analisis .ana-grain button:hover{background:#cbd5e1}.page-analisis .ana-grain button.active{background:#0284c7;color:#fff;border-color:#0284c7}.page-analisis .tm-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:linear-gradient(180deg,#0ea5e9,#0284c7 55%,#0369a1);-webkit-print-color-adjust:exact;print-color-adjust:exact}.page-analisis .tm-title{font-size:9.5px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.4px;text-shadow:0 1px 1px rgba(0,0,0,.28)}.page-analisis .tm-dir{font-size:9px;font-weight:800;color:#fff;padding:2px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px;box-shadow:inset 0 1px #ffffff80,0 1px 3px #00000047}.page-analisis .tm-dir.down{background:#dc2626}.page-analisis .tm-dir.up{background:#059669}.page-analisis .tm-dir.flat{background:#64748b}.page-analisis .tm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e2e8f0;border-bottom:1px solid #e2e8f0}.page-analisis .tm-metric{background:#fff;padding:5px 8px}.page-analisis .tm-k{display:block;font-size:8px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.2px}.page-analisis .tm-v{display:block;font-size:12px;font-weight:800;color:#0f172a;margin-top:1px;font-variant-numeric:tabular-nums}.page-analisis .tm-v em{font-style:normal;font-size:8.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.2px}.page-analisis .tm-v.down{color:#dc2626}.page-analisis .tm-v.up{color:#059669}.page-analisis .tm-table{width:100%;border-collapse:collapse;font-size:10px}.page-analisis .tm-table th{background:#f1f5f9;color:#475569;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.2px;padding:4px 8px;text-align:left;border-bottom:1px solid #dbe3ec}.page-analisis .tm-table td{padding:3px 8px;border-bottom:1px solid #f1f5f9;color:#334155;font-variant-numeric:tabular-nums}.page-analisis .tm-table tbody tr:last-child td{border-bottom:none}.page-analisis .tm-table tbody tr:nth-child(2n) td{background:#f8fafc}.page-analisis .tm-table .r{text-align:right}.page-analisis .tm-table .strong{font-weight:800;color:#0f172a}.page-analisis .tm-table .down{color:#dc2626;font-weight:700}.page-analisis .tm-table .up{color:#059669;font-weight:700}.page-analisis .tm-table .muted{color:#cbd5e1}.page-analisis .tm-foot{padding:5px 10px;font-size:8.5px;color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;font-variant-numeric:tabular-nums}.page-analisis .tm-empty{padding:9px 10px;font-size:10px;color:#64748b;text-align:center}.page-analisis .analysis-col strong{color:#0f172a}.page-analisis .metric-row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;border-bottom:1px dashed #e2e8f0;font-size:11.5px}.page-analisis .metric-row:last-child{border-bottom:none}.page-analisis .metric-row .k{color:#64748b}.page-analisis .metric-row .v{font-weight:800;color:#0f172a;font-variant-numeric:tabular-nums}.page-analisis .metric-row .v.good{color:#059669}.page-analisis .metric-row .v.warn{color:#d97706}.page-analisis .metric-row .v.bad{color:#dc2626}.page-analisis .bar-mini{height:7px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin-top:4px}.page-analisis .bar-mini>i{display:block;height:100%;border-radius:99px}.page-analisis .rank-list{list-style:none;margin:0 0 12px;padding:0}.page-analisis .rank-list li{display:flex;align-items:center;gap:8px;font-size:11.5px;padding:5px 0;border-bottom:1px dashed #e2e8f0;color:#334155}.page-analisis .rank-list li:last-child{border-bottom:none}.page-analisis .rank-list .rk{width:20px;height:20px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-analisis .rank-list li:nth-child(1) .rk{background:#0284c7;color:#fff}.page-analisis .rank-list li:nth-child(2) .rk{background:#0369a1;color:#fff}.page-analisis .rank-list li:nth-child(3) .rk{background:#075985;color:#fff}.page-analisis .rank-list .nm{flex:1;font-weight:600}.page-analisis .rank-list .sh{font-weight:800;color:#0284c7;font-variant-numeric:tabular-nums}.page-analisis .rec-list{list-style:none;counter-reset:rec;margin:0;padding:0}.page-analisis .rec-list li{counter-increment:rec;position:relative;padding:8px 0 8px 30px;font-size:11.5px;line-height:1.5;color:#334155;border-bottom:1px dashed #e2e8f0}.page-analisis .rec-list li:last-child{border-bottom:none}.page-analisis .rec-list li:before{content:counter(rec);position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:6px;background:#0f172a;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.page-analisis .rec-list li b{color:#0f172a}.page-analisis .tag{display:inline-block;font-size:9px;font-weight:800;padding:1px 7px;border-radius:99px;text-transform:uppercase;letter-spacing:.3px;vertical-align:middle;margin-left:4px}.page-analisis .tag.prioritas{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.page-analisis .tag.penting{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.page-analisis .tag.pendukung{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.page-analisis .analysis-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:10px 22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10.5px;color:#64748b;line-height:1.5}.page-analisis .analysis-footer b{color:#334155}.page-analisis .noData{max-width:720px;margin:60px auto;background:#fef2f2;border-left:4px solid #dc2626;border-radius:10px;padding:20px 24px;color:#991b1b;font-size:13px;line-height:1.6;display:none}.page-analisis .noData.show{display:block}.page-analisis .noData b{display:block;margin-bottom:6px;font-size:15px}.page-analisis .noData a{color:#dc2626;font-weight:800}.page-analisis .periodbar{max-width:1650px;margin:0 auto 14px;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #0284c7;border-radius:10px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;box-shadow:0 2px 8px #0000000a}.page-analisis .periodbar .info{font-size:12px;color:#334155}.page-analisis .periodbar .info b{color:#0f172a;font-size:12.5px}.page-analisis .periodbar .info .tag-blue{background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:800;margin-left:6px}.page-analisis .periodbar button{background:#0284c7;color:#fff;border:none;padding:6px 14px;border-radius:7px;font-size:11.5px;font-weight:700;cursor:pointer}.page-analisis .periodbar button:hover{background:#0369a1}.page-analisis .wilayahbar{max-width:1650px;margin:0 auto 14px;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #0c4a6e;border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;box-shadow:0 2px 8px #0000000a}.page-analisis .wilayahbar .lbl{font-size:12px;font-weight:800;color:#0f172a}.page-analisis .wilayahbar select{background:#f8fafc;border:1px solid #cbd5e1;padding:7px 10px;border-radius:8px;font-size:12.5px;font-weight:600;color:#0f172a;outline:none;cursor:pointer;min-width:260px}.page-analisis .wilayahbar select:focus{border-color:#0c4a6e;box-shadow:0 0 0 3px #0c4a6e1f}.page-analisis .scope-badge{font-size:11px;font-weight:800;color:#0369a1;background:#e0f2fe;padding:4px 12px;border-radius:999px}@media (max-width: 1100px){.page-analisis .analysis-kpis{grid-template-columns:repeat(3,1fr)}.page-analisis .analysis-body{grid-template-columns:1fr}.page-analisis .analysis-col{border-right:none;border-bottom:1px solid #e2e8f0}}@media print{.page-analisis{background:#fff;padding:0}.page-analisis .topbar,.page-analisis .app-sidebar{display:none!important}.page-analisis .analysis-wrap{max-width:100%;margin-top:10px}.page-analisis .analysis-panel{box-shadow:none}.page-analisis .ana-grain{display:none!important}}.page-analisis .sidebar-logout{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;padding:8px 11px;border-radius:8px;background:#dc262629;color:#fecaca;border:1px solid rgba(248,113,113,.42);font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .18s}.page-analisis .sidebar-logout:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 2px 8px #dc262673}.page-analisis .app-sidebar.collapsed .sidebar-logout{display:none}.page-input *{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page-input{background:#f1f5f9;color:#0f172a;padding:16px 20px 16px 244px}.page-input .app-sidebar{position:fixed;top:0;left:0;bottom:0;width:210px;z-index:50;background:linear-gradient(180deg,#0b2540,#103a66);color:#e8f0fb;display:flex;flex-direction:column;padding:16px 12px;box-shadow:2px 0 12px #00000026}.page-input .sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}.page-input .sidebar-brand img{height:34px;width:auto}.page-input .sidebar-brand-title{font-size:12px;font-weight:800;line-height:1.25;text-transform:uppercase}.page-input .sidebar-brand-sub{font-size:8.5px;color:#93b4d8;line-height:1.3}.page-input .sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.page-input .sidebar-link{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;color:#c9dbee;text-decoration:none;font-size:11.5px;font-weight:700;transition:.18s}.page-input .sidebar-link:hover{background:#ffffff17;color:#fff}.page-input .sidebar-link.active{background:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c773}.page-input .sidebar-footer{font-size:8.5px;color:#7fa2c7;text-align:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);line-height:1.4}.page-input .sidebar-toggle{position:absolute;right:-13px;top:14px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0b2540;color:#fff;font-size:13px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;z-index:51}.page-input body.sidebar-collapsed{padding-left:62px}.page-input .app-sidebar.collapsed{width:46px}.page-input .app-sidebar.collapsed .sidebar-brand,.page-input .app-sidebar.collapsed .sidebar-nav,.page-input .app-sidebar.collapsed .sidebar-footer{display:none}.page-input .page{max-width:1650px;margin:0 auto}.page-input .page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-input .page-header h1{font-size:18px;font-weight:900;color:#0c4a6e}.page-input .page-header p{font-size:11.5px;color:#64748b;margin-top:2px}.page-input .btn{border:none;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.page-input .btn.primary{background:#0284c7;color:#fff}.page-input .btn.ghost{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.page-input .btn.danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.page-input .btn.small{padding:6px 12px;font-size:11px}.page-input .card{background:#fff;border-radius:14px;box-shadow:0 4px 16px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.page-input .card-head{padding:12px 16px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.page-input .card-head h3{font-size:13px;font-weight:800;color:#0c4a6e}.page-input .hint{font-size:10.5px;color:#64748b}.page-input .table-wrap{overflow:auto;max-height:68vh;border-top:1px solid #e2e8f0}.page-input table{width:100%;border-collapse:collapse;font-size:11.5px;white-space:nowrap}.page-input th{background:#0284c7;color:#fff;padding:7px 6px;font-size:10px;font-weight:700;text-align:center;position:sticky;top:0;z-index:2;border-right:1px solid #0ea5e9}.page-input th:last-child{border-right:none}.page-input td{padding:3px 4px;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;text-align:right}.page-input td:first-child{text-align:left;font-weight:700;background:#f8fafc;position:sticky;left:0;z-index:1}.page-input td:last-child{border-right:none}.page-input tr:hover td{background:#f0f9ff}.page-input tfoot td{background:#f1f5f9;font-weight:800;color:#0c4a6e;text-align:right}.page-input tfoot td:first-child{text-align:left;background:#e0f2fe}.page-input td input{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:4px 6px;font-size:11px;font-weight:600;color:#0f172a;background:#f8fafc;outline:none;text-align:right;min-width:90px}.page-input td input:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c726;background:#fff}.page-input .period-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #0284c7;border-radius:10px;padding:10px 14px;margin-bottom:12px;box-shadow:0 2px 8px #0000000a}.page-input .period-bar select{border:1px solid #cbd5e1;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700;min-width:220px;background:#f8fafc}.page-input .toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#0f172aeb;color:#fff;padding:8px 16px;border-radius:8px;font-size:11.5px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:9999}.page-input .toast.show{opacity:1}@media print{.page-input{padding:0}.page-input .app-sidebar{display:none!important}}.page-input .sidebar-logout{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;padding:8px 11px;border-radius:8px;background:#dc262629;color:#fecaca;border:1px solid rgba(248,113,113,.42);font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .18s}.page-input .sidebar-logout:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 2px 8px #dc262673}.page-input .app-sidebar.collapsed .sidebar-logout{display:none}.page-users{min-height:100vh;background:linear-gradient(180deg,#f1f5f9,#e2e8f0);padding:28px 20px 60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a}.page-users .users-shell{max-width:960px;margin:0 auto}.page-users .users-head{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#0b2540,#0c4a6e 60%,#0284c7);color:#fff;border-radius:16px;padding:20px 24px;margin-bottom:18px;box-shadow:0 10px 24px -8px #0b254080}.page-users .users-head .ava{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;font-size:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3)}.page-users .users-head h1{margin:0;font-size:20px;font-weight:800;letter-spacing:.2px}.page-users .users-head p{margin:2px 0 0;font-size:12.5px;opacity:.85}.page-users .users-head .count{margin-left:auto;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;white-space:nowrap}.page-users .card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;margin-bottom:18px;box-shadow:0 4px 14px -6px #0f172a1f}.page-users .card h3{margin:0 0 4px;font-size:14px;font-weight:800;color:#0c4a6e;text-transform:uppercase;letter-spacing:.4px}.page-users .card .desc{margin:0 0 14px;font-size:12.5px;color:#64748b}.page-users .form-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px;align-items:end}.page-users .form-grid label{display:block;font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.3px}.page-users .form-grid input,.page-users .form-grid select{width:100%;margin-top:4px;padding:9px 10px;font-size:13.5px;border:1.5px solid #cbd5e1;border-radius:9px;outline:none;background:#f8fafc;box-sizing:border-box}.page-users .form-grid input:focus,.page-users .form-grid select:focus{border-color:#0284c7;background:#fff}.page-users .btn-add{padding:10px 18px;border:none;border-radius:9px;cursor:pointer;background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;font-weight:800;font-size:13.5px;box-shadow:0 4px 10px -3px #0284c799;white-space:nowrap}.page-users .btn-add:hover{filter:brightness(1.08)}.page-users table{width:100%;border-collapse:collapse;font-size:13.5px}.page-users thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#64748b;padding:10px 12px;border-bottom:2px solid #e2e8f0;background:#f8fafc}.page-users thead th:first-child{border-radius:10px 0 0}.page-users thead th:last-child{border-radius:0 10px 0 0}.page-users tbody td{padding:10px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.page-users tbody tr:hover{background:#f8fafc}.page-users tbody tr:last-child td{border-bottom:none}.page-users .uname{font-weight:700;color:#0c4a6e}.page-users .uid{font-size:11px;color:#94a3b8}.page-users select.role{padding:6px 8px;font-size:12.5px;font-weight:700;border-radius:999px;border:1.5px solid #cbd5e1;cursor:pointer;outline:none}.page-users select.role.admin{background:#ede9fe;border-color:#a78bfa;color:#5b21b6}.page-users select.role.operator{background:#e0f2fe;border-color:#38bdf8;color:#075985}.page-users select.role.viewer{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.page-users .wilayah-in{width:150px;padding:7px 9px;font-size:12.5px;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;background:#fff}.page-users .wilayah-in:focus{border-color:#0284c7}.page-users .wilayah-tag{display:inline-block;font-size:11.5px;font-weight:700;color:#075985;background:#e0f2fe;border-radius:999px;padding:3px 10px}.page-users .icon-btn{border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;color:#334155;margin-right:6px}.page-users .icon-btn:hover{background:#f1f5f9}.page-users .icon-btn.danger{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.page-users .icon-btn.danger:hover{background:#fee2e2}.page-users .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#0f172aeb;color:#fff;font-size:13px;font-weight:600;padding:10px 18px;border-radius:999px;box-shadow:0 8px 20px #00000040;opacity:0;pointer-events:none;transition:opacity .25s;z-index:99}.page-users .toast.show{opacity:1}.page-users .empty{text-align:center;color:#94a3b8;padding:26px;font-size:13px}@media (max-width: 760px){.page-users .form-grid{grid-template-columns:1fr 1fr}.page-users .users-head{flex-wrap:wrap}.page-users .users-head .count{margin-left:0}}