:root{--n-0:#fff;--n-25:#fcfcfb;--n-50:#f6f6f4;--n-100:#efefec;--n-150:#e6e6e2;--n-200:#d9d9d4;--n-300:#bcbcb5;--n-400:#96968e;--n-500:#6a6a64;--n-600:#52524d;--n-700:#3a3a36;--n-800:#262624;--n-900:#181817;--n-950:#0d0d0c;--bg:#f2f2ef;--paper:var(--n-0);--paper-sunk:var(--n-25);--ink:var(--n-950);--ink-soft:var(--n-700);--muted:var(--n-500);--line:var(--n-150);--line-strong:var(--n-200);--accent:var(--n-950);--accent-hover:var(--n-800);--accent-ink:var(--n-0);--on-dark:#f7f7f5;--on-dark-muted:#a8a8a1;--on-dark-line:#ffffff24;--mint:#eaf2ec;--mint-line:#cadcd0;--mint-ink:#1f5136;--amber:#f8f1e3;--amber-line:#e6d6b4;--amber-ink:#7a5314;--rose:#f8eaea;--rose-line:#e7c9c9;--rose-ink:#8a2b2b;--sky:#eaeff4;--sky-ink:#2c4a63;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--fs-display:clamp(2.4rem, 1.55rem + 3.9vw, 4.25rem);--fs-h1:clamp(1.8rem, 1.35rem + 2vw, 2.75rem);--fs-h2:clamp(1.3rem, 1.12rem + .8vw, 1.65rem);--fs-h3:clamp(1.05rem, .99rem + .28vw, 1.2rem);--fs-body:1rem;--fs-sm:.9rem;--fs-xs:.8rem;--fs-2xs:.72rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--r-xs:6px;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--shadow-xs:0 1px 2px #0d0d0c0d;--shadow-sm:0 1px 2px #0d0d0c0d, 0 2px 6px -1px #0d0d0c0a;--shadow:0 2px 4px -1px #0d0d0c0d, 0 8px 20px -4px #0d0d0c12;--shadow-lg:0 4px 8px -2px #0d0d0c0d, 0 20px 40px -8px #0d0d0c1a;--shadow-xl:0 8px 16px -4px #0d0d0c0f, 0 34px 64px -16px #0d0d0c29;--ring:0 0 0 3px #0d0d0c1a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-back:cubic-bezier(.34, 1.32, .64, 1);--dur-fast:.14s;--dur:.22s;--dur-slow:.38s;--dur-focal:.62s;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");--radius-sm:var(--r-sm);--radius:var(--r);--radius-lg:var(--r-lg);--line-focus:var(--ink);--ease-spring:var(--ease-back)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{max-width:100%;min-height:100dvh;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";margin:0;line-height:1.55;overflow-x:clip}h1,h2,h3{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0;font-weight:700;line-height:1.08}h1{letter-spacing:-.038em}p{text-wrap:pretty}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--r-xs)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.on-ink{background:var(--n-900);color:var(--on-dark);isolation:isolate;position:relative}.on-ink:before{content:"";background-image:var(--grain);opacity:.5;mix-blend-mode:soft-light;pointer-events:none;z-index:-1;position:absolute;inset:0}@keyframes sheen{to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg, var(--n-100) 0%, var(--n-50) 40%, var(--n-100) 80%) 0 0 / 200% 100%;border-radius:var(--r-xs);color:#0000;animation:1.4s linear infinite sheen}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){.stack-mobile{flex-direction:column!important;align-items:stretch!important}.stack-mobile>*{width:100%;min-width:0!important;max-width:none!important}.stack-mobile .search-input,.stack-mobile input.search-input{flex:100%;width:100%;max-width:none!important}.controls-row-mobile{gap:var(--sp-3);flex-direction:column;align-items:stretch;display:flex}.controls-row-mobile .btn-action,.controls-row-mobile .btn-action-sm{justify-content:center;width:100%}.pagination-controls{flex-wrap:wrap;justify-content:flex-start!important}.hide-mobile,.page-head-desktop-only{display:none!important}.main-content{padding-top:var(--sp-5)}.table-container--stack{overflow-x:visible}.table-container--stack .data-table thead{display:none}.table-container--stack .data-table tbody tr{padding:var(--sp-4);border-bottom:1px solid var(--line);display:block}.table-container--stack .data-table tbody tr:last-child{border-bottom:none}.table-container--stack .data-table td{align-items:start;gap:var(--sp-2) var(--sp-3);white-space:normal;border-bottom:none;grid-template-columns:minmax(88px,36%) 1fr;padding:6px 0;display:grid}.table-container--stack .data-table td:before{content:attr(data-label);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.table-container--stack .data-table td[data-label=""]:before,.table-container--stack .data-table td:not([data-label]):before{content:none}.table-container--stack .data-table td.td-check{align-items:center;gap:var(--sp-3);grid-template-columns:unset;padding-bottom:var(--sp-2);border-bottom:1px solid var(--line);margin-bottom:var(--sp-2);display:flex}.table-container--stack .data-table td.td-check:before{content:"Pilih"}.table-container--stack .data-table td.actions,.table-container--stack .data-table td.col-actions{gap:var(--sp-2);padding-top:var(--sp-3);margin-top:var(--sp-1);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.table-container--stack .data-table td.actions:before,.table-container--stack .data-table td.col-actions:before{flex:0 0 100%;margin-bottom:2px}.table-container--stack .data-table td.actions .btn-action-sm,.table-container--stack .data-table td.col-actions .btn-action-sm{flex:auto;min-height:40px;margin-left:0}.table-container--stack .data-table tr.text-center td,.table-container--stack .data-table td[colspan]{text-align:center;padding:var(--sp-8) var(--sp-4);display:block}.table-container--stack .data-table tr.text-center td:before,.table-container--stack .data-table td[colspan]:before{content:none}.table-container--stack.users-table-wrap .data-table{table-layout:auto}.table-container--stack.users-table-wrap .data-table td{max-width:none;text-overflow:unset;overflow:visible}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.table-scroll .data-table{min-width:640px}.two-factor-setup{flex-direction:column!important}.two-factor-setup .qr-wrap img{max-width:100%;height:auto}}@media (width<=480px){.main-content{padding-left:var(--sp-4);padding-right:var(--sp-4)}}.notify-stack[data-v-796b6d60]{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:400;pointer-events:none;flex-direction:column;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed}.notify-toast[data-v-796b6d60]{pointer-events:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-xl,0 18px 40px #0d0d0c24);grid-template-columns:4px 1fr;display:grid;overflow:hidden}.notify-toast-bar[data-v-796b6d60]{background:var(--n-300)}.notify-toast[data-kind=success] .notify-toast-bar[data-v-796b6d60]{background:var(--mint-ink)}.notify-toast[data-kind=error] .notify-toast-bar[data-v-796b6d60]{background:var(--rose-ink)}.notify-toast[data-kind=warning] .notify-toast-bar[data-v-796b6d60]{background:var(--amber-ink)}.notify-toast[data-kind=info] .notify-toast-bar[data-v-796b6d60]{background:var(--ink)}.notify-toast-body[data-v-796b6d60]{padding:12px 12px 14px 14px}.notify-toast-head[data-v-796b6d60]{justify-content:space-between;align-items:center;gap:8px;display:flex}.notify-toast-title[data-v-796b6d60]{font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.notify-toast[data-kind=success] .notify-toast-title[data-v-796b6d60]{color:var(--mint-ink)}.notify-toast[data-kind=error] .notify-toast-title[data-v-796b6d60]{color:var(--rose-ink)}.notify-toast[data-kind=warning] .notify-toast-title[data-v-796b6d60]{color:var(--amber-ink)}.notify-toast-close[data-v-796b6d60]{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:1.25rem;line-height:1}.notify-toast-close[data-v-796b6d60]:hover{background:var(--n-100);color:var(--ink)}.notify-toast-msg[data-v-796b6d60]{font-size:var(--fs-sm);color:var(--ink);margin:6px 0 0;line-height:1.5}.notify-toast-enter-active[data-v-796b6d60],.notify-toast-leave-active[data-v-796b6d60]{transition:opacity .22s,transform .22s}.notify-toast-enter-from[data-v-796b6d60],.notify-toast-leave-to[data-v-796b6d60]{opacity:0;transform:translateY(-8px)translate(8px)}.notify-overlay[data-v-796b6d60]{z-index:450;padding:var(--sp-5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d0d0c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notify-dialog[data-v-796b6d60]{background:var(--paper);border-radius:var(--radius-lg,var(--r-lg));width:100%;max-width:420px;box-shadow:var(--shadow-xl,0 18px 40px #0d0d0c24)}.notify-dialog-head[data-v-796b6d60]{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--line);display:flex}.notify-dialog-head h3[data-v-796b6d60]{font-size:var(--fs-h3);letter-spacing:-.02em;margin:0}.notify-dialog-x[data-v-796b6d60]{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:1.4rem;line-height:1}.notify-dialog-x[data-v-796b6d60]:hover{background:var(--n-100);color:var(--ink)}.notify-dialog-body[data-v-796b6d60]{padding:var(--sp-6)}.notify-dialog-body>p[data-v-796b6d60]{color:var(--ink-soft);font-size:var(--fs-sm);margin:0;line-height:1.65}.notify-dialog-actions[data-v-796b6d60]{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-6);display:flex}.notify-btn[data-v-796b6d60]{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);font-size:var(--fs-sm);cursor:pointer;padding:10px 16px;font-weight:600;transition:background .15s,border-color .15s,transform .1s}.notify-btn[data-v-796b6d60]:hover{background:var(--n-50)}.notify-btn[data-v-796b6d60]:active{transform:scale(.98)}.notify-btn.primary[data-v-796b6d60]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.notify-btn.primary[data-v-796b6d60]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.notify-btn.primary.danger[data-v-796b6d60]{background:var(--rose-ink);border-color:var(--rose-ink);color:#fff}.notify-btn.primary.danger[data-v-796b6d60]:hover{filter:brightness(.92)}.notify-fade-enter-active[data-v-796b6d60],.notify-fade-leave-active[data-v-796b6d60]{transition:opacity .18s}.notify-fade-enter-active .notify-dialog[data-v-796b6d60],.notify-fade-leave-active .notify-dialog[data-v-796b6d60]{transition:opacity .18s,transform .18s}.notify-fade-enter-from[data-v-796b6d60],.notify-fade-leave-to[data-v-796b6d60]{opacity:0}.notify-fade-enter-from .notify-dialog[data-v-796b6d60],.notify-fade-leave-to .notify-dialog[data-v-796b6d60]{opacity:0;transform:translateY(10px)scale(.97)}