@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@600;700&display=swap";:root{--pp-merah-600:#c81e1e;--pp-merah-700:#a21212;--pp-merah-50:#fef2f2;--pp-emas-500:#d4a017;--pp-bg:#f7f8fa;--pp-permukaan:#fff;--pp-permukaan-2:#f3f4f6;--pp-teks:#1a1a1a;--pp-teks-redup:#6b7280;--pp-garis:#e5e7eb;--pp-sukses:#16a34a;--pp-sukses-bg:#f0fdf4;--pp-peringatan:#d97706;--pp-peringatan-bg:#fffbeb;--pp-bahaya:#dc2626;--pp-bahaya-bg:#fef2f2;--pp-radius:12px;--pp-bayangan:0 1px 3px #00000014, 0 1px 2px #0000000a;--pp-durasi:.18s}@media (prefers-color-scheme:dark){:root:not([data-tema=terang]){--pp-merah-600:#e23636;--pp-merah-700:#b91c1c;--pp-merah-50:#3f1414;--pp-emas-500:#e0b23a;--pp-bg:#121212;--pp-permukaan:#1e1e1e;--pp-permukaan-2:#262626;--pp-teks:#ededed;--pp-teks-redup:#9ca3af;--pp-garis:#2e2e2e;--pp-sukses:#22c55e;--pp-sukses-bg:#0f2a1a;--pp-peringatan:#f59e0b;--pp-peringatan-bg:#2a2210;--pp-bahaya:#f87171;--pp-bahaya-bg:#2a1414;--pp-bayangan:0 1px 3px #0006, 0 1px 2px #0000004d}}:root[data-tema=gelap]{--pp-merah-600:#e23636;--pp-merah-700:#b91c1c;--pp-merah-50:#3f1414;--pp-emas-500:#e0b23a;--pp-bg:#121212;--pp-permukaan:#1e1e1e;--pp-permukaan-2:#262626;--pp-teks:#ededed;--pp-teks-redup:#9ca3af;--pp-garis:#2e2e2e;--pp-sukses:#22c55e;--pp-sukses-bg:#0f2a1a;--pp-peringatan:#f59e0b;--pp-peringatan-bg:#2a2210;--pp-bahaya:#f87171;--pp-bahaya-bg:#2a1414;--pp-bayangan:0 1px 3px #0006, 0 1px 2px #0000004d}*{box-sizing:border-box}#__nuxt,body,html{height:100%}body{background:var(--pp-bg);color:var(--pp-teks);transition:background var(--pp-durasi) ease,color var(--pp-durasi) ease;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.font-judul{font-family:Poppins,Inter,system-ui,sans-serif}a{color:inherit}::selection{background:var(--pp-merah-600);color:#fff}.fade-masuk-enter-active,.fade-masuk-leave-active{transition:opacity var(--pp-durasi) ease,transform var(--pp-durasi) ease}.fade-masuk-enter-from{opacity:0;transform:translateY(6px)}.fade-masuk-leave-to{opacity:0;transform:translateY(-6px)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--pp-garis);border-radius:8px}.monitor{flex-direction:column;gap:26px;max-width:1480px;margin:0 auto;display:flex}.monitor h1,.monitor h2,.monitor h3,.monitor p{margin:0}.monitor__eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--pp-merah-600);font-size:10px;font-weight:800}.monitor__heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.monitor__heading h1{letter-spacing:-1.2px;margin:7px 0 8px;font-size:29px}.monitor__muted{color:var(--pp-teks-redup);font-size:12px;line-height:1.7}.monitor__button{border:1px solid var(--pp-garis);background:var(--pp-permukaan);color:var(--pp-teks);cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:11px 15px;font:600 12px Inter,sans-serif;text-decoration:none;display:inline-flex}.monitor__button:hover{border-color:var(--pp-merah-600);color:var(--pp-merah-600)}.monitor__button:disabled{opacity:.4;cursor:default}.monitor__button--primary{background:var(--pp-merah-600);color:#fff;border-color:var(--pp-merah-600)}.monitor__button--primary:hover{background:var(--pp-merah-700);color:#fff}.monitor__live{border:1px solid var(--pp-garis);background:var(--pp-permukaan);border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:inline-flex}.monitor__live i{background:#438771;border-radius:50%;width:6px;height:6px}.monitor__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.monitor__metric{background:var(--pp-permukaan);border:1px solid var(--pp-garis);border-radius:13px;padding:20px;position:relative}.monitor__metric>span{color:var(--pp-teks-redup);padding-right:24px;font-size:12px;line-height:1.6;display:block}.monitor__metric strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:15px 0 9px;font-size:32px;font-weight:700;display:block}.monitor__metric small{color:var(--pp-teks-redup);font-size:11px;line-height:1.5;display:block}.monitor__metric-icon{color:var(--pp-merah-600);position:absolute;top:16px;right:18px}.monitor__panel{border:1px solid var(--pp-garis);background:var(--pp-permukaan);border-radius:14px;min-width:0;padding:24px}.monitor__panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.monitor__panel-head h2{letter-spacing:-.2px;font-size:14px}.monitor__panel-head a{color:var(--pp-merah-600);font-size:11px;font-weight:600;text-decoration:none}.monitor__split{grid-template-columns:1.55fr 1fr;gap:20px;display:grid}.monitor__categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.monitor__category{border:1px solid var(--pp-garis);border-radius:12px;padding:19px;text-decoration:none;transition:transform .18s,border-color .18s;position:relative}.monitor__category:hover{border-color:var(--warna,var(--pp-merah-600));transform:translateY(-3px)}.monitor__category-icon{width:36px;height:36px;color:var(--warna);background:color-mix(in srgb,var(--warna) 9%,transparent);border-radius:9px;justify-content:center;align-items:center;display:flex}.monitor__category h3{margin:15px 0 11px;font-size:12px;font-weight:600}.monitor__category strong{letter-spacing:-1px;font-size:26px}.monitor__category small{color:var(--pp-teks-redup);margin-left:5px;font-size:10px}.monitor__category .arrow{color:var(--pp-teks-redup);position:absolute;top:22px;right:16px}.monitor__progress{background:var(--pp-permukaan-2);border-radius:9px;height:5px;margin:13px 0 7px;overflow:hidden}.monitor__progress>i{background:var(--warna,var(--pp-merah-600));border-radius:9px;height:100%;transition:width .4s;display:block}.monitor__note{border:1px solid color-mix(in srgb,#ba8b40 25%,var(--pp-garis));background:color-mix(in srgb,#ba8b40 7%,var(--pp-permukaan));color:var(--pp-teks);border-radius:9px;padding:14px 16px;font-size:12px;line-height:1.7}.monitor__error{border:1px solid var(--pp-bahaya);color:var(--pp-bahaya);background:var(--pp-bahaya-bg);border-radius:12px;padding:20px}.monitor__empty{text-align:center;color:var(--pp-teks-redup);padding:40px 20px;font-size:12px;line-height:1.8}.monitor__empty svg{opacity:.5;margin-bottom:12px}.monitor__empty strong{color:var(--pp-teks);margin-bottom:5px;font-size:14px;display:block}.monitor__filter{flex-wrap:wrap;gap:10px;padding-bottom:20px;display:flex}.monitor__input{border:1px solid var(--pp-garis);color:var(--pp-teks);background:var(--pp-bg);border-radius:8px;min-width:150px;max-width:100%;padding:11px 13px;font:12px Inter,sans-serif}.monitor__input:focus{outline:2px solid color-mix(in srgb,var(--pp-merah-600) 25%,transparent);outline-offset:2px}.monitor__search{flex:1;min-width:180px}.monitor__table-wrap{overflow-x:auto}.monitor__table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.monitor__table th{text-transform:uppercase;letter-spacing:.7px;color:var(--pp-teks-redup);background:var(--pp-permukaan-2);white-space:nowrap;padding:13px 12px;font-size:9px;font-weight:600}.monitor__table th:first-child{border-radius:7px 0 0 7px}.monitor__table th:last-child{border-radius:0 7px 7px 0}.monitor__table td{border-bottom:1px solid var(--pp-garis);vertical-align:top;padding:17px 12px;line-height:1.6}.monitor__table td small{color:var(--pp-teks-redup);font-size:10px;display:block}.monitor__table td a{font-weight:600;text-decoration:none}.monitor__pill{background:var(--pp-permukaan-2);color:var(--pp-teks-redup);white-space:nowrap;border-radius:5px;padding:4px 8px;font-size:10px;display:inline-flex}.monitor__pill--ok{background:var(--pp-sukses-bg);color:var(--pp-sukses)}.monitor__pill--warn{background:var(--pp-peringatan-bg);color:var(--pp-peringatan)}.monitor__pagination{justify-content:space-between;align-items:center;gap:14px;padding-top:18px;display:flex}.monitor__pagination>div{align-items:center;gap:8px;display:flex}.monitor__level{align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.monitor__level>span{width:155px;color:var(--pp-teks-redup);flex-shrink:0}.monitor__level .monitor__progress{flex:1;margin:0}.monitor__level b{text-align:right;font-variant-numeric:tabular-nums;width:35px}.monitor__loading{min-height:260px;color:var(--pp-teks-redup);place-items:center;font-size:13px;display:grid}.monitor__footer{color:var(--pp-teks-redup);justify-content:space-between;gap:14px;padding:2px 0 12px;font-size:10px;display:flex}@media (width>=1500px){.monitor__heading h1{font-size:33px}}@media (width<=1150px){.monitor__split{grid-template-columns:1fr}}@media (width<=700px){.monitor{gap:20px}.monitor__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.monitor__metric{padding:16px}.monitor__metric strong{font-size:27px}.monitor__categories{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor__panel{padding:18px}.monitor__heading{align-items:flex-start}.monitor__heading h1{font-size:25px}.monitor__heading>.monitor__button{padding:10px;font-size:0}.monitor__level>span{width:125px;font-size:11px}.monitor__footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}