:root{--sq-bg:#dfe5ec;--sq-kartu:#fff;--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:#e8eef5;--sq-hijau:#16a34a;--sq-merah:#dc2626;--sq-oranye:#d97706;--sq-ungu:#7c3aed;--sq-bayang:0 1px 4px rgba(0,0,0,.06);--sq-r-xs:6px;--sq-r-sm:8px;--sq-r-md:12px;--sq-r-lg:16px;--sq-r-pil:999px;--sq-el-0:none;--sq-el-1:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1);--sq-el-2:0 2px 4px rgba(16,24,40,.06),0 4px 8px rgba(16,24,40,.08);--sq-el-3:0 8px 16px rgba(16,24,40,.08),0 16px 32px rgba(16,24,40,.1);--sq-el-tekan:0 1px 1px rgba(16,24,40,.1) inset;--sq-garis-kuat:#d0d9e4;--sq-fokus:0 0 0 3px rgba(34,69,108,.28);--sq-fokus-warna:#2f6fb5;--sq-darat:#cbd5e1;--sq-pale:#eef3f9;--sq-primer:#22456c;--sq-primer-hover:#1a3656;--sq-primer-teks:#fff;--sq-kontrol:#fff;--sq-kontrol-hover:#f6f8fb;--sq-kontrol-aktif:#eef2f7;--sq-gerak:120ms 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,.45);--sq-el-0:none;--sq-el-1:0 1px 2px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.3);--sq-el-2:0 2px 4px rgba(0,0,0,.45),0 4px 10px rgba(0,0,0,.35);--sq-el-3:0 8px 18px rgba(0,0,0,.5),0 16px 36px rgba(0,0,0,.4);--sq-el-tekan:0 1px 2px rgba(0,0,0,.55) inset;--sq-garis-kuat:#44536b;--sq-fokus:0 0 0 3px rgba(122,162,214,.4);--sq-fokus-warna:#8ab4e8;--sq-darat:#334155;--sq-pale:#24344b;--sq-primer:#7aa2d6;--sq-primer-hover:#9dbde4;--sq-primer-teks:#10192b;--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:#fff;--sq-kartu:#fff;--sq-kartu-2:#fff;--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-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:#fff;--sq-kontrol:#fff;--sq-kontrol-hover:#fff;--sq-kontrol-aktif:#fff;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,[role=button],a.sq-tautan,button,input,select,textarea{transition:none}[role=button]:active,button:not(:disabled):active{transform:none}}.sqk-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--sq-r-sm);border:1px solid transparent;font-size:13px;font-weight:700;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:.55;box-shadow:none}.sqk-btn--sm{padding:6px 11px;font-size:12px;border-radius:var(--sq-r-xs)}.sqk-btn--lg{padding:12px 22px;font-size:14px}.sqk-btn--penuh{width:100%}.sqk-btn--primer{background:var(--sq-primer);border-color:var(--sq-primer);color:var(--sq-primer-teks);font-weight:800}.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)}.sqk-btn--halus{background:transparent;border-color:transparent;color:var(--sq-abu);box-shadow:none;font-weight:600}.sqk-btn--halus:not(:disabled):hover{background:var(--sq-kontrol-aktif);color:var(--sq-teks)}.sqk-btn--bahaya{background:var(--sq-kontrol);border-color:var(--sq-merah);color:var(--sq-merah)}.sqk-btn--bahaya:not(:disabled):hover,.sqk-btn--bahayaIsi{background:var(--sq-merah);color:#fff}.sqk-btn--bahayaIsi{border-color:var(--sq-merah);font-weight:800}.sqk-btn--bahayaIsi:not(:disabled):hover{filter:brightness(.92)}.sqk-input{width:100%;padding:9px 12px;border:1px solid var(--sq-garis-kuat);border-radius:var(--sq-r-sm);background:var(--sq-kontrol);color:var(--sq-teks);font-size:13px;font-family:inherit;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:.75}.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:72px}.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:16px 18px}.sqk-kartu--padat{padding:11px 13px}.sqk-kartu--datar{box-shadow:none}.sqk-kartu--klik{cursor:pointer}.sqk-kartu--klik:hover{box-shadow:var(--sq-el-2);border-color:var(--sq-garis-kuat)}.sqk-kartu--klik:active{transform:translateY(1px);box-shadow:var(--sq-el-1)}.sqk-pil{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--sq-r-pil);border:1px solid var(--sq-garis-kuat);background:var(--sq-kontrol);color:var(--sq-teks);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.sqk-pil:not(:disabled):hover{background:var(--sq-kontrol-hover)}.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)}.sqk-lencana{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--sq-r-pil);font-size:10.5px;font-weight:800;letter-spacing:.02em;border:1px solid transparent}.sqk-lencana--netral{background:var(--sq-kontrol-aktif);color:var(--sq-abu)}.sqk-lencana--biru{background:var(--sq-biru-pale);color:var(--sq-biru)}.sqk-lencana--hijau{background:color-mix(in srgb,var(--sq-hijau) 14%,transparent);color:var(--sq-hijau)}.sqk-lencana--merah{background:color-mix(in srgb,var(--sq-merah) 14%,transparent);color:var(--sq-merah)}.sqk-lencana--oranye{background:color-mix(in srgb,var(--sq-oranye) 16%,transparent);color:var(--sq-oranye)}@media (min-width:861px){.sqk-rbac-daftar,.sqk-rbac-detail{position:-webkit-sticky;position:sticky;top:14px;max-height:calc(100vh - 28px);overflow-y:auto;overscroll-behavior:contain}}