@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-ext-wght-normal-C8iNium2.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-wght-normal-Bo_j9asI.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-wght-normal-BVZ5su8S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-wght-normal-DMe4EKeb.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.sb{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-2, #eef3f0);border:1px solid var(--border, #dbe7e1)}.sb button{border:0;background:none;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;padding:5px 11px;border-radius:999px;cursor:pointer;color:var(--text-2, #51655d)}.sb button[aria-pressed=true]{background:var(--primary, #0b7a5b);color:var(--on-primary, #fff)}.sb button:focus-visible{outline:2px solid var(--primary, #0b7a5b);outline-offset:2px}.sb.gelap{background:#ffffff24;border-color:#ffffff47}.sb.gelap button{color:#fff}.sb.gelap button[aria-pressed=true]{background:#fff;color:#0b3f31}.aksi-pop{position:fixed;z-index:1200;min-width:11rem;max-width:min(20rem,calc(100vw - 16px));max-height:min(70vh,26rem);overflow-y:auto;padding:var(--s-1);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:0 8px 24px #0000002e;display:flex;flex-direction:column}.aksi-item{display:flex;align-items:center;gap:var(--s-2);width:100%;min-height:36px;padding:6px var(--s-3);border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font:inherit;font-size:var(--fs-md);font-weight:500;text-align:left;text-decoration:none;cursor:pointer}.aksi-item:hover,.aksi-item:focus-visible{background:var(--surface-2);text-decoration:none;outline:none}.aksi-item:focus-visible{box-shadow:inset 0 0 0 2px var(--primary)}.aksi-item[aria-current=true]{color:var(--primary);font-weight:700}.aksi-item.bahaya{color:var(--bad)}.aksi-item.pisah{margin-top:var(--s-1);border-top:1px solid var(--border);border-radius:0 0 var(--r-sm) var(--r-sm)}.aksi-item:disabled,.aksi-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.aksi-lbl{flex:1;min-width:0;overflow-wrap:anywhere}.aksi-titik{font-size:1.25em;line-height:1;letter-spacing:0}.aksi-pemicu[aria-expanded=true]{background:var(--surface-3)}.table td.k-aksi .aksi-pemicu{margin-left:auto}.tabs.tabs-menu{overflow:visible}.tab.tab-lain{display:inline-flex;align-items:center;gap:var(--s-1)}.tabs-pilih{display:none}@media (max-width: 560px){.tabs.tabs-ringkas{display:none}.tabs-pilih{display:block;margin-bottom:var(--s-4)}.tabs-pilih .select{width:100%;font-weight:600}}.aksi-grup{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.card-aksi{justify-content:flex-end;max-width:100%}.aksi-sel{justify-content:flex-end;gap:var(--s-2)}.aksi-ik{width:16px;flex:none}.multi-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s-2);width:100%;max-width:24rem;text-align:left;cursor:pointer}.multi-teks{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-pop{min-width:14rem}.multi-opsi{cursor:pointer}.multi-opsi input{width:16px;height:16px;flex:none;accent-color:var(--primary)}.multi-opsi:focus-within{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--primary)}.multi-akses{display:flex;justify-content:space-between;gap:var(--s-2);padding:0 0 var(--s-1);margin-bottom:var(--s-1);border-bottom:1px solid var(--border)}.dialog-f-isi{display:contents}abbr.istilah{text-decoration:underline dotted;text-underline-offset:3px;cursor:help}abbr.istilah:focus-visible{outline:2px solid var(--primary, currentColor);outline-offset:2px;border-radius:2px}.tip{position:relative;display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle}.tip-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-3, #6b7280);cursor:help}.tip-btn:hover,.tip-btn:focus-visible{color:var(--primary, #0b7a5a);background:var(--surface-2, rgba(0, 0, 0, .06))}.tip-btn:focus-visible{outline:2px solid var(--primary, currentColor);outline-offset:1px}.tip-box{position:absolute;z-index:40;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);width:max-content;max-width:min(300px,78vw);padding:8px 10px;border-radius:8px;background:var(--text, #111827);color:var(--bg, #fff);font-size:12px;font-weight:400;line-height:1.45;text-align:left;box-shadow:0 6px 18px #00000040;white-space:normal;pointer-events:none}@media (max-width: 520px){.tip{position:static}.tip-box{left:16px;right:16px;top:auto;transform:none;max-width:none;position:fixed;bottom:16px;pointer-events:auto}}@media (pointer: coarse),(max-width: 560px){.tip-btn{width:32px;height:32px;margin:-6px -6px -6px -4px}}@media print{.tip{display:none}}.kolom-cari{position:relative;display:flex;align-items:center;width:min(100%,var(--w-cari));min-width:min(100%,var(--w-sm));max-width:100%}.field>.kolom-cari,.kolom-cari.blok{width:100%}.kolom-cari input[type=search]::-webkit-search-cancel-button,.kolom-cari input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.kolom-cari input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.kolom-cari>.kc-ic{position:absolute;left:var(--s-3);color:var(--text-3);pointer-events:none;display:inline-flex}.kolom-cari>.input{padding-left:calc(var(--s-3) + 24px);padding-right:calc(var(--s-3) + 40px)}.kolom-cari>.kc-aksi{position:absolute;right:var(--s-2);display:inline-flex;align-items:center;gap:var(--s-1)}.kolom-cari .kc-hapus{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:var(--text-3);cursor:pointer}.kolom-cari .kc-hapus:hover{background:var(--surface-2, rgba(127,127,127,.15));color:var(--text)}.kolom-cari .kc-hapus:focus-visible{outline:none;box-shadow:var(--ring)}.kolom-cari .spinner{width:14px;height:14px;color:var(--text-3)}.pfp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;overflow-y:auto;padding:var(--s-6) var(--s-4);background:#0b0e1a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .18s ease}.pfp{margin:auto;width:min(880px,100%);display:flex;flex-direction:column;max-height:calc(100vh - 48px);background:var(--surface);color:var(--text);border-radius:22px;overflow:hidden;box-shadow:0 30px 80px -20px #0000008c;animation:pfp-naik .28s cubic-bezier(.2,.8,.2,1);outline:none}@keyframes pfp-naik{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.pfp-hero{position:relative;display:flex;gap:var(--s-4);align-items:flex-start;padding:var(--s-6) var(--s-6) var(--s-5);color:#fff;background:radial-gradient(120% 140% at 100% 0%,#ff9a6a,#ff9a6a00 55%),linear-gradient(135deg,#7a1f2b,#b4372f 55%,#d9822b)}.pfp-lencana{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#ffffff2e;border:1px solid rgb(255 255 255 / .3)}.pfp-kecil{margin:0;font-size:var(--fs-sm);opacity:.85;letter-spacing:.02em}.pfp-angka{margin:2px 0 6px;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums}.pfp-angka span{display:block;font-size:var(--fs-md);font-weight:600;opacity:.95}.pfp-isi{margin:0;max-width:62ch;opacity:.92}.pfp-chip{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pfp-chip span{padding:4px 10px;border-radius:99px;font-size:var(--fs-sm);background:#ffffff29;border:1px solid rgb(255 255 255 / .25)}.pfp-x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;color:#fff;background:#ffffff29;cursor:pointer}.pfp-x:hover{background:#ffffff4d}.pfp-badan{padding:var(--s-5) var(--s-6);overflow-y:auto;display:grid;gap:var(--s-4)}.pfp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s-3)}.pfp-kartu{display:grid;gap:8px;padding:var(--s-4);border:1px solid var(--border);border-radius:16px;background:var(--surface);transition:box-shadow .15s,transform .15s}.pfp-kartu:hover{box-shadow:0 10px 28px -14px #00000059;transform:translateY(-1px)}.pfp-kartu-h{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.pfp-kartu-h strong{font-size:1.25rem;font-variant-numeric:tabular-nums;color:var(--bad)}.pfp-ikon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--bad-soft);color:var(--bad)}.pfp-bar{height:6px;border-radius:6px;background:var(--bad-soft);overflow:hidden}.pfp-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#d9822b,var(--bad))}.pfp-alasan{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:var(--fs-sm);color:var(--text-2)}.pfp-alasan li{display:flex;justify-content:space-between;gap:8px}.pfp-alasan b{color:var(--text);font-variant-numeric:tabular-nums}.pfp-aksi{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.pfp-ai{display:grid;gap:var(--s-3);padding:var(--s-4);border-radius:16px;border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#6d5bd0,#1fb58a) border-box}.pfp-ai-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pfp-ai-lencana{padding:3px 10px;border-radius:99px;font-weight:700;font-size:var(--fs-sm);color:#fff;background:linear-gradient(135deg,#6d5bd0,#1fb58a)}.pfp-saran{padding:var(--s-3);border-radius:12px;background:var(--surface-2, var(--primary-soft))}.pfp-saran-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.pfp-saran p{margin:6px 0}.pfp-saran ol{margin:4px 0 0 18px;padding:0}.pfp-kaki{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-6);border-top:1px solid var(--border);background:var(--surface)}@media (max-width: 640px){.pfp-hero{flex-direction:column;padding:var(--s-5)}.pfp-badan{padding:var(--s-4)}.pfp-kaki{flex-wrap:wrap;padding:var(--s-4)}.pfp-kaki .btn{flex:1 1 100%;min-height:44px}.pfp-kaki .grow{display:none}.pfp-x{width:44px;height:44px;top:8px;right:8px}.pfp-aksi .btn{min-height:40px}}@media (prefers-reduced-motion: reduce){.pfp,.pfp-overlay{animation:none}.pfp-kartu{transition:none}}.gv3{position:relative;min-height:100vh;display:flex;flex-direction:column;color:var(--text);isolation:isolate}.gv3-latar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.gv3-latar.aurora{background:var(--bg)}.gv3-latar.aurora:before{background:radial-gradient(700px 420px at 50% 38%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 70%),radial-gradient(900px 500px at 8% 100%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 70%)}.gv3-latar.gambar{background:#0b2a21}.gv3-latar.gambar:before{background-image:var(--latar);background-size:cover;background-position:center}.gv3-latar.gambar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgb(4 24 18 / var(--gelap, .3))}.gv3-latar.warna:before{background:var(--w1)}.gv3-latar.w-hijau{--w1: linear-gradient(150deg, #053d2f, #0b6b50 60%, #0e8a68)}.gv3-latar.w-biru{--w1: linear-gradient(150deg, #0b2a5b, #1d4ed8 70%, #3b82f6)}.gv3-latar.w-ungu{--w1: linear-gradient(150deg, #2e1065, #6d28d9 70%, #8b5cf6)}.gv3-latar.w-emas{--w1: linear-gradient(150deg, #4a3000, #b7791f 70%, #e0a73a)}.gv3-latar.w-grafit{--w1: linear-gradient(150deg, #0f172a, #334155 75%, #475569)}.gv3-latar.warna:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgb(0 0 0 / calc(var(--gelap, .3) * .5))}.gv3-bar{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-6)}.gv3-bar-isi{display:inline-flex;padding:6px 12px;border-radius:12px;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gv3-bar .btn.ghost{background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gv3-avatar{width:38px;height:38px;border-radius:50%;border:2px solid color-mix(in srgb,var(--surface) 90%,transparent);padding:0;overflow:hidden;cursor:pointer;background:linear-gradient(145deg,#12a37e,#0a5f46);color:#fff;display:grid;place-items:center;box-shadow:0 4px 12px #00000040}.gv3-avatar:disabled{cursor:default}.gv3-avatar img{width:100%;height:100%;object-fit:cover;display:block}.gv3-avatar b{font-size:var(--fs-sm)}.gv3-avatar:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 60%,transparent);outline-offset:2px}.gv3-isi{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:var(--s-3) var(--s-5) var(--s-7);display:grid;grid-template-columns:minmax(0,1fr);align-items:center}.gv3-kosong{text-align:center;color:var(--text-2);background:var(--surface);border-radius:14px;padding:var(--s-4)}.gv3-panggung{display:grid;grid-template-columns:minmax(0,1fr) 360px minmax(0,1fr);gap:var(--s-5);align-items:center}.gv3-sisi{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}.gv3-sisi.kiri{justify-items:end}.gv3-sisi.kanan{justify-items:start}.gv3-tengah{display:grid;justify-items:center;text-align:center;gap:2px;padding:var(--s-6) var(--s-5) var(--s-5);border-radius:32px;background:color-mix(in srgb,var(--surface) 84%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid color-mix(in srgb,var(--surface) 70%,transparent);box-shadow:0 24px 60px -24px #00000073}.gv3-logo{position:relative;width:188px;height:188px;margin-bottom:var(--s-4)}.gv3-cincin{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;background:conic-gradient(from 0deg,var(--primary),#f0c04a,#2fbf8f,var(--primary));animation:gv3-putar 10s linear infinite;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}.gv3-logo:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;background:radial-gradient(closest-side,transparent 80%,color-mix(in srgb,var(--primary) 20%,transparent));animation:gv3-denyut 3.6s ease-in-out infinite;pointer-events:none}.gv3-logo-isi{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#fff;box-shadow:0 16px 34px -10px #00000059,inset 0 0 0 4px #fff}.gv3-logo-isi img{width:74%;height:74%;object-fit:contain;display:block}.gv3-logo-isi b{font-size:3rem;font-weight:800;color:var(--primary)}.gv3-pt{margin:0;font-size:var(--fs-lg);font-weight:800;letter-spacing:-.01em;line-height:1.3;text-wrap:balance}.gv3-garis{width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--primary),#f0c04a);margin:var(--s-3) 0}.gv3-sapa{margin:0;color:var(--text-3);font-size:var(--fs-md)}.gv3-tengah h1{margin:0;font-size:clamp(1.3rem,2vw,1.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;text-wrap:balance}.gv3-peran{margin:var(--s-1) 0 var(--s-3);display:inline-block;padding:3px 14px;border-radius:99px;background:var(--primary-soft);color:var(--primary);font-size:var(--fs-sm);font-weight:700}.gv3-cari{display:flex;align-items:center;gap:var(--s-2);width:min(290px,100%);height:42px;padding:0 var(--s-3);border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text-2)}.gv3-cari input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:var(--fs-md);color:var(--text)}.gv3-cari:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.gv3-cari kbd{font:inherit;font-size:var(--fs-sm);padding:1px 7px;border-radius:6px;background:var(--surface-2);color:var(--text-3);border:1px solid var(--border)}.gv3-nihil{margin:var(--s-2) 0 0;color:var(--text-3);font-size:var(--fs-sm)}.gv3-li{transition:opacity .25s,filter .25s;min-width:0}.gv3-li.redup{opacity:.22;filter:grayscale(.8)}[data-k],[data-k=akademik]{--ac: #0b7a5b}[data-k=dasbor]{--ac: #2563eb}[data-k=neofeeder]{--ac: #7c3aed}[data-k=sister]{--ac: #0891b2}[data-k=keuangan]{--ac: #d4880f}[data-k=pmb]{--ac: #e11d48}[data-k=sdm]{--ac: #9333ea}[data-k=karier]{--ac: #ea580c}[data-k=administrasi]{--ac: #475569}[data-k=elearning]{--ac: #0284c7}[data-k=layanan]{--ac: #0d9488}.gv3-modul{display:flex;align-items:center;gap:var(--s-3);text-decoration:none;color:inherit}.gv3-li.kiri .gv3-modul{flex-direction:row-reverse;text-align:right}.gv3-3d{position:relative;flex:none;width:68px;height:68px}.gv3-3d-ikon{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:21px;display:grid;place-items:center;color:#fff;background:radial-gradient(120% 95% at 28% 12%,color-mix(in srgb,var(--ac) 50%,#fff) 0%,var(--ac) 48%,color-mix(in srgb,var(--ac) 60%,#000) 100%);box-shadow:inset 0 2px 1px #ffffffb3,inset 0 -9px 14px #0003,0 7px color-mix(in srgb,var(--ac) 52%,#000),0 20px 26px -6px color-mix(in srgb,var(--ac) 55%,transparent);transition:box-shadow .2s,transform .2s}.gv3-3d-ikon:before{content:"";position:absolute;left:9%;right:9%;top:5%;height:40%;border-radius:20px 20px 60% 60%/20px 20px 70% 70%;background:linear-gradient(#ffffff8c,#fff0);pointer-events:none}.gv3-3d-ikon svg{filter:drop-shadow(0 3px 2px rgb(0 0 0 / .32))}.gv3-modul:hover .gv3-3d-ikon{transform:translateY(-3px);box-shadow:inset 0 2px 1px #ffffffbf,inset 0 -9px 14px #0003,0 9px color-mix(in srgb,var(--ac) 52%,#000),0 26px 30px -6px color-mix(in srgb,var(--ac) 65%,transparent)}.gv3-modul:hover .gv3-3d-ikon svg{animation:gv3-goyang .6s ease-in-out}.gv3-modul:focus-visible{outline:3px solid color-mix(in srgb,var(--ac) 60%,transparent);outline-offset:6px;border-radius:22px}.gv3-teks{display:grid;align-content:center;gap:1px;width:232px;height:72px;padding:0 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 16px -10px #0000004d;transition:border-color .2s}.gv3-modul:hover .gv3-teks{border-color:var(--ac)}.gv3-teks b{font-size:var(--fs-lg);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gv3-teks small{color:var(--text-3);font-size:var(--fs-sm);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gv3-teks i{font-style:normal;font-size:var(--fs-xs);font-weight:700;color:var(--ac)}.gv3-kredit{display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-4);font-size:var(--fs-xs);color:var(--text-3);text-align:center}.gv3-latar.gambar .gv3-kredit,.gv3-latar.warna .gv3-kredit{color:#fffc}.gv3-latar.gambar .gv3-kredit img,.gv3-latar.warna .gv3-kredit img{filter:none}.gv3-kredit img{filter:invert(1) opacity(.5)}:root[data-theme=dark] .gv3-kredit img{filter:opacity(.6)}@keyframes gv3-putar{to{transform:rotate(360deg)}}@keyframes gv3-denyut{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.07);opacity:.45}}@keyframes gv3-goyang{0%,to{rotate:0deg}25%{rotate:-12deg}75%{rotate:12deg}}@media (max-width: 1000px){.gv3-panggung{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);align-items:start}.gv3-tengah{grid-column:1 / -1;order:-1;margin-bottom:var(--s-3)}.gv3-sisi,.gv3-sisi.kiri,.gv3-sisi.kanan{display:contents}.gv3-li,.gv3-li.kiri,.gv3-li.kanan{order:var(--i);margin:0}.gv3-modul,.gv3-li.kiri .gv3-modul{flex-direction:column;text-align:center}.gv3-teks{max-width:none;width:100%;height:auto;padding:9px 12px}.gv3-teks b,.gv3-teks small{white-space:normal}}@media (max-width: 520px){.gv3-bar{padding:var(--s-3) var(--s-4);flex-wrap:wrap;row-gap:var(--s-2)}.gv3-bar .grow{flex:1 1 0;min-width:0}.gv3-isi{padding:var(--s-3) var(--s-4) var(--s-6)}.gv3-3d{width:64px;height:64px}.gv3-sisi{gap:var(--s-3)}.gv3-logo{width:150px;height:150px}}@media (prefers-reduced-motion: reduce){.gv3-cincin,.gv3-logo:after{animation:none}.gv3-3d-ikon{transition:none}.gv3-modul:hover .gv3-3d-ikon svg{animation:none}}.mb{display:grid;gap:var(--s-4);max-width:1180px}.mb h3{margin:0 0 var(--s-3);font-size:var(--fs-md, 1rem)}.mb-kepala{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.mb-kepala h2{margin:0;font-size:1.35rem}.mb-ikon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--primary-soft, #e3f4ec);color:var(--primary, #0b7a5b)}.mb-semua{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:var(--fs-sm);color:var(--primary, #0b7a5b);text-decoration:none}.mb-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s-3)}.mb-k{display:grid;gap:2px;padding:var(--s-4);background:var(--surface, #fff);border:1px solid var(--border, #dbe7e1);border-radius:16px;border-left:4px solid var(--primary, #0b7a5b)}.mb-k.waspada{border-left-color:#d97706}.mb-k.bahaya{border-left-color:#dc2626}.mb-k.baik{border-left-color:var(--primary, #0b7a5b)}.mb-k-l{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3, #6b7d75);font-weight:700}.mb-k b{font-size:1.9rem;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}.mb-k small{color:var(--text-3, #6b7d75)}.mb-grafik{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s-3)}.mb-kotak{background:var(--surface, #fff);border:1px solid var(--border, #dbe7e1);border-radius:16px;padding:var(--s-4);min-width:0}.mb-kosong{margin:0;color:var(--text-3, #6b7d75);font-size:var(--fs-sm)}.mb-garis svg{width:100%;height:130px;display:block}.mb-area{fill:var(--primary-soft, #e3f4ec);stroke:none}.mb-garis-p{stroke:var(--primary, #0b7a5b);stroke-width:2.2;vector-effect:non-scaling-stroke}.mb-titik{fill:var(--primary, #0b7a5b)}.mb-sumbu{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-3, #6b7d75)}.mb-batang{display:grid;gap:8px}.mb-b-baris{display:grid;grid-template-columns:minmax(70px,38%) 1fr auto;gap:8px;align-items:center;font-size:var(--fs-sm)}.mb-b-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-b-trek{height:10px;background:var(--surface-2, #eef3f0);border-radius:99px;overflow:hidden}.mb-b-trek i{display:block;height:100%;background:linear-gradient(90deg,var(--primary, #0b7a5b),#12a37e);border-radius:99px}.mb-pintas{display:flex;flex-wrap:wrap;gap:var(--s-2)}.mb-pintas a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;background:var(--primary-soft, #e3f4ec);color:var(--primary, #0b7a5b);font-weight:600;font-size:var(--fs-sm);text-decoration:none}.mb-pintas a:hover{background:var(--primary, #0b7a5b);color:#fff}.mb-k b{font-size:clamp(1.35rem,2.1vw,1.9rem)}.gate{position:relative;min-height:100vh;display:flex;flex-direction:column;background:#0a3d2f;color:#fff;overflow:hidden}.gate-foto{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background-size:cover;background-position:center;animation:gate-geser 36s ease-in-out infinite alternate;will-change:transform}@keyframes gate-geser{0%{transform:scale(1.05) translate3d(1.2%,0,0)}to{transform:scale(1.17) translate3d(-1.6%,1.4%,0)}}.gate-tabir{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#04281eb3,#04281edb);animation:gate-tabir .9s ease-out both}@keyframes gate-tabir{0%{opacity:0}to{opacity:1}}.gate-kepala{position:relative;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-6);flex-wrap:wrap;animation:gate-turun .7s cubic-bezier(.2,.8,.2,1) .1s both}@keyframes gate-turun{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}.gate-sekat{width:1px;height:28px;background:#ffffff4d;margin:0 var(--s-2)}.gate-lambang{width:48px;height:48px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 10px rgb(0 0 0 / .4));transition:transform .5s cubic-bezier(.2,.9,.3,1.3)}.gate-lambang:hover{transform:rotate(-12deg) scale(1.1)}.gate-akun{display:grid;text-align:right;line-height:1.25;margin-right:var(--s-2)}.gate-akun b{font-size:var(--fs-sm)}.gate-akun span{font-size:var(--fs-sm);color:#ffffffb3}.gate-kepala .btn.ghost{color:#fff;background:#ffffff1f}.gate-kepala .btn.ghost:hover{background:#ffffff3d;color:#fff}.gate-tengah{position:relative;flex:1;width:100%;max-width:820px;margin:0 auto;padding:var(--s-6) var(--s-4) var(--s-8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-7)}.gate-sambut{text-align:center;display:grid;gap:4px;animation:gate-naik .8s cubic-bezier(.2,.8,.2,1) .25s both}.gate-sambut p{margin:0;font-size:var(--fs-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.gate-sambut h1{margin:0;font-size:clamp(1.5rem,3.6vw,2.2rem);font-weight:700;line-height:1.2;text-wrap:balance}.gate-sambut span{color:#ffffffbf;font-size:var(--fs-md)}@keyframes gate-naik{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.gate-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-4)}.gate-grid>li{width:160px;animation:gate-tile-masuk .7s cubic-bezier(.2,.9,.3,1.15) both;animation-delay:calc(.55s + var(--i, 0) * 90ms)}@keyframes gate-tile-masuk{0%{opacity:0;transform:translateY(30px) scale(.88)}to{opacity:1;transform:none}}.gate-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);height:100%;padding:var(--s-5) var(--s-3) var(--s-4);text-align:center;text-decoration:none;color:var(--text);background:var(--surface);border-radius:16px;box-shadow:0 10px 28px #00000047;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.gate-tile:after{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.gate-tile:hover,.gate-tile:focus-visible{transform:translateY(-8px);box-shadow:0 22px 44px #0006;outline:none}.gate-tile:hover:after,.gate-tile:focus-visible:after{transform:scaleX(1)}.gate-tile:focus-visible{box-shadow:0 0 0 3px var(--gold),0 22px 44px #0006}.gate-tile:active{transform:translateY(-3px) scale(.98)}.gate-ikon{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:var(--primary-soft);color:var(--primary);transition:transform .35s cubic-bezier(.2,.9,.3,1.4),background .25s,color .25s}.gate-tile:hover .gate-ikon,.gate-tile:focus-visible .gate-ikon{transform:scale(1.12) rotate(-6deg);background:var(--primary);color:#fff}.gate-nama{font-size:var(--fs-sm);font-weight:600;line-height:1.3;text-wrap:balance;transition:color .25s}.gate-tile:hover .gate-nama{color:var(--primary)}.gate-dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--s-2) var(--s-4);margin:0}.gate-dl dt{color:var(--text-3)}.gate-dl dd{margin:0;font-weight:600}@media (max-width: 700px){.gate-kepala{padding:var(--s-3) var(--s-4)}.gate-akun{display:none}.gate-tengah{padding:var(--s-5) var(--s-3) var(--s-7);gap:var(--s-5)}.gate-grid{gap:var(--s-3)}.gate-grid>li{width:calc(50% - 8px)}}@media (prefers-reduced-motion: reduce){.gate-foto,.gate-tabir,.gate-kepala,.gate-sambut,.gate-grid>li,.gate-tile,.gate-ikon,.gate-lambang{animation:none!important;transition:none!important}}.gate-kredit{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px 18px;font-size:.78rem;color:#ffffffd1}.gate-kredit img{height:18px;width:auto}.lg-halaman{--lg-sans: "Source Sans 3 Variable", "Source Sans 3", "Segoe UI", system-ui, sans-serif;--lg-serif: "Source Serif 4 Variable", "Source Serif 4", Georgia, "Times New Roman", serif;font-family:var(--lg-sans)}.lg-halaman input,.lg-halaman button,.lg-halaman label,.lg-halaman a{font-family:inherit}.lg-halaman{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,38%);background:var(--bg);color:var(--text)}.lg-kiri{display:grid;align-content:center;justify-items:center;gap:18px;padding:40px 32px;background:radial-gradient(90% 70% at 30% 20%,var(--primary-soft) 0%,transparent 70%),var(--bg);min-width:0}.lg-ilus{width:min(100%,680px);height:auto;max-height:72vh}.lg-kiri-teks{margin:0;display:grid;gap:4px;text-align:center;max-width:460px;color:var(--text-2)}.lg-kiri-teks b{color:var(--text);font-family:var(--lg-serif);font-size:1.2rem;font-weight:600}.lg-kiri-teks span{font-size:.95rem}.lg-kanan{position:relative;display:flex;align-items:center;justify-content:center;padding:64px 32px 28px;background:var(--surface);border-left:1px solid var(--border);min-width:0}.lg-form-bungkus{width:min(420px,100%);display:grid;gap:22px}.lg-form-bungkus>*{animation:lg-naik .5s cubic-bezier(.2,.8,.2,1) both}.lg-form-bungkus>:nth-child(2){animation-delay:.06s}.lg-form-bungkus>:nth-child(3){animation-delay:.12s}.lg-form-bungkus>:nth-child(4){animation-delay:.18s}@keyframes lg-naik{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lg-tema{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--gold, #b7791f);cursor:pointer;transition:background .18s,transform .18s}.lg-tema:hover{background:var(--surface-2);transform:rotate(18deg)}.lg-tema:focus-visible,.lg-mata:focus-visible,.lg-masuk:focus-visible,.lg-lupa:focus-visible{outline:none;box-shadow:var(--ring)}.lg-atas{display:grid;gap:6px;justify-items:start}.lg-logo{margin-bottom:4px}.lg-atas h1{margin:0;font-family:var(--lg-serif);font-size:clamp(2rem,3.2vw,2.5rem);line-height:1.12;font-weight:600;color:var(--primary);letter-spacing:-.012em}.lg-atas p{margin:0;color:var(--text-2);font-size:1.08rem}.lg-form{display:grid;gap:14px}.lg-galat{animation:lg-getar .45s ease-in-out}@keyframes lg-getar{0%,to{transform:none}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.lg-kolom{display:flex;align-items:center;gap:12px;min-height:66px;padding:8px 14px 8px 16px;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;transition:border-color .18s,box-shadow .18s}.lg-kolom:focus-within{border-color:var(--primary);box-shadow:var(--ring)}.lg-kolom-ikon{display:grid;place-items:center;color:var(--text-3);flex:none}.lg-kolom:focus-within .lg-kolom-ikon{color:var(--primary)}.lg-kolom-isi{flex:1;display:grid;gap:1px;min-width:0}.lg-kolom-isi label{font-size:.78rem;font-weight:600;color:var(--text-2);letter-spacing:.01em}.lg-kolom .lg-kolom-isi input,.lg-kolom .lg-kolom-isi input:focus,.lg-kolom .lg-kolom-isi input:hover{width:100%;height:auto;min-height:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--text);font:inherit;font-size:1.02rem;padding:2px 0!important;min-width:0;transform:none;border-radius:0}.lg-kolom-isi input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--surface) inset;-webkit-text-fill-color:var(--text)}.lg-mata{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--text-3);cursor:pointer;flex:none}.lg-mata:hover{background:var(--surface-2);color:var(--text)}.lg-caps{display:flex;align-items:center;gap:6px;margin:-4px 0 0;font-size:.85rem;color:var(--warn)}.lg-turnstile{min-height:65px}.lg-baris{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lg-sakelar{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-2);font-size:.95rem;-webkit-user-select:none;user-select:none}.lg-sakelar input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.lg-sakelar-jalur{position:relative;width:44px;height:26px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border-strong);transition:background .2s,border-color .2s;flex:none}.lg-sakelar-jalur:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:var(--sh-1);border:1px solid var(--border-strong);transition:transform .2s}.lg-sakelar input:checked+.lg-sakelar-jalur{background:var(--primary);border-color:var(--primary)}.lg-sakelar input:checked+.lg-sakelar-jalur:after{transform:translate(18px);border-color:var(--primary)}.lg-sakelar input:focus-visible+.lg-sakelar-jalur{box-shadow:var(--ring)}.lg-lupa{color:var(--text-2);font-size:.95rem;text-decoration:none;border-radius:6px;padding:2px 4px}.lg-lupa:hover{color:var(--primary);text-decoration:underline}.lg-tengah{justify-self:center;display:inline-flex;align-items:center;gap:6px}.lg-masuk{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:start;justify-self:start;min-width:168px;padding:14px 30px;border:0;border-radius:999px;background:var(--primary);color:var(--on-primary);font:inherit;font-weight:700;font-size:1.02rem;cursor:pointer;text-decoration:none;transition:background .18s,transform .12s,box-shadow .18s,opacity .18s;box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 28%,transparent)}.lg-masuk:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.lg-masuk:active:not(:disabled){transform:none}.lg-masuk:disabled{opacity:.7;cursor:progress}.lg-masuk .spinner{width:18px;height:18px}.lg-catatan{margin:0;font-size:.86rem;color:var(--text-3);line-height:1.5}.lg-demo{display:grid;gap:8px;padding-top:4px;border-top:1px dashed var(--border)}.lg-demo .demo{display:flex;align-items:center;gap:10px;text-align:left;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;color:inherit;font:inherit}.lg-demo .demo:hover:not(:disabled){background:var(--surface-2)}.lg-mitra{display:flex;align-items:center;gap:12px;padding-top:6px}.lg-mitra img{filter:drop-shadow(0 2px 6px rgb(0 0 0 / .18))}.lg-mitra-bulat{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.lg-mitra span:last-child{display:grid;line-height:1.25}.lg-mitra b{font-family:var(--lg-serif);font-size:1.02rem;font-weight:600;color:var(--text)}.lg-mitra small{color:var(--text-3);font-size:.8rem}.lg-kaki{margin:0;font-size:.85rem;color:var(--text-3)}.lg-kaki a{color:var(--primary);text-decoration:none;font-weight:600}.lg-kaki a:hover{text-decoration:underline}.lg-hakcipta{margin:-10px 0 0;font-size:.75rem;color:var(--text-3);display:flex;align-items:center;gap:8px}.lg-hakcipta img{height:17px;width:auto;opacity:.9}.lg-melayang{animation:lg-apung 5.5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.lg-melayang.b{animation-delay:-1.8s;animation-duration:6.4s}.lg-melayang.c{animation-delay:-3.2s;animation-duration:5s}@keyframes lg-apung{0%{transform:translateY(0)}to{transform:translateY(-9px)}}@media (max-width: 1100px){.lg-halaman{grid-template-columns:minmax(0,1fr) minmax(380px,46%)}}@media (max-width: 899px){.lg-halaman{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.lg-kiri{padding:12px 16px 0;gap:0}.lg-ilus{max-height:190px}.lg-kiri-teks{display:none}.lg-kanan{border-left:0;align-items:flex-start;padding:24px 20px}.lg-tema{top:12px;right:12px;z-index:2}.lg-form-bungkus{gap:18px}}@media (max-width: 560px){.lg-kiri{display:none}.lg-halaman{grid-template-rows:1fr}.lg-kanan{padding-top:64px}.lg-masuk{width:100%;justify-self:stretch}.lg-atas h1{font-size:1.9rem}}@media (prefers-reduced-motion: reduce){.lg-form-bungkus>*,.lg-melayang,.lg-galat,.lg-tema,.lg-masuk{animation:none!important;transition:none!important}}@media print{.lg-kiri,.lg-tema{display:none}}.lg-aturan{margin:0;padding-left:1.2rem;display:grid;gap:2px;color:var(--text-2);font-size:.88rem;line-height:1.5}.lg-pertama{border-top:1px dashed var(--border);padding-top:10px}.lg-pertama b{color:var(--text-2)}.lg-bhs{position:absolute;top:18px;right:70px;z-index:3}@media (max-width: 560px){.lg-bhs{right:62px;top:14px}}:root{color-scheme:light;--bg: #f3f6f4;--surface: #ffffff;--surface-2: #eaf0ed;--surface-3: #dde7e2;--border: #dfe7e3;--border-strong: #c3d1ca;--text: #0d1f1a;--text-2: #43564f;--text-3: #62756d;--primary: #0b7a5b;--primary-hover: #086048;--primary-soft: #e3f4ec;--primary-soft-2: #c9e9da;--on-primary: #ffffff;--hero: radial-gradient(120% 140% at 100% 0%, #1fb58a 0%, rgb(31 181 138 / 0) 55%), linear-gradient(135deg, #053d2f 0%, #0b6b50 60%, #0e8a68 100%);--gold: #d9a521;--gold-soft: #fbf1d3;--on-hero: #ffffff;--on-hero-2: rgb(255 255 255 / .8);--on-hero-3: rgb(255 255 255 / .25);--on-hero-4: rgb(255 255 255 / .1);--ok: #047857;--ok-soft: #e3f6ed;--warn: #a8480a;--warn-soft: #fdf0db;--bad: #c01f1f;--bad-soft: #fdeaea;--info: #0369a1;--info-soft: #e1f1fa;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--font: "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: 11.5px;--fs-sm: 12.5px;--fs-md: 13.5px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 21px;--fs-3xl: 24px;--fs-4xl: 36px;--lh-tight: 1.25;--lh-body: 1.5;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-pill: 999px;--sh-1: 0 1px 2px rgb(13 31 26 / .05), 0 4px 14px rgb(13 31 26 / .04);--sh-2: 0 8px 24px rgb(13 60 45 / .14);--sh-3: 0 16px 48px rgb(13 31 26 / .22);--ring: 0 0 0 3px rgb(11 122 91 / .35);--h-sm: 32px;--h-md: 36px;--h-lg: 44px;--h-ctl: var(--h-md);--w-kolom-form: 16rem;--w-angka: 7.5rem;--w-xs: 8rem;--w-sm: 10rem;--w-md: 15rem;--w-lg: 20rem;--w-cari: 22rem;--k-no: 3.5rem;--k-angka: 6.5rem;--k-status: 7.5rem;--k-kode: 8.5rem;--k-tgl: 9.5rem;--k-aksi: 8rem;--k-nama: 14rem;--k-teks-maks: 36rem;--sidebar: 256px;--topbar: 64px;--maxw: 1240px;--t1-bg: #e6e8ff;--t1-fg: #2b2f8f;--t1-bar: #4f46e5;--t2-bg: #d9f3ee;--t2-fg: #0b5b52;--t2-bar: #0d9488;--t3-bg: #fdeccd;--t3-fg: #7a3d05;--t3-bar: #d97706;--t4-bg: #fde0e8;--t4-fg: #8a1d3d;--t4-bar: #e11d48;--t5-bg: #dcecfb;--t5-fg: #0b4a78;--t5-bar: #0284c7;--t6-bg: #ead9fb;--t6-fg: #5b1d94;--t6-bar: #9333ea}:root[data-theme=dark]{color-scheme:dark;--bg: #07110e;--surface: #0e1d18;--surface-2: #14281f;--surface-3: #1c352b;--border: #1f3a30;--border-strong: #2f5646;--text: #e8f4ee;--text-2: #b0c7bb;--text-3: #85a094;--primary: #3ddc9c;--primary-hover: #66e6b3;--primary-soft: #0f3326;--primary-soft-2: #164a37;--on-primary: #04130d;--hero: radial-gradient(120% 140% at 100% 0%, #1b9f78 0%, rgb(27 159 120 / 0) 55%), linear-gradient(135deg, #042a21 0%, #07503c 60%, #0a6b52 100%);--gold: #f0c04a;--gold-soft: #3a2f0e;--ok: #4ade9f;--ok-soft: #12332a;--warn: #fbbf5a;--warn-soft: #3a2b10;--bad: #ff8585;--bad-soft: #3d1a1d;--info: #6cc4f5;--info-soft: #11334a;--sh-1: 0 1px 2px rgb(0 0 0 / .4);--sh-2: 0 4px 16px rgb(0 0 0 / .4);--sh-3: 0 16px 48px rgb(0 0 0 / .6);--ring: 0 0 0 3px rgb(61 220 156 / .45);--t1-bg: #232a6b;--t1-fg: #c7ccff;--t1-bar: #7b83ff;--t2-bg: #0f3d38;--t2-fg: #9ff0e3;--t2-bar: #2dd4bf;--t3-bg: #4a3207;--t3-fg: #fcd9a0;--t3-bar: #f59e0b;--t4-bg: #4f1829;--t4-fg: #ffc2d3;--t4-bar: #fb7185;--t5-bg: #0e3a5a;--t5-fg: #b3defa;--t5-bar: #38bdf8;--t6-bg: #3e1b66;--t6-fg: #e1c7fb;--t6-bar: #c084fc}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #07110e;--surface: #0e1d18;--surface-2: #14281f;--surface-3: #1c352b;--border: #1f3a30;--border-strong: #2f5646;--text: #e8f4ee;--text-2: #b0c7bb;--text-3: #85a094;--primary: #3ddc9c;--primary-hover: #66e6b3;--primary-soft: #0f3326;--primary-soft-2: #164a37;--on-primary: #04130d;--hero: radial-gradient(120% 140% at 100% 0%, #1b9f78 0%, rgb(27 159 120 / 0) 55%), linear-gradient(135deg, #042a21 0%, #07503c 60%, #0a6b52 100%);--gold: #f0c04a;--gold-soft: #3a2f0e;--ok: #4ade9f;--ok-soft: #12332a;--warn: #fbbf5a;--warn-soft: #3a2b10;--bad: #ff8585;--bad-soft: #3d1a1d;--info: #6cc4f5;--info-soft: #11334a;--sh-1: 0 1px 2px rgb(0 0 0 / .4);--sh-2: 0 4px 16px rgb(0 0 0 / .4);--sh-3: 0 16px 48px rgb(0 0 0 / .6);--ring: 0 0 0 3px rgb(61 220 156 / .45);--t1-bg: #232a6b;--t1-fg: #c7ccff;--t1-bar: #7b83ff;--t2-bg: #0f3d38;--t2-fg: #9ff0e3;--t2-bar: #2dd4bf;--t3-bg: #4a3207;--t3-fg: #fcd9a0;--t3-bar: #f59e0b;--t4-bg: #4f1829;--t4-fg: #ffc2d3;--t4-bar: #fb7185;--t5-bg: #0e3a5a;--t5-fg: #b3defa;--t5-bar: #38bdf8;--t6-bg: #3e1b66;--t6-fg: #e1c7fb;--t6-bar: #c084fc}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-3)}.nw{white-space:nowrap}.row{display:flex;align-items:center;gap:var(--s-3)}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--s-4)}.grow{flex:1;min-width:0}.t-title{font-size:var(--fs-2xl);line-height:var(--lh-tight);font-weight:700;letter-spacing:-.02em}.t-h2{font-size:var(--fs-lg);line-height:var(--lh-tight);font-weight:650;letter-spacing:-.01em}.t-h3{font-size:var(--fs-md);line-height:var(--lh-tight);font-weight:600}.t-sub{font-size:var(--fs-md);color:var(--text-2)}.t-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.t-small{font-size:var(--fs-sm);color:var(--text-2)}.t-stat{font-size:var(--fs-3xl);line-height:var(--lh-tight);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4);background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2);font-weight:700;font-size:var(--fs-lg);letter-spacing:-.01em}.brand-mark{width:36px;height:36px;border-radius:var(--r-md);background:var(--hero);display:grid;place-items:center;color:var(--on-hero);box-shadow:var(--sh-2)}.nav{display:flex;flex-direction:column;gap:var(--s-1)}.nav-label{padding:var(--s-3) var(--s-3) var(--s-1)}.nav a{display:flex;align-items:center;gap:var(--s-3);height:var(--h-lg);padding:0 var(--s-3);border-radius:var(--r-md);color:var(--text-2);font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a.on{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav a .badge{margin-left:auto}.side-foot{margin-top:auto}.usercard{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.main-col{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar);display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-5);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border)}.topbar .crumb{color:var(--text-3);font-size:var(--fs-sm)}.search-btn{display:flex;align-items:center;gap:var(--s-2);height:var(--h-md);min-width:280px;padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text-3);font-size:var(--fs-sm)}.search-btn:hover{border-color:var(--border-strong)}.search-btn kbd{margin-left:auto;font:inherit;font-size:var(--fs-xs);padding:0 var(--s-2);border:1px solid var(--border);border-radius:var(--s-1);background:var(--surface-2)}.page{width:100%;max-width:var(--maxw);margin:0 auto;padding:var(--s-6) var(--s-5) var(--s-8)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-5)}.page-head .t-sub{margin-top:var(--s-1)}.bottom-nav,.brand-mini{display:none}.imp{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-2) var(--s-5);background:var(--warn);color:var(--surface);font-weight:600;font-size:var(--fs-sm)}.imp .btn{height:var(--h-sm)}.grid{display:grid;gap:var(--s-4)}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.split-2-1{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.mt{margin-top:var(--s-5)}.sticky{position:sticky;top:calc(var(--topbar) + var(--s-4))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s-5);min-width:0}.card.flush{padding:0;overflow:hidden}.card-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-2) var(--s-3);margin-bottom:var(--s-4)}.card.flush .card-h{padding:var(--s-4) var(--s-5);margin:0;border-bottom:1px solid var(--border)}.card.hero{background:var(--hero);color:var(--on-hero);border:0;box-shadow:var(--sh-2)}.card.hero .t-sub,.card.hero .t-small,.card.hero .muted,.card.hero .t-label{color:var(--on-hero-2)}.kpi{display:flex;flex-direction:column;gap:var(--s-2)}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-ic{width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.kpi-ic.ok{background:var(--ok-soft);color:var(--ok)}.kpi-ic.warn{background:var(--warn-soft);color:var(--warn)}.kpi-ic.bad{background:var(--bad-soft);color:var(--bad)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:var(--h-md);padding:0 var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:var(--fs-md);font-weight:600;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s;white-space:nowrap}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:active{transform:translateY(1px)}.btn.pri{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:var(--sh-1)}.btn.pri:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.danger{background:var(--bad-soft);border-color:transparent;color:var(--bad)}.btn.sm{height:var(--h-sm);padding:0 var(--s-3);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn.lg{height:var(--h-lg);padding:0 var(--s-5);font-size:var(--fs-lg)}.btn.block{width:100%}.btn.icon{width:var(--h-md);padding:0}.btn.icon.sm{width:var(--h-sm)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:var(--s-1)}.field>label{font-size:var(--fs-sm);font-weight:600;color:var(--text-2)}.input,.select{height:var(--h-md);width:100%;padding:0 var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;transition:border-color .15s,box-shadow .15s}.input:hover,.select:hover{border-color:var(--text-3)}.input:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.input.err{border-color:var(--bad)}textarea.input,textarea.select{height:auto;min-height:7rem;padding:var(--s-2) var(--s-3);line-height:1.5;resize:vertical}.input.num-in{width:var(--w-angka);padding:0 var(--s-2);text-align:right;font-variant-numeric:tabular-nums}.row.wrap>.select,.row.wrap>.input,.row.wrap>.selcari{width:var(--w-md);max-width:100%}.row.wrap>.field{flex:0 1 var(--w-md);min-width:min(100%,12rem)}.row.wrap>.kolom-cari{width:min(100%,var(--w-cari))}.input.w-angka,.select.w-angka{width:var(--w-angka)}.input.w-xs,.select.w-xs{width:var(--w-xs)}.input.w-sm,.select.w-sm{width:var(--w-sm)}.input.w-md,.select.w-md,.selcari.w-md{width:var(--w-md);max-width:100%}.input.w-lg,.select.w-lg,.selcari.w-lg{width:var(--w-lg);max-width:100%}.input.w-penuh,.select.w-penuh{width:100%}.input:disabled{background:var(--surface-2);color:var(--text-3)}.hint{font-size:var(--fs-xs);color:var(--text-3)}.errtxt{font-size:var(--fs-xs);color:var(--bad)}.chk{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.otp{display:flex;gap:var(--s-2)}.otp input{width:48px;height:56px;text-align:center;font-size:var(--fs-2xl);font-weight:700;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-variant-numeric:tabular-nums}.otp input:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.pill{display:inline-flex;align-items:center;gap:var(--s-1);height:24px;padding:0 var(--s-2);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.info{background:var(--info-soft);color:var(--info)}.pill.pri{background:var(--primary-soft);color:var(--primary)}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 var(--s-1);border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);font-size:var(--fs-xs);font-weight:700}.alert{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);border:1px solid transparent;font-size:var(--fs-md)}.alert+.alert{margin-top:var(--s-2)}.alert svg{flex:none;margin-top:2px}.alert.info{background:var(--info-soft);color:var(--info)}.alert.ok{background:var(--ok-soft);color:var(--ok)}.alert.warn{background:var(--warn-soft);color:var(--warn)}.alert.bad{background:var(--bad-soft);color:var(--bad)}.alert .alert-body{color:var(--text)}.alert .alert-body b{color:inherit}.vlist{margin:var(--s-2) 0 0;padding-left:var(--s-4)}.vlist li{margin:var(--s-1) 0}.bar{height:8px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--primary);transition:width .3s ease}.bar.ok>i{background:var(--ok)}.bar.warn>i{background:var(--warn)}.bar.bad>i{background:var(--bad)}.ring{position:relative;display:inline-grid;place-items:center}.ring svg{transform:rotate(-90deg)}.ring .trk{stroke:var(--surface-3)}.ring .val{stroke:var(--primary);stroke-linecap:round;transition:stroke-dasharray .4s ease}.ring.ok .val{stroke:var(--ok)}.ring.warn .val{stroke:var(--warn)}.ring.bad .val{stroke:var(--bad)}.card.hero .ring .trk{stroke:var(--on-hero-3)}.card.hero .ring .val{stroke:var(--on-hero)}.ring-c{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--border);margin-bottom:var(--s-4);overflow-x:auto}.tab{position:relative;height:var(--h-lg);padding:0 var(--s-4);border:0;background:transparent;color:var(--text-3);font-weight:600;white-space:nowrap}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--primary)}.tab[aria-selected=true]:after{content:"";position:absolute;left:var(--s-3);right:var(--s-3);bottom:-1px;height:2px;border-radius:2px;background:var(--primary)}.stepper{display:flex;align-items:center;gap:var(--s-2)}.step{display:flex;align-items:center;gap:var(--s-2);color:var(--text-3);font-size:var(--fs-sm);font-weight:600}.step-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--text-3);font-size:var(--fs-xs)}.step.done{color:var(--ok)}.step.done .step-dot{background:var(--ok-soft);color:var(--ok)}.step.now{color:var(--primary)}.step.now .step-dot{background:var(--primary);color:var(--on-primary)}.step.bad{color:var(--bad)}.step.bad .step-dot{background:var(--bad-soft);color:var(--bad)}.step-line{flex:1;min-width:16px;height:2px;border-radius:2px;background:var(--border)}.step-line.done{background:var(--ok)}.card.hero .step,.card.hero .step-dot{color:var(--on-hero-2)}.card.hero .step-dot{background:var(--on-hero-3)}.card.hero .step.now .step-dot{background:var(--on-hero);color:var(--primary)}.card.hero .step.now{color:var(--on-hero)}.card.hero .step.done .step-dot{background:var(--on-hero);color:var(--ok)}.card.hero .step.done{color:var(--on-hero)}.card.hero .step-line{background:var(--on-hero-3)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-md)}.table th{position:sticky;top:0;text-align:left;padding:var(--s-3) var(--s-4);background:var(--surface-2);color:var(--text-3);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--surface-2)}.table.dense td{padding:var(--s-2) var(--s-4)}.table .r{text-align:right}.table .c{text-align:center}.icon{flex:none}.avatar{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:var(--fs-sm);font-weight:700;background:var(--t-bg, var(--primary-soft));color:var(--t-fg, var(--primary))}.avatar.sm{width:28px;height:28px;font-size:var(--fs-xs)}.avatar.lg{width:48px;height:48px;font-size:var(--fs-lg)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-2);padding:var(--s-7) var(--s-5);color:var(--text-2)}.empty-ic{width:56px;height:56px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);margin-bottom:var(--s-2)}.empty-ic.bad{background:var(--bad-soft);color:var(--bad)}.empty-ic.warn{background:var(--warn-soft);color:var(--warn)}.skel{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.skel-line{height:16px;margin:var(--s-2) 0}.skel-line.w60{width:60%}.skel-card{height:112px;border-radius:var(--r-lg)}.skel-card.tall{height:240px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;overflow-y:auto;padding:var(--s-6) var(--s-4);background:#0b0e1a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .15s ease}.overlay>.dialog{margin:auto}.overlay.atas{align-items:flex-start}.overlay.atas>*{margin:var(--s-7) auto auto}.dialog{--dlg-w: 720px;width:min(var(--dlg-w),100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-3);animation:pop .18s ease}.dialog-h{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border)}.dialog-b{padding:var(--s-5)}.dialog-f{display:flex;justify-content:flex-end;gap:var(--s-2);padding:var(--s-4) var(--s-5);border-top:1px solid var(--border)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.toasts{position:fixed;right:var(--s-5);bottom:var(--s-5);z-index:80;display:flex;flex-direction:column;gap:var(--s-2)}.toast{display:flex;align-items:center;gap:var(--s-3);max-width:380px;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--text);color:var(--surface);box-shadow:var(--sh-3);font-size:var(--fs-md);animation:pop .2s ease}.cmd{width:min(560px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-3);overflow:hidden;animation:pop .15s ease}.cmd-in{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border)}.cmd-in input{flex:1;border:0;background:transparent;color:var(--text);font:inherit;font-size:var(--fs-lg);outline:none}.cmd-list{max-height:360px;overflow-y:auto;padding:var(--s-2)}.cmd-item{display:flex;align-items:center;gap:var(--s-3);width:100%;height:var(--h-lg);padding:0 var(--s-3);border:0;border-radius:var(--r-md);background:transparent;text-align:left;color:var(--text)}.cmd-item[aria-selected=true]{background:var(--primary-soft);color:var(--primary)}.cmd-item .hint{margin-left:auto}.wk-scroll{overflow-x:auto}.wk{--hour: 48px;min-width:640px;display:grid;grid-template-columns:48px repeat(5,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.wk-h{padding:var(--s-2);text-align:center;font-size:var(--fs-xs);font-weight:600;color:var(--text-2);background:var(--surface-2);border-bottom:1px solid var(--border)}.wk-h.today{color:var(--primary)}.wk-t{position:relative;height:calc(var(--hour) * var(--hours));font-size:var(--fs-xs);color:var(--text-3)}.wk-t span{position:absolute;right:var(--s-2);transform:translateY(-50%);background:var(--surface);padding:0 2px}.wk-c{position:relative;height:calc(var(--hour) * var(--hours));border-left:1px solid var(--border);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--hour) - 1px),var(--border) calc(var(--hour) - 1px),var(--border) var(--hour))}.ev{position:absolute;left:var(--s-1);right:var(--s-1);padding:var(--s-1) var(--s-2);border-radius:var(--r-sm);border-left:3px solid var(--t-bar);background:var(--t-bg);color:var(--t-fg);font-size:var(--fs-xs);line-height:1.3;overflow:hidden}.ev b{display:block;font-weight:650}.ev.conflict{background:var(--bad-soft);color:var(--bad);border-left-color:var(--bad);outline:2px solid var(--bad);outline-offset:-2px;z-index:2}.tone-1{--t-bg: var(--t1-bg);--t-fg: var(--t1-fg);--t-bar: var(--t1-bar)}.tone-2{--t-bg: var(--t2-bg);--t-fg: var(--t2-fg);--t-bar: var(--t2-bar)}.tone-3{--t-bg: var(--t3-bg);--t-fg: var(--t3-fg);--t-bar: var(--t3-bar)}.tone-4{--t-bg: var(--t4-bg);--t-fg: var(--t4-fg);--t-bar: var(--t4-bar)}.tone-5{--t-bg: var(--t5-bg);--t-fg: var(--t5-fg);--t-bar: var(--t5-bar)}.tone-6{--t-bg: var(--t6-bg);--t-fg: var(--t6-fg);--t-bar: var(--t6-bar)}.class-card{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.class-card:hover{border-color:var(--border-strong);box-shadow:var(--sh-1)}.class-card.sel{border-color:var(--primary);background:var(--primary-soft)}.class-card.off{opacity:.6;cursor:not-allowed}.class-card.conflict{border-color:var(--bad);background:var(--bad-soft)}.chips{display:flex;flex-wrap:wrap;gap:var(--s-1)}.chip{display:inline-flex;align-items:center;gap:var(--s-1);height:24px;padding:0 var(--s-2);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-xs);font-weight:500}.filter{height:var(--h-sm);padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.filter[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.code-big{font-size:var(--fs-4xl);font-weight:800;letter-spacing:.18em;font-variant-numeric:tabular-nums;color:var(--text)}.cpl{display:grid;grid-template-columns:72px minmax(0,1fr) 40px;gap:var(--s-3);align-items:center;margin:var(--s-3) 0}.timeline{display:flex;flex-direction:column}.tl-item{display:flex;gap:var(--s-3);padding-bottom:var(--s-4);position:relative}.tl-item:before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--border)}.tl-item:last-child:before{display:none}.tl-dot{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.tl-dot.warn{background:var(--warn-soft);color:var(--warn)}.table .sticky-col{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--border)}.table th.sticky-col{background:var(--surface-2);z-index:2}.masuk-halaman{position:relative;min-height:100vh;display:flex;flex-direction:column;background:#0a3d2f;overflow:hidden}.masuk-foto{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background-size:cover;background-position:center;animation:foto-geser 32s ease-in-out infinite alternate;will-change:transform}@keyframes foto-geser{0%{transform:scale(1.04) translate3d(-1.2%,0,0)}to{transform:scale(1.16) translate3d(1.6%,-1.6%,0)}}.masuk-tabir{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#04281e99,#04281ecc);animation:tabir-masuk 1s ease-out both}@keyframes tabir-masuk{0%{opacity:0}to{opacity:1}}.masuk-tengah{position:relative;flex:1;display:grid;align-content:center;justify-items:center;gap:var(--s-5);padding:var(--s-6) var(--s-4)}.masuk-kartu{width:min(392px,100%);display:grid;gap:var(--s-4);padding:var(--s-6);background:var(--surface);border-radius:16px;box-shadow:0 28px 70px #0006;animation:kartu-naik .8s cubic-bezier(.2,.8,.2,1) .15s both}@keyframes kartu-naik{0%{opacity:0;transform:translateY(34px) scale(.97)}to{opacity:1;transform:none}}.masuk-kartu>*{animation:isi-naik .6s cubic-bezier(.2,.8,.2,1) both}.masuk-kartu>:nth-child(1){animation-delay:.35s}.masuk-kartu>:nth-child(2){animation-delay:.45s}.masuk-kartu>:nth-child(3){animation-delay:.52s}.masuk-kartu>:nth-child(4){animation-delay:.6s}.masuk-kartu>:nth-child(5){animation-delay:.68s}.masuk-kartu>:nth-child(6){animation-delay:.76s}@keyframes isi-naik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.masuk-lambang-bungkus{position:relative;justify-self:center;display:grid;place-items:center;width:112px;height:112px;margin-bottom:var(--s-1);animation:lambang-muncul .9s cubic-bezier(.2,.9,.3,1.2) .3s both!important}.masuk-lambang-bungkus:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--gold);opacity:0;animation:lambang-cincin 3.2s ease-out 1.2s infinite}@keyframes lambang-muncul{0%{opacity:0;transform:scale(.4) rotate(-14deg)}to{opacity:1;transform:none}}@keyframes lambang-cincin{0%{opacity:.55;transform:scale(.92)}70%,to{opacity:0;transform:scale(1.22)}}.masuk-lambang{width:104px;height:104px;object-fit:contain;animation:lambang-apung 6s ease-in-out 1.4s infinite}@keyframes lambang-apung{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.masuk-kartu h1{margin:0;text-align:center;font-size:var(--fs-xl, 1.35rem);font-weight:700}.masuk-kartu .input,.masuk-kartu input{transition:border-color .18s,box-shadow .18s,transform .18s}.masuk-kartu input:focus{transform:translateY(-1px)}.masuk-kartu .btn.pri{transition:background .18s,transform .12s,box-shadow .18s}.masuk-kartu .btn.pri:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 38%,transparent)}.masuk-kartu .btn.pri:active:not(:disabled){transform:translateY(0) scale(.99)}.masuk-galat{animation:getar .45s ease-in-out}@keyframes getar{0%,to{transform:none}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.masuk-bantu{margin:0;text-align:center;font-size:var(--fs-sm);color:var(--text-3)}.masuk-demo{position:relative;width:min(392px,100%);display:grid;gap:var(--s-2);animation:isi-naik .6s ease-out .9s both}.masuk-demo .t-label{color:#fff}.masuk-kartu>:nth-child(7){animation-delay:.84s}.masuk-kartu>:nth-child(8){animation-delay:.9s}.masuk-kartu>:nth-child(9){animation-delay:.96s}.masuk-atau{display:flex;align-items:center;gap:var(--s-3);color:var(--text-3);font-size:var(--fs-sm)}.masuk-atau:before,.masuk-atau:after{content:"";flex:1;height:1px;background:var(--border)}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;height:44px;padding:0 var(--s-4);border:1px solid #dadce0;border-radius:var(--r-md);background:#fff;color:#3c4043;font-size:var(--fs-md);font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,transform .12s}.btn-google:hover{background:#f8f9fa;box-shadow:0 1px 3px #3c40434d;text-decoration:none;transform:translateY(-1px)}.btn-google:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}.btn-google[aria-disabled=true]{opacity:.6;pointer-events:none}@media (max-width: 600px){.masuk-kartu{padding:var(--s-5)}}@media (prefers-reduced-motion: reduce){.masuk-foto,.masuk-tabir,.masuk-kartu,.masuk-kartu>*,.masuk-lambang-bungkus,.masuk-lambang-bungkus:before,.masuk-lambang,.masuk-demo,.masuk-galat{animation:none!important}}.brand-logo{width:40px;height:40px;object-fit:contain;flex:none}.brand-mini .brand-logo{width:32px;height:32px}.demo{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);text-align:left}.demo:hover{border-color:var(--primary);background:var(--primary-soft)}.chart{width:100%}.donat{gap:var(--s-5)}.donat .trk{stroke:var(--surface-3)}.ch-big{font-size:var(--fs-2xl);font-weight:700;fill:var(--text)}.ch-axis{font-size:var(--fs-xs);fill:var(--text-3)}.ch-axis.ok{fill:var(--ok)}.ch-val{font-size:var(--fs-xs);font-weight:700;fill:var(--text)}.ch-goal{stroke:var(--ok);stroke-dasharray:4 4}.ch-target{stroke:var(--text-3);stroke-width:2;stroke-dasharray:5 4}.ch-line{stroke:var(--primary);stroke-width:3;stroke-linejoin:round}.ch-dot{fill:var(--surface);stroke:var(--primary);stroke-width:3}.t-display{font-size:var(--fs-3xl);line-height:var(--lh-tight);font-weight:700;letter-spacing:-.02em}.t-stat.sm{font-size:var(--fs-xl)}.t-stat.md{font-size:var(--fs-2xl)}.t-stat.xl{font-size:var(--fs-4xl)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb b{color:var(--text)}.pad{padding:var(--s-5)}.filter:hover,.bottom-nav a:hover{color:var(--text)}.tl-dot.plain{background:var(--surface-2);color:var(--text-3)}.plain-list{list-style:none;padding:0;margin:0}.empty p{max-width:480px}.lbl-col{width:96px}.seg{flex:1;height:28px;border-radius:var(--s-1);opacity:.3}.seg-normal{background:var(--primary)}.seg-warn{background:var(--warn)}.seg-bad{background:var(--bad)}.seg.past{opacity:1}.seg.now{opacity:.9;outline:3px solid var(--text);outline-offset:2px}@media (max-width: 1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.split-2-1{grid-template-columns:minmax(0,1fr)}.sticky{position:static}}@media (max-width: 900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.search-btn{min-width:0;flex:1}.brand-mini{display:flex}.topbar .crumb{display:none}.topbar{padding:0 var(--s-4)}.search-btn kbd{display:none}.page{padding:var(--s-4) var(--s-4) calc(var(--s-8) + var(--s-6))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;padding:var(--s-2) var(--s-2) calc(var(--s-2) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.bottom-nav a{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--s-1);min-width:0;padding:var(--s-1) var(--s-2);border-radius:var(--r-md);color:var(--text-3);font-size:var(--fs-xs);font-weight:600;text-decoration:none}.bottom-nav a.on{color:var(--primary);background:var(--primary-soft)}.login-wrap{grid-template-columns:minmax(0,1fr)}.login-hero{display:none}.toasts{left:var(--s-4);right:var(--s-4);bottom:calc(var(--s-8) + var(--s-3))}}@media (max-width: 600px){.g2{grid-template-columns:minmax(0,1fr)}.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3>:last-child:nth-child(odd){grid-column:1 / -1}.t-stat{font-size:var(--fs-2xl)}.page-head{align-items:flex-start}.t-title{font-size:var(--fs-xl)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}body{background:var(--bg);background-image:radial-gradient(60% 40% at 100% 0%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 70%);background-attachment:fixed}h1,.t-h1{letter-spacing:-.025em}.sidebar{background:linear-gradient(180deg,#05382c,#072e25);border-right:0;color:#cfe7dd;box-shadow:2px 0 24px #05382c2e}.sidebar .brand{color:#fff}.sidebar .brand-mark{background:linear-gradient(135deg,#f0c04a,#d9a521);color:#3a2a00;box-shadow:0 4px 14px #d9a52166}.sidebar .nav a{color:#b9d6ca}.sidebar .nav a:hover{background:#ffffff14;color:#fff}.sidebar .nav a.on{background:#ffffff1f;color:#fff;box-shadow:inset 3px 0 0 var(--gold)}.sidebar .nav-label,.sidebar .t-label{color:#7fb09c}.sidebar .usercard{background:#ffffff12;border-color:#ffffff1f;color:#fff}.sidebar .usercard .t-small,.sidebar .usercard .muted{color:#a9cbbd}.sidebar .btn.ghost{color:#cfe7dd}.sidebar .btn.ghost:hover{background:#ffffff1a;color:#fff}.sidebar .brand-mark svg,.sidebar .usercard .avatar{color:inherit}.card{border-color:color-mix(in srgb,var(--border) 80%,transparent);transition:box-shadow .2s,transform .2s,border-color .2s}a.card:hover,.card.hoverable:hover{box-shadow:var(--sh-2);transform:translateY(-2px);border-color:var(--primary-soft-2)}.card.hero{position:relative;overflow:hidden;box-shadow:0 14px 36px #05382c47}.card.hero:after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;border:36px solid rgb(240 192 74 / .16);pointer-events:none}.kpi{position:relative}.kpi-ic{border-radius:14px;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 14%,transparent)}.btn.pri{background:var(--primary);box-shadow:none}.btn.pri:hover{background:var(--primary-hover);box-shadow:none}.tab[aria-selected=true]:after{background:var(--gold);height:3px;border-radius:3px}.table th{background:var(--surface-2);letter-spacing:.05em}.table tbody tr:hover td{background:color-mix(in srgb,var(--primary-soft) 70%,var(--surface))}.topbar{background:color-mix(in srgb,var(--surface) 78%,transparent)}.search-btn{box-shadow:var(--sh-1)}.gate-tile{transition:transform .2s,box-shadow .2s,border-color .2s}.gate-tile:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--gold)}.bottom-nav a.on{color:var(--primary)}@media (prefers-reduced-motion: reduce){.card,.gate-tile{transition:none}a.card:hover,.card.hoverable:hover,.gate-tile:hover{transform:none}}.sidebar .avatar{background:linear-gradient(135deg,#f0c04a,#d9a521);color:#3a2a00}.sidebar .usercard strong,.sidebar .usercard .t-body{color:#fff}.sidebar .usercard .t-small,.sidebar .usercard .muted,.sidebar .usercard span{color:#b9d6ca}.shell{padding:var(--s-4);gap:var(--s-4);background:var(--bg);transition:grid-template-columns .2s}.shell.ciut{grid-template-columns:84px minmax(0,1fr)}.sidebar{top:var(--s-4);height:calc(100vh - 2 * var(--s-4));border-radius:26px;padding:var(--s-4) var(--s-3);gap:var(--s-3);overflow:visible}.sidebar .nav{overflow-y:auto;overflow-x:hidden;margin:0 calc(-1 * var(--s-1));padding:0 var(--s-1) var(--s-4);scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .25) transparent;flex:1}.brand{padding:var(--s-2) var(--s-2) var(--s-3);border-bottom:1px solid rgb(255 255 255 / .12);border-radius:0}.brand-teks{display:flex;flex-direction:column;line-height:1.15;font-size:var(--fs-md)}.brand-teks small{font-weight:500;font-size:11px;color:#9cc7b6;letter-spacing:0}.side-toggle{position:absolute;top:34px;right:-13px;z-index:5;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--primary);box-shadow:var(--sh-2);cursor:pointer}.side-toggle svg{transform:rotate(180deg);transition:transform .2s}.shell.ciut .side-toggle svg{transform:rotate(0)}.nav{gap:var(--s-1)}.nav a.nav-gate{height:42px}.nav-grup-h{width:100%;display:flex;align-items:center;gap:var(--s-3);height:46px;padding:0 var(--s-3);border:0;border-radius:var(--r-md);background:transparent;color:#cfe7dd;font:inherit;font-weight:600;text-align:left;cursor:pointer;transition:background .15s,color .15s}.nav-grup-h:hover{background:#ffffff14;color:#fff}.nav-grup.aktif>.nav-grup-h{background:#ffffff1a;color:#fff}.nav-grup-h .nav-teks{flex:1;min-width:0;line-height:1.2}.nav-panah{display:grid;place-items:center;transition:transform .2s}.nav-panah svg{transform:rotate(90deg)}.nav-grup.buka .nav-panah svg{transform:rotate(-90deg)}.nav-sub{margin:var(--s-1) 0 var(--s-2) 22px;padding-left:var(--s-2);border-left:1px solid rgb(255 255 255 / .16);display:flex;flex-direction:column;gap:2px}.sidebar .nav-sub a{height:38px;font-size:var(--fs-sm);padding:0 var(--s-3);border-radius:10px}.sidebar .nav-sub a.on{box-shadow:inset 3px 0 0 var(--gold)}.shell.ciut .sidebar{padding-inline:var(--s-2)}.shell.ciut .brand{justify-content:center;padding-inline:0}.shell.ciut .brand-teks,.shell.ciut .nav-teks,.shell.ciut .nav-panah{display:none}.shell.ciut .nav-grup-h,.shell.ciut .nav a.nav-gate{justify-content:center;padding:0}.topbar{position:sticky;top:var(--s-4);height:76px;padding:0 var(--s-5);border:0;border-radius:22px;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--sh-1)}.top-judul{display:flex;flex-direction:column;line-height:1.25;min-width:0}.top-judul b{font-size:var(--fs-xl);letter-spacing:-.01em}.top-judul small{color:var(--text-3);font-size:var(--fs-xs)}.crumbbar{margin:var(--s-4) 0 var(--s-2);padding:var(--s-3) var(--s-5);border-radius:16px;background:var(--primary-soft);color:var(--primary);font-size:var(--fs-sm)}.crumbbar .crumb{color:var(--primary);display:inline-flex;align-items:center;gap:var(--s-2)}.page{padding:var(--s-4) 0 var(--s-8);max-width:none}.profil{position:relative}.profil-btn{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2) var(--s-1) var(--s-1);border:0;border-radius:var(--r-pill);background:transparent;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.profil-btn:hover{background:var(--surface-2)}.profil-nama{max-width:160px}.profil-btn svg{transform:rotate(90deg);color:var(--primary)}.profil-menu{position:absolute;right:0;top:calc(100% + var(--s-2));z-index:60;min-width:220px;padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-3);display:flex;flex-direction:column;gap:2px}.profil-menu button{display:flex;align-items:center;gap:var(--s-3);height:40px;padding:0 var(--s-3);border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;cursor:pointer;text-align:left}.profil-menu button:hover{background:var(--surface-2)}.profil-ket{display:flex;flex-direction:column;padding:var(--s-2) var(--s-3) var(--s-3);border-bottom:1px solid var(--border);margin-bottom:var(--s-1)}.profil-ket small{color:var(--text-3)}.card,.card.hero{border-radius:22px}@media (max-width: 900px){.shell{padding:var(--s-2)}.shell.ciut{grid-template-columns:minmax(0,1fr)}.topbar{top:var(--s-2);height:64px;padding:0 var(--s-3);border-radius:18px}.top-judul small,.profil-nama,.crumbbar{display:none}.top-judul b{font-size:var(--fs-lg)}.page{padding:var(--s-3) 0 calc(var(--s-8) + var(--s-6))}}.banner-sambut{padding:var(--s-5) var(--s-6)}.banner-sambut .t-h2{color:var(--on-hero);margin:0}.banner-sambut .t-sub{color:var(--on-hero-2);margin:var(--s-1) 0 0}@media (max-width: 900px){.search-btn{flex:none;width:40px;min-width:0;padding:0;justify-content:center;font-size:0;gap:0;border-radius:50%}}.dlg-pesan{display:flex;gap:var(--s-4);align-items:flex-start}.dlg-pesan p{margin:0;font-size:var(--fs-lg, 1rem);line-height:1.55}.dlg-ikon{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2, rgba(0,0,0,.05));color:var(--primary)}.dlg-pesan.ok .dlg-ikon{background:color-mix(in srgb,var(--ok, #16a34a) 14%,transparent);color:var(--ok, #16a34a)}.dlg-pesan.bad .dlg-ikon{background:color-mix(in srgb,var(--bad, #dc2626) 14%,transparent);color:var(--bad, #dc2626)}.dlg-pesan.warn .dlg-ikon{background:color-mix(in srgb,var(--warn, #d97706) 16%,transparent);color:var(--warn, #d97706)}@media (max-width: 520px){.dlg-pesan{flex-direction:column;align-items:center;text-align:center}}.unggah{display:flex;flex-direction:column;gap:var(--s-2, 8px);align-items:flex-start}.unggah-pv{padding:6px;border:1px solid var(--border);border-radius:var(--r-md, 10px);background:var(--surface-2, transparent)}.unggah-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sidebar .nav-sub a{height:auto;min-height:34px;padding-block:6px;line-height:1.25;align-items:flex-start}.sidebar .nav-sub a .icon{margin-top:2px;flex:none}.nav-grup2>.nav-grup-h{height:auto;min-height:36px;padding:6px var(--s-3);gap:var(--s-2);font-size:var(--fs-sm);font-weight:600;border-radius:10px;color:#cfe7dd}.nav-grup2>.nav-grup-h .nav-teks{line-height:1.25}.nav-grup2.aktif>.nav-grup-h{background:transparent;color:#fff}.nav-sub2{margin:0 0 var(--s-1) 14px;padding-left:var(--s-2)}.nav-grup2 .nav-sub{margin-top:2px}.nav-modul-judul{display:flex;align-items:center;gap:var(--s-3);padding:6px var(--s-3) var(--s-3);margin-bottom:var(--s-2);border-bottom:1px solid rgb(255 255 255 / .14);color:#fff;font-weight:700;line-height:1.25}.nav-modul-judul svg{flex:none;color:var(--gold)}.nav-daftar{display:flex;flex-direction:column;gap:2px}.nav-ikon-saja{display:grid;gap:4px;justify-items:center}.sidebar .nav .nav-ikon-saja a{display:grid;place-items:center;width:44px;height:40px;border-radius:10px;color:#ffffffc7}.sidebar .nav .nav-ikon-saja a:hover{background:#ffffff1a;color:#fff}.sidebar .nav .nav-ikon-saja a.on{background:#ffffff24;color:#fff;box-shadow:inset 3px 0 0 var(--gold)}.shell.ciut .nav-modul-judul{justify-content:center;padding-inline:0}.logo-kampusin{display:inline-flex;align-items:center;gap:calc(var(--lk) * .28);color:#0d2b22;line-height:1}.logo-kampusin img{width:var(--lk);height:var(--lk);flex:none;display:block}.logo-kampusin-teks{font-weight:800;font-size:calc(var(--lk) * .62);letter-spacing:-.02em}.logo-kampusin-teks em{font-style:normal;color:#c9971c}.logo-kampusin.terang{color:#fff}.logo-kampusin.terang .logo-kampusin-teks em{color:#f0c04a}:root[data-theme=dark] .logo-kampusin:not(.terang){color:var(--text)}:root[data-theme=dark] .logo-kampusin:not(.terang) .logo-kampusin-teks em{color:#f0c04a}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .logo-kampusin:not(.terang){color:var(--text)}:root:not([data-theme=light]) .logo-kampusin:not(.terang) .logo-kampusin-teks em{color:#f0c04a}}.sidebar .brand{padding-top:var(--s-3)}.masuk-lambang.logo-kampusin{justify-self:center;gap:14px;width:auto;height:auto}.masuk-lambang.logo-kampusin .logo-kampusin-teks{font-size:34px}.masuk-lambang-bungkus{width:auto!important;height:auto!important;padding:10px 18px}.masuk-lambang-bungkus:before{border-radius:18px!important}.masuk-mitra{position:relative;display:flex;align-items:center;gap:var(--s-3);color:#fff;font-size:var(--fs-sm);animation:isi-naik .6s ease-out .95s both}.masuk-mitra img{filter:drop-shadow(0 3px 8px rgb(0 0 0 / .4))}:root{--fs-xs: 11.5px;--fs-sm: 12.5px;--fs-md: 13.5px}body{font-size:13.5px}.t-h2{font-size:17px}.t-h3{font-size:14px}.t-stat{font-size:26px}.t-stat.md{font-size:20px}.btn,.btn.pri,input,select,textarea,.input,.select{font-size:13px}.btn.sm{font-size:12px}.btn.lg{font-size:14.5px}.field>label{font-size:13px}.sidebar .nav a,.nav-grup-h,.nav-modul-judul{font-size:13px}.topbar .crumb,.crumbbar,.crumbbar *{font-size:11.5px}.table th{font-size:12.5px;text-transform:none;letter-spacing:0;color:var(--text-2)}.table td{font-size:13.5px}.hint,.errtxt,.pill,.t-label{font-size:11.5px}.selcari{position:relative;width:100%}.selcari-in{padding-right:34px;text-overflow:ellipsis;font-size:var(--fs-md)}.selcari-pnl{position:absolute;right:12px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);transform:rotate(45deg);pointer-events:none}.selcari-x{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-3);font-size:18px;line-height:1;cursor:pointer}.selcari-x:hover{background:var(--surface-2);color:var(--text)}.selcari-list{position:fixed;z-index:90;margin:0;padding:var(--s-1);list-style:none;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--sh-3);font-size:var(--fs-md);color:var(--text)}.selcari-opt{display:flex;flex-direction:column;gap:1px;padding:8px var(--s-3);border-radius:var(--r-sm);cursor:pointer}.selcari-opt small{font-size:var(--fs-xs);color:var(--text-3)}.selcari-opt.aktif{background:var(--surface-2)}.selcari-opt.pilih{font-weight:600;color:var(--primary)}.selcari-kosong{padding:10px var(--s-3);font-size:var(--fs-sm);color:var(--text-3)}.field{min-width:0}.field>.input,.field>.select,.field>.selcari{width:100%}.field>.errtxt,.field>.hint{line-height:1.35}.form-grid,.keu-form,.anl-form,.mut-form,.sv4-form,.mst-form,.sv7-form,.ta-form-grid,.sdm-form,.trc-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--w-kolom-form)),1fr));gap:var(--s-4);align-items:start}.form-sempit{max-width:32rem}.form-sedang{max-width:48rem}.area,.mst-area,.anl-area,.sv4-area,.ta-area,.keu-area{display:block;width:100%;height:auto;min-height:7rem;padding:var(--s-2) var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;line-height:1.5;resize:vertical}.area:hover,.mst-area:hover,.anl-area:hover,.sv4-area:hover,.ta-area:hover,.keu-area:hover{border-color:var(--text-3)}.area:focus,.mst-area:focus,.anl-area:focus,.sv4-area:focus,.ta-area:focus,.keu-area:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.form-grid .luas,.form-grid .full,.form-grid .penuh,.keu-form .luas,.keu-form .full,.keu-form .penuh,.anl-form .luas,.anl-form .full,.anl-form .penuh,.mut-form .luas,.mut-form .full,.mut-form .penuh,.sv4-form .luas,.sv4-form .full,.sv4-form .penuh,.mst-form .luas,.mst-form .full,.mst-form .penuh,.sv7-form .luas,.sv7-form .full,.sv7-form .penuh,.ta-form-grid .luas,.ta-form-grid .full,.ta-form-grid .penuh,.sdm-form .luas,.sdm-form .full,.sdm-form .penuh,.trc-form .luas,.trc-form .full,.trc-form .penuh,.mut-form .lebar{grid-column:1 / -1}.keu-form,.anl-form,.mut-form,.sv4-form{gap:var(--s-4);align-items:start}@media (max-width: 640px){.form-grid,.keu-form,.sv4-form{grid-template-columns:minmax(0,1fr)}}.page-head.ringkas{margin-bottom:var(--s-3)}.page-head.ringkas .t-sub{margin-top:0}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-4);flex-wrap:wrap;padding:var(--s-3) var(--s-4);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-2)}.pager-info{margin-right:auto}.pager-ukuran{display:inline-flex;align-items:center;gap:var(--s-2)}.pager-ukuran .select{width:auto;height:var(--h-sm);padding:0 var(--s-2);font-size:var(--fs-sm)}.pager-nav,.pager-angka{display:inline-flex;align-items:center;gap:var(--s-1);flex-wrap:wrap}.pager .btn.sm{min-width:var(--h-sm);padding:0 var(--s-2)}.pager-elips{padding:0 var(--s-1);color:var(--text-3)}.pager-sisip{display:none;padding:0 var(--s-2);font-variant-numeric:tabular-nums}.pg-luar{display:none}@media (max-width: 640px){.pager{flex-direction:column;align-items:stretch;text-align:center}.pager-info{margin-right:0}.pager-ukuran,.pager-nav{justify-content:center}.pager-angka,.pager-teks{display:none}.pager-sisip{display:inline}}@media print{.pager{display:none!important}.pg-luar{display:table-row!important}}.kpi-tombol{display:block;width:100%;padding:0;margin:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--r-3, 12px)}.kpi-tombol:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kpi-tombol[aria-pressed=true]>.card{box-shadow:0 0 0 2px var(--primary)}.req{color:var(--bad, #c0392b);font-weight:700}.field.salah>.input,.field.salah>.select,.field.salah>.selcari,.field.salah>textarea{border-color:var(--bad, #c0392b)}.kpi{min-width:0}@media (max-width: 520px){.kpi .t-stat{white-space:nowrap;font-size:clamp(1.05rem,5.2vw,1.5rem)}.t-stat.md{font-size:clamp(1.05rem,5.2vw,1.4rem)}}.nav-kunci{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);color:var(--muted);opacity:.6;cursor:not-allowed}.bottom-nav .nav-kunci{flex-direction:column;gap:2px;padding:var(--s-2) 0;font-size:var(--fs-xs, 11px)}@media (max-width: 560px){.table td a:not(.btn){display:inline-block;padding:7px 4px;margin:-7px -4px}}@media print{:root:root:root,:root[data-theme=dark],:root:not([data-theme=light]){color-scheme:light;--bg: #ffffff;--surface: #ffffff;--surface-2: #f3f4f6;--surface-3: #e5e7eb;--border: #d1d5db;--border-strong: #9ca3af;--text: #111111;--text-2: #333333;--text-3: #555555;--primary: #0b7a5b;--primary-hover: #086048;--primary-soft: #e3f4ec;--primary-soft-2: #c9e9da;--ok: #047857;--ok-soft: #e3f6ed;--warn: #a8480a;--warn-soft: #fdf0db;--bad: #c01f1f;--bad-soft: #fdeaea;--info: #0369a1;--info-soft: #e1f1fa}html,body{background:#fff!important;color:#111!important}}.table td{overflow-wrap:break-word}.table th.k-no,.table td.k-no{width:var(--k-no);min-width:var(--k-no);text-align:center;white-space:nowrap}.table th.k-angka,.table td.k-angka{min-width:var(--k-angka);white-space:nowrap;font-variant-numeric:tabular-nums}.table th.k-status,.table td.k-status{min-width:var(--k-status);white-space:nowrap}.table th.k-kode,.table td.k-kode{min-width:var(--k-kode);white-space:nowrap}.table th.k-tgl,.table td.k-tgl{min-width:var(--k-tgl);white-space:nowrap}.table th.k-aksi,.table td.k-aksi{width:1%;min-width:var(--k-aksi);white-space:nowrap;text-align:right}.table th.k-nama,.table td.k-nama{min-width:var(--k-nama)}.table td.k-nama{max-width:var(--k-teks-maks);overflow-wrap:anywhere}.table td .input.num-in,.table td .input.w-angka{width:var(--w-angka)}.table td>.input:not(.num-in),.table td>.select{width:100%;min-width:var(--w-sm)}@media (max-width: 640px){.row.wrap>.select,.row.wrap>.input,.row.wrap>.selcari,.row.wrap>.field,.row.wrap>.kolom-cari{width:100%;flex-basis:100%;max-width:100%}}.teks-sel{max-width:var(--k-teks-maks);overflow-wrap:anywhere}.blok-pilih{max-width:var(--w-lg)}.table th.k-teks,.table td.k-teks{min-width:9rem}.grid:is(.g2,.g3,.g4):has(>.field),.grid:is(.g2,.g3,.g4):has(>div>.field:only-child){grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--w-kolom-form)),1fr));align-items:start}.row.wrap>.input.w-angka,.row.wrap>.select.w-angka{width:var(--w-angka)}.row.wrap>.input.w-xs,.row.wrap>.select.w-xs{width:var(--w-xs)}.row.wrap>.input.w-sm,.row.wrap>.select.w-sm{width:var(--w-sm)}.row.wrap>.input.w-md,.row.wrap>.select.w-md{width:var(--w-md)}.row.wrap>.input.w-lg,.row.wrap>.select.w-lg{width:var(--w-lg)}.row.wrap>.input.w-penuh,.row.wrap>.select.w-penuh{width:100%}.lonceng{position:relative;display:inline-grid;place-items:center;width:var(--h-md);height:var(--h-md);border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);cursor:pointer}.lonceng:hover{background:var(--surface-2)}.lonceng-n{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--danger, #c0392b);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.tbl-unduh{display:flex;justify-content:flex-end;margin-top:var(--s-2)}.tbl-unduh-btn{display:inline-flex;align-items:center;gap:var(--s-1);padding:2px var(--s-2);border:0;background:transparent;color:var(--text-3);font-size:var(--fs-xs);cursor:pointer;border-radius:var(--s-1)}.tbl-unduh-btn:hover{color:var(--primary);background:var(--surface-2)}@media print{.tbl-unduh,.lonceng{display:none!important}}.kpi,.mb-k{--kw1: #0b7a5b;--kw2: #12a37e}.kpi:nth-child(4n+2),.mb-k:nth-child(4n+2){--kw1: #1d5fd1;--kw2: #3b8bf0}.kpi:nth-child(4n+3),.mb-k:nth-child(4n+3){--kw1: #6d3fc9;--kw2: #9a6cf0}.kpi:nth-child(4n+4),.mb-k:nth-child(4n+4){--kw1: #c26a0a;--kw2: #eb9a2c}.kpi:has(.kpi-ic.warn),.mb-k.waspada{--kw1: #c26a0a;--kw2: #eb9a2c}.kpi:has(.kpi-ic.bad),.mb-k.bahaya{--kw1: #b42318;--kw2: #e5484d}.kpi,.mb-k{background:linear-gradient(135deg,var(--kw1),var(--kw2))!important;border:0!important;color:#fff;box-shadow:0 6px 16px -8px var(--kw1)}.kpi .t-label,.kpi .t-stat,.kpi .t-small,.kpi .num,.mb-k b,.mb-k small,.mb-k-l{color:#fff!important}.kpi .t-label,.mb-k-l,.kpi .t-small,.mb-k small{opacity:.88}.kpi .kpi-ic{background:#ffffff38!important;color:#fff!important;box-shadow:none}.mb-k-l svg{color:#fff}.kpi{padding:var(--s-3) var(--s-4);gap:2px;min-height:0;border-radius:14px}.kpi .t-stat{font-size:1.45rem;line-height:1.2}.kpi .t-stat.sm{font-size:1.15rem}.kpi .t-small{font-size:var(--fs-xs)}.kpi-ic{width:30px!important;height:30px!important;border-radius:10px!important}.card{padding:var(--s-4)}.mb-k{padding:var(--s-3) var(--s-4);border-radius:14px;gap:0}.mb-k b{font-size:clamp(1.1rem,1.6vw,1.4rem)!important;line-height:1.2}.mb-k-l{font-size:.68rem}.mb-garis svg{height:90px}.mb-kotak{padding:var(--s-3) var(--s-4);border-radius:14px}.mb-grafik{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.sm-bt-kolom{height:110px}.sm-bt-b{max-width:90px}.pmb-c-baris b{font-size:.95rem}.card-h .t-h2,.card-h h3{font-size:15px}.kpi .t-stat{font-size:1.45rem!important}.sv7-tg li{font-size:var(--fs-sm)}.tbl-unduh{gap:2px;align-items:center}.tbl-unduh-lbl{font-size:var(--fs-xs);color:var(--text-3);margin-right:2px}.search-btn kbd{color:var(--text-2)}p a,li a,dd a,.hint a,.t-small a,.t-sub a{text-decoration:underline;text-underline-offset:2px}.table-wrap:focus-visible,.sm-tabel:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sidebar .nav a.nav-pin{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid rgb(255 255 255 / .12);border-radius:0 0 var(--r-md, 10px) var(--r-md, 10px)}.kpi{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:none!important;position:relative;overflow:hidden;padding:var(--s-4) var(--s-4) var(--s-4) calc(var(--s-4) + 6px)!important;gap:4px!important}.kpi:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--primary)}.kpi:has(.kpi-ic.ok):before{background:var(--ok)}.kpi:has(.kpi-ic.warn):before{background:var(--warn)}.kpi:has(.kpi-ic.bad):before{background:var(--bad)}.kpi .t-label{color:var(--text-3)!important;opacity:1!important;text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-xs);font-weight:700}.kpi .t-stat,.kpi .t-stat.sm{color:var(--text)!important;font-size:1.9rem!important;font-weight:800;letter-spacing:-.02em;line-height:1.15}.kpi .t-small,.kpi .num{color:var(--text-2)!important;opacity:1!important;font-size:var(--fs-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kpi .kpi-ic{background:var(--primary-soft)!important;color:var(--primary)!important;width:38px!important;height:38px!important;border-radius:12px!important}.kpi .kpi-ic.ok{background:var(--ok-soft)!important;color:var(--ok)!important}.kpi .kpi-ic.warn{background:var(--warn-soft)!important;color:var(--warn)!important}.kpi .kpi-ic.bad{background:var(--bad-soft)!important;color:var(--bad)!important}.topbar{box-shadow:0 -16px 0 0 var(--bg),var(--sh-1)}@media (max-width: 900px){.topbar{box-shadow:0 -8px 0 0 var(--bg),var(--sh-1)}}.card .empty{padding:var(--s-5) var(--s-4)}.card .empty-ic{width:44px;height:44px}.dialog:has(.field~.field~.field~.field~.field){--dlg-w: 920px}.dialog:has(.field~.field~.field~.field~.field~.field~.field~.field~.field~.field){--dlg-w: 1080px}.dialog:has(.table,table,.tbl){--dlg-w: 960px}.dialog:not(:has(.field)):not(:has(table)){--dlg-w: 560px}.overlay{padding:var(--s-6) var(--s-5);align-items:flex-start}.overlay>.dialog{margin:auto;max-height:calc(100vh - var(--s-7));display:flex;flex-direction:column;border-radius:20px;overflow:hidden}.dialog-h{flex:none;padding:var(--s-4) var(--s-6);background:var(--surface-2)}.dialog-b{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--s-5) var(--s-6)}.dialog-f{flex:none;padding:var(--s-4) var(--s-6);background:var(--surface-2)}.dialog-b:has(>.field~.field),.dialog-b>.stack:has(>.field~.field){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:var(--s-4) var(--s-5);align-items:start}.dialog-b:has(>.field~.field)>:not(.field),.dialog-b>.stack:has(>.field~.field)>:not(.field),.dialog-b:has(>.field~.field)>.field:has(textarea,.area,.luas,.full,.penuh),.dialog-b>.stack:has(>.field~.field)>.field:has(textarea,.area,.luas,.full,.penuh){grid-column:1 / -1}.dialog-b{overflow-wrap:break-word}.dialog-b .stack>*,.dialog-b .stack>*>*{min-width:0;overflow-wrap:anywhere}.dialog-b .field>.input,.dialog-b .field>.select,.dialog-b .field>.selcari,.dialog-b .field>textarea{width:100%}@media (max-width: 640px){.overlay{padding:var(--s-3)}.dialog-h,.dialog-b,.dialog-f{padding-left:var(--s-4);padding-right:var(--s-4)}.dialog-f{flex-wrap:wrap}.dialog-f>*{flex:1 1 auto}.dialog-h .btn,.dialog-f .btn{min-height:44px}.dialog-h .btn.icon{min-width:44px}.dialog-b .btn:not(td .btn,th .btn),.dialog-b .input:not(td .input,th .input),.dialog-b .select:not(td .select,th .select),.dialog-b .selcari>button,.dialog-b .selcari>.input{min-height:44px}.dialog-b button:not(td button,th button,.tip-btn){min-height:40px}.dialog-b .tip-btn{width:40px;height:40px;margin:-10px -10px -10px -8px}.dialog-b .stack,.dialog-b .row{min-width:0;max-width:100%}html:has(.overlay,.pfp-overlay){overflow:hidden}}@media (max-width: 640px){html,body{overflow-x:clip}.brand-mini{min-width:0;flex-shrink:1}}@media (max-width: 520px){.topbar{gap:var(--s-2)}.topbar .brand-mini,.topbar .search-btn,.topbar .grow,.profil-btn>svg{display:none}.topbar .top-judul{flex:1 1 0;min-width:0}.topbar .top-judul b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}