:root{--merah: #D30000;--merah-2: #DB0000;--merah-tua: #B10000;--merah-muda: #FCEAEA;--hitam: #111111;--putih: #FFFFFF;--abu: #6B7280;--abu-muda: #F5F5F5;--border: #EAEAEA;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--nav-height: 72px;--merah-gelap: #8B0D16;--dsk-paper: #fdf7f7;--dsk-line: #f0dede;--dsk-surface: #ffffff;--dsk-th-bg: #fdf9f9;--dsk-summary-bg: #fbeeee;--dsk-donut-track: #f0e0e0;--dsk-hero-sub: #f2d5d5;--shadow: rgba(17, 17, 17, .16);--badge-ok-bg: #E7F6EC;--badge-ok-fg: #1B7F43;--badge-warn-bg: #FEF3E2;--badge-warn-fg: #B4690E}:root[data-theme=dark]{--merah-muda: #3A1414;--hitam: #ECECEC;--putih: #1B1B1D;--abu: #9CA3AF;--abu-muda: #121214;--border: #33343A;--shadow: rgba(0, 0, 0, .5);--badge-ok-bg: #12351F;--badge-ok-fg: #6EE7A0;--badge-warn-bg: #3A2A10;--badge-warn-fg: #F4B860;--dsk-paper: #1B1B1D;--dsk-line: #33343A;--dsk-surface: #232327;--dsk-th-bg: #232327;--dsk-summary-bg: #2A1A1B;--dsk-donut-track: #3A2A2A;--dsk-hero-sub: #e6c4c4;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font);color:var(--hitam);background:var(--abu-muda);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{text-decoration:none;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:var(--nav-height)}.header{background:var(--putih);border-bottom:2px solid var(--merah);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:40}.header .brand{display:flex;align-items:center;gap:12px;cursor:pointer}.header img{width:40px;height:40px;object-fit:contain}.theme-toggle{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--abu-muda);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.theme-toggle:hover{border-color:var(--merah);background:var(--merah-muda)}.header .title small{display:block;font-size:11px;color:var(--abu);letter-spacing:.5px;text-transform:uppercase}.header .title strong{font-size:16px;font-weight:700;color:var(--merah)}.content{flex:1;padding:24px 20px;max-width:1200px;width:100%;margin:0 auto}.welcome{min-height:calc(100vh - var(--nav-height) - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.welcome .lambang{width:96px;height:96px;margin-bottom:24px}.welcome h1{font-size:clamp(24px,5vw,40px);font-weight:800;color:var(--hitam);line-height:1.2;max-width:640px}.welcome h1 .highlight{color:var(--merah)}.welcome p{margin-top:16px;font-size:clamp(14px,2.5vw,17px);color:var(--abu);max-width:520px;line-height:1.6}.welcome .hint{margin-top:32px;font-size:13px;color:var(--abu);display:flex;align-items:center;gap:8px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.page-title{font-size:22px;font-weight:700;margin-bottom:4px}.page-sub{font-size:13px;color:var(--abu);margin-bottom:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.kpi{background:var(--putih);border:1px solid var(--border);border-left:4px solid var(--merah);border-radius:14px;padding:18px}.kpi .label{font-size:13px;color:var(--abu);margin-bottom:8px}.kpi .value{font-size:26px;font-weight:700;color:var(--merah-tua)}.kpi .delta{font-size:12px;margin-top:6px;color:var(--abu)}.kpi.hero{background:linear-gradient(135deg,var(--merah),var(--merah-tua));border-color:transparent;color:var(--putih)}.kpi.hero .label{color:#ffffffd9}.kpi.hero .value{color:var(--putih)}.kpi.hero .delta{color:#ffffffd9}.card{background:var(--putih);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}.card h3{font-size:15px;font-weight:700;margin-bottom:14px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}.tbl th{color:var(--abu);font-weight:600}.tbl td.num{text-align:right}.badge{display:inline-block;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:600}.badge.ok{background:var(--badge-ok-bg);color:var(--badge-ok-fg)}.badge.warn{background:var(--badge-warn-bg);color:var(--badge-warn-fg)}.badge.bad{background:var(--merah-muda);color:var(--merah-2)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--putih);border-top:1px solid var(--border);display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;z-index:50}.bottom-nav::-webkit-scrollbar{height:4px}.bottom-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.nav-item{flex:0 0 auto;min-width:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 14px;color:var(--abu);font-size:11px;font-weight:600;text-align:center;border-top:3px solid transparent;transition:color .15s,border-color .15s}.nav-item .ic{font-size:22px;line-height:1}.nav-item.active{color:var(--merah);border-top-color:var(--merah);background:var(--merah-muda)}.nav-item:active{background:var(--abu-muda)}.nav-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.nav-item.nav-btn{background:none;border:none;border-top:3px solid transparent;font-family:inherit;cursor:pointer}.nav-item.nav-btn.active{color:var(--merah);border-top-color:var(--merah);background:var(--merah-muda)}.dropup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:transparent}.dropup{position:fixed;bottom:calc(var(--nav-height) + 8px);width:250px;max-width:calc(100vw - 16px);background:var(--putih);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px var(--shadow);padding:8px;z-index:61}.dropup .dropup-title{font-size:11px;font-weight:700;color:var(--abu);text-transform:uppercase;letter-spacing:.5px;padding:6px 10px 8px}.dropup .dropup-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;margin-bottom:4px;border:none;border-radius:10px;font-size:13px;font-weight:600;color:var(--putih);background:var(--merah);text-align:left;cursor:pointer;transition:background .15s,transform .05s}.dropup .dropup-item:last-child{margin-bottom:0}.dropup .dropup-item:hover{background:var(--merah-tua)}.dropup .dropup-item:active{transform:scale(.98)}.dropup .dropup-item.disabled{background:var(--abu-muda);color:var(--abu);cursor:not-allowed;font-weight:500}.dropup .dropup-item.disabled:hover{background:var(--abu-muda)}.dropup .dropup-item.disabled:active{transform:none}.dropup .dropup-item.disabled .dot{background:var(--abu)}.dropup .dropup-item .dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--putih)}.dropup .arrow{position:absolute;bottom:-8px;margin-left:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--putih);filter:drop-shadow(0 2px 1px rgba(17,17,17,.06))}.dsk-root{color:var(--hitam);background:var(--dsk-paper);border-radius:18px;overflow:hidden;box-shadow:0 10px 40px var(--shadow);max-width:1080px;margin:0 auto}.dsk-root *{box-sizing:border-box}.dsk-hero{position:relative;background:radial-gradient(120% 140% at 100% 0%,var(--merah-gelap) 0%,#111111 62%);color:#fff;padding:46px 48px 38px;overflow:hidden}.dsk-hex-field{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none}.dsk-hero-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.dsk-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--merah);margin-bottom:14px}.dsk-eyebrow .hexdot{width:9px;height:10px;background:var(--merah);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:inline-block}.dsk-title{font-weight:800;font-size:34px;line-height:1.12;margin:0 0 10px;letter-spacing:-.01em}.dsk-title span{color:var(--merah-2)}.dsk-sub{font-size:14.5px;color:var(--dsk-hero-sub);max-width:560px;line-height:1.55;margin:0 0 18px}.dsk-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11.5px;color:#e0a5a5}.dsk-breadcrumb b{color:#fff;font-weight:600}.dsk-breadcrumb .sep{color:var(--merah-2)}.dsk-badge{position:relative;z-index:2;flex-shrink:0;width:108px;height:124px;display:flex;align-items:center;justify-content:center}.dsk-badge svg{width:100%;height:100%}.dsk-stats{position:relative;z-index:2;margin-top:30px;display:flex;flex-wrap:wrap;gap:14px}.dsk-stat{flex:1 1 220px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px 16px;min-width:0}.dsk-stat .num{font-size:17px;font-weight:800;color:#fff;line-height:1.3;word-break:break-all;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.dsk-stat .num small{font-size:13px;color:var(--merah-2);font-weight:600}.dsk-stat .lab{margin-top:5px;font-size:11.5px;color:#e8bcbc;line-height:1.35}.dsk-body{padding:38px 48px 10px;background:var(--dsk-paper)}.dsk-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.dsk-section-no{font-size:12px;color:var(--merah-2);font-weight:700}.dsk-h2{font-size:19px;font-weight:800;color:var(--hitam);margin:0}.dsk-h2-note{font-size:12.5px;color:var(--abu);margin:4px 0 22px}.dsk-comb-wrap{display:flex;flex-direction:column;gap:16px;margin-bottom:8px}.dsk-comb-row{display:flex;align-items:center;gap:14px}.dsk-comb-name{flex:0 0 250px;font-size:12.5px;font-weight:600;color:var(--hitam);line-height:1.3}.dsk-comb-name .code{display:block;font-size:10.5px;color:var(--abu);font-weight:500;margin-top:2px}.dsk-comb-cells{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:4px}.dsk-hex{width:20px;height:22px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.dsk-comb-count{flex:0 0 46px;font-weight:800;font-size:16px;color:var(--hitam);text-align:right}.dsk-twocol{display:flex;flex-wrap:wrap;gap:28px;margin:34px 0 10px}.dsk-chart-card{flex:1 1 380px;background:var(--dsk-surface);border:1px solid var(--dsk-line);border-radius:14px;padding:22px 24px}.dsk-chart-title{font-size:13px;font-weight:700;color:var(--hitam);margin-bottom:4px}.dsk-chart-note{font-size:11.5px;color:var(--abu);line-height:1.5;margin-bottom:18px}.dsk-bars{display:flex;align-items:flex-end;gap:12px;height:150px;padding-top:22px;border-bottom:2px solid var(--dsk-line)}.dsk-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.dsk-bar{width:100%;max-width:42px;background:linear-gradient(180deg,var(--merah) 0%,var(--merah-tua) 100%);border-radius:6px 6px 0 0;position:relative}.dsk-bar .val{position:absolute;top:-20px;left:0;right:0;text-align:center;font-weight:700;font-size:12px;color:var(--merah-tua)}.dsk-bar-label{font-size:11px;color:var(--abu);font-weight:600}.dsk-bar-total{margin-top:14px;font-size:11.5px;color:var(--abu);text-align:center}.dsk-bar-total b{color:var(--merah-tua)}.dsk-donut-group{display:flex;justify-content:space-around;flex-wrap:wrap;gap:14px}.dsk-donut-unit{text-align:center}.dsk-donut-unit svg{width:96px;height:96px}.dsk-donut-svg-num{font-size:15px;font-weight:700;fill:var(--hitam)}.dsk-donut-svg-lab{font-size:7.5px;fill:var(--abu)}.dsk-donut-month{font-size:11.5px;font-weight:700;color:var(--hitam);margin-top:6px}.dsk-donut-pos{font-size:12px;color:var(--merah-tua);font-weight:700}.dsk-donut-legend{display:flex;justify-content:center;gap:18px;margin-top:16px;font-size:11px;color:var(--hitam)}.dsk-donut-legend span{display:inline-flex;align-items:center;gap:6px}.dsk-donut-legend .sw{width:10px;height:10px;border-radius:3px}.dsk-catalog{margin-top:36px}.dsk-prog{border:1px solid var(--dsk-line);border-radius:12px;margin-bottom:12px;overflow:hidden;background:var(--dsk-surface)}.dsk-prog summary{list-style:none;cursor:pointer;padding:0;font-weight:700;font-size:13.5px;color:var(--hitam);background:linear-gradient(90deg,var(--dsk-summary-bg),var(--dsk-surface))}.dsk-prog summary::-webkit-details-marker{display:none}.dsk-prog summary .row{display:flex;align-items:center;gap:12px;padding:14px 18px}.dsk-prog summary .arrow{margin-left:auto;flex:none;width:18px;height:18px;border-radius:50%;background:var(--merah);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;transition:transform .2s ease}.dsk-prog[open] summary .arrow{transform:rotate(45deg)}.dsk-prog summary .pill{flex:none;white-space:nowrap;font-size:10.5px;background:var(--hitam);color:var(--putih);padding:2px 8px;border-radius:20px}.dsk-prog summary .dsk-prog-title{flex:1 1 auto;min-width:0}.dsk-table-scroll{overflow-x:auto}table.dsk-table{width:100%;border-collapse:collapse;font-size:12px;min-width:640px}table.dsk-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--abu);border-bottom:1px solid var(--dsk-line);padding:9px 14px;background:var(--dsk-th-bg);font-weight:700}table.dsk-table td{padding:10px 14px;border-bottom:1px solid var(--dsk-line);color:var(--hitam);vertical-align:top;line-height:1.45}table.dsk-table tr:last-child td{border-bottom:none}table.dsk-table td.no{color:var(--abu);font-weight:600}table.dsk-table td.nama{font-weight:600;color:var(--hitam)}table.dsk-table td.hasil{font-weight:700;color:var(--merah-tua);white-space:nowrap}table.dsk-table td.satuan{color:var(--abu)}.dsk-foot{padding:22px 48px 30px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--abu);border-top:1px solid var(--dsk-line);margin-top:10px;gap:12px;flex-wrap:wrap}.dsk-foot b{color:var(--hitam)}@media (max-width: 720px){.dsk-hero,.dsk-body,.dsk-foot{padding-left:22px;padding-right:22px}.dsk-comb-row{flex-wrap:wrap}.dsk-comb-name{flex:1 1 100%}.dsk-comb-count{text-align:left}.dsk-foot{flex-direction:column;gap:6px;align-items:flex-start}.dsk-title{font-size:27px}.dsk-hero{padding-top:32px;padding-bottom:28px}.dsk-body{padding-top:28px}}.pgd-root{color:var(--hitam);background:var(--dsk-paper);border-radius:18px;overflow:hidden;box-shadow:0 10px 40px var(--shadow);max-width:1080px;margin:0 auto}.pgd-root *{box-sizing:border-box}.pgd-hero{position:relative;background:radial-gradient(120% 140% at 100% 0%,var(--merah-gelap) 0%,#111111 62%);color:#fff;padding:38px 48px 32px;overflow:hidden}.pgd-hex-field{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none}.pgd-hero-inner{position:relative;z-index:2}.pgd-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--merah);margin-bottom:14px}.pgd-eyebrow .hexdot{width:9px;height:10px;background:var(--merah);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:inline-block}.pgd-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.pgd-title{font-weight:800;font-size:34px;line-height:1.12;margin:0 0 10px;letter-spacing:-.01em}.pgd-title span{color:var(--merah-2)}.pgd-sub{font-size:14px;color:var(--dsk-hero-sub);line-height:1.55;margin:0}.pgd-badge{flex-shrink:0;width:96px;height:110px;display:flex;align-items:center;justify-content:center}.pgd-badge svg{width:100%;height:100%}.pgd-body{padding:28px 36px 16px;background:var(--dsk-paper)}.pgd-hero-filter{position:relative;z-index:2;margin-top:28px;background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:18px 22px;display:flex;gap:24px;flex-wrap:wrap;align-items:flex-end}.pgd-hero-filter .pgd-filter-label{color:#ffffff80}.pgd-hero-filter .pgd-pill{border-color:#ffffff2e;background:#ffffff12;color:#ffffffbf}.pgd-hero-filter .pgd-pill.active{background:var(--merah);border-color:var(--merah);color:#fff}.pgd-hero-filter .pgd-pill:not(.active):hover{background:#ffffff24;border-color:#ffffff4d;color:#fff}.pgd-hero-filter .pgd-ss-trigger{background:#ffffff14;border-color:#ffffff2e;color:#fff}.pgd-hero-filter .pgd-ss-trigger:hover,.pgd-hero-filter .pgd-ss-trigger.open{border-color:var(--merah)}.pgd-hero-filter .pgd-ss-arrow{color:#ffffff73}.pgd-filter-group{display:flex;flex-direction:column;gap:7px}.pgd-filter-grow{flex:1 1 200px}.pgd-filter-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--abu)}.pgd-pills{display:flex;gap:6px;flex-wrap:wrap}.pgd-pill{padding:5px 13px;border-radius:8px;border:1.5px solid var(--dsk-line);background:var(--dsk-surface);color:var(--hitam);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.pgd-pill.active{background:var(--merah);border-color:var(--merah);color:#fff}.pgd-pill:not(.active):hover{border-color:var(--merah);color:var(--merah)}.pgd-select{width:100%;padding:7px 12px;border-radius:8px;border:1.5px solid var(--dsk-line);background:var(--dsk-surface);color:var(--hitam);font-family:var(--font);font-size:.82rem;cursor:pointer}.pgd-ss-wrap{position:relative;width:100%}.pgd-ss-trigger{width:100%;padding:7px 34px 7px 12px;border-radius:8px;border:1.5px solid var(--dsk-line);background:var(--dsk-surface);color:var(--hitam);font-family:var(--font);font-size:.82rem;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color .15s}.pgd-ss-trigger:hover:not(.disabled),.pgd-ss-trigger.open{border-color:var(--merah)}.pgd-ss-trigger.disabled{opacity:.55;cursor:not-allowed}.pgd-ss-val{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.pgd-ss-arrow{flex-shrink:0;font-size:.6rem;color:var(--abu)}.pgd-ss-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--dsk-surface);border:1.5px solid var(--merah);border-radius:10px;box-shadow:0 8px 24px var(--shadow);overflow:hidden}.pgd-ss-panel-fixed{position:fixed;z-index:9999}.pgd-ss-search-wrap{padding:8px 10px;border-bottom:1px solid var(--dsk-line)}.pgd-ss-input{width:100%;padding:6px 10px;border-radius:6px;border:1.5px solid var(--dsk-line);background:var(--abu-muda);color:var(--hitam);font-family:var(--font);font-size:.8rem;outline:none}.pgd-ss-input:focus{border-color:var(--merah)}.pgd-ss-list{max-height:240px;overflow-y:auto}.pgd-ss-item{padding:9px 14px;font-size:.82rem;cursor:pointer;color:var(--hitam);transition:background .1s;border-bottom:1px solid var(--dsk-line)}.pgd-ss-item:last-child{border-bottom:none}.pgd-ss-item:hover{background:var(--merah-muda)}.pgd-ss-item.active{background:var(--merah);color:#fff;font-weight:600}.pgd-ss-empty{padding:14px;text-align:center;color:var(--abu);font-size:.8rem}.pgd-ss-loading{padding:7px 0;color:var(--abu);font-size:.82rem}.pgd-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid var(--dsk-line)}.pgd-tab{padding:8px 22px;border:none;background:none;font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;color:var(--abu);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.pgd-tab.active{color:var(--merah);border-bottom-color:var(--merah)}.pgd-tab:hover:not(.active){color:var(--hitam)}.pgd-empty,.pgd-loading{text-align:center;padding:50px 20px;color:var(--abu);font-size:.9rem}.pgd-alert{background:var(--badge-warn-bg);border:1px solid var(--badge-warn-fg);border-radius:10px;padding:10px 14px;margin-bottom:16px;color:var(--badge-warn-fg);font-size:.82rem}.pgd-scoreboard{border:1px solid var(--dsk-line);border-radius:14px;overflow:hidden;margin-bottom:22px}.pgd-sb-primary{background:linear-gradient(135deg,var(--merah) 0%,var(--merah-tua) 100%);padding:22px 28px 20px}.pgd-sb-primary-eyebrow{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:8px}.pgd-sb-primary-val{font-size:2.2rem;font-weight:800;color:#fff;line-height:1}.pgd-sb-unit{font-size:1.1rem;font-weight:500;opacity:.75}.pgd-sb-primary-sub{font-size:11.5px;color:#ffffff8c;margin-top:8px}.pgd-sb-row{display:flex;background:var(--dsk-surface);border-top:1px solid var(--dsk-line)}.pgd-sb-cell{flex:1;padding:14px 20px;border-right:1px solid var(--dsk-line)}.pgd-sb-cell:last-child{border-right:none}.pgd-sb-cell-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--abu);font-weight:600;margin-bottom:6px}.pgd-sb-cell-val{font-size:1.1rem;font-weight:700;color:var(--hitam)}.pgd-sb-unit-sm{font-size:.75rem;font-weight:500;color:var(--abu)}.pgd-sb-pct{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--abu-muda);color:var(--abu)}.pgd-sb-pct.ok{background:var(--badge-ok-bg);color:var(--badge-ok-fg)}@media (max-width: 600px){.pgd-sb-row{flex-wrap:wrap}.pgd-sb-cell{flex:1 1 50%;border-bottom:1px solid var(--dsk-line)}.pgd-sb-cell:nth-child(2n){border-right:none}.pgd-sb-cell:nth-last-child(-n+2){border-bottom:none}}.pgd-progress{margin-bottom:18px}.pgd-progress:last-child{margin-bottom:0}.pgd-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.pgd-progress-label{font-size:.8rem;color:var(--abu);font-weight:500}.pgd-progress-right{display:flex;align-items:center;gap:8px}.pgd-progress-num{font-size:.8rem;font-weight:700;color:var(--hitam)}.pgd-progress-pct-badge{font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:6px}.pgd-progress-track{height:10px;border-radius:5px;background:var(--dsk-line);overflow:hidden}.pgd-progress-fill{height:100%;border-radius:5px;transition:width .65s cubic-bezier(.25,.8,.25,1)}.pgd-hbars{display:flex;flex-direction:column;gap:11px}.pgd-hbar-row{display:flex;align-items:center;gap:10px;font-size:.78rem;transition:opacity .15s}.pgd-hbar-label{width:175px;min-width:175px;color:var(--abu);text-align:right;line-height:1.25}.pgd-hbar-track{flex:1;height:16px;background:var(--dsk-line);border-radius:4px;overflow:hidden;position:relative}.pgd-hbar-fill{position:absolute;inset:0 auto 0 0;border-radius:4px;transition:width .65s cubic-bezier(.25,.8,.25,1)}.pgd-hbar-val{min-width:90px;text-align:right;font-size:.75rem;font-weight:700;color:var(--hitam);flex-shrink:0;font-variant-numeric:tabular-nums}.pgd-empty-chart{color:var(--abu);font-size:.8rem;text-align:center;padding:24px 0}.pgd-vc{display:flex;flex-direction:column}.pgd-vc-plot{position:relative;height:180px;border-bottom:2px solid var(--dsk-line)}.pgd-vc-gridline{position:absolute;left:44px;right:0;border-top:1px solid var(--dsk-line);pointer-events:none}.pgd-vc-ytick{position:absolute;right:calc(100% + 5px);top:-8px;font-size:.63rem;color:var(--abu);font-variant-numeric:tabular-nums;white-space:nowrap}.pgd-vc-bars{position:absolute;top:0;right:0;bottom:0;left:44px;display:flex;align-items:flex-end;gap:10px;padding:24px 8px 0}.pgd-vc-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;cursor:default}.pgd-vc-cap{font-size:.7rem;font-weight:700;color:var(--hitam);padding-bottom:5px;white-space:nowrap;position:absolute;bottom:100%;left:0;right:0;text-align:center;transition:opacity .15s}.pgd-vc-bar{width:100%;max-width:24px;border-radius:4px 4px 0 0;transition:height .55s cubic-bezier(.25,.8,.25,1),opacity .15s;min-height:2px}.pgd-vc-xlabels{display:flex;gap:10px;padding:8px 8px 0 52px}.pgd-vc-xlabel{flex:1;font-size:.66rem;color:var(--abu);text-align:center;line-height:1.3;transition:opacity .15s;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.pgd-pie{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.pgd-pie-donut-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center}.pgd-pie-svg{overflow:visible;flex-shrink:0}.pgd-pie-legend{flex:1 1 200px;min-width:0}.pgd-pie-row{display:flex;align-items:center;gap:8px;font-size:.78rem;padding:6px 2px;border-bottom:1px solid var(--dsk-line);cursor:default;transition:opacity .15s}.pgd-pie-row:last-child{border-bottom:none}.pgd-pie-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.pgd-pie-name{flex:1;min-width:0;color:var(--hitam);font-weight:500}.pgd-pie-val{font-weight:700;color:var(--hitam);font-variant-numeric:tabular-nums;min-width:70px;text-align:right;flex-shrink:0;font-size:.78rem}.pgd-pie-pct{font-size:.72rem;color:var(--abu);min-width:42px;text-align:right;flex-shrink:0}@media (max-width: 560px){.pgd-pie{flex-direction:column;align-items:center}.pgd-pie-legend{width:100%}}.pgd-pdn-card{display:flex;flex-direction:column;gap:0}.pgd-pdn-vals{margin-top:14px;border-top:1px solid var(--dsk-line);padding-top:12px}.pgd-pdn-row{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--abu)}.pgd-pdn-row b{color:var(--hitam);font-weight:700;margin-left:auto}.pgd-pdn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pgd-pdn-pct{font-size:.7rem;padding:1px 6px;border-radius:6px;background:var(--abu-muda);color:var(--abu);margin-left:6px}.pgd-rings{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:8px 0 4px}.pgd-ring{display:flex;flex-direction:column;align-items:center;gap:8px}.pgd-ring-label{font-size:.78rem;font-weight:600;color:var(--hitam);text-align:center;max-width:130px;line-height:1.3}.pgd-foot{padding:18px 48px 24px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--abu);border-top:1px solid var(--dsk-line);gap:12px;flex-wrap:wrap}.pgd-foot b{color:var(--hitam)}.pgd-stacked{display:flex;flex-direction:column;gap:0;padding:0 4px}.pgd-stacked-grid{position:relative;height:220px;border-bottom:1px solid var(--dsk-line);border-left:1px solid var(--dsk-line);margin-left:44px}.pgd-stacked-gridline{position:absolute;left:0;right:0;border-top:1px dashed var(--dsk-line);display:flex;align-items:flex-start}.pgd-stacked-ytick{position:absolute;left:-40px;font-size:10px;color:var(--abu);transform:translateY(-50%);width:34px;text-align:right}.pgd-stacked-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:6px 8px 0;gap:12px}.pgd-stacked-col{flex:1;display:flex;flex-direction:column;align-items:stretch;height:100%;position:relative;cursor:default}.pgd-stacked-bar-wrap{display:flex;flex-direction:column;align-self:flex-end;width:100%;border-radius:4px 4px 0 0;overflow:hidden;transition:opacity .15s;min-height:2px}.pgd-stacked-seg{min-height:2px;transition:flex .2s}.pgd-stacked-rem{background:#d1d5db}.pgd-stacked-act{background:var(--merah)}.pgd-stacked-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--hitam);color:var(--putih);border-radius:8px;padding:8px 12px;font-size:11px;white-space:nowrap;z-index:50;pointer-events:none;box-shadow:0 4px 16px #00000040}.pgd-st-title{font-weight:700;margin-bottom:4px;font-size:11.5px}.pgd-st-row{color:#d1d5db;margin-top:2px}.pgd-stacked-xlabels{display:flex;margin-left:44px;margin-top:6px;padding:0 8px;gap:12px}.pgd-stacked-xlabel{flex:1;font-size:10.5px;color:var(--abu);text-align:center;transition:opacity .15s;line-height:1.3}.pgd-stacked-legend{display:flex;gap:20px;justify-content:center;margin-top:14px;font-size:11px;color:var(--abu)}.pgd-stacked-legend span{display:flex;align-items:center;gap:5px}.pgd-stacked-sw{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.pgd-stacked-barlabel{font-size:10px;font-weight:700;text-align:center;margin-top:3px;transition:opacity .15s}.pdn-loading-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px}.pdn-loading-spinner{width:40px;height:40px;border:4px solid var(--dsk-line);border-top-color:#1baf7a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pdn-loading-text{font-size:13px;color:var(--abu)}.pdn-loading-bar{width:240px;height:6px;background:var(--dsk-line);border-radius:3px;overflow:hidden}.pdn-loading-fill{height:100%;background:#1baf7a;border-radius:3px;transition:width .3s}.pdn-overview-grid{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.pdn-ov-card{flex:1 1 320px}.pdn-ov-body{display:flex;align-items:center;gap:20px;margin-top:14px}.pdn-ov-detail{flex:1;display:flex;flex-direction:column;gap:10px}.pdn-ov-nums{display:flex;flex-direction:column;gap:5px;margin-top:4px}.pdn-ov-num-row{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--abu)}.pdn-ov-num-row b{color:var(--hitam);font-weight:700;margin-left:auto}.pdn-ov-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pdn-badge{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid}.pdn-mbar{display:flex;flex-direction:column;gap:5px}.pdn-mbar-head{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.pdn-mbar-label{color:var(--abu)}.pdn-mbar-right{display:flex;align-items:center;gap:8px}.pdn-mbar-sub{font-size:.68rem;color:var(--abu)}.pdn-mbar-track{height:8px;background:var(--dsk-line);border-radius:4px;overflow:hidden}.pdn-mbar-fill{height:100%;border-radius:4px}.pdn-rank-bars{display:flex;flex-direction:column;gap:10px}.pdn-rank-row{display:flex;align-items:center;gap:10px;font-size:.78rem}.pdn-rank-no{width:22px;text-align:right;font-weight:800;font-size:.82rem;flex-shrink:0}.pdn-rank-name{width:200px;min-width:150px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hitam);font-weight:500}.pdn-rank-track{flex:1;height:14px;background:var(--abu-muda);border-radius:3px;overflow:hidden}.pdn-rank-fill{height:100%;border-radius:3px;transition:width .5s ease}.pdn-rank-pct{width:48px;text-align:right;font-weight:800;flex-shrink:0}.pdn-rank-sub{width:80px;text-align:right;color:var(--abu);flex-shrink:0}.pdn-search-wrap{display:flex;align-items:center;gap:14px;margin-bottom:12px}.pdn-search{padding:7px 12px;border:1px solid var(--dsk-line);border-radius:8px;font-size:.82rem;background:var(--dsk-surface);color:var(--hitam);flex:1;max-width:300px;outline:none}.pdn-search:focus{border-color:#1baf7a}.pdn-search-count{font-size:.75rem;color:var(--abu)}.pdn-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.pdn-table th.sortable:hover{background:var(--dsk-line)}.pdn-td-nama{font-weight:500;max-width:220px}.pdn-pct-cell{font-weight:700}.pajak-date-input{padding:6px 10px;border:1px solid var(--dsk-line);border-radius:8px;font-size:.82rem;background:var(--dsk-surface);color:var(--hitam);outline:none;font-family:var(--font)}.pajak-date-input:focus{border-color:var(--merah)}.pajak-btn-refresh{padding:7px 18px;background:var(--merah);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .15s}.pajak-btn-refresh:hover{background:var(--merah-2)}.pajak-overrun{position:absolute;font-size:9px;font-weight:700;color:#1baf7a;white-space:nowrap;top:50%;transform:translateY(-50%);padding-left:4px}.pajak-legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:20px;padding-top:14px;border-top:1px solid var(--dsk-line)}.pajak-legend-item{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--abu)}.pajak-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pajak-target-note{padding:10px 20px 12px;background:var(--abu-muda);border-top:1px solid var(--dsk-line);font-size:.72rem;color:var(--abu);display:flex;flex-wrap:wrap;gap:3px;align-items:center}.pajak-tn-item b{color:var(--hitam);font-weight:700}.pajak-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;flex-shrink:0;vertical-align:middle}@media (max-width: 720px){.pgd-hero,.pgd-body,.pgd-foot{padding-left:20px;padding-right:20px}.pgd-title{font-size:26px}.pgd-badge{display:none}.pgd-hbar-label{width:120px;min-width:120px}.pgd-filter-row{gap:14px}.pdn-rank-name{width:120px;min-width:100px}.pdn-rank-sub{display:none}}