:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--latar:#f3f5f8;--kartu:#fff;--kartu-2:#f7f8fb;--kartu-hover:#eff2f6;--teks:#121820;--teks-2:#445064;--teks-3:#626d7d;--garis:#e2e6ec;--garis-kuat:#cdd3dc;--utama:#0f6e56;--utama-hover:#0c5a47;--utama-aktif:#0a4a3a;--di-atas-utama:#fff;--utama-teks:#0f6e56;--utama-lembut:#e3f1ed;--utama-garis:#9fcfc2;--baik:#0ca30c;--baik-teks:#0a6a0a;--baik-lembut:#e5f5e5;--peringatan:#e8a200;--peringatan-teks:#7a4f00;--peringatan-lembut:#fff2d1;--buruk:#d03b3b;--buruk-teks:#a12222;--buruk-lembut:#fde8e8;--info:#2a78d6;--info-teks:#1c5cab;--info-lembut:#e6f0fc;--seri-1:#2a78d6;--seri-2:#eb6834;--bayangan:0 1px 2px #1018280d, 0 1px 3px #10182812;--bayangan-besar:0 18px 48px #10182838;--radius:12px;--radius-kecil:8px;--lebar-sisi:252px;--tinggi-atas:58px;--gutter:16px;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--latar:#0d1015;--kartu:#171b22;--kartu-2:#1d222b;--kartu-hover:#232933;--teks:#eceff4;--teks-2:#b6bfcc;--teks-3:#8f9aab;--garis:#272d37;--garis-kuat:#38404d;--baik:#2fbf2f;--baik-teks:#6fdc6f;--baik-lembut:#2fbf2f24;--peringatan:#fab219;--peringatan-teks:#fbc54f;--peringatan-lembut:#fab21924;--buruk:#e05252;--buruk-teks:#ff8f8f;--buruk-lembut:#e052522b;--info:#3987e5;--info-teks:#7fb2f0;--info-lembut:#3987e52b;--seri-1:#3987e5;--seri-2:#d95926;--bayangan:0 1px 2px #0006;--bayangan-besar:0 18px 48px #0009}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--latar);color:var(--teks);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:1rem}p{margin:0}a{color:var(--utama-teks);text-underline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}code,kbd,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}:focus-visible{outline:2px solid var(--utama-teks);outline-offset:2px;border-radius:4px}[hidden]{display:none!important}.sr-saja{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lewati{background:var(--kartu);z-index:100;border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.lewati:focus{left:8px}.baris{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.baris.rapat{gap:6px}.baris.rata-kanan{justify-content:flex-end}.baris.sebar{justify-content:space-between}.baris.atas{align-items:flex-start}.kolom{flex-direction:column;gap:12px;display:flex}.kolom.rapat{gap:6px}.isi-lebar{flex:auto;min-width:0}.diam{color:var(--teks-2)}.redup{color:var(--teks-3)}.kecil{font-size:.8125rem}.tebal{font-weight:600}.tengah{text-align:center}.kanan{text-align:right}.pot{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.angka{font-variant-numeric:tabular-nums}.jarak-atas{margin-top:16px}@media (width<=720px){.tanpa-ponsel{display:none!important}}.kerangka{min-height:100vh}.atas{z-index:30;height:var(--tinggi-atas);padding:0 var(--gutter);background:var(--kartu);border-bottom:1px solid var(--garis);align-items:center;gap:12px;display:flex;position:sticky;top:0}.atas-merek{min-width:0;color:var(--teks);align-items:center;gap:10px;font-size:1.0625rem;font-weight:650;text-decoration:none;display:flex}.atas-merek span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.logo{background:var(--utama);width:34px;height:34px;color:var(--di-atas-utama);border-radius:9px;flex:none;place-items:center;font-size:.8125rem;font-weight:700;display:grid;overflow:hidden}.logo img{object-fit:contain;background:#fff;width:100%;height:100%}.atas-ruang{flex:1}.tombol-menu{display:none}.akun{position:relative}.akun-tombol{background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.akun-tombol:hover{background:var(--kartu-hover)}.avatar{background:var(--utama-lembut);width:30px;height:30px;color:var(--utama-teks);border-radius:50%;place-items:center;font-size:.75rem;font-weight:650;display:grid}.akun-nama{text-align:left;max-width:180px;line-height:1.2}.akun-nama b{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;display:block;overflow:hidden}.akun-nama small{color:var(--teks-3);font-size:.7188rem}.menu-akun{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);min-width:220px;box-shadow:var(--bayangan-besar);z-index:40;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu-akun .info{border-bottom:1px solid var(--garis);margin-bottom:6px;padding:8px 10px 10px}.menu-akun button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.menu-akun button:hover{background:var(--kartu-hover)}.badan{align-items:flex-start;display:flex}.sisi{top:var(--tinggi-atas);width:var(--lebar-sisi);height:calc(100vh - var(--tinggi-atas));background:var(--kartu);border-right:1px solid var(--garis);flex:none;align-self:flex-start;padding:14px 10px 24px;position:sticky;overflow-y:auto}.sisi-judul{letter-spacing:.08em;text-transform:uppercase;color:var(--teks-3);margin:14px 12px 6px;font-size:.6875rem;font-weight:650}.sisi-judul:first-child{margin-top:4px}.menu-item{color:var(--teks-2);border-radius:9px;align-items:center;gap:11px;padding:9px 12px;font-weight:500;text-decoration:none;display:flex;position:relative}.menu-item:hover{background:var(--kartu-hover);color:var(--teks)}.menu-item[aria-current=page]{background:var(--utama-lembut);color:var(--utama-teks);font-weight:650}.menu-item .hitung{background:var(--buruk);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:.6875rem;font-weight:700}.sisi-kaki{color:var(--teks-3);margin:18px 12px 0;font-size:.75rem;line-height:1.4}.isi-utama{min-width:0;padding:22px var(--gutter) 56px;flex:auto}.halaman{flex-direction:column;gap:18px;max-width:1240px;margin:0 auto;display:flex}.latar-laci{display:none}@media (width<=960px){.tombol-menu{display:inline-flex}.sisi{z-index:50;width:min(300px,86vw);height:auto;box-shadow:var(--bayangan-besar);align-self:stretch;padding-top:14px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.sisi.buka{transform:none}.latar-laci.buka{z-index:45;background:#05080c80;display:block;position:fixed;inset:0}.akun-nama{display:none}.akun-tombol{padding:4px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.judul-halaman{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.judul-halaman p{color:var(--teks-2);max-width:70ch;margin-top:4px}.judul-halaman .aksi{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayangan)}.kartu-isi{padding:16px 18px}.kartu-kepala{border-bottom:1px solid var(--garis);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 18px;display:flex}.kartu-kepala p{color:var(--teks-2);margin-top:2px;font-size:.8125rem}.kartu.tanpa-isi{overflow:hidden}.pita{border-radius:var(--radius-kecil);border:1px solid var(--garis);background:var(--kartu-2);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.pita.info{background:var(--info-lembut);color:var(--teks);border-color:#0000}.pita.peringatan{background:var(--peringatan-lembut);border-color:#0000}.pita.buruk{background:var(--buruk-lembut);border-color:#0000}.pita.baik{background:var(--baik-lembut);border-color:#0000}.pita svg{flex:none;margin-top:2px}.pita.info svg{color:var(--info-teks)}.pita.peringatan svg{color:var(--peringatan-teks)}.pita.buruk svg{color:var(--buruk-teks)}.pita.baik svg{color:var(--baik-teks)}.tombol{border:1px solid var(--garis-kuat);background:var(--kartu);min-height:40px;color:var(--teks);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.tombol:hover{background:var(--kartu-hover)}.tombol:active{transform:translateY(1px)}.tombol.utama{background:var(--utama);border-color:var(--utama);color:var(--di-atas-utama)}.tombol.utama:hover{background:var(--utama-hover);border-color:var(--utama-hover)}.tombol.bahaya{background:var(--buruk-lembut);color:var(--buruk-teks);border-color:#0000}.tombol.bahaya:hover,.tombol.bahaya.penuh{background:var(--buruk);color:#fff}.tombol.hantu{background:0 0;border-color:#0000}.tombol.hantu:hover{background:var(--kartu-hover)}.tombol.kecil{border-radius:8px;min-height:32px;padding:0 11px;font-size:.8125rem}.tombol.ikon{width:40px;padding:0}.tombol.ikon.kecil{width:32px}.tombol[disabled],.tombol[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.putar{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite putar;display:inline-block}@keyframes putar{to{transform:rotate(360deg)}}.lencana{background:var(--kartu-hover);color:var(--teks-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-size:.75rem;font-weight:650;line-height:1.6;display:inline-flex}.lencana:before{content:"";opacity:.9;background:currentColor;border-radius:50%;width:7px;height:7px}.lencana.tanpa-titik:before{display:none}.lencana.tanpa-titik{padding-left:10px}.lencana.baik{background:var(--baik-lembut);color:var(--baik-teks)}.lencana.peringatan{background:var(--peringatan-lembut);color:var(--peringatan-teks)}.lencana.buruk{background:var(--buruk-lembut);color:var(--buruk-teks)}.lencana.info{background:var(--info-lembut);color:var(--info-teks)}.lencana.merek{background:var(--utama-lembut);color:var(--utama-teks)}.medan{flex-direction:column;gap:5px;min-width:0;display:flex}.medan>label,.medan>.label{font-size:.8438rem;font-weight:600}.medan .petunjuk{color:var(--teks-3);font-size:.78rem}.medan .galat{color:var(--buruk-teks);font-size:.8rem;font-weight:500}.input{border:1px solid var(--garis-kuat);background:var(--kartu);width:100%;min-height:40px;color:var(--teks);border-radius:9px;padding:8px 12px}textarea.input{resize:vertical;min-height:84px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238a94a3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.input:hover{border-color:var(--teks-3)}.input:focus{outline:2px solid var(--utama-teks);outline-offset:0;border-color:var(--utama-teks)}.input[disabled],.input[readonly]{background:var(--kartu-2);color:var(--teks-2)}.input.kecil{min-height:34px;padding:4px 10px;font-size:.875rem}.dengan-ikon{position:relative}.dengan-ikon svg{color:var(--teks-3);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.dengan-ikon .input{padding-left:36px}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.grid-form .penuh{grid-column:1/-1}@media (width<=560px){.grid-form{grid-template-columns:minmax(0,1fr)}}.centang{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.centang input{width:18px;height:18px;accent-color:var(--utama);flex:none;margin:2px 0 0}.sakelar{--lebar:48px;width:var(--lebar);background:var(--garis-kuat);border:0;border-radius:999px;flex:none;height:28px;padding:0;transition:background .15s;position:relative}.sakelar:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.sakelar[aria-checked=true]{background:var(--utama)}.sakelar[aria-checked=true]:after{transform:translate(20px)}.sakelar[disabled]{opacity:.55;cursor:not-allowed}.segmen{background:var(--kartu-hover);border-radius:10px;flex-wrap:nowrap;gap:2px;max-width:100%;padding:3px;display:inline-flex}.segmen button{color:var(--teks-2);white-space:nowrap;background:0 0;border:0;border-radius:8px;min-height:32px;padding:6px 12px;font-size:.8438rem;font-weight:600}.segmen button:hover{color:var(--teks)}.segmen button[aria-pressed=true]{background:var(--kartu);color:var(--teks);box-shadow:var(--bayangan)}.tabel-bungkus{position:relative;overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:.875rem}.tabel th{text-align:left;letter-spacing:.03em;text-transform:uppercase;color:var(--teks-3);background:var(--kartu-2);border-bottom:1px solid var(--garis);white-space:nowrap;padding:10px 12px;font-size:.75rem;font-weight:650}.tabel td{border-bottom:1px solid var(--garis);vertical-align:middle;padding:11px 12px}.tabel tbody tr:last-child td{border-bottom:0}.tabel tbody tr:hover td{background:color-mix(in srgb, var(--kartu-hover) 55%, transparent)}.tabel td.angka{white-space:nowrap}.tabel td.utama-sel{min-width:190px}.tabel td.aksi,.tabel th.aksi{text-align:right}.tabel td.aksi{min-width:140px}.tabel td.aksi .baris{flex-wrap:wrap;justify-content:flex-end}.tabel th:first-child,.tabel td:first-child{padding-left:16px}.tabel th:last-child,.tabel td:last-child{padding-right:16px}.tabel .angka,.tabel th.angka{text-align:right}.tabel .nama-sel b{font-weight:600;display:block}.tabel .nama-sel small{color:var(--teks-3)}@media (width<=760px){.tabel-responsif thead{display:none}.tabel-responsif,.tabel-responsif tbody,.tabel-responsif tr,.tabel-responsif td{width:100%;display:block}.tabel-responsif tr{border-bottom:1px solid var(--garis);padding:10px 14px}.tabel-responsif tbody tr:last-child{border-bottom:0}.tabel-responsif td{text-align:right;justify-content:space-between;align-items:baseline;gap:16px;padding:5px 0;display:flex;border:0!important}.tabel-responsif td:before{content:attr(data-label);color:var(--teks-3);text-align:left;flex:none;font-size:.75rem;font-weight:600}.tabel-responsif td[data-label=""],.tabel-responsif td.aksi{justify-content:flex-end}.tabel-responsif td[data-label=""]:before,.tabel-responsif td.aksi:before{display:none}.tabel-responsif td.utama-sel{text-align:left;padding-bottom:6px;display:block}.tabel-responsif td.utama-sel:before{display:none}.tabel-responsif td.aksi .baris{flex-wrap:wrap}.tabel-responsif tbody tr:hover td{background:0 0}}dialog.dialog{border:1px solid var(--garis);background:var(--kartu);color:var(--teks);width:min(560px,100vw - 24px);max-height:min(92vh,900px);box-shadow:var(--bayangan-besar);border-radius:16px;padding:0;overflow:hidden}dialog.dialog.lebar{width:min(860px,100vw - 24px)}dialog.dialog.sangat-lebar{width:min(1080px,100vw - 24px)}dialog.dialog[open]{flex-direction:column;display:flex}dialog.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06090d99}.dialog-kepala{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 6px;display:flex}.dialog-kepala p{color:var(--teks-2);margin-top:3px;font-size:.875rem}.dialog-isi{flex:auto;padding:12px 20px 18px;overflow-y:auto}.dialog-kaki{border-top:1px solid var(--garis);background:var(--kartu-2);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex}@media (width<=560px){dialog.dialog,dialog.dialog.lebar,dialog.dialog.sangat-lebar{border-radius:18px 18px 0 0;width:100vw;max-width:100vw;max-height:94vh;margin:auto 0 0}.dialog-kaki .tombol{flex:auto}}.toast-wadah{z-index:200;pointer-events:none;flex-direction:column;gap:8px;max-width:min(400px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{pointer-events:auto;color:#f2f5fa;box-shadow:var(--bayangan-besar);background:#1c2230;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.875rem;animation:.2s masuk-toast;display:flex}.toast.galat{background:#7d1f1f}.toast svg{flex:none;margin-top:1px}@keyframes masuk-toast{0%{opacity:0;transform:translateY(8px)}}@media (width<=560px){.toast-wadah{max-width:none;bottom:12px;left:12px;right:12px}}.kosong{text-align:center;color:var(--teks-2);padding:40px 20px}.kosong svg{color:var(--teks-3);margin-bottom:10px}.kosong h3{color:var(--teks);margin-bottom:4px}.kerangka-muat{background:linear-gradient(90deg, var(--kartu-hover), var(--kartu-2), var(--kartu-hover));background-size:200% 100%;border-radius:8px;animation:1.4s infinite kilau}@keyframes kilau{to{background-position:-200% 0}}.memuat-tengah{color:var(--teks-3);place-items:center;padding:48px;display:grid}.segar{transition:opacity .15s}.segar.sedang{opacity:.55}.grid-statistik{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;display:grid}.statistik{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayangan);flex-direction:column;gap:2px;min-width:0;padding:14px 16px;display:flex}.statistik .label{color:var(--teks-2);align-items:center;gap:8px;font-size:.8125rem;display:flex}.statistik .nilai{letter-spacing:-.02em;margin-top:4px;font-size:1.625rem;font-weight:700;line-height:1.2}.statistik .nilai small{color:var(--teks-3);letter-spacing:0;margin-left:3px;font-size:.9375rem;font-weight:600}.statistik .catatan{color:var(--teks-3);font-size:.78rem}.statistik .ikon-bulat{background:var(--utama-lembut);width:26px;height:26px;color:var(--utama-teks);border-radius:8px;place-items:center;display:grid}.statistik.baik .ikon-bulat{background:var(--baik-lembut);color:var(--baik-teks)}.statistik.buruk .ikon-bulat{background:var(--buruk-lembut);color:var(--buruk-teks)}.statistik.peringatan .ikon-bulat{background:var(--peringatan-lembut);color:var(--peringatan-teks)}.pemutar{border-radius:var(--radius-kecil);aspect-ratio:16/9;color:#fff;isolation:isolate;background:#05080c;position:relative;overflow:hidden}.pemutar video,.pemutar canvas{object-fit:contain;background:#05080c;width:100%;height:100%;position:absolute;inset:0}.pemutar:fullscreen{aspect-ratio:auto;border-radius:0}.pemutar .lapis{z-index:2;pointer-events:none;background:linear-gradient(#0000008c,#0000 28% 72%,#0000008c);flex-direction:column;justify-content:space-between;padding:8px 10px;display:flex;position:absolute;inset:0}.pemutar .lapis>*{pointer-events:auto}.pemutar .lapis-atas,.pemutar .lapis-bawah{justify-content:space-between;align-items:center;gap:8px;display:flex}.pemutar .nama{text-shadow:0 1px 3px #000c;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8125rem;font-weight:600;overflow:hidden}.pemutar.ringkas .nama{font-size:.72rem}.chip-status{letter-spacing:.06em;color:#fff;white-space:nowrap;background:#0000009e;border-radius:999px;align-items:center;gap:6px;padding:2px 9px 2px 7px;font-size:.6875rem;font-weight:700;display:inline-flex}.chip-status:before{content:"";background:#9aa4b2;border-radius:50%;width:8px;height:8px}.chip-status.langsung:before{background:#ff3b3b;animation:1.4s ease-in-out infinite denyut}.chip-status.menyambung:before{background:#fab219;animation:.9s ease-in-out infinite denyut}.chip-status.terputus:before{background:#ff8a3d}.chip-status.luring:before{background:#7b8494}.chip-status.ditolak:before{background:#ff5a5a}@keyframes denyut{50%{opacity:.35}}.jam-pemutar{font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000c;font-size:.75rem;font-weight:600}.pemutar-info{z-index:1;text-align:center;pointer-events:none;background:#05080cb8;place-items:center;padding:12px;font-size:.8125rem;display:grid;position:absolute;inset:0}.pemutar-info b{margin-bottom:3px;font-size:.9375rem;display:block}.pemutar.ringkas .pemutar-info{font-size:.72rem}.pemutar.ringkas .pemutar-info b{font-size:.8125rem}.tombol-pemutar{color:#fff;background:#0000008c;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.tombol-pemutar:hover{background:#000c}.grid-kamera{gap:10px;display:grid}.grid-kamera.g1{grid-template-columns:minmax(0,1fr)}.grid-kamera.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-kamera.g9{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-kamera.g16{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=720px){.grid-kamera.g4{grid-template-columns:minmax(0,1fr)}.grid-kamera.g9,.grid-kamera.g16{grid-template-columns:repeat(2,minmax(0,1fr))}}.petak{border-radius:var(--radius-kecil);min-width:0;position:relative}.petak .tombol-pemutar{text-decoration:none}.petak{cursor:pointer}.petak:hover{outline:2px solid var(--utama);outline-offset:1px}.petak-kosong{aspect-ratio:16/9;border:1.5px dashed var(--garis-kuat);border-radius:var(--radius-kecil);color:var(--teks-3);place-items:center;font-size:.8125rem;display:grid}.tampilan-tunggal{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}@media (width<=1080px){.tampilan-tunggal{grid-template-columns:minmax(0,1fr)}}.ptz-pad{grid-template-rows:repeat(3,56px);grid-template-columns:repeat(3,56px);justify-content:center;gap:6px;margin:4px 0;display:grid}.tombol-ptz{border:1px solid var(--garis-kuat);background:var(--kartu-2);color:var(--teks);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:14px;place-items:center;display:grid}.tombol-ptz:hover{background:var(--kartu-hover)}.tombol-ptz.tekan,.tombol-ptz:active{background:var(--utama);border-color:var(--utama);color:var(--di-atas-utama)}.tombol-ptz.henti{background:0 0;border-radius:50%}.ptz-zoom{justify-content:center;gap:8px;display:flex}.ptz-zoom .tombol-ptz{white-space:nowrap;grid-auto-flow:column;gap:8px;width:112px;height:46px;font-weight:650}.preset-daftar{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.preset-baris{background:var(--kartu-2);border:1px solid var(--garis);border-radius:10px;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.garis-waktu{background:var(--kartu-hover);cursor:pointer;touch-action:manipulation;border:1px solid var(--garis);border-radius:10px;height:54px;position:relative;overflow:hidden}.garis-waktu .segmen-rekam{background:var(--utama);opacity:.85;min-width:2px;position:absolute;top:0;bottom:0}.garis-waktu .jam-tak-terbaca,.petak-arsir{background:repeating-linear-gradient(135deg, var(--garis-kuat) 0 3px, transparent 3px 7px)}.garis-waktu .jam-tak-terbaca{outline:1px dashed var(--garis-kuat);outline-offset:-1px;position:absolute;top:0;bottom:0}.petak-arsir{border:1px solid var(--garis-kuat)}.garis-waktu .kisi{background:var(--garis-kuat);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.garis-waktu .penanda{background:var(--teks);pointer-events:none;width:2px;box-shadow:0 0 0 2px var(--kartu);position:absolute;top:-2px;bottom:-2px}.garis-waktu .sekarang{background:var(--buruk);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.sumbu-jam{height:20px;color:var(--teks-3);margin-top:4px;font-size:.72rem;position:relative}.sumbu-jam span{white-space:nowrap;position:absolute;transform:translate(-50%)}.sumbu-jam span:first-child{transform:none}.sumbu-jam span:last-child{transform:translate(-100%)}.grafik{width:100%;position:relative}.grafik svg{width:100%;display:block;overflow:visible}.grafik .kisi-h{stroke:var(--garis);stroke-width:1px}.grafik .dasar{stroke:var(--garis-kuat);stroke-width:1px}.grafik text{fill:var(--teks-3);font-family:inherit;font-size:11px}.grafik .batang{transition:opacity .1s}.grafik .sorot-kolom{fill:var(--kartu-hover);opacity:.7}.grafik .garis-seri{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.grafik .bidik{stroke:var(--teks-3);stroke-width:1px;stroke-dasharray:none}.tip{z-index:5;pointer-events:none;background:var(--kartu);color:var(--teks);border:1px solid var(--garis-kuat);box-shadow:var(--bayangan-besar);border-radius:10px;min-width:130px;padding:8px 11px;font-size:.78rem;position:absolute;transform:translate(-50%,-100%)}.tip .judul{color:var(--teks-2);margin-bottom:4px;font-weight:600}.tip .baris-tip{justify-content:space-between;align-items:center;gap:8px;display:flex}.tip .baris-tip b{font-variant-numeric:tabular-nums;font-size:.875rem}.tip .kunci{vertical-align:middle;border-radius:2px;width:12px;height:3px;margin-right:6px;display:inline-block}.legenda{color:var(--teks-2);flex-wrap:wrap;gap:4px 16px;font-size:.8125rem;display:flex}.legenda .item{align-items:center;gap:7px;display:inline-flex}.legenda .petak-warna{border-radius:3px;width:12px;height:12px}.kisi-grafik{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=860px){.kisi-grafik{grid-template-columns:minmax(0,1fr)}}.batang-ketersediaan{background:var(--kartu-hover);border-radius:4px;min-width:80px;height:8px;overflow:hidden}.batang-ketersediaan i{border-radius:4px;height:100%;display:block}.daftar-gangguan{margin:0;padding:0;list-style:none}.daftar-gangguan>li{border-bottom:1px solid var(--garis);align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.daftar-gangguan>li:last-child{border-bottom:0}.daftar-gangguan .penanda-gangguan{background:var(--buruk-lembut);width:36px;height:36px;color:var(--buruk-teks);border-radius:10px;flex:none;place-items:center;display:grid}.daftar-gangguan .penanda-gangguan.peringatan{background:var(--peringatan-lembut);color:var(--peringatan-teks)}.baris-staf td{background:var(--peringatan-lembut)}.baris-staf:hover td{background:var(--peringatan-lembut)!important}.kode-besar{letter-spacing:.12em;background:var(--kartu-2);border:1.5px dashed var(--utama-garis);word-break:break-all;text-align:center;border-radius:12px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5rem;font-weight:700}.blok-kode{color:#d9e2ee;white-space:pre-wrap;word-break:break-all;background:#0f141b;border-radius:10px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;position:relative}.langkah{counter-reset:l;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.langkah>li{counter-increment:l;align-items:flex-start;gap:12px;display:flex}.langkah>li:before{content:counter(l);background:var(--utama-lembut);width:24px;height:24px;color:var(--utama-teks);border-radius:50%;flex:none;place-items:center;font-size:.78rem;font-weight:700;display:grid}.sakelar-baris{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.halaman-masuk{grid-template-columns:minmax(0,1fr) minmax(360px,520px);min-height:100vh;display:grid}.masuk-hero{background:linear-gradient(150deg, var(--utama) 0%, color-mix(in srgb, var(--utama) 55%, #000) 100%);color:var(--di-atas-utama);flex-direction:column;justify-content:space-between;gap:32px;padding:48px;display:flex;position:relative;overflow:hidden}.masuk-hero:after{content:"";border:56px solid #ffffff12;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-120px;right:-120px}.masuk-hero h1{max-width:14ch;font-size:2.1rem;line-height:1.15}.masuk-hero p{opacity:.9;max-width:46ch;margin-top:12px}.masuk-hero ul{z-index:1;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:relative}.masuk-hero li{align-items:flex-start;gap:10px;font-size:.9375rem;display:flex}.masuk-hero .logo{color:inherit;background:#ffffff2e}.masuk-panel{background:var(--latar);flex-direction:column;justify-content:center;gap:18px;padding:40px 36px;display:flex}.masuk-kartu{flex-direction:column;gap:16px;width:100%;max-width:400px;margin:0 auto;display:flex}.pilih-peran{flex-direction:column;gap:8px;display:flex}.kartu-peran{text-align:left;background:var(--kartu);border:1px solid var(--garis);border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.kartu-peran:hover{border-color:var(--utama);background:var(--utama-lembut)}.kartu-peran b{font-size:.875rem;display:block}.kartu-peran small{color:var(--teks-3);font-size:.75rem}@media (width<=860px){.halaman-masuk{grid-template-columns:minmax(0,1fr)}.masuk-hero{padding:24px var(--gutter);gap:14px}.masuk-hero h1{max-width:none;font-size:1.5rem}.masuk-hero ul{display:none}.masuk-panel{padding:24px var(--gutter) 40px}}.tag-tiruan{background:var(--peringatan-lembut);color:var(--peringatan-teks);letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.pita-tiruan{background:var(--peringatan-lembut);color:var(--peringatan-teks);text-align:center;padding:4px var(--gutter);border-bottom:1px solid var(--garis);font-size:.78rem;font-weight:600}.pratinjau-merek{border:1px solid var(--garis);background:var(--kartu);border-radius:12px;overflow:hidden}.pratinjau-merek .bar{align-items:center;gap:10px;padding:10px 12px;font-weight:650;display:flex}@media (width<=560px){.grid-statistik{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.statistik{padding:10px 12px}.statistik .label{align-items:flex-start;font-size:.75rem}.statistik .nilai{font-size:1.375rem}.statistik .catatan{font-size:.72rem}.kartu-kepala,.kartu-isi{padding:12px 14px}.isi-utama{padding-top:16px}h1{font-size:1.3125rem}.daftar-gangguan>li{flex-wrap:wrap;gap:10px 12px;padding:12px 14px}.daftar-gangguan>li .isi-lebar{flex:180px}.daftar-gangguan>li>.tombol{margin-left:48px}}