*,:before,:after{box-sizing:border-box}body{color:#12202f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef1f5;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif}a{color:#1a5fb4;text-decoration:none}a:hover{color:#14488a;text-decoration:underline}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.halaman{flex-direction:column;align-items:center;gap:40px;min-height:100vh;padding:40px;display:flex}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tabel-scroll{overflow-x:auto}.tabel-isi{min-width:680px}.demo-pill{z-index:50;letter-spacing:.04em;cursor:pointer;opacity:.55;border-radius:20px;align-items:center;gap:6px;padding:5px 11px;font-family:inherit;font-size:10.5px;transition:opacity .15s;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 1px 3px #101e360f}.demo-pill:hover,.demo-pill:focus-visible{opacity:1}.demo-panel{z-index:50;background:#fff;border:1px solid #d8dee6;border-radius:6px;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);position:fixed;bottom:16px;right:16px;overflow-y:auto;box-shadow:0 6px 24px #101e3629}@media (width<=1024px){.halaman{gap:20px;padding:20px}.kpi-grid{grid-template-columns:1fr}.konten{padding:16px 18px!important}}