:root{--merek-25:#fff6f6;--merek-50:#fbe9e9;--merek-100:#f6d2d2;--merek-200:#f0a9a9;--merek-300:#ef4444;--merek-400:#e53535;--merek-500:#dc2626;--merek-600:#c92323;--merek-700:#ba2020;--merek-800:#991c1c;--merek-900:#7f1818;--netral-0:#fff;--netral-25:#f8fafc;--netral-50:#f1f5f9;--netral-100:#e2e8f0;--netral-200:#cbd5e1;--netral-300:#94a3b8;--netral-400:#64748b;--netral-500:#475569;--netral-600:#334155;--netral-700:#1e293b;--netral-800:#0f172a;--netral-900:#020617;--hijau-0:#d1edda;--hijau-50:#8bd1a3;--hijau-100:#3eb266;--hijau-200:#17a347;--hijau-300:#13883b;--kuning-0:#fff6e0;--kuning-50:#fbd982;--kuning-100:#ffbd4c;--amber-500:#f59e0b;--kuning-300:#5b3d1e;--biru-500:#3b82f6;--ungu-400:#8b5cf6;--kelas-motor:#8b5cf6;--kelas-mobil:#3b82f6;--kelas-sepeda:#14b8a6;--kelas-roda-tiga:#a8907a;--kelas-truk-kecil:#eaa83c;--kelas-truk-besar:#17a347;--kelas-bis:#dc2626;--kelas-pickup:#5b4fe0;--spasi-0:2px;--spasi-1:4px;--spasi-2:8px;--spasi-3:12px;--spasi-4:16px;--spasi-5:20px;--spasi-6:24px;--spasi-7:32px;--spasi-8:40px;--spasi-9:48px;--spasi-10:56px;--radius-0:0;--radius-1:2px;--radius-2:4px;--radius-3:6px;--radius-4:8px;--radius-5:10px;--radius-6:12px;--radius-7:16px;--radius-penuh:999px;--stroke-0:1px;--stroke-1:2px;--stroke-2:4px;--stroke-3:6px;--elevasi-0:none;--elevasi-1:0 1px 2px rgba(2,6,23,.06);--elevasi-2:0 4px 12px rgba(2,6,23,.08);--elevasi-3:0 12px 32px rgba(2,6,23,.12);--font:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--teks-h1:48px;--teks-h2:40px;--teks-h3:32px;--teks-h4:24px;--teks-h5:20px;--teks-h6:18px;--teks-l:18px;--teks-m:16px;--teks-s:14px;--teks-xs:12px;--tebal-reguler:400;--tebal-medium:500;--tebal-semibold:600;--tinggi-rapat:1.25;--tinggi-normal:1.5;--sidebar-lebar:300px;--sidebar-lebar-ciut:76px;--topbar-tinggi:96px}:root,:root[data-tema=terang]{--latar:var(--netral-0);--latar-kanvas:var(--netral-25);--permukaan:var(--netral-0);--permukaan-2:var(--netral-25);--permukaan-naik:var(--netral-0);--garis:var(--netral-100);--garis-halus:var(--netral-50);--teks-kuat:var(--netral-900);--teks:var(--netral-700);--teks-sedang:var(--netral-500);--teks-lemah:var(--netral-300);--aksen:var(--merek-500);--aksen-kuat:var(--merek-700);--aksen-lembut:var(--merek-50);--aksen-lembut-2:var(--merek-25);--aksen-teks:var(--merek-500);--di-atas-aksen:#fff;--sukses:var(--hijau-200);--awas:var(--amber-500);--bahaya:var(--merek-300);--info:var(--biru-500);--bagan-pucat:var(--merek-50);--bagan-sorot:var(--merek-500);--bagan-kisi:var(--netral-50);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-tema=gelap]{--latar:var(--netral-900);--latar-kanvas:var(--netral-800);--permukaan:var(--netral-800);--permukaan-2:var(--netral-700);--permukaan-naik:var(--netral-700);--garis:var(--netral-700);--garis-halus:#16202f;--teks-kuat:var(--netral-25);--teks:var(--netral-50);--teks-sedang:var(--netral-200);--teks-lemah:var(--netral-400);--aksen:var(--merek-300);--aksen-kuat:var(--merek-200);--aksen-lembut:#2a1214;--aksen-lembut-2:#210f11;--aksen-teks:#f87171;--di-atas-aksen:#fff;--sukses:#34d399;--awas:#fbbf24;--bahaya:#f87171;--info:#60a5fa;--bagan-pucat:#3b1418;--bagan-sorot:var(--merek-300);--bagan-kisi:var(--netral-700);--elevasi-1:0 1px 2px rgba(0,0,0,.4);--elevasi-2:0 4px 12px rgba(0,0,0,.45);--elevasi-3:0 12px 32px rgba(0,0,0,.55);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(/font/source-sans-3-latin-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(/font/source-sans-3-latin-ext-400.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:500;font-display:swap;src:url(/font/source-sans-3-latin-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:500;font-display:swap;src:url(/font/source-sans-3-latin-ext-500.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(/font/source-sans-3-latin-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(/font/source-sans-3-latin-ext-600.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,:before,:after{box-sizing:border-box}html,body{background:var(--latar);color:var(--teks);font-family:var(--font);font-size:var(--teks-s);line-height:var(--tinggi-normal);-webkit-font-smoothing:antialiased;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:var(--tebal-semibold);line-height:var(--tinggi-rapat);color:var(--teks-kuat);margin:0}h1{font-size:var(--teks-h1)}h2{font-size:var(--teks-h2)}h3{font-size:var(--teks-h3)}h4{font-size:var(--teks-h4)}h5{font-size:var(--teks-h5)}h6{font-size:var(--teks-h6)}p{margin:0}a{color:var(--aksen-teks);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:var(--stroke-1) solid var(--aksen);outline-offset:2px;border-radius:var(--radius-2)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.angka{font-variant-numeric:tabular-nums}.hanya-pembaca-layar{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kerangka{grid-template-columns:var(--sidebar-lebar) minmax(0, 1fr);min-height:100vh;display:grid}.kerangka.ciut{grid-template-columns:var(--sidebar-lebar-ciut) minmax(0, 1fr)}.sisi{background:var(--latar);border-right:var(--stroke-0) solid var(--garis-halus);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.merek{align-items:center;gap:var(--spasi-2);height:var(--topbar-tinggi);padding:0 var(--spasi-5);flex:none;display:flex}.merek-tanda{color:var(--aksen);flex:none;display:flex}.merek-teks{min-width:0;font-size:var(--teks-h6);font-weight:var(--tebal-semibold);letter-spacing:.02em;color:var(--aksen);white-space:nowrap;flex:1}.kerangka.ciut .merek-teks{display:none}.kerangka.ciut .merek{height:auto;padding:var(--spasi-4) 0;justify-content:center;gap:var(--spasi-3);flex-direction:column}.sisi-sakelar{background:var(--permukaan);width:36px;height:36px;color:var(--teks-lemah);border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-4);cursor:pointer;flex:none;place-items:center;display:grid}.sisi-sakelar:hover{color:var(--aksen);border-color:var(--aksen)}.nav{padding:var(--spasi-2) var(--spasi-4) var(--spasi-4);flex:1;overflow:hidden auto}.nav-grup{padding:var(--spasi-4) var(--spasi-2) var(--spasi-2);font-size:var(--teks-s);color:var(--teks-lemah)}.kerangka.ciut .nav-grup{padding:var(--spasi-3) var(--spasi-2);font-size:0;line-height:0}.kerangka.ciut .nav-grup:after{content:"";height:var(--stroke-0);margin:0 var(--spasi-3);background:var(--garis-halus);border-radius:var(--radius-penuh);display:block}.kerangka.ciut .nav{padding:var(--spasi-2) var(--spasi-2) var(--spasi-4)}.nav-item{align-items:center;gap:var(--spasi-3);padding:var(--spasi-3) var(--spasi-3);margin-bottom:var(--spasi-0);border-radius:var(--radius-4);color:var(--teks-sedang);font-size:var(--teks-m);font-weight:var(--tebal-medium);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;display:flex;position:relative}.nav-item:hover{background:var(--permukaan-2);color:var(--teks)}.nav-item.aktif{background:var(--aksen-lembut);color:var(--aksen-teks);font-weight:var(--tebal-semibold)}.nav-item.aktif:before{content:"";left:calc(var(--spasi-3) * -1 - var(--stroke-3) / 2);top:var(--spasi-0);bottom:var(--spasi-0);width:var(--stroke-3);background:var(--aksen);border-radius:var(--radius-penuh);position:absolute}.nav-item .ikon{flex:none;display:flex}.nav-item .teks{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-item .karet{color:var(--teks-lemah);flex:none;transition:transform .15s;display:flex}.nav-item.terbuka .karet{transform:rotate(180deg)}.kerangka.ciut .nav-item{width:44px;height:44px;margin:0 auto var(--spasi-1);justify-content:center;padding:0}.kerangka.ciut .nav-item .teks,.kerangka.ciut .nav-item .karet,.kerangka.ciut .nav-item.aktif:before{display:none}.nav-anak{padding-left:var(--spasi-6);flex-direction:column;display:none}.nav-anak.terbuka{display:flex}.kerangka.ciut .nav-anak,.kerangka.ciut .nav-anak.terbuka{display:none}.sisi-kaki{padding:var(--spasi-4);border-top:var(--stroke-0) solid var(--garis-halus);flex:none}.utama{flex-direction:column;min-width:0;display:flex}.topbar{align-items:center;gap:var(--spasi-4);height:var(--topbar-tinggi);padding:0 var(--spasi-7);flex:none;display:flex}.topbar-judul{min-width:0;font-size:var(--teks-h5);font-weight:var(--tebal-semibold);color:var(--teks);flex:1}.topbar-aksi{align-items:center;gap:var(--spasi-4);display:flex}.tema-pil{align-items:center;gap:var(--spasi-0);padding:var(--spasi-0);border-radius:var(--radius-penuh);background:var(--permukaan-2);border:var(--stroke-0) solid var(--garis);display:flex}.tema-pil button{border-radius:var(--radius-penuh);width:32px;height:32px;color:var(--teks-lemah);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.tema-pil button.aktif{background:var(--netral-800);color:var(--netral-0)}:root[data-tema=gelap] .tema-pil button.aktif{background:var(--netral-25);color:var(--netral-900)}.bulat-tombol{background:var(--permukaan);width:44px;height:44px;color:var(--teks-sedang);border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-penuh);cursor:pointer;flex:none;place-items:center;display:grid;position:relative}.bulat-tombol:hover{color:var(--aksen);border-color:var(--aksen)}.bulat-tombol .titik{background:var(--aksen);border:var(--stroke-1) solid var(--permukaan);border-radius:var(--radius-penuh);width:8px;height:8px;position:absolute;top:9px;right:10px}.profil{align-items:center;gap:var(--spasi-3);display:flex}.profil-avatar{border-radius:var(--radius-penuh);object-fit:cover;background:var(--permukaan-2);border:var(--stroke-1) solid var(--aksen);width:44px;height:44px;padding:var(--stroke-0);flex:none}.profil-nama{font-size:var(--teks-m);font-weight:var(--tebal-semibold);color:var(--teks-kuat);line-height:1.2}.profil-surel{font-size:var(--teks-s);color:var(--teks-lemah);line-height:1.2}.kanvas{margin:0 var(--spasi-7) var(--spasi-7);padding:var(--spasi-6);background:var(--latar-kanvas);border-radius:var(--radius-7);flex:1;min-width:0}@media (width<=900px){.kerangka,.kerangka.ciut{grid-template-columns:minmax(0,1fr)}.sisi{z-index:40;width:var(--sidebar-lebar);box-shadow:var(--elevasi-3);transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-100%)}.kerangka.laci-buka .sisi{transform:none}.laci-tirai{z-index:30;background:rgba(2,6,23,.4);border:0;position:fixed;inset:0}.topbar{padding:0 var(--spasi-4)}.kanvas{margin:0 var(--spasi-4) var(--spasi-4);padding:var(--spasi-4)}.profil-nama,.profil-surel{display:none}}.hanya-sempit{display:none}@media (width<=900px){.hanya-sempit{display:grid}}.bagan{width:100%;display:block}.bagan-bungkus{width:100%;position:relative}.bagan .kisi{stroke:var(--bagan-kisi);stroke-width:1px}.bagan .sumbu-teks{fill:var(--teks-lemah);font-size:11px;font-family:var(--font)}.bagan .batang{fill:var(--bagan-pucat)}.bagan .batang.sorot{fill:var(--bagan-sorot)}.bagan .garis{fill:none;stroke:var(--bagan-sorot);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.bagan .area{fill:var(--bagan-pucat);opacity:.55}.bagan .titik{fill:var(--bagan-sorot)}.bagan .nilai{fill:var(--teks-sedang);font-size:11px;font-family:var(--font);font-weight:var(--tebal-semibold)}.bagan .gelembung{fill:var(--bagan-sorot)}.bagan .gelembung-teks{fill:var(--di-atas-aksen);font-size:11px;font-weight:var(--tebal-semibold);font-family:var(--font)}.bagan-kaki{border-top:var(--stroke-0) solid var(--garis-halus);margin-top:var(--spasi-4);display:flex}.bagan-kaki>div{padding:var(--spasi-4) var(--spasi-5);border-right:var(--stroke-0) solid var(--garis-halus)}.bagan-kaki .label{font-size:var(--teks-s);color:var(--teks-sedang)}.bagan-kaki .nilai{font-size:var(--teks-h6);font-weight:var(--tebal-semibold);color:var(--teks-kuat);font-variant-numeric:tabular-nums}.batang-datar{gap:var(--spasi-3);flex-direction:column;display:flex}.batang-datar .baris{align-items:center;gap:var(--spasi-4);display:flex}.batang-datar .jalur{flex:1;min-width:0}.batang-datar .isi{height:32px;padding:0 var(--spasi-3);border-radius:var(--radius-3);color:var(--di-atas-aksen);font-size:var(--teks-s);font-weight:var(--tebal-medium);align-items:center;display:flex}.batang-datar .ket{text-align:right;width:64px;color:var(--teks-sedang);font-size:var(--teks-s);flex:none}.kartu{background:var(--permukaan);border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-6);box-shadow:var(--elevasi-1)}.kartu-kepala{align-items:center;gap:var(--spasi-3);padding:var(--spasi-4) var(--spasi-5);display:flex}.kartu-kepala .judul{min-width:0;font-size:var(--teks-h6);font-weight:var(--tebal-semibold);color:var(--teks-kuat);flex:1}.kartu-isi{padding:0 var(--spasi-5) var(--spasi-5)}.kartu-garis>.kartu-kepala{border-bottom:var(--stroke-0) solid var(--garis-halus)}.kartu-garis>.kartu-isi{padding-top:var(--spasi-5)}.kartu-ikon{border-radius:var(--radius-4);background:var(--aksen-lembut);width:40px;height:40px;color:var(--aksen);flex:none;place-items:center;display:grid}.kartu-ikon.sukses{background:color-mix(in srgb, var(--sukses) 14%, transparent);color:var(--sukses)}.kartu-ikon.awas{background:color-mix(in srgb, var(--awas) 16%, transparent);color:var(--awas)}.kartu-ikon.info{background:color-mix(in srgb, var(--info) 14%, transparent);color:var(--info)}.kpi{gap:var(--spasi-4);padding:var(--spasi-5);flex-direction:column;min-height:148px;display:flex;position:relative}.kpi-judul{align-items:center;gap:var(--spasi-3);font-size:var(--teks-h6);color:var(--teks-lemah);font-weight:var(--tebal-medium);display:flex}.kpi-nilai{font-size:var(--teks-h3);font-weight:var(--tebal-semibold);color:var(--teks-kuat);font-variant-numeric:tabular-nums}.kpi-satuan{font-size:var(--teks-h6);font-weight:var(--tebal-medium);color:var(--teks-sedang);margin-left:var(--spasi-1)}.kpi-kaki{align-items:center;gap:var(--spasi-2);font-size:var(--teks-s);color:var(--teks-sedang);display:flex}.kpi-buka{right:var(--spasi-4);bottom:var(--spasi-4);border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-4);background:var(--permukaan);width:32px;height:32px;color:var(--teks-lemah);cursor:pointer;place-items:center;display:grid;position:absolute}.kpi-buka:hover{color:var(--aksen);border-color:var(--aksen)}.delta{align-items:center;gap:var(--spasi-1);font-weight:var(--tebal-semibold);display:inline-flex}.delta.naik{color:var(--sukses)}.delta.turun{color:var(--bahaya)}.meteran{border-radius:var(--radius-penuh);background:var(--permukaan-2);height:8px;overflow:hidden}.meteran>i{border-radius:var(--radius-penuh);background:var(--awas);height:100%;display:block}.petak-kelas{gap:var(--spasi-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.kolom{gap:var(--spasi-2);flex-direction:column;display:flex}.kolom-label{font-size:var(--teks-m);font-weight:var(--tebal-semibold);color:var(--teks-kuat)}.kolom-bantu{font-size:var(--teks-s);color:var(--teks-lemah)}.kolom-galat{font-size:var(--teks-s);color:var(--bahaya)}.kotak{align-items:center;gap:var(--spasi-3);height:52px;padding:0 var(--spasi-4);background:var(--permukaan);border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-4);display:flex}.kotak:focus-within{border-color:var(--aksen);box-shadow:0 0 0 3px var(--aksen-lembut)}.kotak.galat{border-color:var(--bahaya)}.kotak.mati{background:var(--permukaan-2);color:var(--teks-lemah)}.kotak>.ikon{color:var(--teks-lemah);flex:none;display:flex}.kotak>input,.kotak>select{min-width:0;height:100%;font-size:var(--teks-m);color:var(--teks-kuat);background:0 0;border:0;outline:none;flex:1}.kotak>input::placeholder{color:var(--teks-lemah)}.kotak>.ikon-tbl{border-radius:var(--radius-3);width:28px;height:28px;color:var(--teks-lemah);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.kotak>.ikon-tbl:hover{color:var(--teks)}.kotak.pilih{position:relative}.kotak.pilih>select{appearance:none;cursor:pointer;padding-right:var(--spasi-6)}.kotak.pilih>.karet{right:var(--spasi-4);pointer-events:none;color:var(--teks-lemah);display:flex;position:absolute}.kolom-baris{justify-content:space-between;align-items:center;gap:var(--spasi-4);display:flex}.centang{align-items:center;gap:var(--spasi-2);cursor:pointer;font-size:var(--teks-m);color:var(--teks-sedang);display:inline-flex}.centang input{width:20px;height:20px;accent-color:var(--aksen);cursor:pointer}.cari{width:100%;max-width:420px}.cari .kotak{height:48px}.otp{gap:var(--spasi-3);justify-content:center;display:flex}.otp input{text-align:center;width:56px;height:56px;font-size:var(--teks-h5);font-weight:var(--tebal-semibold);color:var(--teks-kuat);background:var(--permukaan);border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-4);font-variant-numeric:tabular-nums;outline:none}.otp input:focus{border-color:var(--aksen);box-shadow:0 0 0 3px var(--aksen-lembut)}.otp input.galat{border-color:var(--bahaya)}@media (width<=480px){.otp{gap:var(--spasi-2)}.otp input{width:44px;height:48px;font-size:var(--teks-h6)}}.tirai{z-index:50;padding:var(--spasi-4);backdrop-filter:blur(2px);background:rgba(2,6,23,.32);place-items:center;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:480px;max-height:calc(100vh - var(--spasi-8));background:var(--permukaan-naik);border-radius:var(--radius-6);box-shadow:var(--elevasi-3);flex-direction:column;display:flex}.modal.lebar{max-width:720px}.modal-kepala{align-items:center;gap:var(--spasi-4);padding:var(--spasi-5);border-bottom:var(--stroke-0) solid var(--garis-halus);display:flex}.modal-kepala .judul{min-width:0;font-size:var(--teks-h5);font-weight:var(--tebal-semibold);color:var(--teks-kuat);flex:1}.modal-tutup{background:var(--permukaan);border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-4);width:40px;height:40px;color:var(--teks-sedang);cursor:pointer;flex:none;place-items:center;display:grid}.modal-tutup:hover{color:var(--aksen);border-color:var(--aksen)}.modal-isi{padding:var(--spasi-5);gap:var(--spasi-4);flex-direction:column;display:flex;overflow-y:auto}.modal-kaki{gap:var(--spasi-3);padding:var(--spasi-5);border-top:var(--stroke-0) solid var(--garis-halus);display:flex}.modal-kaki>*{flex:1}.peringatan-item{gap:var(--spasi-4);padding:var(--spasi-4);border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-4);display:flex}.peringatan-item+.peringatan-item{margin-top:var(--spasi-3)}.peringatan-ikon{background:var(--permukaan);border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-4);width:48px;height:48px;color:var(--aksen);flex:none;place-items:center;display:grid}.peringatan-isi{flex:1;min-width:0}.peringatan-judul{font-size:var(--teks-h6);font-weight:var(--tebal-semibold);color:var(--teks-kuat)}.peringatan-teks{font-size:var(--teks-s);color:var(--teks-sedang)}.peringatan-waktu{gap:var(--spasi-4);font-size:var(--teks-s);color:var(--teks-sedang);justify-content:flex-end;display:flex}.peringatan-waktu span{align-items:center;gap:var(--spasi-1);display:inline-flex}.tabel-bungkus{overflow-x:auto}.tabel{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--teks-m)}.tabel th,.tabel td{padding:var(--spasi-4) var(--spasi-5);text-align:left}.tabel thead th{background:var(--aksen-lembut);color:var(--teks-kuat);font-weight:var(--tebal-semibold);white-space:nowrap}.tabel thead th:first-child{border-top-left-radius:var(--radius-4);border-bottom-left-radius:var(--radius-4)}.tabel thead th:last-child{border-top-right-radius:var(--radius-4);border-bottom-right-radius:var(--radius-4)}.tabel tbody tr:nth-child(2n){background:var(--aksen-lembut-2)}.tabel tbody td{color:var(--teks);border-bottom:var(--stroke-0) solid var(--garis-halus)}.tabel .tengah{text-align:center}.tabel .kanan{text-align:right}.tabel .aksi{gap:var(--spasi-2);justify-content:center;display:flex}.urut{align-items:center;gap:var(--spasi-2);cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;display:inline-flex}.urut .tanda{color:var(--teks-lemah);display:flex}.urut[aria-sort=ascending] .tanda,.urut[aria-sort=descending] .tanda{color:var(--aksen)}.sel-orang{align-items:center;gap:var(--spasi-3);display:flex}.sel-orang img{border-radius:var(--radius-3);object-fit:cover;background:var(--permukaan-2);width:32px;height:32px}.paginasi{justify-content:space-between;align-items:center;gap:var(--spasi-4);padding-top:var(--spasi-5);flex-wrap:wrap;display:flex}.paginasi-kiri{align-items:center;gap:var(--spasi-3);color:var(--teks-sedang);display:flex}.paginasi-kiri .kotak{width:96px;height:40px}.paginasi-nomor{align-items:center;gap:var(--spasi-2);display:flex}.paginasi-nomor button{min-width:40px;height:40px;padding:0 var(--spasi-2);background:var(--permukaan);color:var(--teks-sedang);border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-penuh);cursor:pointer;font-variant-numeric:tabular-nums;place-items:center;display:grid}.paginasi-nomor button:hover:not(:disabled){border-color:var(--aksen);color:var(--aksen)}.paginasi-nomor button.aktif{background:var(--aksen);color:var(--di-atas-aksen);border-color:var(--aksen);font-weight:var(--tebal-semibold)}.paginasi-nomor button:disabled{opacity:.5;cursor:not-allowed}.paginasi-kanan{color:var(--teks-sedang)}.riwayat-petak{gap:var(--spasi-4) var(--spasi-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.riwayat-baris{align-items:center;gap:var(--spasi-3);padding:var(--spasi-3) 0;border-bottom:var(--stroke-0) solid var(--garis-halus);display:flex}.riwayat-avatar{border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-penuh);width:48px;height:48px;color:var(--aksen);flex:none;place-items:center;display:grid}.riwayat-isi{min-width:0}.riwayat-judul{align-items:center;gap:var(--spasi-2);font-weight:var(--tebal-semibold);color:var(--teks-kuat);display:flex}.riwayat-meta{font-size:var(--teks-s);color:var(--teks-sedang)}.tbl{justify-content:center;align-items:center;gap:var(--spasi-2);padding:0 var(--spasi-5);border-radius:var(--radius-4);border:var(--stroke-0) solid transparent;height:44px;font-size:var(--teks-m);font-weight:var(--tebal-semibold);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.tbl:disabled,.tbl[aria-disabled=true]{opacity:.55;cursor:not-allowed}.tbl-primer{background:var(--aksen);color:var(--di-atas-aksen)}.tbl-primer:hover:not(:disabled){background:var(--aksen-kuat)}.tbl-sekunder{background:var(--permukaan);color:var(--teks);border-color:var(--garis)}.tbl-sekunder:hover:not(:disabled){border-color:var(--teks-lemah)}.tbl-garis{background:var(--permukaan);color:var(--aksen-teks);border-color:var(--aksen)}.tbl-garis:hover:not(:disabled){background:var(--aksen-lembut)}.tbl-hantu{color:var(--teks-sedang);background:0 0}.tbl-hantu:hover:not(:disabled){background:var(--permukaan-2);color:var(--teks)}.tbl-bahaya{background:var(--bahaya);color:var(--di-atas-aksen)}.tbl-bahaya:hover:not(:disabled){background:var(--merek-600)}.tbl-info{background:var(--permukaan);color:var(--info);border-color:var(--garis)}.tbl-info:hover:not(:disabled){border-color:var(--info)}.tbl-aksi{background:var(--permukaan);color:var(--aksen-teks);border-color:var(--garis)}.tbl-aksi:hover:not(:disabled){border-color:var(--aksen)}.tbl-s{height:36px;padding:0 var(--spasi-3);font-size:var(--teks-s)}.tbl-l{height:52px;padding:0 var(--spasi-6)}.tbl-penuh{width:100%}.tbl-ikon{border-radius:var(--radius-3);width:36px;height:36px;color:var(--teks-lemah);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.tbl-ikon:hover{background:var(--permukaan-2)}.tbl-ikon.info{color:var(--info)}.tbl-ikon.bahaya{color:var(--bahaya)}.lencana{align-items:center;gap:var(--spasi-1);padding:var(--spasi-0) var(--spasi-3);border-radius:var(--radius-penuh);border:var(--stroke-0) solid var(--garis);background:var(--permukaan);height:28px;color:var(--teks-sedang);font-size:var(--teks-s);font-weight:var(--tebal-medium);white-space:nowrap;display:inline-flex}.lencana .titik{border-radius:var(--radius-penuh);background:currentColor;width:8px;height:8px}.lencana.sukses{color:var(--sukses);border-color:color-mix(in srgb, var(--sukses) 40%, transparent);background:color-mix(in srgb, var(--sukses) 10%, transparent)}.lencana.awas{color:var(--awas);border-color:color-mix(in srgb, var(--awas) 40%, transparent);background:color-mix(in srgb, var(--awas) 12%, transparent)}.lencana.bahaya{color:var(--bahaya);border-color:color-mix(in srgb, var(--bahaya) 40%, transparent);background:color-mix(in srgb, var(--bahaya) 10%, transparent)}.lencana.info{color:var(--info);border-color:color-mix(in srgb, var(--info) 40%, transparent);background:color-mix(in srgb, var(--info) 10%, transparent)}.lencana.padat{background:var(--aksen);border-color:var(--aksen);color:var(--di-atas-aksen)}.lencana.padat.info{background:var(--info);border-color:var(--info)}.toast-rak{top:var(--spasi-4);z-index:60;gap:var(--spasi-2);pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--spasi-3);padding:var(--spasi-3) var(--spasi-5);border-radius:var(--radius-4);min-height:52px;box-shadow:var(--elevasi-2);color:var(--di-atas-aksen);font-size:var(--teks-m);font-weight:var(--tebal-semibold);pointer-events:auto;display:flex}.toast.sukses{background:var(--sukses)}.toast.bahaya{background:var(--bahaya)}.toast.awas{background:var(--awas);color:var(--netral-900)}.toast.info{background:var(--info)}.kosong{align-items:center;gap:var(--spasi-4);padding:var(--spasi-9) var(--spasi-4);text-align:center;flex-direction:column;display:flex}.kosong-gambar{width:100%;max-width:420px;height:auto}.kosong-judul{font-size:var(--teks-h5);font-weight:var(--tebal-semibold);color:var(--teks-kuat)}.kosong-teks{color:var(--teks-sedang)}.rangka{border-radius:var(--radius-3);background:linear-gradient(90deg, var(--permukaan-2) 25%, var(--garis-halus) 37%, var(--permukaan-2) 63%);background-size:400% 100%;animation:1.4s infinite rangka-geser}@keyframes rangka-geser{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.rangka{animation:none}}.galat-panel{align-items:flex-start;gap:var(--spasi-3);padding:var(--spasi-4);border:var(--stroke-0) solid color-mix(in srgb, var(--bahaya) 45%, transparent);background:color-mix(in srgb, var(--bahaya) 8%, transparent);border-radius:var(--radius-4);color:var(--bahaya);font-size:var(--teks-s);display:flex}.galat-panel .ikon{flex:none;display:flex}.analitik-petak{gap:var(--spasi-4);grid-template-columns:minmax(0,1.05fr) minmax(0,1.6fr);align-items:start;display:grid}.analitik-kartu{gap:var(--spasi-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.analitik-kanan{gap:var(--spasi-4);flex-direction:column;display:flex}.kpi-kecil{padding:var(--spasi-4);gap:var(--spasi-2);min-height:0}.kpi-kecil .kpi-judul{font-size:var(--teks-m)}.kpi-kecil .kpi-nilai{font-size:var(--teks-h4)}.stream-bawah-penuh{margin-top:var(--spasi-4)}.stream-bawah-penuh .kartu-kepala .cari{margin-left:auto}@media (width<=1100px){.analitik-petak{grid-template-columns:minmax(0,1fr)}}.halaman-kepala{align-items:center;gap:var(--spasi-4);margin-bottom:var(--spasi-6);flex-wrap:wrap;display:flex}.halaman-kepala .kiri{align-items:center;gap:var(--spasi-4);flex:1;min-width:260px;display:flex}.halaman-kepala .aksi{align-items:center;gap:var(--spasi-3);flex-wrap:wrap;display:flex}.sapaan{font-size:var(--teks-h5);font-weight:var(--tebal-semibold);color:var(--teks-kuat)}.sapaan-avatar{border-radius:var(--radius-penuh);object-fit:cover;background:var(--permukaan-2);flex:none;width:56px;height:56px}.pil-perbarui{align-items:center;gap:var(--spasi-3);height:44px;padding:0 var(--spasi-4);background:var(--permukaan);border:var(--stroke-0) solid var(--garis);border-radius:var(--radius-4);color:var(--teks-sedang);font-size:var(--teks-m);display:inline-flex}.pil-perbarui button{border-radius:var(--radius-3);width:28px;height:28px;color:var(--teks-sedang);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.pil-perbarui button:hover{color:var(--aksen)}.pil-perbarui button.berputar{animation:.9s linear infinite putar}@keyframes putar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pil-perbarui button.berputar{animation:none}}.dasbor-petak{gap:var(--spasi-4);grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.6fr);align-items:start;display:grid}.dasbor-petak .tren{grid-area:1/3/span 2;height:100%}@media (width<=1280px){.dasbor-petak{grid-template-columns:repeat(2,minmax(0,1fr))}.dasbor-petak .tren{grid-area:auto/1/auto/-1}}@media (width<=640px){.dasbor-petak{grid-template-columns:minmax(0,1fr)}}.dasbor-bawah{margin-top:var(--spasi-4)}.cctv-petak{gap:var(--spasi-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.cctv-kartu{flex-direction:column;display:flex;overflow:hidden}.cctv-pratinjau{aspect-ratio:16/9;background:linear-gradient(135deg, var(--netral-800), var(--netral-600));color:var(--netral-300);place-items:center;display:grid;position:relative}.cctv-nama{justify-content:space-between;align-items:center;gap:var(--spasi-2);padding:var(--spasi-3);background:linear-gradient(transparent,rgba(2,6,23,.75));display:flex;position:absolute;bottom:0;left:0;right:0}.cctv-nama .nama{color:#fff;font-weight:var(--tebal-semibold);font-size:var(--teks-m);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cctv-isi{gap:var(--spasi-3);padding:var(--spasi-4);flex-direction:column;display:flex}.cctv-lok{align-items:center;gap:var(--spasi-2);color:var(--teks-sedang);font-size:var(--teks-s);display:flex}.cctv-meta{align-items:center;gap:var(--spasi-2);color:var(--teks-lemah);font-size:var(--teks-s);flex-wrap:wrap;display:flex}.masuk{background:var(--latar);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.masuk-kiri{margin:var(--spasi-6);border-radius:var(--radius-7);background:linear-gradient(135deg, var(--merek-800) 0%, var(--merek-500) 52%, var(--merek-600) 100%);padding:var(--spasi-9) var(--spasi-7);text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.masuk-kiri .gambar{width:min(560px,100%);height:auto;margin-bottom:var(--spasi-9)}.masuk-kiri h2{color:#fff;font-size:var(--teks-h4)}.masuk-kiri p{margin-top:var(--spasi-3);color:rgba(255,255,255,.82);font-size:var(--teks-m);max-width:44ch}.masuk-kanan{padding:var(--spasi-7);place-items:center;display:grid}.masuk-kotak{gap:var(--spasi-5);flex-direction:column;width:100%;max-width:520px;display:flex}.masuk-kepala{text-align:center;align-items:center;gap:var(--spasi-3);flex-direction:column;display:flex}.masuk-kepala .tanda{color:var(--aksen)}.masuk-kepala h1{font-size:var(--teks-h2)}.masuk-kepala p{color:var(--teks-sedang);font-size:var(--teks-m)}.masuk-pisah{align-items:center;gap:var(--spasi-4);color:var(--teks-lemah);font-size:var(--teks-s);display:flex}.masuk-pisah:before,.masuk-pisah:after{content:"";height:var(--stroke-0);background:var(--garis);flex:1}.pulih{background:var(--latar-kanvas);flex-direction:column;align-items:center;min-height:100vh;display:flex}.pulih-langkah{gap:var(--spasi-8);padding:var(--spasi-5) var(--spasi-4);flex-wrap:wrap;justify-content:center;display:flex}.pulih-langkah .langkah{align-items:center;gap:var(--spasi-2);padding-bottom:var(--spasi-2);color:var(--teks-lemah);font-size:var(--teks-m);border-bottom:var(--stroke-1) solid transparent;white-space:nowrap;display:inline-flex}.pulih-langkah .langkah.aktif{color:var(--aksen-teks);font-weight:var(--tebal-semibold);border-bottom-color:var(--aksen)}.pulih-langkah .langkah.selesai{color:var(--teks-sedang)}.pulih-tengah{width:100%;padding:var(--spasi-6) var(--spasi-4) var(--spasi-9);flex:1;place-items:center;display:grid}.pulih-kotak{align-items:center;gap:var(--spasi-5);flex-direction:column;width:100%;max-width:500px;display:flex}.pulih-merek{align-items:center;gap:var(--spasi-3);text-align:center;flex-direction:column;display:flex}.pulih-merek .petak{background:var(--permukaan);border-radius:var(--radius-7);width:88px;height:88px;box-shadow:var(--elevasi-2);color:var(--aksen);place-items:center;display:grid}.pulih-merek h1{font-size:var(--teks-h4)}.pulih-merek p{color:var(--teks-sedang)}.pulih-kartu{width:100%}.pulih-kartu .isi{padding:var(--spasi-5);gap:var(--spasi-4);flex-direction:column;display:flex}.pulih-kartu h2{font-size:var(--teks-h5)}.pulih-kaki{text-align:center;color:var(--teks-sedang);font-size:var(--teks-m)}.pulih-hitung{text-align:center;font-variant-numeric:tabular-nums;color:var(--teks-kuat);font-weight:var(--tebal-semibold)}.pulih-sukses{align-items:center;gap:var(--spasi-4);padding:var(--spasi-7) var(--spasi-5);text-align:center;flex-direction:column;display:flex}.pulih-sukses .lencana-besar{color:var(--sukses);filter:drop-shadow(0 8px 24px color-mix(in srgb, var(--sukses) 35%, transparent))}.pulih-sukses h2{font-size:var(--teks-h6)}.pulih-sukses p{color:var(--teks-sedang);max-width:40ch}@media (width<=900px){.masuk{grid-template-columns:minmax(0,1fr)}.masuk-kiri{display:none}}.stream-petak{gap:var(--spasi-4);grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);align-items:start;display:grid}.stream-samping{gap:var(--spasi-4);flex-direction:column;display:flex}.stream-samping .kpi{min-height:0}.stream-samping.kelas-petak{gap:var(--spasi-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kpi-kelas{padding:var(--spasi-4);gap:var(--spasi-2)}.kpi-kelas .kpi-judul{font-size:var(--teks-m)}.kpi-kelas .kpi-nilai{font-size:var(--teks-h4)}.stream-bawah{gap:var(--spasi-4);margin-top:var(--spasi-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.video-bungkus{aspect-ratio:16/9;background:var(--netral-900);border-radius:var(--radius-6);width:100%;position:relative;overflow:hidden}.video-bungkus video{object-fit:contain;width:100%;height:100%;display:block}.video-pesan{padding:var(--spasi-5);text-align:center;color:var(--netral-200);font-size:var(--teks-m);background:color-mix(in srgb, var(--netral-900) 55%, transparent);place-items:center;display:grid;position:absolute;inset:0}.video-pesan.galat{color:#fca5a5}.teks-sukses{color:var(--sukses)}.teks-awas{color:var(--awas)}.teks-bahaya{color:var(--bahaya)}@media (width<=1100px){.stream-petak,.stream-bawah{grid-template-columns:minmax(0,1fr)}}