:root{--sq-bg:#f5f7fa;--sq-kartu:#ffffff;--sq-kartu-2:#f8fafc;--sq-teks:#374151;--sq-abu:#6b7280;--sq-biru:#22456c;--sq-biru-tua:#1a3656;--sq-biru-pale:#eef3f9;--sq-kuning:#f6bb3a;--sq-garis:#eef2f7;--sq-hijau:#16a34a;--sq-merah:#dc2626;--sq-oranye:#d97706;--sq-ungu:#7c3aed;--sq-bayang:0 1px 4px rgba(15,23,42,0.06);--sq-di-atas-aksen:#3d2c00;--sq-kaca:rgba(255,255,255,0.72);--sq-kaca-tepi:rgba(255,255,255,0.68);--sq-emas-aksen:#d99e1f;--sq-di-atas-merah:#ffffff;--sq-hijau-lembut:color-mix(in srgb,var(--sq-hijau) 12%,transparent);--sq-merah-lembut:color-mix(in srgb,var(--sq-merah) 12%,transparent);--sq-oranye-lembut:color-mix(in srgb,var(--sq-oranye) 14%,transparent);--sq-biru-lembut:var(--sq-biru-pale);--sq-ungu-lembut:color-mix(in srgb,var(--sq-ungu) 12%,transparent);--sq-hijau-tepi:color-mix(in srgb,var(--sq-hijau) 32%,transparent);--sq-merah-tepi:color-mix(in srgb,var(--sq-merah) 32%,transparent);--sq-oranye-tepi:color-mix(in srgb,var(--sq-oranye) 35%,transparent);--sq-font:"Inter","Segoe UI",sans-serif;--sq-font-judul:"Sora",sans-serif;--sq-t-caption:12px;--sq-t-body:14px;--sq-t-section:16px;--sq-t-sub:20px;--sq-t-heading:28px;--sq-lh-rapat:1.35;--sq-lh-normal:1.55;--sq-lh-longgar:1.7;--sq-sp-1:4px;--sq-sp-2:8px;--sq-sp-3:12px;--sq-sp-4:16px;--sq-sp-5:20px;--sq-sp-6:24px;--sq-sp-7:32px;--sq-sp-8:48px;--sq-w-sempit:640px;--sq-w-sedang:960px;--sq-w-lebar:1280px;--sq-r-xs:8px;--sq-r-sm:10px;--sq-r-md:16px;--sq-r-lg:20px;--sq-r-pil:999px;--sq-el-0:none;--sq-el-1:0 1px 2px rgba(15,23,42,0.04),0 4px 18px rgba(15,23,42,0.06);--sq-el-2:0 2px 4px rgba(15,23,42,0.05),0 8px 28px rgba(15,23,42,0.08);--sq-el-3:0 8px 16px rgba(15,23,42,0.06),0 24px 56px rgba(15,23,42,0.12);--sq-el-tekan:0 1px 1px rgba(15,23,42,0.10) inset;--sq-garis-kuat:#dbe2ea;--sq-fokus:0 0 0 3px rgba(34,69,108,0.28);--sq-fokus-warna:#2f6fb5;--sq-tautan:#1d63c8;--sq-darat:#cbd5e1;--sq-pale:#eef3f9;--sq-primer:#22456c;--sq-primer-hover:#1a3656;--sq-primer-teks:#ffffff;--sq-kontrol:#ffffff;--sq-kontrol-hover:#f6f8fb;--sq-kontrol-aktif:#eef2f7;--sq-gerak:160ms cubic-bezier(0.2,0,0.2,1);--sq-gerak-lambat:240ms cubic-bezier(0.2,0,0.2,1);color-scheme:light}:root[data-tema=dark]{--sq-bg:#0f172a;--sq-kartu:#1e293b;--sq-kartu-2:#172033;--sq-teks:#e2e8f0;--sq-abu:#94a3b8;--sq-biru:#7aa2d6;--sq-biru-tua:#a9c4e6;--sq-biru-pale:#24344b;--sq-kuning:#f6bb3a;--sq-garis:#334155;--sq-hijau:#34d399;--sq-merah:#f87171;--sq-oranye:#fbbf24;--sq-ungu:#a78bfa;--sq-bayang:0 1px 4px rgba(0,0,0,0.45);--sq-hijau-lembut:color-mix(in srgb,var(--sq-hijau) 18%,transparent);--sq-merah-lembut:color-mix(in srgb,var(--sq-merah) 18%,transparent);--sq-oranye-lembut:color-mix(in srgb,var(--sq-oranye) 18%,transparent);--sq-biru-lembut:var(--sq-biru-pale);--sq-ungu-lembut:color-mix(in srgb,var(--sq-ungu) 18%,transparent);--sq-hijau-tepi:color-mix(in srgb,var(--sq-hijau) 38%,transparent);--sq-merah-tepi:color-mix(in srgb,var(--sq-merah) 38%,transparent);--sq-oranye-tepi:color-mix(in srgb,var(--sq-oranye) 40%,transparent);--sq-el-0:none;--sq-el-1:0 1px 2px rgba(0,0,0,0.30),0 4px 18px rgba(0,0,0,0.30);--sq-el-2:0 2px 4px rgba(0,0,0,0.35),0 8px 28px rgba(0,0,0,0.35);--sq-el-3:0 8px 16px rgba(0,0,0,0.40),0 24px 56px rgba(0,0,0,0.45);--sq-el-tekan:0 1px 2px rgba(0,0,0,0.55) inset;--sq-garis-kuat:#44536b;--sq-fokus:0 0 0 3px rgba(122,162,214,0.40);--sq-fokus-warna:#8ab4e8;--sq-tautan:#7aa2d6;--sq-darat:#334155;--sq-pale:#24344b;--sq-primer:#7aa2d6;--sq-primer-hover:#9dbde4;--sq-primer-teks:#10192b;--sq-kaca:rgba(30,41,59,0.72);--sq-kaca-tepi:rgba(255,255,255,0.08);--sq-emas-aksen:#f6bb3a;--sq-di-atas-merah:#450a0a;--sq-kontrol:#24304a;--sq-kontrol-hover:#2b3852;--sq-kontrol-aktif:#32415e;color-scheme:dark}@media print{:root,:root[data-tema=dark],:root[data-tema=light]{--sq-bg:#ffffff;--sq-kartu:#ffffff;--sq-kartu-2:#ffffff;--sq-teks:#111827;--sq-abu:#374151;--sq-biru:#22456c;--sq-biru-tua:#1a3656;--sq-biru-pale:#eef3f9;--sq-kuning:#f6bb3a;--sq-garis:#e8eef5;--sq-hijau:#16a34a;--sq-merah:#dc2626;--sq-oranye:#d97706;--sq-ungu:#7c3aed;--sq-bayang:none;--sq-di-atas-aksen:#3d2c00;--sq-kaca:#ffffff;--sq-kaca-tepi:#e8eef5;--sq-emas-aksen:#8a6410;--sq-di-atas-merah:#ffffff;--sq-hijau-lembut:transparent;--sq-merah-lembut:transparent;--sq-oranye-lembut:transparent;--sq-biru-lembut:transparent;--sq-ungu-lembut:transparent;--sq-hijau-tepi:#16a34a;--sq-merah-tepi:#dc2626;--sq-oranye-tepi:#d97706;--sq-el-0:none;--sq-el-1:none;--sq-el-2:none;--sq-el-3:none;--sq-el-tekan:none;--sq-garis-kuat:#cbd5e1;--sq-fokus:none;--sq-fokus-warna:transparent;--sq-darat:#cbd5e1;--sq-pale:#eef3f9;--sq-primer:#22456c;--sq-primer-hover:#1a3656;--sq-primer-teks:#ffffff;--sq-kontrol:#ffffff;--sq-kontrol-hover:#ffffff;--sq-kontrol-aktif:#ffffff;color-scheme:light}}[role=button],a.sq-tautan,button,input,select,textarea{transition:transform var(--sq-gerak),box-shadow var(--sq-gerak)}[role=button]:not([aria-disabled=true]):active,button:not(:disabled):not([aria-disabled=true]):active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--sq-fokus-warna);outline-offset:2px}[aria-disabled=true],button:disabled{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.sqk-btn,.sqk-input,.sqk-kartu--klik,.sqk-pil,.sqk-tabel tbody tr,[role=button],a.sq-tautan,button,input,select,textarea{transition:none}.sqk-kartu--klik:hover,[role=button]:active,button:not(:disabled):active{transform:none}.sqk-lapis,.sqk-modal{animation:none}.muncul,.muncul-tunggu{opacity:1!important}.lapis,.muncul,.muncul-tunggu,.panggung{transform:none!important;transition:none!important}.paralaks{transform:none!important}.gbr img{transition:none!important;opacity:1!important}.gbr:after{animation:none!important}}.sqk-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sq-sp-2);min-height:40px;padding:0 var(--sq-sp-4);border-radius:var(--sq-r-sm);border:1px solid transparent;font-size:var(--sq-t-body);font-weight:600;font-family:inherit;line-height:1.2;cursor:pointer;white-space:nowrap;box-shadow:var(--sq-el-1)}.sqk-btn,.sqk-pil{transition:transform var(--sq-gerak),box-shadow var(--sq-gerak),background-color var(--sq-gerak),border-color var(--sq-gerak),color var(--sq-gerak)}.sqk-btn:not(:disabled):active{box-shadow:var(--sq-el-tekan)}.sqk-btn:disabled{opacity:.5;box-shadow:none}.sqk-btn svg{width:16px;height:16px;flex-shrink:0}.sqk-btn--sm svg{width:14px;height:14px}.sqk-btn--sm{min-height:32px;padding:0 var(--sq-sp-3);font-size:var(--sq-t-caption);border-radius:var(--sq-r-xs);gap:var(--sq-sp-1)}.sqk-btn--lg{min-height:48px;padding:0 var(--sq-sp-6);font-size:var(--sq-t-section)}.sqk-btn--penuh{width:100%}.sqk-btn--ikon{padding:0;width:40px}.sqk-btn--ikon.sqk-btn--sm{width:32px}.sqk-btn--primer{background:var(--sq-primer);border-color:var(--sq-primer);color:var(--sq-primer-teks);font-weight:700}.sqk-btn--primer:not(:disabled):hover{background:var(--sq-primer-hover);border-color:var(--sq-primer-hover)}.sqk-btn--sekunder{background:var(--sq-kontrol);border-color:var(--sq-garis-kuat);color:var(--sq-teks)}.sqk-btn--sekunder:not(:disabled):hover{background:var(--sq-kontrol-hover);border-color:var(--sq-abu)}.sqk-btn--halus{background:transparent;border-color:transparent;color:var(--sq-abu);box-shadow:none}.sqk-btn--halus:not(:disabled):hover{background:var(--sq-kontrol-aktif);color:var(--sq-teks)}.sqk-btn--berhasil{background:var(--sq-kontrol);border-color:var(--sq-hijau-tepi);color:var(--sq-hijau)}.sqk-btn--berhasil:not(:disabled):hover{background:var(--sq-hijau-lembut);border-color:var(--sq-hijau)}.sqk-btn--bahaya{background:var(--sq-kontrol);border-color:var(--sq-merah-tepi);color:var(--sq-merah)}.sqk-btn--bahaya:not(:disabled):hover,.sqk-btn--bahayaIsi{background:var(--sq-merah);border-color:var(--sq-merah);color:var(--sq-di-atas-merah)}.sqk-btn--bahayaIsi{font-weight:700}.sqk-btn--bahayaIsi:not(:disabled):hover{filter:brightness(.92)}.sqk-input{width:100%;min-height:42px;padding:var(--sq-sp-2) var(--sq-sp-3);border:1px solid var(--sq-garis-kuat);border-radius:var(--sq-r-sm);background:var(--sq-kontrol);color:var(--sq-teks);font-size:var(--sq-t-body);font-family:inherit;line-height:var(--sq-lh-normal);box-sizing:border-box;box-shadow:var(--sq-el-tekan);transition:transform var(--sq-gerak),box-shadow var(--sq-gerak),border-color var(--sq-gerak)}.sqk-input::placeholder{color:var(--sq-abu);opacity:.6}.sqk-input:hover:not(:disabled){border-color:var(--sq-abu)}.sqk-input:focus{border-color:var(--sq-fokus-warna)}.sqk-input:disabled{background:var(--sq-kontrol-aktif);cursor:not-allowed;opacity:.7}.sqk-input--salah{border-color:var(--sq-merah)}select.sqk-input{cursor:pointer}textarea.sqk-input{resize:vertical;min-height:88px}.sqk-label,.sqk-medan{display:block}.sqk-label{font-size:var(--sq-t-caption);font-weight:600;color:var(--sq-teks);margin-bottom:var(--sq-sp-1)}.sqk-label span{color:var(--sq-merah);margin-left:2px}.sqk-bantu{display:block;color:var(--sq-abu)}.sqk-bantu,.sqk-salah{font-size:var(--sq-t-caption);line-height:var(--sq-lh-normal);margin-top:var(--sq-sp-1)}.sqk-salah{display:flex;align-items:flex-start;gap:var(--sq-sp-1);color:var(--sq-merah)}.sqk-salah svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.sqk-kartu{background:var(--sq-kartu);border:1px solid var(--sq-garis);border-radius:var(--sq-r-md);box-shadow:var(--sq-el-1);padding:var(--sq-sp-5) var(--sq-sp-6)}.sqk-kartu--padat{padding:var(--sq-sp-3) var(--sq-sp-4)}.sqk-kartu--lega{padding:var(--sq-sp-7)}.sqk-kartu--datar{box-shadow:none}.sqk-kartu--klik{cursor:pointer;transition:transform var(--sq-gerak),box-shadow var(--sq-gerak),border-color var(--sq-gerak)}.sqk-kartu--klik:hover{box-shadow:var(--sq-el-2);border-color:var(--sq-garis-kuat);transform:scale(1.01)}.sqk-kartu--klik:active{transform:scale(1);box-shadow:var(--sq-el-1)}.sqk-kartu-kepala{display:flex;align-items:center;justify-content:space-between;gap:var(--sq-sp-3);flex-wrap:wrap;margin-bottom:var(--sq-sp-4)}.sqk-kartu-kepala h2,.sqk-kartu-kepala h3{font-family:var(--sq-font-judul);font-size:var(--sq-t-section);font-weight:700;color:var(--sq-biru);line-height:var(--sq-lh-rapat)}.sqk-pil{display:inline-flex;align-items:center;gap:var(--sq-sp-1);min-height:34px;padding:0 var(--sq-sp-4);border-radius:var(--sq-r-pil);border:1px solid var(--sq-garis-kuat);background:var(--sq-kontrol);color:var(--sq-teks);font-size:var(--sq-t-caption);font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.sqk-pil:not(:disabled):hover{background:var(--sq-kontrol-hover);border-color:var(--sq-abu)}.sqk-pil--aktif{background:var(--sq-primer);border-color:var(--sq-primer);color:var(--sq-primer-teks);font-weight:700}.sqk-pil--aktif:not(:disabled):hover{background:var(--sq-primer-hover);border-color:var(--sq-primer-hover)}.sqk-lencana{display:inline-flex;align-items:center;gap:var(--sq-sp-1);padding:2px var(--sq-sp-2);border-radius:var(--sq-r-pil);font-size:var(--sq-t-caption);font-weight:600;line-height:1.5;border:1px solid transparent;white-space:nowrap}.sqk-lencana:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.sqk-lencana--polos:before{display:none}.sqk-lencana--netral{background:var(--sq-kontrol-aktif);color:var(--sq-abu)}.sqk-lencana--biru{background:var(--sq-biru-lembut);color:var(--sq-biru)}.sqk-lencana--hijau{background:var(--sq-hijau-lembut);color:var(--sq-hijau)}.sqk-lencana--merah{background:var(--sq-merah-lembut);color:var(--sq-merah)}.sqk-lencana--oranye{background:var(--sq-oranye-lembut);color:var(--sq-oranye)}.sqk-lencana--ungu{background:var(--sq-ungu-lembut);color:var(--sq-ungu)}.sqk-tabel-bungkus{overflow-x:auto;border:1px solid var(--sq-garis);border-radius:var(--sq-r-md);background:var(--sq-kartu);box-shadow:var(--sq-el-1)}.sqk-tabel{width:100%;border-collapse:collapse;font-size:var(--sq-t-body)}.sqk-tabel td,.sqk-tabel th{padding:var(--sq-sp-3) var(--sq-sp-4);text-align:left;vertical-align:middle}.sqk-tabel thead th{position:sticky;top:0;z-index:1;background:var(--sq-kartu-2);border-bottom:1px solid var(--sq-garis);font-size:var(--sq-t-caption);font-weight:700;color:var(--sq-abu);white-space:nowrap}.sqk-tabel tbody tr{border-bottom:1px solid var(--sq-garis);transition:background-color var(--sq-gerak)}.sqk-tabel tbody tr:last-child{border-bottom:0}.sqk-tabel tbody tr:nth-child(2n){background:color-mix(in srgb,var(--sq-kartu-2) 55%,transparent)}.sqk-tabel tbody tr:hover{background:var(--sq-kontrol-hover)}.sqk-tabel tbody tr.on{background:var(--sq-biru-lembut)}.sqk-tabel td.sqk-td-aksi{text-align:right;white-space:nowrap}.sqk-tabel td.sqk-td-angka,.sqk-tabel th.sqk-td-angka{text-align:right}.sqk-tabel td.sqk-td-potong{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sqk-hampa{flex-direction:column;text-align:center;gap:var(--sq-sp-2);padding:var(--sq-sp-8) var(--sq-sp-5);border:1px dashed var(--sq-garis-kuat);background:var(--sq-kartu-2)}.sqk-hampa,.sqk-hampa-ikon{display:flex;align-items:center;border-radius:var(--sq-r-md)}.sqk-hampa-ikon{width:48px;height:48px;justify-content:center;background:var(--sq-biru-lembut);color:var(--sq-biru);margin-bottom:var(--sq-sp-1)}.sqk-hampa-ikon svg{width:24px;height:24px}.sqk-hampa b{font-size:var(--sq-t-section);font-weight:700;color:var(--sq-teks);font-family:var(--sq-font-judul)}.sqk-hampa p{font-size:var(--sq-t-body);color:var(--sq-abu);line-height:var(--sq-lh-longgar);max-width:46ch}.sqk-hampa-aksi{margin-top:var(--sq-sp-3)}.sqk-lapis{position:fixed;inset:0;z-index:1000;background:color-mix(in srgb,#0b1626 62%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--sq-sp-4);animation:sqk-masuk var(--sq-gerak) both}.sqk-modal{width:100%;max-width:480px;box-sizing:border-box;background:var(--sq-kartu);border:1px solid var(--sq-garis);border-radius:var(--sq-r-lg);box-shadow:var(--sq-el-3);animation:sqk-naik var(--sq-gerak-lambat) both}.sqk-modal-kepala{display:flex;align-items:flex-start;gap:var(--sq-sp-3);padding:var(--sq-sp-6) var(--sq-sp-6) var(--sq-sp-4)}.sqk-modal-isi{padding:0 var(--sq-sp-6)}.sqk-modal-kaki{display:flex;gap:var(--sq-sp-3);justify-content:flex-end;flex-wrap:wrap;padding:var(--sq-sp-4) var(--sq-sp-6);margin-top:var(--sq-sp-5);border-top:1px solid var(--sq-garis);background:var(--sq-kartu-2);border-radius:0 0 var(--sq-r-lg) var(--sq-r-lg)}.sqk-modal-ikon{width:44px;height:44px;border-radius:var(--sq-r-md);flex-shrink:0;display:flex;align-items:center;justify-content:center}.sqk-modal-ikon svg{width:22px;height:22px}.sqk-modal-ikon--biru{background:var(--sq-biru-lembut);color:var(--sq-biru);border:1px solid var(--sq-garis-kuat)}.sqk-modal-ikon--merah{background:var(--sq-merah-lembut);color:var(--sq-merah);border:1px solid var(--sq-merah-tepi)}.sqk-modal h3{font-family:var(--sq-font-judul);font-size:var(--sq-t-section);font-weight:700;color:var(--sq-teks);line-height:var(--sq-lh-rapat)}.sqk-modal p{font-size:var(--sq-t-body);color:var(--sq-abu);line-height:var(--sq-lh-normal);margin-top:var(--sq-sp-1);white-space:pre-line;word-break:break-word}@keyframes sqk-masuk{0%{opacity:0}to{opacity:1}}@keyframes sqk-naik{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.ad-tulis{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muncul{transition:opacity var(--sq-gerak-lambat) var(--muncul-jeda,0s),transform var(--sq-gerak-lambat) var(--muncul-jeda,0s)}.muncul-tunggu{opacity:0;transform:translateY(12px) scale(.985)}.muncul-tampak{opacity:1;transform:none}.panggung{perspective:1000px;perspective-origin:50% 50%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform var(--sq-gerak-lambat);will-change:transform}.panggung:hover{transition:none}.panggung--datar{transform:none}.lapis{transform:translateZ(var(--lapis-z,0));transform-style:preserve-3d}.paralaks{transform:translate3d(0,var(--paralaks-y,0),0);will-change:transform}.gbr{display:block;position:relative;overflow:hidden;aspect-ratio:var(--gbr-nisbah,4/3);border-radius:var(--sq-r-md);background:var(--sq-kartu-2)}.gbr img{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity var(--sq-gerak-lambat)}.gbr--sampai img{opacity:1}.gbr:after{content:"";position:absolute;inset:0;background:var(--sq-kontrol-aktif);animation:gbr-denyut 1.4s ease-in-out infinite}.gbr--sampai:after{display:none}@keyframes gbr-denyut{0%,to{opacity:.55}50%{opacity:1}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--sq-font);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--sq-bg);color:var(--sq-teks);font-size:var(--sq-t-body);line-height:var(--sq-lh-normal);min-height:100dvh}a{color:var(--sq-biru)}