body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e2e8f0;background:#020617;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#475569}.good{color:#34d399}.warn{color:#fbbf24}.bad{color:#fb7185}.offl{color:#334155}.app{max-width:1180px;margin:0 auto;padding:14px 14px 34px}.hdr{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hdr-l{align-items:center;gap:9px;display:flex}.hdr-badge{color:#020617;background:linear-gradient(140deg,#14b8a6,#059669);border-radius:9px;padding:6px 9px;font-size:13px;font-weight:900}.hdr-t h1{color:#fff;letter-spacing:-.012em;margin:0;font-size:14px;font-weight:800}.hdr-s{color:#64748b;margin-top:1px;font-size:10px}.hdr-r{align-items:center;gap:7px;display:flex}.sumber{color:#34d399;background:#34d3991a;border:1px solid #34d39942;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:800;display:inline-flex}.sumber.bad{color:#fb7185;background:#fb71851a;border-color:#fb71854d}.sumber i{border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.dot-ok{background:#34d399;box-shadow:0 0 7px #34d399e6}.dot-load{background:#fbbf24;animation:1s infinite pulse}.dot-bad{background:#fb7185}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.btn-muat{color:#94a3b8;cursor:pointer;background:#0b1220;border:1px solid #16233a;border-radius:9px;place-items:center;width:30px;height:30px;font-family:inherit;font-size:14px;line-height:1;transition:all .15s;display:grid}.btn-muat:hover:not(:disabled){color:#2dd4bf;border-color:#2c3f5c}.btn-muat:disabled{opacity:.4;cursor:default}.alert{color:#fecdd3;background:#fb718517;border:1px solid #fb71854d;border-radius:11px;margin-bottom:12px;padding:12px 15px;font-size:11.5px;line-height:1.6}.alert b{color:#fb7185}.alert-sub{color:#94a3b8;margin-top:5px;font-size:10.5px}.alert.loading{color:#99f6e4;background:#2dd4bf12;border-color:#2dd4bf40}.live{color:#34d399;background:#34d3991f;border:1px solid #34d39947;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:800}.hdr-r select{color:#e2e8f0;cursor:pointer;background:#0b1220;border:1px solid #1e293b;border-radius:9px;padding:6px 9px;font-family:inherit;font-size:11px;font-weight:700}.blk{margin-bottom:16px}.blk-head{border-bottom:1px solid #131f33;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:7px;padding:0 3px 6px;display:flex}.bh-ic{border:1px solid;border-radius:6px;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid}.bh-name{letter-spacing:.06em;font-size:11px;font-weight:900}.bh-sp{flex:1}.bh-i{color:#64748b;font-size:10px;font-weight:600}.bh-i b{color:#cbd5e1;font-variant-numeric:tabular-nums}.bh-big{font-variant-numeric:tabular-nums;text-align:right;min-width:44px;font-size:14px;font-weight:900}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:11px;display:flex}.tab{letter-spacing:.05em;color:#7c8ea6;cursor:pointer;background:#0b1220;border:1px solid #16233a;border-radius:9px;padding:7px 15px;font-family:inherit;font-size:11px;font-weight:800;transition:all .15s}.tab:hover{color:#cbd5e1;border-color:#2c3f5c}.tab.on{color:#020617;background:var(--tc);border-color:var(--tc);box-shadow:0 3px 12px color-mix(in srgb, var(--tc) 35%, transparent)}.pnlist{grid-template-columns:1fr 1fr;grid-auto-flow:row;gap:5px 10px;display:grid}@media (width<=1150px){.pnlist{grid-template-columns:1fr}}.pn{background:#0b1220;border:1px solid #16233a;border-radius:10px;grid-template-columns:minmax(96px,132px) 1fr;align-items:center;gap:12px;min-width:0;padding:6px 10px;transition:border-color .15s;display:grid}.pn:hover{border-color:#2c3f5c}@media (width<=620px){.pn{grid-template-columns:1fr;gap:7px}}.pn-total{border-color:color-mix(in srgb, var(--ac) 26%, #16233a);background:linear-gradient(100deg,#0d1728 0%,#0b1220 100%)}.pn-left{align-items:center;gap:7px;min-width:0;display:flex}.pn-ic{border:1px solid color-mix(in srgb, var(--ac) 42%, transparent);background:color-mix(in srgb, var(--ac) 11%, transparent);width:22px;height:22px;color:var(--ac);border-radius:7px;flex:none;place-items:center;display:grid}.pn-ic svg{width:12px;height:12px}.pn-id{min-width:0}.pn-kick{letter-spacing:.09em;text-transform:uppercase;color:var(--ac);opacity:.85;font-size:7px;font-weight:800;display:block}.pn-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;line-height:1.2;display:block;overflow:hidden}.pn-total .pn-name{letter-spacing:-.01em;font-size:10.5px}.pn-cap{align-items:baseline;gap:3px;display:flex}.pn-cap b{color:#fbbf24;font-variant-numeric:tabular-nums;font-size:13px;font-weight:900;line-height:1.05}.pn-cap em{color:#64748b;font-size:7.5px;font-style:normal}.pn-right{min-width:0;position:relative}.pn-tr{flex-direction:column;align-items:flex-end;gap:1px;margin-bottom:2px;display:flex}.pn-tr1{color:#94a3b8;font-size:10px;font-weight:700}.pn-tr1 b{color:#f1f5f9;font-variant-numeric:tabular-nums}.pn-tr2{color:#fb7185;font-variant-numeric:tabular-nums;font-size:9.5px;font-weight:700}.pn-tr2 b{color:#fb7185}.pn-line1{display:none}.pn-plot{position:relative}.pn-scale-top{height:28px;position:relative}.ptk{text-align:center;width:78px;position:absolute;top:0;transform:translate(-50%)}.ptk.edge-l{text-align:left;transform:translate(0)}.ptk.edge-r{text-align:right;transform:translate(-100%)}.ptk-l{color:#64748b;font-size:8.5px;font-weight:700;display:block}.ptk-l em{opacity:.8;font-size:7.5px;font-style:normal}.ptk-v{font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:800;line-height:1.3;display:block}.ptk-v em{color:#475569;font-size:9.5px;font-style:normal;font-weight:600}.pn-perweek{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.pw{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9.5px;font-weight:800}.pn-trackwrap{margin:3px 0 4px;position:relative}.pn-scale{position:relative}.pn-track{background:#16233a;border-radius:99px;height:7px;overflow:hidden}.pn-fill{background:linear-gradient(90deg,#0d9488,#34d399);border-radius:99px;height:100%}.pdot{pointer-events:none;background:#2c3f5c;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #0b1220}.pdot.dot-on{background:#34d399;box-shadow:0 0 0 1.5px #0b1220,0 0 7px #34d399cc}.pdot.dot-done{background:#0f766e}.pn-cursor{pointer-events:none;background:#34d399;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0b1220,0 0 9px #34d399d9}.pn-foot{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:9.5px;font-weight:700;display:flex}.ft{color:#334155;text-align:center;margin-top:16px;font-size:9.5px;line-height:1.6}