@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";.error-boundary-screen{background-color:var(--background,#fff);min-height:100vh;color:var(--foreground,#09090b);font-family:var(--font-sans);justify-content:center;align-items:center;padding:1.5rem;display:flex}.error-boundary-card{background-color:var(--card,#fff);border:1px solid var(--border,#e4e4e7);border-radius:var(--radius-lg,.75rem);text-align:center;box-sizing:border-box;width:100%;max-width:480px;padding:2.25rem 2rem;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000008}.dark .error-boundary-card{background-color:var(--card,#09090b);border-color:var(--border,#27272a);box-shadow:0 10px 30px -5px #0009}.error-boundary-icon-wrap{color:#ef4444;background-color:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.25rem;display:flex}.error-boundary-title{color:var(--foreground,#09090b);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.error-boundary-desc{color:var(--muted-foreground,#71717a);margin:0 0 1.75rem;font-size:.84rem;line-height:1.5}.error-boundary-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn-error-primary{border-radius:var(--radius,6px);background-color:var(--primary,#0284c7);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;height:38px;padding:0 1.25rem;font-size:.84rem;font-weight:500;transition:opacity .15s;display:inline-flex}.btn-error-primary:hover{opacity:.9}.btn-error-outline{border-radius:var(--radius,6px);border:1px solid var(--border,#e4e4e7);height:38px;color:var(--foreground,#09090b);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.84rem;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.btn-error-outline:hover{background-color:var(--accent,#f4f4f5);color:var(--accent-foreground,#18181b)}.dark .btn-error-outline:hover{background-color:var(--accent,#27272a);color:var(--accent-foreground,#fafafa)}.error-boundary-details{text-align:left;background-color:var(--muted,#f4f4f5);border:1px solid var(--border,#e4e4e7);border-radius:8px;margin-top:1.5rem;padding:.65rem .85rem;font-size:.75rem}.dark .error-boundary-details{background-color:#ffffff0a}.error-boundary-details summary{cursor:pointer;color:var(--muted-foreground,#71717a);outline:none;font-weight:500}.error-boundary-details pre{white-space:pre-wrap;word-break:break-all;color:#ef4444;font-family:var(--font-mono,monospace);max-height:160px;margin-top:.5rem;font-size:.72rem;overflow-y:auto}*,:before,:after{box-sizing:border-box}img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;display:block}:root{--background:#fff;--foreground:#09090b;--card:#fff;--card-foreground:#09090b;--popover:#fff;--popover-foreground:#09090b;--primary:#0284c7;--primary-foreground:#fff;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#71717a;--accent:#f4f4f5;--accent-foreground:#18181b;--destructive:#ef4444;--destructive-foreground:#fff;--border:#e4e4e7;--input:#e4e4e7;--ring:#0284c7;--radius:.5rem;--sidebar-bg:#fafafa;--header-bg:#ffffffd9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bnn-navy-dark:#061325;--bnn-navy:#0a1c33;--bnn-navy-light:#132f54;--bnn-navy-subtle:#1e4577;--bnn-blue-accent:#2563eb;--bnn-blue-light:#38bdf8;--bnn-blue-subtle:#2563eb1a;--bg-main:#f8fafc;--bg-card:#fff;--bg-card-subtle:#f1f5f9;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-focus:#134074;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--danger-color:#dc2626;--danger-bg:#fef2f2;--danger-border:#fca5a5;--warning-color:#d97706;--warning-bg:#fffbeb;--warning-border:#fcd34d;--success-color:#16a34a;--success-bg:#f0fdf4;--success-border:#86efac;--info-color:#2563eb;--info-bg:#eff6ff;--info-border:#93c5fd;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}.dark{--background:#09090b;--bnn-navy:#18181b;--bnn-navy-dark:#09090b;--bnn-navy-light:#27272a;--bnn-navy-subtle:#27272a;--text-inverse:#09090b;--foreground:#fafafa;--card:#111113;--card-foreground:#fafafa;--popover:#111113;--popover-foreground:#fafafa;--primary:#38bdf8;--primary-foreground:#09090b;--secondary:#18181b;--secondary-foreground:#fafafa;--muted:#18181b;--muted-foreground:#a1a1aa;--accent:#18181b;--accent-foreground:#fafafa;--destructive:#dc2626;--destructive-foreground:#fafafa;--border:#27272a;--input:#27272a;--ring:#38bdf8;--sidebar-bg:#0d0d0f;--header-bg:#09090bd9;--shadow-sm:0 1px 2px 0 #0006;--shadow:0 1px 3px 0 #00000080, 0 1px 2px -1px #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main:#09090b;--bg-card:#111113;--bg-card-subtle:#18181b;--border-color:#27272a;--border-light:#1f1f23;--border-focus:#38bdf8;--text-main:#fafafa;--text-secondary:#cbd5e1;--text-muted:#a1a1aa;--danger-bg:#ef444426;--danger-border:#ef44444d;--warning-bg:#f59e0b26;--warning-border:#f59e0b4d;--success-bg:#10b98126;--success-border:#10b9814d;--info-bg:#38bdf826;--info-border:#38bdf84d}html,body{font-family:var(--font-sans);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#091630;margin:0;padding:0;transition:background-color .2s,color .2s}.dark html,.dark body{background-color:#09090b}code,pre,.font-mono{font-family:JetBrains Mono,monospace}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);letter-spacing:-.025em;font-feature-settings:"cv02", "cv03", "cv04", "cv11"}h1{letter-spacing:-.03em;font-weight:800;line-height:1.2}h2{letter-spacing:-.025em;font-weight:700;line-height:1.25}h3{letter-spacing:-.02em;font-weight:700;line-height:1.3}#root{width:100%;min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}@media (width>=1024px){.sidebar-container{transform:translate(0)!important}.main-content-wrapper{margin-left:260px!important}.mobile-hamburger-btn,.mobile-close-btn{display:none!important}}@media (width<=1023px){.main-content-wrapper{margin-left:0!important}.mobile-hamburger-btn,.mobile-close-btn{display:flex!important}.user-role-text{display:none}}@media (width<=768px){.main-content-body{padding:16px 12px!important}}@media (width<=480px){.main-content-body{padding:12px 8px!important}}.responsive-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=640px){.responsive-grid-2{grid-template-columns:1fr!important}}.responsive-grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=640px){.responsive-grid-3{grid-template-columns:1fr!important}}.donut-card-layout{align-items:center;gap:20px;display:flex}@media (width<=520px){.donut-card-layout{flex-direction:column!important;align-items:center!important}.donut-card-layout>div:last-child{width:100%!important}}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.nav-menu-link{border-radius:var(--radius);color:var(--muted-foreground);-webkit-user-select:none;user-select:none;background-color:#0000;border:none;align-items:center;gap:10px;padding:9.5px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-menu-link:hover:not(.active){color:#0284c7;background-color:#0284c714;transform:translate(3px)}.dark .nav-menu-link:hover:not(.active){color:#38bdf8;background-color:#38bdf81a}.nav-menu-link:hover:not(.active) .nav-icon{color:#0284c7;transform:scale(1.1)}.dark .nav-menu-link:hover:not(.active) .nav-icon{color:#38bdf8}.nav-menu-link.active{color:#0284c7;background-color:#0284c71f;font-weight:600}.dark .nav-menu-link.active{color:#38bdf8;background-color:#38bdf829}.nav-menu-link.active .nav-icon{color:#0284c7;transform:scale(1.05)}.dark .nav-menu-link.active .nav-icon{color:#38bdf8}.nav-menu-link:active{transition-duration:80ms;transform:scale(.98)}.nav-icon{flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s}.sidebar-logout-btn{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);background:0 0;flex-shrink:0;align-items:center;gap:4px;padding:6px 8px;font-size:11.5px;font-weight:600;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-logout-btn:hover{color:var(--destructive);border-color:var(--destructive);background-color:#ef444414;transform:translateY(-1px)}.sidebar-logout-btn:active{transform:scale(.95)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--bnn-navy);color:#fff;border-color:var(--bnn-navy-light);box-shadow:0 2px 8px #0b254540}.btn-primary:hover{background-color:var(--bnn-navy-light);box-shadow:0 4px 12px #0b254559}.btn-accent,.btn-gold{color:#fff;background:#1e3a5f;border-color:#2b4c77;font-weight:600;box-shadow:0 2px 8px #0a1c3333}.btn-accent:hover,.btn-gold:hover{background:#25466f;box-shadow:0 4px 12px #0a1c334d}.btn-outline{color:var(--foreground);border-color:var(--border);background-color:#0000}.btn-outline:hover{background-color:var(--muted);border-color:var(--primary)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-danger-outline{color:var(--danger-color);border-color:var(--danger-border);background-color:#0000}.btn-danger-outline:hover{background-color:var(--danger-bg)}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.775rem}.badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.badge-pengedar{color:#dc2626;background-color:#dc26261a;border:1px solid #dc262640}.badge-pengguna{color:#1d4ed8;background-color:#2563eb1a;border:1px solid #2563eb40}.badge-admin{color:#0a1c33;background-color:#0a1c3314;border:1px solid #0a1c3338}.badge-user{color:#334155;background-color:#64748b1f;border:1px solid #64748b40}.badge-success{background-color:var(--success-bg);color:var(--success-color);border:1px solid var(--success-border)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-color);border:1px solid var(--warning-border)}.badge-danger{background-color:var(--danger-bg);color:var(--danger-color);border:1px solid var(--danger-border)}.card{background-color:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.form-group{margin-bottom:1.1rem}.form-label{color:var(--muted-foreground);margin-bottom:.35rem;font-size:.825rem;font-weight:600;display:block}.form-label .required{color:var(--danger-color)}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--background);width:100%;color:var(--foreground);transition:var(--transition);padding:.6rem .85rem;font-family:inherit;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0284c726}.toast-container{z-index:9999;flex-direction:column;gap:.5rem;max-width:420px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background-color:var(--card);color:var(--foreground);border-radius:var(--radius-md);border:1px solid var(--border);border-left:4px solid var(--primary);align-items:center;gap:.75rem;padding:.85rem 1.15rem;font-size:.875rem;font-weight:500;animation:.25s ease-out slideInRight;display:flex;box-shadow:0 10px 25px -5px #00000026}.toast-success{border-left-color:var(--success-color)}.toast-error{border-left-color:var(--danger-color)}.toast-info{border-left-color:var(--primary)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.login-ref-screen{box-sizing:border-box;background:#081220 url(/singa-ambara-raja.jpg) 50%/cover no-repeat fixed;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative;box-shadow:inset 0 0 0 2000px #051020eb}.login-ref-card{box-sizing:border-box;background-color:#fff;border-radius:28px;grid-template-columns:1.16fr 1fr;width:100%;max-width:1140px;min-height:640px;padding:14px;transition:all .3s;display:grid;overflow:hidden;box-shadow:0 30px 80px -15px #000000b3,0 0 0 1px #ffffff1f}.login-ref-hero{box-sizing:border-box;background:linear-gradient(#0814246b 0%,#0814241a 28%,#06102094 55%,#040a16f0 80%,#040a16fa 100%),url(/singa-ambara-raja.jpg) 50% 22%/cover no-repeat;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:580px;padding:2.75rem 2.5rem 2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #00000080}.ref-hero-top{z-index:3;justify-content:flex-start;align-items:center;display:flex}.ref-brand-badge{-webkit-backdrop-filter:blur(14px);background:#0f172a8c;border:1px solid #ffffff38;border-radius:9999px;align-items:center;gap:10px;padding:6px 16px 6px 8px;display:inline-flex;box-shadow:0 4px 20px #00000059}.ref-bnn-logo-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0006);background:0 0;border-radius:50%;width:34px;height:34px;display:block}.ref-app-name-text{letter-spacing:.6px;color:#fff;font-family:Montserrat,Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:800}.ref-brand-divider{color:#ffffff59;margin:0 1px;font-size:.95rem;font-weight:300;line-height:1}.ref-app-badge-sub{color:#ffffffe0;letter-spacing:.8px;text-transform:uppercase;font-family:Montserrat,Plus Jakarta Sans,sans-serif;font-size:.74rem;font-weight:700}.ref-hero-bottom{z-index:2;flex-direction:column;display:flex}.ref-hero-clean-title{color:#fff;text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 4px 20px #000000b3;margin:0 0 1rem;font-family:Montserrat,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:900;line-height:1.12}.ref-hero-clean-subtitle{color:#ffffffd1;text-shadow:0 2px 10px #00000080;max-width:480px;margin:0 0 2rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.96rem;font-weight:400;line-height:1.6}.ref-hero-clean-tagline{letter-spacing:1.8px;color:#fff;text-transform:uppercase;text-shadow:0 2px 8px #0009;font-family:Montserrat,Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:800}.login-ref-form-panel{box-sizing:border-box;flex-direction:column;justify-content:center;padding:3.5rem 3.25rem 2.5rem;display:flex}.ref-form-header{margin-bottom:.5rem}.ref-welcome-title{color:#0f172a;letter-spacing:-.4px;text-transform:uppercase;margin:0 0 .35rem;font-family:Montserrat,Plus Jakarta Sans,system-ui,sans-serif;font-size:1.95rem;font-weight:800}.ref-welcome-subtitle{color:#64748b;margin:0 0 1.75rem;font-size:.875rem;line-height:1.45}.ref-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.65rem .85rem;font-size:.8rem;font-weight:500;display:flex}.ref-login-form{flex-direction:column;display:flex}.ref-input-group{margin-bottom:1.15rem}.ref-input-label{color:#1e293b;margin-bottom:.4rem;font-size:.825rem;font-weight:600;display:block}.ref-text-field{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.ref-text-field:focus{border-color:#172d3f;box-shadow:0 0 0 3px #172d3f1f}.ref-text-field.pr-10{padding-right:2.75rem}.ref-text-field::placeholder{color:#94a3b8;font-size:.85rem}.ref-password-field-box{align-items:center;display:flex;position:relative}.ref-password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;right:.85rem}.ref-password-toggle-btn:hover{color:#1e293b}.ref-options-row{justify-content:space-between;align-items:center;margin:.25rem 0 1.35rem;font-size:.8125rem;display:flex}.ref-remember-label{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.ref-checkbox-input{accent-color:#172d3f;cursor:pointer;border-radius:4px;width:15px;height:15px}.ref-forgot-password-link{color:#0f172a;font-size:.8125rem;font-weight:700;text-decoration:none;transition:color .15s}.ref-forgot-password-link:hover{text-decoration:underline}.ref-signin-btn{color:#fff;cursor:pointer;background-color:#172d3f;border:none;border-radius:8px;width:100%;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #172d3f33}.ref-signin-btn:hover{background-color:#0f1f2e;transform:translateY(-1px);box-shadow:0 6px 16px #172d3f4d}.ref-signin-btn:active{transform:translateY(0)}.ref-signin-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ref-security-note{color:#64748b;background:#0f172a08;border:1px solid #0f172a14;border-radius:8px;align-items:center;gap:8px;margin-top:1.35rem;padding:.65rem .85rem;font-size:.775rem;line-height:1.4;display:flex}.ref-shield-icon{color:#172d3f;flex-shrink:0}.ref-copyright-footer{text-align:center;color:#94a3b8;margin-top:1.25rem;font-size:.72rem}@media (width<=960px){.login-ref-card{border-radius:24px;grid-template-columns:1fr;max-width:520px;min-height:auto;padding:12px}.login-ref-hero{border-radius:18px;gap:2rem;min-height:440px;padding:2rem 1.75rem 1.75rem}.ref-hero-clean-title{font-size:1.95rem}.ref-hero-clean-subtitle{margin-bottom:1.5rem;font-size:.88rem}.login-ref-form-panel{padding:2rem 1.5rem 1.5rem}.ref-welcome-title{font-size:1.6rem}}.dark .login-ref-card{border:1px solid var(--border,#27272a);background-color:#111113;box-shadow:0 30px 80px -15px #000000d9}.dark .ref-welcome-title{color:#fafafa}.dark .ref-welcome-subtitle{color:#a1a1aa}.dark .ref-input-label{color:#fafafa}.dark .ref-text-field{color:#fafafa;background-color:#09090b;border-color:#27272a}.dark .ref-text-field:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.dark .ref-remember-label{color:#a1a1aa}.dark .ref-forgot-password-link{color:#60a5fa}.dark .ref-signin-btn{background-color:#0284c7}.dark .ref-signin-btn:hover{background-color:#0369a1}.dark .ref-security-note{color:#a1a1aa;background:#ffffff08;border-color:#ffffff14}.dark .ref-shield-icon{color:#38bdf8}.shadcn-avatar{border-radius:var(--radius-sm,6px);flex-shrink:0;width:2rem;height:2rem;display:flex;position:relative;overflow:hidden}.shadcn-avatar-image{aspect-ratio:1;object-fit:cover;width:100%;height:100%}.shadcn-avatar-fallback{border-radius:var(--radius-sm,6px);color:#fff;background-color:#ffffff1a;border:1px solid #ffffff26;justify-content:center;align-items:center;width:100%;height:100%;font-size:.75rem;font-weight:600;display:flex}.dark .shadcn-avatar-fallback{background-color:var(--muted,#27272a);color:var(--muted-foreground,#a1a1aa);border-color:var(--border,#3f3f46)}.shadcn-dropdown-menu{width:100%;display:inline-block;position:relative}.shadcn-dropdown-content{z-index:1000;border-radius:var(--radius-md,8px);color:#fff;background:#091630;border:1px solid #ffffff1f;min-width:13.5rem;padding:.35rem;animation:.15s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;overflow:hidden;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0006}.dark .shadcn-dropdown-content{background:var(--popover,#09090b);border-color:var(--border,#27272a);color:var(--popover-foreground,#fafafa);box-shadow:0 10px 30px -5px #000000b3}.shadcn-dropdown-content.side-top{bottom:calc(100% + 6px);left:0;right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.shadcn-dropdown-label{color:#fff;padding:.5rem .65rem;font-size:.8125rem;font-weight:500}.dark .shadcn-dropdown-label{color:var(--foreground,#fafafa)}.shadcn-dropdown-separator{background-color:#ffffff14;height:1px;margin:.35rem -.35rem}.dark .shadcn-dropdown-separator{background-color:var(--border,#27272a)}.shadcn-dropdown-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm,6px);color:#ffffffd9;outline:none;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s;display:flex;position:relative}.shadcn-dropdown-item:hover,.shadcn-dropdown-item:focus{color:#fff;background-color:#ffffff14}.dark .shadcn-dropdown-item{color:var(--foreground,#fafafa)}.dark .shadcn-dropdown-item:hover,.dark .shadcn-dropdown-item:focus{background-color:var(--accent,#27272a);color:var(--accent-foreground,#fafafa)}.shadcn-dropdown-item.destructive{color:#f87171}.shadcn-dropdown-item.destructive:hover,.shadcn-dropdown-item.destructive:focus{color:#ef4444;background-color:#ef44441f}.dark .shadcn-dropdown-item.destructive{color:#f87171}.dark .shadcn-dropdown-item.destructive:hover,.dark .shadcn-dropdown-item.destructive:focus{color:#f87171;background-color:#ef444426}.btn-sidebar-trigger{border-radius:var(--radius-sm,6px);width:32px;height:32px;color:var(--foreground,#09090b);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.btn-sidebar-trigger:hover{background-color:var(--accent,#f4f4f5);color:var(--accent-foreground,#18181b)}.dark .btn-sidebar-trigger{color:var(--foreground,#fafafa)}.dark .btn-sidebar-trigger:hover{background-color:var(--accent,#27272a);color:var(--accent-foreground,#fafafa)}.shadcn-separator{background-color:var(--border,#e4e4e7);flex-shrink:0}.shadcn-separator.separator-horizontal{width:100%;height:1px}.shadcn-separator.separator-vertical{width:1px;height:1rem;margin:0 .5rem}.dark .shadcn-separator{background-color:var(--border,#27272a)}.shadcn-breadcrumb{align-items:center;display:flex}.shadcn-breadcrumb-list{color:var(--muted-foreground,#71717a);flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;padding:0;font-size:.8125rem;line-height:1.25rem;list-style:none;display:flex}.shadcn-breadcrumb-item{align-items:center;gap:.375rem;display:inline-flex}.shadcn-breadcrumb-link{color:var(--muted-foreground,#71717a);font-weight:500;text-decoration:none;transition:color .15s}.shadcn-breadcrumb-link:hover{color:var(--foreground,#09090b)}.dark .shadcn-breadcrumb-link:hover{color:var(--foreground,#fafafa)}.shadcn-breadcrumb-page{color:var(--foreground,#09090b);font-weight:600}.dark .shadcn-breadcrumb-page{color:var(--foreground,#fafafa)}.shadcn-breadcrumb-separator{color:var(--muted-foreground,#a1a1aa);opacity:.7;align-items:center;display:inline-flex}.breadcrumb-chevron-icon{width:14px;height:14px}.shadcn-card{background-color:var(--card,#fff);color:var(--card-foreground,#09090b);border:1px solid var(--border,#e4e4e7);border-radius:.75rem;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.shadcn-card:hover{border-color:#0ea5e94d;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a}.dark .shadcn-card:hover{border-color:#38bdf84d;box-shadow:0 4px 12px #0006}.shadcn-card-header{flex-direction:column;gap:.375rem;padding:1.25rem 1.25rem .5rem;display:flex}.shadcn-card-header.header-row{flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:.5rem}.shadcn-card-title{letter-spacing:-.01em;color:var(--muted-foreground,#71717a);margin:0;font-size:.875rem;font-weight:500;line-height:1.25}.shadcn-card-description{color:var(--muted-foreground,#71717a);margin:0;font-size:.75rem}.shadcn-card-content{padding:0 1.25rem 1.25rem}.shadcn-card-content:first-child{padding-top:1.25rem}.shadcn-card-footer{align-items:center;padding:0 1.25rem 1.25rem;display:flex}.metric-shadcn-value{letter-spacing:-.025em;color:var(--foreground,#09090b);align-items:baseline;gap:.35rem;margin-bottom:.25rem;font-size:1.75rem;font-weight:700;line-height:1.2;display:flex}.dark .metric-shadcn-value{color:var(--foreground,#fafafa)}.metric-shadcn-subtext{color:var(--muted-foreground,#71717a);align-items:center;gap:.25rem;margin:0;font-size:.75rem;line-height:1.4;display:flex}.shadcn-card-icon{width:1rem;height:1rem;color:var(--muted-foreground,#71717a);flex-shrink:0;transition:color .2s,transform .2s}.shadcn-card:hover .shadcn-card-icon{transform:scale(1.08)}.metric-unit-badge{color:var(--muted-foreground,#71717a);font-size:.8125rem;font-weight:500}.text-rose-500{color:#f43f5e}.text-blue-500{color:#3b82f6}.text-amber-500{color:#f59e0b}.text-emerald-500{color:#10b981}.dark .text-rose-500{color:#fb7185}.dark .text-blue-500{color:#60a5fa}.dark .text-amber-500{color:#fbbf24}.dark .text-emerald-500{color:#34d399}.cases-module-wrapper{flex-direction:column;gap:1.5rem;display:flex}.cases-actions-bar,.cases-top-actions-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.header-actions-bar{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.btn-add-case,.btn-import-data,.btn-export-dropdown-trigger{border-radius:var(--radius);height:38px;transition:var(--transition);white-space:nowrap;align-items:center;gap:.5rem;padding:0 .95rem;font-size:.84rem;font-weight:600;display:inline-flex}.btn-import-data{background:var(--background);color:var(--foreground);border:1px solid var(--border)}.btn-import-data:hover{background:var(--accent);color:var(--accent-foreground);border-color:var(--border)}.export-dropdown-wrapper{display:inline-block;position:relative}.btn-export-dropdown-trigger{background:var(--background);color:var(--foreground);border:1px solid var(--border);cursor:pointer}.btn-export-dropdown-trigger:hover{background:var(--accent);color:var(--accent-foreground);border-color:var(--border)}.dropdown-chevron{opacity:.7;margin-left:.15rem;transition:transform .2s cubic-bezier(.16,1,.3,1)}.dropdown-chevron.rotate-180{transform:rotate(180deg)}.export-dropdown-menu{background-color:var(--card);min-width:215px;color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);z-index:50;padding:.35rem;animation:.15s cubic-bezier(.16,1,.3,1) exportDropdownFade;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #00000014}.dark .export-dropdown-menu{background-color:var(--popover);border-color:var(--border);box-shadow:0 14px 28px -4px #00000080}@keyframes exportDropdownFade{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.export-dropdown-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.75rem;padding:.55rem .75rem;font-family:inherit;display:flex}.export-dropdown-item:hover{background-color:var(--accent)}.export-item-icon{flex-shrink:0}.export-item-icon.excel-icon{color:#16a34a}.export-item-icon.pdf-icon{color:#dc2626}.export-item-text{flex-direction:column;display:flex}.export-item-title{color:var(--foreground);font-size:.815rem;font-weight:600;line-height:1.25}.export-item-desc{color:var(--muted-foreground);margin-top:1px;font-size:.7rem;line-height:1.2}.export-dropdown-divider{background-color:var(--border);height:1px;margin:.25rem 0}.cases-filter-panel{background-color:var(--card);padding:1.25rem 1.5rem}.search-and-quick-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.main-search-input-wrap{flex:1;min-width:260px;position:relative}.main-search-input-wrap .search-icon{color:var(--muted-foreground,#64748b);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.cases-search-field{border-radius:var(--radius);border:1px solid var(--border);background:var(--background);width:100%;height:38px;color:var(--foreground);transition:var(--transition);padding:0 2.5rem;font-size:.875rem}.cases-search-field:focus{border-color:var(--ring);outline:none;box-shadow:0 0 0 2px #0284c726}.search-actions-group{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-clear-main-search{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.multi-filters-row{border-top:1px dashed var(--border-color);flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding-top:.75rem;display:flex}.filter-item{flex-direction:column;flex:1;gap:.3rem;min-width:140px;display:flex}.filter-item-district,.filter-item-sort{min-width:175px}.filter-mini-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.72rem;font-weight:700}.filter-select-wrapper{align-items:center;width:100%;display:flex;position:relative}.filter-dropdown{appearance:none;border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;color:var(--text-main);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;outline:none;padding:.5rem 2.2rem .5rem .75rem;font-size:.825rem;font-weight:500;line-height:1.4;transition:border-color .15s,box-shadow .15s;overflow:hidden}.filter-dropdown:hover{border-color:#94a3b8}.filter-dropdown:focus{border-color:var(--bnn-blue-accent,#2563eb);box-shadow:0 0 0 3px #2563eb1f}.filter-select-icon{pointer-events:none;color:#64748b;flex-shrink:0;transition:color .15s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.filter-select-wrapper:hover .filter-select-icon{color:var(--text-main)}.reset-item{flex:0;min-width:auto}.btn-reset-all{white-space:nowrap;padding:.5rem .85rem}.cases-table-card{background-color:#fff;padding:1.5rem}.table-header-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;display:flex}.meta-legend-badges{gap:.5rem;display:flex}.full-table th,.full-table td{vertical-align:middle;padding:.75rem .85rem}.case-num-col small{color:var(--text-muted);font-size:.72rem;display:block}.name-nik-col .case-name{color:var(--text-main);font-size:.835rem;font-weight:700;line-height:1.3;display:block}.name-nik-col .case-nik{color:var(--text-muted);margin-top:1px;font-size:.72rem;display:block}.drug-type-pill,.loc-kecamatan-clean{color:var(--text-main);white-space:nowrap;font-size:.825rem;font-weight:600}.profile-clean-text{color:var(--text-main);white-space:nowrap;font-size:.8125rem}.btn-action-icon{border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;width:30px;height:30px;transition:var(--transition);background:#fff;justify-content:center;align-items:center;display:flex}.btn-action-icon.view{color:var(--bnn-navy-light)}.btn-action-icon.view:hover{border-color:var(--bnn-navy);background:#1340741a}.btn-action-icon.edit{color:#b45309}.btn-action-icon.edit:hover{background:#c59b2726;border-color:#b45309}.btn-action-icon.delete{color:var(--danger-color)}.btn-action-icon.delete:hover{background:var(--danger-bg);border-color:var(--danger-border)}.btn-action-icon.disabled{opacity:.4;cursor:not-allowed;color:var(--text-muted)}.modal-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;width:100%;max-width:780px;max-height:90vh;animation:.2s ease-out modalScaleUp;display:flex;overflow:hidden}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal-header-icon.navy{color:var(--bnn-navy);background:#0b25451a}.modal-title{color:var(--bnn-navy);font-size:1.15rem;font-weight:800}.modal-subtitle{color:var(--text-muted);font-size:.78rem}.btn-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.35rem}.btn-modal-close:hover{color:var(--text-main);background:#f1f5f9}.modal-scroll-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-form-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.form-sections-container{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.form-sub-header{letter-spacing:.8px;color:var(--bnn-navy-light);border-bottom:1px solid var(--border-color);margin-top:.5rem;padding-bottom:.35rem;font-size:.75rem;font-weight:800}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row-3{grid-template-columns:1.5fr 1fr .8fr;gap:1rem;display:grid}.modal-error-alert{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-color);border-radius:var(--radius-md);align-items:center;gap:.5rem;margin:1rem 1.5rem 0;padding:.75rem 1rem;font-size:.825rem;font-weight:600;display:flex}.modal-header-official{color:#fff;background:linear-gradient(135deg,#0b2545,#07192f);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.official-kop-mini{align-items:center;gap:.85rem;display:flex}.kop-logo-mini{object-fit:contain;width:44px;height:44px}.kop-gov{color:#94a3b8;letter-spacing:1px;font-size:.65rem;font-weight:700;display:block}.kop-bnn{color:#fff;font-size:.95rem;font-weight:800}.kop-confidential{color:#f87171;font-size:.65rem;font-weight:700;display:block}.detail-top-banner{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding:1rem;display:flex}.case-no-tag{color:var(--text-muted);font-size:.68rem;font-weight:700}.case-no-title{color:var(--bnn-navy);font-size:1.3rem;font-weight:800}.case-date-tag{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex}.detail-status-pill-box{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.detail-status-badge{border-radius:var(--radius-full);border:1px solid;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.detail-legal-badge{color:var(--bnn-navy);align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;display:inline-flex}.detail-section{margin-bottom:1.25rem}.section-title-wrap{border-bottom:1px solid var(--border-color);align-items:center;gap:.45rem;margin-bottom:.75rem;padding-bottom:.3rem;display:flex}.section-title-wrap h4{color:var(--bnn-navy);font-size:.85rem;font-weight:800}.detail-grid-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;display:grid}.col-span-full{grid-column:1/-1}.grid-item .info-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600;display:block}.grid-item .info-value{font-size:.875rem;display:block}.intel-notes-box{border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-secondary);background:#f8fafc;padding:.75rem;font-size:.825rem;line-height:1.5}.template-info-box{border-radius:var(--radius-md);background:#16a34a14;border:1px solid #16a34a40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.template-text{align-items:center;gap:.75rem;display:flex}.template-text strong{color:var(--success-color);font-size:.85rem;display:block}.template-text p{color:var(--text-secondary);font-size:.75rem}.upload-dropzone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);background:#f8fafc;border:2px dashed #94a3b8;padding:2.25rem 1.5rem;position:relative}.upload-dropzone:hover{border-color:var(--bnn-navy);background:#f1f5f9}.dropzone-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.dropzone-label{pointer-events:none;flex-direction:column;align-items:center;display:flex}.dropzone-icon-circle{background:#1340741a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.75rem;display:flex}.dropzone-title{color:var(--bnn-navy);margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.dropzone-desc{color:var(--text-muted);max-width:440px;font-size:.8rem}.parsing-loading-box{color:var(--bnn-navy);justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-size:.85rem;font-weight:600;display:flex}.parsed-preview-header{margin-bottom:.65rem}.parsed-stats{color:var(--success-color);align-items:center;gap:.4rem;display:flex}.parsed-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:220px;overflow-y:auto}.parsed-mini-table{border-collapse:collapse;width:100%;font-size:.775rem}.parsed-mini-table th{border-bottom:2px solid var(--border-color);background:#f1f5f9;padding:.5rem .65rem;position:sticky;top:0}.parsed-mini-table td{border-bottom:1px solid var(--border-color);padding:.5rem .65rem}.delete-confirm-modal{max-width:480px}.delete-modal-body{padding:1.5rem}.delete-modal-body p{margin-bottom:.85rem;font-size:.875rem}.delete-target-preview{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#f8fafc;margin-bottom:1rem;padding:.85rem;font-size:.825rem}.delete-target-preview strong{color:var(--bnn-navy);display:block}.delete-target-preview span{display:block}.alert-delete-warning{color:var(--danger-color);background:var(--danger-bg);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.65rem;font-size:.75rem;display:flex}@media (width<=768px){.form-row-2,.form-row-3{grid-template-columns:1fr}}.modal-card.case-detail-modal-clean,.case-detail-modal-clean{flex-direction:column;max-height:94vh;display:flex;width:95%!important;max-width:880px!important}.modal-clean-top{background:linear-gradient(135deg,#07192f 0%,#0b2545 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex}.clean-kop-wrapper{align-items:center;gap:.85rem;display:flex}.clean-kop-logo-box{background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex;box-shadow:0 2px 10px #00000059}.clean-kop-logo{object-fit:contain;border-radius:50%;width:100%;height:100%;display:block}.clean-kop-instansi{color:#fff;margin-bottom:.1rem;font-size:.95rem;font-weight:800}.clean-kop-sub{color:#ffffffb3;font-size:.72rem}.btn-modal-close-round{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-modal-close-round:hover{background:#ffffff40;transform:scale(1.05)}.modal-clean-body{flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.5rem;display:flex;overflow-y:auto}.case-id-bar{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.15rem;display:flex}.case-id-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.1rem;font-size:.65rem;font-weight:700;display:block}.case-id-number{color:var(--bnn-navy);font-size:1.1rem;font-weight:800}.case-badge-cluster{flex-flow:wrap;align-items:center;gap:.5rem;display:flex}.badge-role-tag{border-radius:var(--radius-full);border:1px solid;padding:.22rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-legal-tag{color:var(--bnn-navy);border-radius:var(--radius-full);background:#0b254514;border:1px solid #0b254526;align-items:center;gap:.35rem;padding:.22rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.detail-clean-block{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;overflow:hidden}.block-title{border-bottom:1px solid var(--border-color);color:var(--bnn-navy);text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.78rem;font-weight:700;display:flex}.text-primary{color:var(--bnn-navy-light)}.block-grid-4{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.block-grid-4 .detail-data-box{border-right:1px solid var(--border-color);border-bottom:none;flex-direction:column;gap:.15rem;padding:.6rem .9rem;display:flex}.block-grid-4 .detail-data-box:last-child,.block-grid-4 .detail-data-box:nth-child(4n){border-right:none}.block-grid-4 .detail-data-box.col-span-4{border-top:1px solid var(--border-color);background:#fafafa;border-bottom:none;border-right:none;grid-column:span 4}.block-grid-2{grid-template-columns:1fr 1fr;gap:0;display:grid}.detail-data-box{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.15rem;padding:.6rem .9rem;display:flex}.detail-data-box:nth-child(odd){border-right:1px solid var(--border-color)}.detail-data-box:last-child,.detail-data-box:nth-last-child(2):nth-child(odd){border-bottom:none}.detail-data-box.col-span-2{grid-column:span 2}.detail-data-box small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:.65rem;font-weight:700}.detail-data-box strong{color:var(--text-main);font-size:.85rem;line-height:1.25}.detail-data-box span{color:var(--text-secondary);font-size:.85rem;line-height:1.25}.notes-clean-box{color:var(--text-secondary);background:#fafafa;padding:.65rem .95rem;font-size:.82rem;line-height:1.5}.notes-clean-box p{margin:0}.modal-clean-footer{border-top:1px solid var(--border-color);background:#f8fafc;flex-shrink:0;justify-content:flex-end;gap:.65rem;padding:.75rem 1.5rem;display:flex}@media (width<=900px){.block-grid-4{grid-template-columns:repeat(2,1fr)}.block-grid-4 .detail-data-box{border-bottom:1px solid var(--border-color)}.block-grid-4 .detail-data-box:nth-child(2n){border-right:none}.block-grid-4 .detail-data-box:nth-child(odd){border-right:1px solid var(--border-color)}.block-grid-4 .detail-data-box.col-span-4{grid-column:span 2}}@media (width<=600px){.block-grid-4,.block-grid-2{grid-template-columns:1fr}.block-grid-4 .detail-data-box,.block-grid-2 .detail-data-box{border-right:none!important;border-bottom:1px solid var(--border-color)!important}.block-grid-4 .detail-data-box.col-span-4,.detail-data-box.col-span-2{grid-column:span 1}}.alert-duplicate-import-banner{border-radius:var(--radius-md);color:#92400e;background:#fffbeb;border:1px solid #fef3c7;border-left:4px solid #f59e0b;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;padding:.85rem 1rem;font-size:.82rem;display:flex}.alert-duplicate-import-banner strong{color:#b45309;font-size:.86rem;display:block}.alert-duplicate-import-banner p{color:#78350f;margin:.2rem 0 0;font-size:.76rem;line-height:1.4}.row-duplicate-highlight{background-color:#fffbeb!important}.row-duplicate-highlight:hover{background-color:#fef3c7!important}.badge-duplicate-tag{color:#b45309;white-space:nowrap;background:#fef3c7;border:1px solid #fcd34d;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.badge-new-tag{color:#065f46;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.duplicate-warning-modal-backdrop{z-index:1050!important}.duplicate-warning-modal-card{border-radius:var(--radius-lg);background:#fff;flex-direction:column;max-width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.duplicate-warning-callout{border-radius:var(--radius-md);background:#fffbeb;border:1px solid #fde68a;margin-bottom:1.15rem;padding:1rem 1.15rem}.duplicate-warning-callout .callout-lead{color:#92400e;margin-bottom:.35rem;font-size:.92rem;font-weight:700;line-height:1.45}.duplicate-warning-callout .callout-sub{color:#78350f;margin:0;font-size:.8rem;line-height:1.4}.duplicate-diff-list-container{flex-direction:column;gap:.85rem;max-height:340px;padding-right:.25rem;display:flex;overflow-y:auto}.duplicate-diff-card{border-radius:var(--radius-md);background:#fff;border:1px solid #fed7aa;padding:.85rem 1rem;box-shadow:0 1px 3px #0000000d}.duplicate-diff-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.duplicate-diff-card-header .diff-title{color:var(--bnn-navy);font-size:.88rem;font-weight:800}.duplicate-diff-grid-2col{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.diff-sub-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#f8fafc;padding:.65rem .85rem;font-size:.78rem}.diff-sub-box.source-import{background:#fffdf5;border-color:#fef08a}.diff-sub-box.source-system{background:#f0fdf4;border-color:#bbf7d0}.diff-sub-box-title{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:.45rem;font-size:.7rem;font-weight:800}.diff-field-row{justify-content:space-between;gap:.5rem;margin-bottom:.25rem;font-size:.77rem;display:flex}.diff-field-row .field-key{color:var(--text-muted)}.diff-field-row .field-val{color:var(--text-main);text-align:right;word-break:break-all;font-weight:600}.dark .cases-header-card,.dark .cases-filter-panel,.dark .cases-table-card,.dark .modal-clean-card,.dark .case-form-modal-card,.dark .case-detail-modal-card,.dark .detail-clean-block,.dark .duplicate-diff-card{background-color:var(--card)!important;border-color:var(--border)!important;color:var(--card-foreground)!important}.dark .module-title,.dark .case-id-number,.dark .diff-title,.dark .clean-kop-title{color:var(--foreground)!important}.dark .module-badge-tag,.dark .badge-legal-tag,.dark .btn-action-icon,.dark .diff-sub-box{background:var(--secondary)!important;border-color:var(--border)!important;color:var(--secondary-foreground)!important}.dark .cases-search-field,.dark .filter-dropdown,.dark .form-input,.dark .form-select,.dark .form-textarea{background-color:var(--background)!important;color:var(--foreground)!important;border-color:var(--input)!important}.dark .filter-select-icon{color:#a1a1aa}.dark .filter-select-wrapper:hover .filter-select-icon{color:#fff}.dark .full-table th{background-color:var(--muted)!important;color:var(--muted-foreground)!important;border-bottom-color:var(--border)!important}.dark .full-table td{border-bottom-color:var(--border)!important;color:var(--foreground)!important}.dark .full-table tr:hover{background-color:var(--muted)!important}.dark .case-id-bar,.dark .block-title,.dark .modal-clean-header,.dark .form-clean-footer{background-color:var(--muted)!important;border-color:var(--border)!important;color:var(--foreground)!important}.dark .block-grid-4 .detail-data-box{border-color:var(--border)!important}.dark .field-content{color:var(--foreground)!important}.dark .field-content.highlight{color:#38bdf8!important}.dark .modal-clean-top{border-bottom:1px solid var(--border)!important;background:#09090b!important}.dashboard-content-container{flex-direction:column;gap:1.75rem;display:flex}.metrics-cards-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;width:100%;display:grid}@media (width<=1200px){.metrics-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.metrics-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.metrics-cards-grid{grid-template-columns:1fr}}.metric-card{border-radius:var(--radius-lg,.75rem);border:1px solid var(--border);background:var(--card);flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.metric-card.danger,.metric-card.info,.metric-card.navy,.metric-card.purple,.metric-card.success{border-left:1px solid var(--border)}.metric-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-icon-wrap.navy{color:var(--bnn-navy);background:#0b25451a}.metric-icon-wrap.red{color:var(--danger-color);background:#dc26261a}.metric-icon-wrap.blue{color:var(--info-color);background:#2563eb1a}.metric-icon-wrap.gold{color:#b45309;background:#c59b2726}.metric-icon-wrap.green{color:var(--success-color);background:#16a34a1a}.metric-info{flex-direction:column;flex:1;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.775rem;font-weight:600}.metric-number-row{align-items:baseline;gap:.4rem;margin:.2rem 0;display:flex}.metric-number{color:var(--bnn-navy-dark);font-size:1.85rem;font-weight:800;line-height:1.1}.metric-unit{color:var(--text-secondary);font-size:.8rem;font-weight:600}.metric-footer-badge{color:var(--text-muted);align-items:center;gap:.35rem;margin-top:.25rem;font-size:.7rem;font-weight:600;display:inline-flex}.metric-footer-badge.danger{color:var(--danger-color)}.metric-footer-badge.info{color:var(--info-color)}.metric-footer-badge.success{color:var(--success-color)}.buleleng-map-card{background-color:#fff;padding:1.5rem}.map-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.map-badge-header{letter-spacing:.8px;color:#b45309;border-radius:var(--radius-full);background:#c59b271f;align-items:center;gap:.4rem;margin-bottom:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.map-title{color:var(--bnn-navy);margin-bottom:.2rem;font-size:1.35rem;font-weight:800}.map-subtitle{color:var(--text-muted);font-size:.85rem}.active-filter-chip{border-radius:var(--radius-md);background:#c59b2726;border:1px solid #c59b2759;align-items:center;gap:.75rem;padding:.4rem .85rem;font-size:.825rem;display:flex}.btn-clear-map-filter{border-radius:var(--radius-sm);color:var(--bnn-navy);cursor:pointer;transition:var(--transition);background:#fff;border:1px solid #cbd5e1;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn-clear-map-filter:hover{background:var(--bnn-navy);color:#fff}.all-view-badge{background:var(--bg-card-subtle);border-radius:var(--radius-md);color:var(--text-secondary);padding:.4rem .85rem;font-size:.8rem}.district-pills-bar{border-radius:var(--radius-md);background:#f8fafc;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.65rem .85rem;display:flex;overflow-x:auto}.pills-label{color:var(--text-muted);white-space:nowrap;font-size:.75rem;font-weight:700}.pills-scroll{gap:.45rem;padding-bottom:2px;display:flex;overflow-x:auto}.district-pill{border-radius:var(--radius-full);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition);background:#fff;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.775rem;font-weight:600;display:inline-flex}.district-pill:hover{border-color:var(--bnn-navy);color:var(--bnn-navy)}.district-pill.active{background:var(--bnn-navy);color:#fff;border-color:var(--bnn-navy)}.pill-dot{border-radius:50%;width:7px;height:7px}.pill-count{opacity:.8;font-size:.7rem}.map-stage-container{grid-template-columns:2.1fr 1fr;align-items:start;gap:1.25rem;display:grid}.svg-map-wrapper{border-radius:var(--radius-lg);background:#fff;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000000d}.buleleng-svg-canvas{width:100%;height:auto;display:block}.sea-label{fill:#64748b;letter-spacing:2px;opacity:.6;font-size:10px;font-weight:700}.district-path{cursor:pointer;transition:all .25s}.district-path:hover{filter:brightness(1.15)drop-shadow(0 4px 8px #0003);transform:translateY(-1px)}.district-group.selected .district-path{filter:brightness(1.1)drop-shadow(0 6px 14px #c59b2780)}.district-text-name{pointer-events:none;-webkit-user-select:none;user-select:none}.map-floating-tooltip{color:#fff;border-radius:var(--radius-md);pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b2545f2;border:1px solid #ffffff26;min-width:190px;padding:.75rem 1rem;position:absolute;transform:translate(-50%,-120%);box-shadow:0 10px 25px -5px #00000059}.tooltip-head{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;padding-bottom:.3rem;display:flex}.tooltip-name{color:#fff;font-size:.85rem;font-weight:700}.tooltip-badge{border-radius:var(--radius-full);color:#fff;padding:.1rem .45rem;font-size:.65rem;font-weight:700}.tooltip-row{justify-content:space-between;margin-bottom:.2rem;font-size:.75rem;display:flex}.tooltip-hint{color:#38bdf8;text-align:center;margin-top:.4rem;font-size:.68rem;font-weight:600;display:block}.map-side-panel{flex-direction:column;display:flex}.selected-district-info-box{border-radius:var(--radius-lg);background:#f8fafc;border:2px solid #2563eb;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.dist-info-header{flex-direction:column;gap:.25rem;display:flex}.dist-pin-badge{letter-spacing:.8px;color:#b45309;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;display:inline-flex}.dist-info-name{color:var(--bnn-navy);font-size:1.2rem;font-weight:800}.dist-threat-tag{border-radius:var(--radius-full);border:1px solid;align-self:flex-start;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.dist-stats-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.dist-stat-item{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;flex-direction:column;padding:.65rem .85rem;display:flex}.dist-stat-item.border-danger{border-left:3px solid var(--danger-color)}.dist-stat-item.border-info{border-left:3px solid var(--info-color)}.dist-stat-item .stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600}.dist-stat-item .stat-value{color:var(--text-main);font-size:1.25rem;font-weight:800}.dist-desc-box{color:var(--text-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;padding:.75rem;font-size:.8rem;line-height:1.45}.dist-villages{color:var(--text-muted);margin-top:.35rem}.btn-jump-table{gap:.5rem;width:100%;padding:.65rem;font-size:.85rem}.all-districts-summary-box{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#f8fafc;padding:1.25rem}.summary-box-title{align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.summary-box-title h4{color:var(--bnn-navy);font-size:.95rem;font-weight:700}.legend-items-list{flex-direction:column;gap:.65rem;margin-bottom:1rem;display:flex}.legend-item{align-items:flex-start;gap:.65rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:3px}.legend-text strong{color:var(--text-main);font-size:.8rem;display:block}.legend-text small{color:var(--text-muted);font-size:.7rem;display:block}.map-guidance-note{border-radius:var(--radius-md);color:var(--text-secondary);background:#fff;border-left:3px solid #2563eb;padding:.65rem;font-size:.75rem;line-height:1.4}.case-mini-table-card{background:#fff;padding:1.5rem}.table-card-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.table-badge-tag{letter-spacing:.8px;color:var(--bnn-navy);border-radius:var(--radius-full);background:#0b254514;align-items:center;gap:.35rem;margin-bottom:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.table-main-heading{color:var(--bnn-navy);margin-bottom:.2rem;font-size:1.35rem;font-weight:800}.table-subheading{color:var(--text-muted);font-size:.85rem}.table-export-actions{gap:.5rem;display:flex}.btn-export-excel:hover{background-color:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.btn-export-pdf:hover{background-color:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-color)}.district-focus-banner{border-radius:var(--radius-md);background:#c59b271f;border:1px solid #c59b2759;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.focus-left{align-items:center;gap:.75rem;display:flex}.focus-left strong{color:#92400e;font-size:.9rem;display:block}.focus-left span{color:#b45309;font-size:.78rem;display:block}.btn-reset-filter{color:#92400e;background:#fff;border-color:#d97706}.table-filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1rem;display:flex}.search-box-wrap{flex:1;min-width:260px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.table-search-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;width:100%;padding:.55rem 2.2rem .55rem 2.4rem;font-size:.85rem}.table-search-input:focus{border-color:var(--bnn-navy-light);outline:none;box-shadow:0 0 0 3px #1340741f}.btn-clear-search{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.filters-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-select{border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-main);background:#fff;padding:.55rem .85rem;font-size:.825rem;font-weight:500}.btn-toggle-nik{padding:.5rem .85rem;font-size:.8rem}.case-mini-table-clean .table-responsive-wrapper,.dashboard-table-container .table-responsive-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:1rem;overflow-x:auto}.case-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.825rem}.case-data-table th{color:var(--bnn-navy);border-bottom:2px solid var(--border-color);white-space:nowrap;background:#f1f5f9;padding:.75rem .85rem;font-weight:700}.case-data-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.75rem .85rem}.case-table-row:hover{background-color:#f8fafc}.th-center,.td-center{text-align:center}.case-num-col strong{color:var(--bnn-navy);font-size:.8rem;display:block}.case-num-col small{font-size:.7rem;display:block}.name-nik-col .case-name{color:var(--text-main);font-weight:700;display:block}.name-nik-col .case-alias{font-size:.72rem;font-style:italic;display:block}.name-nik-col .case-nik{color:var(--text-muted);font-size:.72rem;display:block}.badge-year{color:var(--text-secondary);background:#f1f5f9;border:1px solid #cbd5e1}.drugs-col .drug-type{color:var(--bnn-navy);font-weight:600;display:block}.drugs-col .drug-evidence{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.72rem;display:block;overflow:hidden}.location-col .loc-kecamatan{color:var(--text-main);font-weight:700;display:block}.location-col .loc-tkp{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.72rem;display:block;overflow:hidden}.profile-col span{font-weight:600;display:block}.profile-col small{font-size:.72rem;display:block}.badge-legal-status{border-radius:var(--radius-sm);color:var(--bnn-navy);white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.btn-view-detail{padding:.35rem .65rem;font-size:.75rem}.empty-table-cell{text-align:center;padding:3rem 1rem}.empty-state-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.empty-icon{color:var(--text-muted)}.empty-state-content h4{color:var(--bnn-navy);font-size:1.1rem;font-weight:700}.empty-state-content p{color:var(--text-muted);max-width:380px;font-size:.85rem}.table-pagination-footer{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;display:flex}.pagination-controls{align-items:center;gap:.35rem;display:flex}.btn-page-nav{border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#fff;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn-page-nav:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{gap:.25rem;display:flex}.btn-page-num{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-main);cursor:pointer;background:#fff;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.btn-page-num.active{background:var(--bnn-navy);color:#fff;border-color:var(--bnn-navy)}.charts-dashboard-container{flex-direction:column;gap:1.25rem;display:flex}.charts-header-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.charts-badge{color:#b45309;border-radius:var(--radius-full);background:#c59b271f;align-items:center;gap:.35rem;margin-bottom:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.charts-main-title{color:var(--bnn-navy);font-size:1.35rem;font-weight:800}.charts-sub-title{color:var(--text-muted);font-size:.85rem}.charts-filter-box{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#f8fafc;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.chart-year-select{padding:.4rem .75rem;font-size:.8rem;font-weight:600}.charts-grid-layout{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.chart-box{flex-direction:column;padding:1.25rem 1.5rem;display:flex}.chart-box.col-span-2{grid-column:span 2}.chart-box-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.chart-heading{color:var(--bnn-navy);font-size:1.05rem;font-weight:800}.chart-desc{color:var(--text-muted);font-size:.78rem}.chart-legend-top{gap:.75rem;display:flex}.legend-item-pill{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:inline-flex}.legend-item-pill .dot{border-radius:50%;width:8px;height:8px}.legend-item-pill .dot.red{background-color:var(--danger-color)}.legend-item-pill .dot.blue{background-color:var(--info-color)}.yearly-bar-chart{border-bottom:1px solid var(--border-color);align-items:flex-end;height:220px;padding-top:1.5rem;display:flex}.bars-flex-container{justify-content:space-around;align-items:flex-end;gap:.75rem;width:100%;height:100%;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar-value-top{color:var(--bnn-navy);margin-bottom:.35rem;font-size:.75rem;font-weight:700}.stacked-bar{background:#f1f5f9;border-radius:6px 6px 0 0;flex-direction:column-reverse;width:38px;transition:height .4s;display:flex;overflow:hidden}.bar-segment{width:100%;transition:height .3s}.bar-segment.red{background-color:var(--danger-color)}.bar-segment.blue{background-color:var(--info-color)}.bar-year-label{color:var(--text-main);margin-top:.5rem;font-size:.78rem;font-weight:700}.bar-micro-breakdown{gap:.35rem;font-size:.65rem;font-weight:700;display:flex}.donut-chart-wrapper{flex-direction:column;align-items:center;gap:1.25rem;padding:.5rem 0;display:flex}.donut-visual-container{width:140px;height:140px;position:relative}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-segment{transition:stroke-dasharray .5s}.donut-center-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-total{color:var(--bnn-navy);font-size:1.6rem;font-weight:800;line-height:1;display:block}.donut-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600}.status-progress-breakdown{flex-direction:column;gap:.75rem;width:100%;display:flex}.breakdown-item .item-labels{align-items:center;gap:.4rem;margin-bottom:.3rem;font-size:.775rem;display:flex}.breakdown-item .count-val{color:var(--text-secondary);margin-left:auto;font-weight:700}.progress-bar-rail{border-radius:var(--radius-full);background-color:#e2e8f0;width:100%;height:7px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .4s}.progress-bar-fill.bg-danger{background-color:var(--danger-color)}.progress-bar-fill.bg-info{background-color:var(--info-color)}.progress-bar-fill.bg-male{background-color:#0284c7}.progress-bar-fill.bg-female{background-color:#ec4899}.progress-bar-fill.bg-navy{background-color:var(--bnn-navy-light)}.district-ranking-chart{flex-direction:column;gap:.65rem;display:flex}.ranking-bar-row{grid-template-columns:140px 1fr 160px;align-items:center;gap:.85rem;display:grid}.ranking-dist-label{align-items:center;gap:.4rem;display:flex}.ranking-number{color:#2563eb;width:22px;font-size:.7rem;font-weight:800}.ranking-name{color:var(--text-main);font-size:.8rem;font-weight:700}.ranking-bar-rail{background:#f1f5f9;border-radius:4px;height:20px;overflow:hidden}.ranking-bar-fill{border-radius:4px;justify-content:flex-end;align-items:center;height:100%;padding-right:.45rem;transition:width .4s;display:flex}.ranking-bar-fill.high{color:#fff;background:linear-gradient(90deg,#f87171,#dc2626)}.ranking-bar-fill.medium{color:#fff;background:linear-gradient(90deg,#fbbf24,#d97706)}.ranking-bar-fill.low{color:#fff;background:linear-gradient(90deg,#93c5fd,#2563eb)}.bar-inner-count{font-size:.72rem;font-weight:800}.ranking-meta-info{color:var(--text-muted);gap:.35rem;font-size:.72rem;display:flex}.meta-pengedar{color:var(--danger-color);font-weight:600}.meta-pengguna{color:var(--info-color);font-weight:600}.gender-chart-content{flex-direction:column;gap:1rem;display:flex}.gender-cards-pair{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.gender-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#f8fafc;padding:.85rem}.gender-card-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.gender-badge{border-radius:var(--radius-full);padding:.15rem .5rem;font-size:.7rem;font-weight:700}.gender-badge.male{color:#0284c7;background:#0284c726}.gender-badge.female{color:#ec4899;background:#ec489926}.gender-pct{color:var(--bnn-navy);font-size:1.15rem;font-weight:800}.gender-count-box{margin-bottom:.65rem}.gender-count-box strong{font-size:1.35rem;line-height:1;display:block}.gender-count-box small{color:var(--text-muted);font-size:.7rem}.gender-insight{color:var(--text-muted);border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;padding:.65rem;font-size:.75rem;line-height:1.45}.drug-types-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.drug-type-stat-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#f8fafc;padding:.85rem}.drug-stat-top{align-items:center;gap:.45rem;display:flex}.drug-rank-pill{background:var(--bnn-navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex}.drug-name-label{color:var(--bnn-navy);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;font-weight:700;overflow:hidden}.drug-count-badge{color:var(--text-secondary);font-size:.72rem;font-weight:700}.drug-pct-footer{color:var(--text-muted);margin-top:.4rem;font-size:.7rem}@media (width<=1024px){.map-stage-container,.charts-grid-layout{grid-template-columns:1fr}.chart-box.col-span-2{grid-column:span 1}}@media (width<=768px){.ranking-bar-row{grid-template-columns:100px 1fr 100px}.stacked-bar{width:26px}}.buleleng-map-card-clean{border-radius:var(--radius-lg,12px);border:1px solid var(--border-color,#e2e8f0);background:#fff;padding:1.5rem;overflow:hidden;box-shadow:0 4px 16px #0f29420d}.map-badge-official{color:#b45309;letter-spacing:.5px;background:#d977061a;border:1px solid #d977064d;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.45rem;padding:.2rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex}.map-clean-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.header-text-block{flex:1;min-width:280px}.map-clean-title{color:var(--bnn-navy,#0f2942);letter-spacing:-.2px;margin-bottom:.25rem;font-size:1.25rem;font-weight:800}.map-clean-subtitle{color:var(--text-muted,#64748b);max-width:650px;font-size:.84rem;line-height:1.45}.map-header-controls{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.map-select-wrapper{align-items:center;display:inline-flex;position:relative}.map-district-dropdown{appearance:none;border-radius:var(--radius-md,8px);color:var(--bnn-navy,#0f2942);cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;outline:none;min-width:175px;padding:.45rem 2rem .45rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s}.map-district-dropdown:hover,.map-district-dropdown:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.dropdown-caret-icon{pointer-events:none;color:#64748b;position:absolute;right:.65rem}.btn-mode-toggle{border-radius:var(--radius-md,8px);color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-mode-toggle:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.btn-mode-toggle.active-threat{color:#b91c1c;background:#dc262614;border-color:#dc262659}.btn-map-reset{border-radius:var(--radius-md,8px);color:var(--bnn-navy,#0f2942);cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-map-reset:hover{background:var(--bnn-navy,#0f2942);color:#fff;border-color:var(--bnn-navy,#0f2942)}.map-canvas-stage{width:100%;position:relative}.map-image-wrapper{aspect-ratio:1870/970;border-radius:var(--radius-lg,12px);background:#f1f5f9;width:100%;max-height:none;margin:0 auto;position:relative;overflow:visible;box-shadow:0 10px 25px -5px #0f172a14,inset 0 0 0 1px #0000000f}.buleleng-svg-map{-webkit-user-select:none;user-select:none;border-radius:var(--radius-lg,12px);transform-origin:50% 60%;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block;transform:none}.buleleng-map-svg-title{fill:#000;letter-spacing:.2em;font-family:Futura Medium,Futura-Medium,Futura,Jost,Century Gothic,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:58px;font-weight:500}.buleleng-map-svg-subtitle{fill:#000;letter-spacing:.2em;font-family:Futura Medium,Futura-Medium,Futura,Jost,Century Gothic,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:50px;font-weight:500}.compass-dir-label{font-family:Montserrat,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:900}.district-svg-path,.district-svg-polygon{cursor:pointer;outline:none;transition:fill .2s,fill-opacity .2s,stroke .2s,stroke-width .2s}.district-svg-path:hover,.district-svg-polygon:hover{filter:drop-shadow(0 0 10px #ffffffbf)}.district-svg-path.selected,.district-svg-polygon.selected{filter:drop-shadow(0 0 12px #fbbf24d9)}.hovered-district-3d-group{pointer-events:none;animation:.18s cubic-bezier(.16,1,.3,1) forwards districtHover3dLift}@keyframes districtHover3dLift{0%{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.district-svg-marker{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.district-svg-marker:hover{transform-origin:50%}.svg-marker-pulse{animation:1.8s cubic-bezier(.4,0,.6,1) infinite svgMarkerPulse}@keyframes svgMarkerPulse{0%{r:16;opacity:.9;stroke-width:3px}70%{r:32;opacity:0;stroke-width:1.5px}to{r:32;opacity:0}}.map-clean-tooltip.dynamic-tooltip{background:var(--popover,#fff);color:var(--popover-foreground,#09090b);border-radius:var(--radius-lg,.75rem);border:1px solid var(--border,#e4e4e7);pointer-events:none;z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:250px;padding:.85rem 1rem;transition:left .15s,top .15s,transform .15s;position:absolute;box-shadow:0 12px 30px -5px #00000024,0 8px 12px -6px #00000014}.map-clean-tooltip.dynamic-tooltip:after{content:"";bottom:-6px;left:var(--arrow-left,50%);border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--popover,#fff);border-bottom:none;width:12px;height:6px;position:absolute;transform:translate(-50%)}.map-clean-tooltip.dynamic-tooltip.flip-down:after{border-top:none;border-bottom:6px solid var(--popover,#fff);top:-6px;bottom:auto}.tooltip-title-row{border-bottom:1px solid var(--border,#e4e4e7);justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem;padding-bottom:.5rem;display:flex}.tooltip-title{color:var(--foreground,#09090b);align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;display:flex}.tooltip-threat-badge{text-transform:uppercase;letter-spacing:.03em;border:1px solid;border-radius:9999px;padding:.15rem .55rem;font-size:.6875rem;font-weight:600}.tooltip-main-metric{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.6rem;display:flex}.tooltip-main-val-wrap{align-items:baseline;gap:.35rem;display:flex}.tooltip-main-val{color:var(--foreground,#09090b);font-size:1.5rem;font-weight:700;line-height:1.1}.tooltip-main-unit{color:var(--muted-foreground,#71717a);font-size:.8125rem;font-weight:500}.tooltip-range-pill{color:var(--muted-foreground,#71717a);background:var(--muted,#f4f4f5);border-radius:var(--radius-sm,4px);border:1px solid var(--border,#e4e4e7);padding:.15rem .45rem;font-size:.72rem;font-weight:500}.tooltip-breakdown-row{gap:.45rem;margin-bottom:.6rem;display:flex}.tooltip-pill-chip{border-radius:var(--radius-sm,6px);flex:1;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.75rem;display:flex}.tooltip-pill-chip.chip-pengedar{color:#dc2626;background:#ef444414;border:1px solid #ef444440}.tooltip-pill-chip.chip-pengguna{color:#0284c7;background:#0284c714;border:1px solid #0284c740}.chip-dot{background-color:currentColor;border-radius:9999px;flex-shrink:0;width:6px;height:6px}.chip-label{font-weight:500}.chip-count{margin-left:auto;font-weight:700}.tooltip-footer{border-top:1px dashed var(--border,#e4e4e7);flex-direction:column;gap:.35rem;padding-top:.45rem;display:flex}.tooltip-share-text{color:var(--muted-foreground,#71717a);font-size:.72rem}.tooltip-share-text strong{color:var(--foreground,#09090b)}.tooltip-click-hint{color:var(--primary,#0284c7);justify-content:center;align-items:center;gap:.35rem;font-size:.7rem;font-weight:500;display:flex}.map-corner-legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:10px;padding:.65rem .85rem;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 12px #00000026}.legend-mini-title{color:var(--bnn-navy,#0f2942);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.68rem;font-weight:800;display:block}.legend-mini-grid{flex-direction:column;gap:.3rem;display:flex}.legend-mini-item{color:#475569;border-radius:4px;align-items:center;gap:.45rem;padding:2px 4px;font-size:.72rem;font-weight:600;transition:all .15s;display:flex}.legend-mini-item.highlight{color:#1e40af;background-color:#2563eb1a;font-weight:700}.legend-color-dot{border:1px solid #fff9;border-radius:50%;flex-shrink:0;width:11px;height:11px;box-shadow:0 1px 3px #00000040}.legend-item-label{font-weight:600}.legend-item-range{color:#64748b;margin-left:auto;font-size:.68rem}.district-selected-badge{border-radius:9999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #00000026}.district-selected-detail-panel{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg,.75rem);margin-top:1.25rem;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000d}.district-detail-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.district-title-wrap{align-items:center;gap:.85rem;display:flex}.district-icon-indicator{border-radius:var(--radius-md,.5rem);border:1px solid;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.district-pre-title{color:var(--muted-foreground);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.2rem;font-size:.6875rem;font-weight:600}.district-name-title{color:var(--foreground);font-size:1.35rem;font-weight:700;line-height:1.2}.district-title-badge-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.district-selected-badge{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.district-action-buttons{align-items:center;gap:.5rem;display:flex}.btn-scroll-table{box-shadow:0 2px 6px #2563eb33}.district-metrics-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}@media (width<=900px){.district-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.district-metrics-row{grid-template-columns:1fr}}.district-metric-shadcn{border-radius:var(--radius-md,.5rem);padding:0}.district-metric-shadcn .shadcn-card-header{padding:1rem 1rem .35rem}.district-metric-shadcn .shadcn-card-content{padding:0 1rem 1rem}.district-metric-shadcn .metric-shadcn-value{color:var(--foreground);font-size:1.5rem;font-weight:700}.district-metric-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md,.5rem);flex-direction:column;gap:.25rem;padding:1rem;display:flex;box-shadow:0 1px 2px #0000000a}.d-label{color:var(--muted-foreground);font-size:.8125rem;font-weight:500}.d-val-row{align-items:baseline;gap:.35rem;display:flex}.d-value{color:var(--foreground);font-size:1.5rem;font-weight:700;line-height:1.2}.d-unit{color:var(--muted-foreground);font-size:.8125rem;font-weight:500}.d-sub{color:var(--muted-foreground);font-size:.75rem}.district-geo-footer{border-top:1px dashed var(--border);flex-direction:column;gap:.85rem;padding-top:1rem;display:flex}.geo-info-item,.geo-villages-item{flex-direction:column;gap:.35rem;display:flex}.geo-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.geo-desc{color:var(--foreground);margin:0;font-size:.85rem;line-height:1.5}.villages-pill-cloud{flex-wrap:wrap;gap:.375rem;display:flex}.village-pill{color:var(--foreground);background:var(--secondary);border:1px solid var(--border);transition:var(--transition);border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:500}.village-pill:hover{background:var(--accent);border-color:var(--ring)}.map-idle-hint-banner{border-radius:var(--radius-md,8px);color:#475569;background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:.65rem;margin-top:1rem;padding:.75rem 1rem;font-size:.82rem;display:flex}@media (width<=768px){.map-clean-header{flex-direction:column;align-items:stretch}.map-header-controls{justify-content:flex-start;width:100%}.map-district-dropdown{flex:1;min-width:100%}.map-corner-legend{width:100%;margin-top:.75rem;position:static}.district-detail-header{flex-direction:column;align-items:flex-start}.district-action-buttons{justify-content:space-between;width:100%}}.case-mini-table-clean{padding:1.5rem;overflow:hidden}.table-clean-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.table-clean-title{color:var(--bnn-navy);margin-bottom:.15rem;font-size:1.2rem;font-weight:800}.table-clean-subtitle{color:var(--text-muted);font-size:.82rem}.btn-reset-map-filter{border-radius:var(--radius-full);color:var(--bnn-navy);cursor:pointer;transition:var(--transition);background:#f1f5f9;border:1px solid #cbd5e1;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.77rem;font-weight:600;display:inline-flex}.btn-reset-map-filter:hover{background:var(--bnn-navy);color:#fff}.table-clean-toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.85rem;display:flex}.clean-search-box{flex:1;min-width:220px;position:relative}.clean-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.clean-table-search-input{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;color:var(--text-main);transition:var(--transition);background:#fff;padding:.52rem 2.2rem .52rem 2.35rem;font-size:.83rem}.clean-table-search-input:focus{border-color:var(--bnn-navy-light);outline:none;box-shadow:0 0 0 3px #1340741a}.btn-clear-search-mini{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.clean-filter-group{gap:.5rem;display:flex}.clean-select-wrapper{align-items:center;display:inline-flex;position:relative}.clean-select-filter{appearance:none;border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;outline:none;padding:.5rem 2.2rem .5rem .85rem;font-size:.83rem;transition:border-color .15s,box-shadow .15s}.clean-select-filter:hover{border-color:#94a3b8}.clean-select-filter:focus{border-color:var(--bnn-blue-accent,#2563eb);box-shadow:0 0 0 3px #2563eb1f}.clean-select-caret{pointer-events:none;color:#64748b;flex-shrink:0;transition:color .15s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.clean-select-wrapper:hover .clean-select-caret{color:var(--text-main)}.table-clean-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:.85rem;overflow-x:auto}.clean-dashboard-table{border-collapse:collapse;text-align:left;width:100%;font-size:.83rem}.clean-dashboard-table th{color:var(--bnn-navy);border-bottom:2px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:#f1f5f9;padding:.72rem .85rem;font-size:.78rem;font-weight:700}.clean-dashboard-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.7rem .85rem}.clean-table-row:hover{background-color:#f8fafc}.clean-table-row:last-child td{border-bottom:none}.text-center{text-align:center}.font-mono{font-family:JetBrains Mono,monospace}.text-muted{color:var(--text-muted)}.badge-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.name-simple-col{flex-direction:column;gap:2px;display:flex}.name-text{color:var(--text-main);font-size:.83rem;font-weight:700}.alias-text{color:var(--text-muted);font-size:.72rem;font-style:italic}.drug-text{color:var(--bnn-navy);font-size:.82rem;font-weight:600}.district-text{color:var(--text-main);font-size:.82rem;font-weight:600}.btn-clean-detail{border-radius:var(--radius-sm,6px);color:var(--bnn-blue-accent);cursor:pointer;transition:var(--transition);background:#2563eb14;border:1px solid #2563eb33;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78125rem;font-weight:600;line-height:1;display:inline-flex}.btn-clean-detail svg{flex-shrink:0;display:block}.btn-clean-detail:hover{background:var(--bnn-blue-accent);color:#fff}.clean-empty-cell{text-align:center;padding:2.5rem 1rem}.empty-simple-box{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.table-clean-pagination{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;font-size:.8rem;display:flex}.pagination-count-label strong{color:var(--text-main)}.pagination-clean-btns{align-items:center;gap:.5rem;display:flex}.btn-nav-clean{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#fff;align-items:center;padding:.3rem .55rem;display:inline-flex}.btn-nav-clean:hover:not(:disabled){background:var(--bnn-navy);color:#fff;border-color:var(--bnn-navy)}.btn-nav-clean:disabled{opacity:.4;cursor:not-allowed}.page-indicator-text{color:var(--text-secondary);padding:0 .25rem;font-size:.8rem;font-weight:600}.charts-section-card-clean{border-radius:var(--radius-lg,12px);border:1px solid var(--border-color,#e2e8f0);background:#fff;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow:hidden;box-shadow:0 4px 16px #0f29420d}.charts-clean-container{flex-direction:column;gap:1rem;display:flex}.charts-clean-header,.charts-clean-header-card{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:0 0 1rem;display:flex}.charts-header-left{align-items:center;gap:.65rem;display:flex}.charts-title-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.charts-clean-title{color:var(--bnn-navy);letter-spacing:-.2px;margin:0;font-size:1.2rem;font-weight:800;line-height:1.2}.chart-active-district-tag{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb40;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.btn-chart-reset-district{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;margin-left:2px;padding:0;font-size:1.05rem;line-height:1;display:flex}.charts-clean-subtitle{color:var(--text-muted);font-size:.82rem}.charts-clean-filter-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-chart-show-all{border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition);background:#fff;align-items:center;gap:.35rem;padding:.42rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.btn-chart-show-all:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-chart-tag-reset{border-radius:var(--radius-sm,6px);color:#2563eb;cursor:pointer;transition:var(--transition);background:#2563eb14;border:1px solid #2563eb33;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.btn-chart-tag-reset:hover{color:#fff;background:#2563eb}.charts-clean-filter{align-items:center;gap:.5rem;display:flex}.chart-select-wrapper{align-items:center;display:inline-flex;position:relative}.chart-select-calendar-icon{pointer-events:none;color:#64748b;flex-shrink:0;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.chart-year-dropdown{appearance:none;border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;outline:none;padding:.45rem 2.2rem .45rem 2.15rem;font-size:.82rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.chart-year-dropdown:hover{border-color:#94a3b8}.chart-year-dropdown:focus{border-color:var(--bnn-blue-accent,#2563eb);box-shadow:0 0 0 3px #2563eb1f}.chart-select-caret{pointer-events:none;color:#64748b;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.charts-clean-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.chart-clean-inner-box,.chart-clean-box{border-radius:var(--radius-md,8px);background:#fafbfc;border:1px solid #e2e8f0;flex-direction:column;padding:1.25rem 1.4rem;transition:border-color .15s,box-shadow .15s;display:flex}.chart-clean-inner-box:hover,.chart-clean-box:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0f29420a}.chart-clean-inner-box.col-span-2,.chart-clean-box.col-span-2{grid-column:span 2}.chart-clean-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.chart-title{color:var(--bnn-navy);margin-bottom:.15rem;font-size:.95rem;font-weight:700}.chart-sub{color:var(--text-muted);font-size:.77rem}.line-chart-legend{flex-shrink:0;gap:.75rem;display:flex}.legend-tag{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.77rem;font-weight:600;display:inline-flex}.line-sample{border-radius:2px;flex-shrink:0;width:22px;height:3px;display:inline-block}.line-sample.red{background-color:#dc2626}.line-sample.blue{background-color:#2563eb}.line-chart-wrapper{width:100%;overflow:hidden}.line-chart-svg{width:100%;height:auto;display:block}.status-ratio-wrapper{flex-direction:column;gap:1rem;display:flex}.status-bar-pair{flex-direction:column;gap:.85rem;display:flex}.status-row-item{flex-direction:column;gap:.35rem;display:flex}.status-label-group{align-items:center;gap:.5rem;font-size:.82rem;display:flex}.dot-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot-indicator.red{background-color:#dc2626}.dot-indicator.blue{background-color:#2563eb}.count-label{color:var(--text-muted);margin-left:auto;font-size:.77rem}.track-bar{border-radius:var(--radius-full);background:#e2e8f0;height:10px;overflow:hidden}.fill-bar{border-radius:var(--radius-full);height:100%;transition:width .4s}.fill-bar.bg-danger{background-color:#dc2626}.fill-bar.bg-info{background-color:#2563eb}.status-summary-chip{border-radius:var(--radius-md);color:var(--text-muted);text-align:center;background:#f1f5f9;padding:.5rem .85rem;font-size:.8rem}.ranking-clean-list{flex-direction:column;gap:.55rem;display:flex}.ranking-clean-row{border-radius:var(--radius-sm,6px);cursor:pointer;border:1px solid #0000;grid-template-columns:145px 1fr 75px;align-items:center;gap:.75rem;padding:.25rem .45rem;transition:background-color .15s,border-color .15s;display:grid}.ranking-clean-row:hover{background-color:#00000008}.ranking-clean-row.selected-district{background-color:#2563eb14;border-color:#2563eb40}.dark .ranking-clean-row:hover{background-color:#ffffff0a}.dark .ranking-clean-row.selected-district{background-color:#38bdf81f;border-color:#38bdf84d}.dist-clean-name-box{align-items:center;gap:.35rem;display:flex;overflow:hidden}.dist-clean-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.dist-selected-pill{color:#fff;letter-spacing:.2px;background:#2563eb;border-radius:9999px;flex-shrink:0;padding:1px 5px;font-size:.65rem;font-weight:700}.track-bar-clean{background:#f1f5f9;border-radius:4px;height:18px;overflow:hidden}.fill-bar-clean{border-radius:4px;justify-content:flex-end;align-items:center;height:100%;padding-right:.4rem;transition:width .4s;display:flex}.fill-bar-clean.high{background:linear-gradient(90deg,#f87171,#dc2626)}.fill-bar-clean.medium{background:linear-gradient(90deg,#fbbf24,#d97706)}.fill-bar-clean.low{background:linear-gradient(90deg,#93c5fd,#2563eb)}.bar-count-tag{color:#fff;font-size:.7rem;font-weight:800}.dist-breakdown-tag{white-space:nowrap;font-size:.75rem;font-weight:600}.text-danger{color:#dc2626}.text-info{color:#2563eb}.text-success{color:#16a34a}.text-navy{color:var(--bnn-navy)}.gender-pie-wrapper{flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0 .25rem;display:flex}.gender-pie-svg{filter:drop-shadow(0 4px 12px #00000014);flex-shrink:0;width:200px;height:200px}.gender-pie-legend{flex-direction:column;gap:.55rem;width:100%;max-width:220px;display:flex}.gender-pie-legend-item{border-radius:var(--radius-md);cursor:pointer;border:1.5px solid #0000;align-items:center;gap:.6rem;padding:.45rem .65rem;transition:background .18s,border-color .18s,transform .15s;display:flex}.gender-pie-legend-item:hover,.gender-pie-legend-item.active{border-color:var(--border-color);background:#0000000a;transform:translate(3px)}.gender-pie-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px;box-shadow:0 2px 5px #0000002e}.gender-pie-legend-text{flex-direction:column;line-height:1.2;display:flex}.gender-pie-legend-label{color:var(--text-primary);font-size:.78rem;font-weight:600}.gender-pie-legend-val{font-size:.88rem;font-weight:700}.gender-pie-legend-val small{opacity:.8;font-size:.72rem;font-weight:500}.gender-clean-wrapper{flex-direction:column;gap:.85rem;display:flex}.gender-metric-box{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.gender-stat{border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:center;background:#f8fafc;flex-direction:column;align-items:center;gap:.15rem;padding:.85rem;display:flex}.g-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:.72rem;font-weight:600}.g-value{color:var(--bnn-navy);font-size:1.6rem;font-weight:800;line-height:1.1}.g-pct{color:var(--text-secondary);font-size:.78rem}.gender-stat.male .g-value{color:#0284c7}.gender-stat.female .g-value{color:#ec4899}@media (width<=1100px){.charts-clean-grid{grid-template-columns:1fr 1fr}.chart-clean-inner-box.col-span-2,.chart-clean-box.col-span-2{grid-column:span 2}}@media (width<=768px){.charts-clean-grid{grid-template-columns:1fr}.chart-clean-inner-box.col-span-2,.chart-clean-box.col-span-2{grid-column:span 1}.ranking-clean-row{grid-template-columns:100px 1fr 65px}}.dark .buleleng-map-card-clean,.dark .case-mini-table-clean,.dark .charts-section-card-clean,.dark .charts-clean-container,.dark .charts-clean-header-card,.dark .district-selected-detail-panel,.dark .metric-card{background-color:var(--card)!important;border-color:var(--border)!important;color:var(--card-foreground)!important}.dark .map-clean-header,.dark .district-detail-header,.dark .charts-clean-header,.dark .charts-clean-header-card,.dark .chart-clean-head{border-bottom-color:var(--border)!important}.dark .chart-clean-inner-box,.dark .chart-clean-box{border-color:var(--border)!important;background-color:#ffffff05!important}.dark .chart-clean-inner-box:hover,.dark .chart-clean-box:hover{border-color:#ffffff26!important}.dark .map-clean-title,.dark .district-name-title,.dark .table-clean-title,.dark .charts-clean-title,.dark .chart-title,.dark .dist-clean-name,.dark .d-value,.dark .metric-number{color:var(--foreground)!important}.dark .clean-dashboard-table th{background-color:var(--muted)!important;color:var(--muted-foreground)!important;border-bottom-color:var(--border)!important}.dark .clean-dashboard-table td{border-bottom-color:var(--border)!important;color:var(--foreground)!important}.dark .clean-table-row:hover{background-color:var(--muted)!important}.dark .clean-table-search-input,.dark .clean-select-filter,.dark .map-district-dropdown,.dark .chart-year-dropdown{background-color:var(--background)!important;color:var(--foreground)!important;border-color:var(--input)!important}.dark .chart-select-calendar-icon,.dark .chart-select-caret{color:var(--muted-foreground)!important}.dark .btn-mode-toggle,.dark .btn-map-reset,.dark .btn-reset-map-filter,.dark .btn-nav-clean,.dark .district-metric-card,.dark .status-summary-chip{background-color:var(--secondary)!important;border-color:var(--border)!important;color:var(--secondary-foreground)!important}.dark .track-bar,.dark .track-bar-clean{background-color:var(--muted)!important}.dark .map-image-wrapper{border:1px solid var(--border)!important;background:#09090b!important}.dark .gender-stat{background-color:var(--muted)!important;border-color:var(--border)!important}.dark .map-clean-tooltip.dynamic-tooltip{background:var(--popover)!important;border:1px solid var(--border)!important;color:var(--popover-foreground)!important;box-shadow:0 12px 28px #0009!important}.dark .map-clean-tooltip.dynamic-tooltip:after{border-top-color:var(--popover)!important}.dark .map-clean-tooltip.dynamic-tooltip.flip-down:after{border-bottom-color:var(--popover)!important}.dark .buleleng-map-svg-title,.dark .buleleng-map-svg-subtitle{fill:#fff!important}.users-module-container{flex-direction:column;gap:1.25rem;display:flex}.users-bottom-actions{justify-content:flex-end;align-items:center;gap:.75rem;padding-top:.25rem;display:flex}.btn-add-user{border-radius:var(--radius);white-space:nowrap;align-items:center;gap:.5rem;height:38px;padding:0 1rem;font-size:.84rem;font-weight:600;display:inline-flex}.users-table-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg,.75rem);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px -1px #0000000a;margin:0!important;padding:0!important}.users-table-card .users-table-responsive-wrapper,.users-table-card .table-responsive-wrapper{scrollbar-width:none;-ms-overflow-style:none;width:100%;display:block;overflow-x:auto;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.users-table-card .users-table-responsive-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.users-table-card .table-responsive-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.users-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem;display:table;border:none!important;margin:0!important;padding:0!important}.users-data-table th{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;background-color:#f8fafc;padding:.75rem .85rem;font-size:.72rem;font-weight:600}.users-data-table td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--foreground);padding:.75rem .85rem;line-height:1.4}.user-table-row{transition:background-color .15s}.user-table-row:last-child td,.users-data-table tbody tr:last-child td{border-bottom:none!important}.user-table-row:hover{background-color:#00000005}.dark .user-table-row:hover{background-color:#ffffff06}.user-personel-cell{align-items:center;gap:.75rem;display:flex}.user-avatar{border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .15s;display:flex}.user-avatar.user-avatar-admin{color:#0284c7;background-color:#0284c714;border-color:#0284c738}.user-avatar.user-avatar-petugas{color:#475569;background-color:#64748b14;border-color:#64748b38}.user-meta-info{flex-direction:column;justify-content:center;gap:.125rem;display:flex}.user-full-name{color:var(--foreground);font-size:.84rem;font-weight:600;line-height:1.25}.user-nip{color:var(--muted-foreground);font-size:.72rem;font-family:var(--font-mono,monospace);letter-spacing:-.01em}.user-cred-cell{flex-flow:wrap;align-items:center;gap:.45rem;display:flex}.user-uname{font-size:.8125rem;font-weight:600;font-family:var(--font-mono,monospace);color:var(--foreground)}.badge-user-self{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:9999px;align-items:center;padding:1px 7px;font-size:.65rem;font-weight:500;line-height:1.3;display:inline-flex}.user-contact-cell{flex-direction:column;gap:.25rem;display:flex}.contact-item{color:var(--muted-foreground);align-items:center;gap:.45rem;font-size:.78rem;display:inline-flex}.contact-icon{min-width:13px;color:var(--muted-foreground);flex-shrink:0}.user-email-text{color:var(--muted-foreground)}.user-phone-text{color:var(--muted-foreground);font-family:var(--font-mono,monospace)}.user-role-badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:2.5px 8.5px;font-size:.75rem;font-weight:500;line-height:1.2;display:inline-flex}.user-role-badge.role-admin{color:#0284c7;background-color:#0284c714;border:1px solid #0284c738}.user-role-badge.role-petugas{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.user-status-indicator{align-items:center;gap:.45rem;font-size:.8125rem;font-weight:500;display:inline-flex}.user-status-indicator .status-ping-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.user-status-indicator.is-active{color:#15803d}.user-status-indicator.is-active .status-ping-dot{background-color:#16a34a;box-shadow:0 0 0 2px #16a34a33}.user-status-indicator.is-inactive{color:#b91c1c}.user-status-indicator.is-inactive .status-ping-dot{background-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.user-reg-date{color:var(--muted-foreground);white-space:nowrap;font-size:.78rem}.action-buttons-group{align-items:center;gap:.35rem;display:inline-flex}.btn-action-ghost{border-radius:var(--radius-sm,6px);border:1px solid var(--border);background-color:var(--background);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:inline-flex}.btn-action-ghost:hover{background-color:var(--accent);color:var(--accent-foreground);border-color:var(--border)}.btn-action-ghost.delete:hover{color:#dc2626;background-color:#ef444414;border-color:#ef444440}.dark .btn-action-ghost.delete:hover{color:#f87171;background-color:#dc262626;border-color:#dc26264d}.btn-action-ghost.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.users-empty-cell{text-align:center;padding:3.5rem 1.5rem}.users-empty-state{flex-direction:column;align-items:center;gap:.5rem;max-width:420px;margin:0 auto;display:inline-flex}.users-empty-state .empty-icon{color:var(--muted-foreground);margin-bottom:.25rem}.users-empty-state .empty-title{color:var(--foreground);font-size:.95rem;font-weight:600}.users-empty-state .empty-desc{color:var(--muted-foreground);margin:0 0 .5rem;font-size:.8125rem;line-height:1.4}.dark .users-table-card,.dark .user-modal-card{background-color:var(--card)!important;border-color:var(--border)!important;color:var(--card-foreground)!important}.dark .users-data-table th{color:var(--muted-foreground)!important;border-bottom-color:var(--border)!important;background-color:#ffffff08!important}.dark .users-data-table td{border-bottom-color:var(--border)!important;color:var(--foreground)!important}.dark .user-full-name,.dark .user-uname{color:var(--foreground)!important}.dark .user-avatar.user-avatar-admin{color:#38bdf8!important;background-color:#38bdf81f!important;border-color:#38bdf840!important}.dark .user-avatar.user-avatar-petugas{color:#cbd5e1!important;background-color:#ffffff0f!important;border-color:#ffffff1a!important}.dark .user-role-badge.role-admin{color:#38bdf8!important;background-color:#38bdf81f!important;border-color:#38bdf840!important}.dark .user-role-badge.role-petugas{color:#cbd5e1!important;background-color:#ffffff0f!important;border-color:#ffffff1a!important}.dark .user-status-indicator.is-active{color:#4ade80!important}.dark .user-status-indicator.is-inactive{color:#f87171!important}.user-form-modal{border-radius:var(--radius-lg,12px);max-width:580px;box-shadow:0 20px 45px -10px #00000040}.user-form-modal .modal-header{border-bottom:1px solid var(--border-color);padding:1.15rem 1.4rem}.user-form-modal .modal-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.user-form-modal .modal-subtitle{color:var(--text-muted);margin-top:2px;font-size:.775rem}.user-form-modal .form-sections-container{gap:1rem;padding:1.25rem 1.4rem}.user-form-modal .form-label{color:var(--text-main);margin-bottom:.35rem;font-size:.8125rem;font-weight:600;display:block}.user-form-modal .form-input{border-radius:var(--radius-md,8px);border:1px solid var(--border-color,#e2e8f0);height:40px;color:var(--text-main);background-color:#fff;padding:.5rem .85rem;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.user-form-modal .form-input:focus{border-color:var(--primary,#0284c7);box-shadow:0 0 0 3px #0284c726}.modal-select-wrapper{align-items:center;width:100%;display:flex;position:relative}.modal-select-custom{appearance:none;border-radius:var(--radius-md,8px);border:1px solid var(--border-color,#e2e8f0);width:100%;height:40px;color:var(--text-main);cursor:pointer;background-color:#fff;outline:none;padding:.5rem 2.25rem .5rem .85rem;font-size:.85rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.modal-select-custom:hover{border-color:#94a3b8}.modal-select-custom:focus{border-color:var(--primary,#0284c7);box-shadow:0 0 0 3px #0284c726}.modal-select-caret{pointer-events:none;color:#64748b;flex-shrink:0;transition:color .15s;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.modal-select-wrapper:hover .modal-select-caret{color:var(--text-main)}.dark .user-form-modal{background-color:var(--card)!important;border:1px solid var(--border)!important}.dark .user-form-modal .form-input,.dark .modal-select-custom{background-color:var(--background)!important;color:var(--foreground)!important;border-color:var(--input)!important}.dark .modal-select-caret{color:#a1a1aa}.dark .modal-select-wrapper:hover .modal-select-caret{color:#fff}.profile-page-container{flex-direction:column;gap:1.5rem;display:flex}.profile-hero-card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-sm);padding:1.5rem 1.75rem;position:relative}.profile-hero-content{z-index:2;align-items:center;gap:1.25rem;display:flex;position:relative}.user-avatar-squircle{color:#0f172a;width:56px;height:56px;transition:var(--transition);background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dark .user-avatar-squircle{color:#fafafa;background-color:#27272a;border-color:#3f3f46}.profile-hero-meta{flex-direction:column;gap:.25rem;display:flex}.profile-user-fullname{color:var(--foreground);letter-spacing:-.015em;margin:0;font-size:1.35rem;font-weight:700}.profile-sub-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.84rem;display:flex}.profile-dot-sep{opacity:.5}.profile-grid-forms{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.profile-grid-forms{grid-template-columns:1fr}}.profile-form-card{border-radius:var(--radius-lg,12px);background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);padding:1.75rem}.form-card-header{border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:.85rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.form-card-icon{border-radius:var(--radius-md,8px);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.form-card-icon.navy{color:var(--bnn-navy,#0b2545);background:#0b25451a}.form-card-icon.green{color:#16a34a;background:#16a34a1a}.form-card-title{color:var(--text-primary,#0f172a);margin:0;font-size:1.1rem;font-weight:700}.form-card-desc{color:var(--text-muted,#64748b);margin:.15rem 0 0;font-size:.8rem}.profile-inner-form{flex-direction:column;gap:1.15rem;display:flex}.profile-input-group{flex-direction:column;gap:.4rem;display:flex}.profile-label{color:var(--text-secondary,#334155);font-size:.825rem;font-weight:600}.profile-input{border:1px solid var(--border-color,#cbd5e1);border-radius:var(--radius-md,8px);width:100%;color:var(--text-primary,#0f172a);background:var(--input-bg,#fff);padding:.65rem .9rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.profile-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.profile-readonly-field{background:var(--bg-hover,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);color:var(--text-secondary,#475569);align-items:center;gap:.6rem;padding:.65rem .9rem;font-size:.875rem;font-weight:500;display:flex}.profile-security-notice{border-radius:var(--radius-md,8px);color:#1e40af;background:#2563eb14;border:1px solid #2563eb33;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.8rem;font-weight:500;display:flex}.profile-alert{border-radius:var(--radius-md,8px);align-items:center;gap:.6rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.825rem;font-weight:500;display:flex}.profile-alert.danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.profile-action-row{justify-content:flex-end;margin-top:.5rem;display:flex}.profile-session-info-box{background:var(--bg-hover,#f8fafc);border-radius:var(--radius-md,8px);border:1px dashed var(--border-color,#cbd5e1);margin-top:1.75rem;padding:1rem}.session-info-title{color:var(--text-primary,#1e293b);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.8rem;font-weight:700;display:flex}.session-info-grid{grid-template-columns:1fr;gap:.5rem;font-size:.8rem;display:grid}.session-label{color:var(--text-muted,#64748b);margin-right:.5rem}.session-val{color:var(--text-secondary,#334155);font-weight:600}.dark .profile-hero-card{border:1px solid var(--border)!important;background:#111113!important}.dark .profile-form-card{background-color:var(--card)!important;border-color:var(--border)!important;color:var(--card-foreground)!important}.dark .form-card-header{border-bottom-color:var(--border)!important}.dark .form-card-title,.dark .session-info-title,.dark .session-val,.dark .profile-label{color:var(--foreground)!important}.dark .profile-input{background-color:var(--background)!important;border-color:var(--input)!important;color:var(--foreground)!important}.dark .profile-readonly-field,.dark .profile-session-info-box{background-color:var(--muted)!important;border-color:var(--border)!important;color:var(--foreground)!important}.app-container{background-color:var(--background,#f8fafc);min-height:100vh;color:var(--foreground);transition:background-color .2s,color .2s;display:flex;position:relative;overflow-x:hidden}.dark .app-container{background-color:#09090b}.app-sidebar{color:#fff;z-index:100;width:260px;box-shadow:none;background:#17213c;border-right:none;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),background-color .2s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-x:hidden}.dark .app-sidebar{box-shadow:none;background:#09090b;border-right:none}.app-sidebar.collapsed{width:68px}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#000000a6;position:fixed;inset:0}.sidebar-brand-clean{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff14;align-items:center;gap:.85rem;padding:1.25rem 1.15rem 1.05rem;transition:background-color .2s;display:flex}.sidebar-brand-clean:hover{background:#ffffff08}.dark .sidebar-brand-clean{border-bottom:1px solid var(--border)}.sidebar-logo-frame{background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;max-width:44px;height:44px;padding:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000059,0 0 10px #38bdf840}.sidebar-brand-clean:hover .sidebar-logo-frame{transform:translateY(-1px)scale(1.08);box-shadow:0 6px 18px #0006,0 0 16px #38bdf880}.sidebar-logo-img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.sidebar-brand-text{flex-direction:column;justify-content:center;min-width:0;display:flex}.brand-app-row{align-items:center;gap:.35rem;display:flex}.brand-app-title{letter-spacing:2px;color:#fff;text-shadow:0 1px 2px #0000004d;align-items:baseline;font-family:Outfit,Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:1.35rem;font-weight:800;line-height:1.1;transition:all .25s;display:inline-flex}.brand-app-accent{color:#38bdf8;background:linear-gradient(135deg,#38bdf8 10%,#60a5fa 90%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #38bdf873);-webkit-background-clip:text;font-weight:800}.sidebar-brand-clean:hover .brand-app-title{letter-spacing:2.3px}.sidebar-brand-clean:hover .brand-app-accent{filter:drop-shadow(0 0 14px #38bdf8b3)}.brand-app-subtitle{letter-spacing:1.4px;color:#ffffff8c;text-transform:uppercase;white-space:nowrap;margin-top:3px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:.625rem;font-weight:700;line-height:1.2;transition:color .2s}.sidebar-brand-clean:hover .brand-app-subtitle{color:#ffffffd9}.brand-title-top{letter-spacing:1px;color:#fff9;text-transform:uppercase;font-size:.72rem;font-weight:700}.brand-title-bottom{color:#fff;letter-spacing:.5px;font-size:1.05rem;font-weight:800;line-height:1.2}.app-sidebar.collapsed .sidebar-brand-clean{justify-content:center;padding:1.25rem .5rem 1rem}.app-sidebar.collapsed .sidebar-brand-text{display:none}.app-sidebar.collapsed .sidebar-logo-frame{margin:0 auto}.sidebar-nav-clean{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-nav-header{letter-spacing:1.2px;color:#fff6;margin-bottom:.5rem;padding:0 .65rem;font-size:.65rem;font-weight:700}.dark .sidebar-nav-header{color:var(--muted-foreground)}.sidebar-nav-menu{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-menu-item{list-style:none}.sidebar-nav-btn{border-radius:var(--radius);color:#ffffffb3;cursor:pointer;text-align:left;width:100%;transition:var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;padding:.65rem .85rem;font-family:inherit;font-size:.855rem;font-weight:500;display:flex}.sidebar-nav-btn:hover{color:#fff;background:#ffffff14}.dark .sidebar-nav-btn{color:var(--muted-foreground)}.dark .sidebar-nav-btn:hover{background:var(--muted);color:var(--foreground)}.sidebar-nav-btn.active{color:#fff;background:#0284c72e;border-color:#0284c759;font-weight:600}.dark .sidebar-nav-btn.active{background:var(--secondary);border-color:var(--border);color:var(--primary);font-weight:600}.sidebar-nav-btn.active .nav-btn-icon{color:#38bdf8}.nav-btn-icon{color:#ffffff80;transition:var(--transition);flex-shrink:0}.dark .nav-btn-icon{color:var(--muted-foreground)}.sidebar-nav-btn:hover .nav-btn-icon{color:#fff}.dark .sidebar-nav-btn:hover .nav-btn-icon{color:var(--foreground)}.nav-btn-label{flex:1}.app-sidebar.collapsed .sidebar-nav-clean{padding:1rem .4rem}.app-sidebar.collapsed .sidebar-nav-header{display:none}.app-sidebar.collapsed .sidebar-nav-btn{border-radius:var(--radius);justify-content:center;width:44px;height:44px;margin:0 auto;padding:.65rem 0}.app-sidebar.collapsed .nav-btn-label{display:none}.app-sidebar.collapsed .nav-btn-icon{margin:0}.sidebar-bottom-user-box{margin-top:auto;padding:.75rem .85rem .85rem;position:relative;border-top:none!important}.dark .sidebar-bottom-user-box{border-top:none!important}.sidebar-user-pill{border-radius:var(--radius-md,8px);cursor:pointer;color:#fff;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.5rem .65rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-user-pill:hover,.sidebar-user-pill.active,.dark .sidebar-user-pill:hover,.dark .sidebar-user-pill.active{background:#ffffff14}.user-avatar-frame{flex-shrink:0;width:34px;height:34px;overflow:hidden;border-radius:50%!important}.user-avatar-icon-box{width:100%;height:100%;transition:var(--transition);justify-content:center;align-items:center;display:flex;color:#0f172a!important;background-color:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:50%!important}.dark .user-avatar-icon-box{color:#fafafa!important;background-color:#27272a!important;border-color:#3f3f46!important}.user-avatar-initials{color:#fff;letter-spacing:.02em;background-color:#ffffff1f;border:1px solid #ffffff2e;font-size:.75rem;font-weight:700;border-radius:50%!important}.dark .user-avatar-initials{color:#fafafa;background-color:#ffffff1a;border-color:#ffffff26}.user-pill-meta{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.user-pill-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;line-height:1.25;overflow:hidden}.dark .user-pill-name{color:#fafafa}.user-pill-role{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;line-height:1.2;overflow:hidden}.dark .user-pill-role{color:#ffffff80}.user-pill-chevron{color:#fff6;flex-shrink:0;margin-left:auto}.dark .user-pill-chevron{color:#fff6}.app-sidebar.collapsed .sidebar-bottom-user-box{justify-content:center;padding:.75rem .4rem .85rem;display:flex}.app-sidebar.collapsed .sidebar-user-pill{justify-content:center;width:40px;height:40px;margin:0 auto;padding:0}.app-sidebar.collapsed .sidebar-user-dropdown-content{width:220px!important;position:fixed!important;bottom:16px!important;left:76px!important;right:auto!important}.sidebar-user-dropdown-content{background:#091630!important;border:1px solid #ffffff1f!important;width:calc(100% - 1.7rem)!important;bottom:calc(100% + 8px)!important;left:.85rem!important;right:.85rem!important;box-shadow:0 10px 25px -5px #00000080!important}.dark .sidebar-user-dropdown-content{background:var(--popover,#09090b)!important;border-color:var(--border,#27272a)!important;box-shadow:0 10px 30px -5px #000000b3!important}.user-dropdown-profile-header{align-items:center;gap:.65rem;padding:.25rem .15rem;display:flex}.user-dropdown-meta{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.user-dropdown-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;line-height:1.25;overflow:hidden}.dark .user-dropdown-name{color:#fafafa}.user-dropdown-email{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;line-height:1.2;overflow:hidden}.dark .user-dropdown-email{color:#ffffff80}.app-main-layout,.sidebar-inset{background-color:var(--background,#f8fafc);min-width:0;min-height:100vh;color:var(--foreground);border-left:1px solid var(--border);box-shadow:none;border-right:none;border-radius:0;flex-direction:column;flex:1;margin:0 0 0 260px;transition:margin-left .25s cubic-bezier(.4,0,.2,1),background-color .2s,border-color .2s;display:flex;position:relative}.app-main-layout.collapsed,.sidebar-inset.collapsed{margin-left:68px}.dark .app-main-layout,.dark .sidebar-inset{background-color:var(--background,#09090b);border-left-color:var(--border,#27272a);box-shadow:none;border-right:none}.app-main-layout::-webkit-scrollbar{width:6px}.sidebar-inset::-webkit-scrollbar{width:6px}.app-main-layout::-webkit-scrollbar-track{background:0 0}.sidebar-inset::-webkit-scrollbar-track{background:0 0}.app-main-layout::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.sidebar-inset::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.app-main-layout::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.sidebar-inset::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.btn-sidebar-toggle{border-radius:var(--radius-sm);width:32px;height:32px;box-shadow:none;color:var(--foreground);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-sidebar-toggle:hover{color:#0284c7;background:#0000000d;transform:scale(1.08)}.dark .btn-sidebar-toggle:hover{color:#38bdf8;background:#ffffff14}.btn-sidebar-toggle:active{transform:scale(.92)}.sidebar-toggle-icon{width:20px;height:20px;display:block}.app-navbar{-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);z-index:40;background:#ffffffe0;border-radius:16px;justify-content:space-between;align-items:center;height:56px;margin:1.15rem 1.75rem .35rem;padding:0 1.25rem;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex;position:sticky;top:1.15rem;box-shadow:0 4px 20px -2px #0000000a,0 2px 6px -1px #00000005}.dark .app-navbar{background:#12141ad9;border-color:#ffffff14;box-shadow:0 4px 20px -2px #00000073}.navbar-left{align-items:center;gap:.25rem;display:flex}.navbar-vertical-divider{background-color:var(--border);flex-shrink:0;width:1px;height:1rem;margin:0 .5rem}.navbar-right{align-items:center;gap:.75rem;display:flex}.navbar-info-pill{border-radius:var(--radius-full);color:#475569;background:#f1f5f9;border:none;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.76rem;font-weight:600;transition:background-color .2s,color .2s;display:flex}.dark .navbar-info-pill{color:#cbd5e1;background:#18181b;border:1px solid #27272a}.navbar-info-pill .info-icon{color:#64748b}.dark .navbar-info-pill .info-icon{color:#94a3b8}.btn-theme-toggle{border-radius:var(--radius-full);color:#475569;cursor:pointer;background:#f1f5f9;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-theme-toggle:hover{color:#0f172a;background:#e2e8f0}.dark .btn-theme-toggle{color:#cbd5e1;background:#18181b;border:1px solid #27272a}.dark .btn-theme-toggle:hover{color:#fff;background:#27272a}.btn-theme-toggle:active{transform:scale(.94)}.theme-toggle-icon{transition:transform .3s}.theme-toggle-icon.sun{color:#f59e0b}.theme-toggle-icon.moon{color:#0284c7}.dark .theme-toggle-icon.moon{color:#38bdf8}.page-body-content{box-sizing:border-box;flex:1;width:100%;max-width:100%;padding:1rem 1.75rem 1.75rem}.app-main-footer{background:var(--card);border-top:1px solid var(--border);color:var(--muted-foreground);border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding:1.25rem 1.75rem;font-size:.78rem;transition:background-color .2s,border-color .2s;display:flex}.footer-official-badge{color:var(--foreground);font-weight:700}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;background:#0009;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;animation:.18s ease-out modalFadeIn;overflow:hidden;box-shadow:0 24px 48px -12px #00000059}.modal-card.delete-confirm-modal{max-width:460px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border);background:var(--muted);padding:1.25rem 1.5rem}.modal-title-with-icon{align-items:center;gap:.85rem;display:flex}.modal-header-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal-header-icon.red{color:#ef4444;background:#ef44441f}.modal-header-icon.blue{color:#0284c7;background:#0284c71f}.modal-title{color:var(--foreground);letter-spacing:-.02em;margin:0 0 .1rem;font-size:1.05rem;font-weight:700}.modal-subtitle{color:var(--muted-foreground);margin:0;font-size:.77rem}.delete-modal-body{color:var(--foreground);padding:1.25rem 1.5rem;font-size:.875rem}.alert-delete-warning{border-radius:var(--radius);color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:.5rem;margin-top:1rem;padding:.65rem .85rem;font-size:.8rem;display:flex}.dark .alert-delete-warning{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66}.modal-footer-actions{border-top:1px solid var(--border);background:var(--muted);justify-content:flex-end;gap:.65rem;padding:1rem 1.5rem;display:flex}.shadcn-dialog-backdrop{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out shadcnDialogFadeIn;display:flex;position:fixed;inset:0}.shadcn-dialog-panel{background-color:var(--card);width:100%;max-width:440px;color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1.25rem;padding:1.5rem;animation:.15s cubic-bezier(.16,1,.3,1) shadcnDialogScaleIn;display:flex;box-shadow:0 20px 25px -5px #00000040,0 8px 10px -6px #00000040}@keyframes shadcnDialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shadcnDialogScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.shadcn-dialog-header{flex-direction:column;gap:.45rem;display:flex}.shadcn-dialog-title{letter-spacing:-.015em;color:var(--foreground);margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.shadcn-dialog-description{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.5}.shadcn-dialog-description strong{color:var(--foreground);font-weight:600}.shadcn-dialog-footer{flex-direction:row;justify-content:flex-end;gap:.625rem;margin-top:.25rem;display:flex}.shadcn-btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;height:2.375rem;padding:0 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.shadcn-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shadcn-btn-outline{border-color:var(--input);background-color:var(--background);color:var(--foreground)}.shadcn-btn-outline:hover{background-color:var(--accent);color:var(--accent-foreground);border-color:var(--border)}.shadcn-btn-destructive{background-color:var(--destructive);color:var(--destructive-foreground);border-color:#0000}.shadcn-btn-destructive:hover{opacity:.92;filter:brightness(.95)}@media (width<=992px){.app-container{background-color:var(--background)!important;height:auto!important;min-height:100vh!important;overflow:visible!important}.app-sidebar{transform:translate(-100%);width:260px!important;box-shadow:2px 0 16px #0006!important}.app-sidebar.open-mobile{transform:translate(0)}.app-sidebar.collapsed{width:260px!important}.app-sidebar.collapsed .sidebar-brand-clean{justify-content:flex-start!important;padding:1.25rem 1.15rem 1rem!important}.app-sidebar.collapsed .sidebar-brand-text{display:flex!important}.app-sidebar.collapsed .sidebar-nav-header{display:block!important}.app-sidebar.collapsed .sidebar-nav-btn{justify-content:flex-start!important;width:100%!important;height:auto!important;padding:.65rem .85rem!important}.app-sidebar.collapsed .nav-btn-label{display:inline!important}.app-sidebar.collapsed .sidebar-user-pill{border-radius:var(--radius)!important;justify-content:flex-start!important;width:100%!important;height:auto!important;padding:.55rem .75rem!important}.app-sidebar.collapsed .user-pill-meta,.app-sidebar.collapsed .user-pill-chevron{display:flex!important}.app-main-layout,.app-main-layout.collapsed,.sidebar-inset,.sidebar-inset.collapsed{box-shadow:none!important;border:none!important;border-radius:0!important;height:auto!important;min-height:100vh!important;max-height:none!important;margin:0!important;overflow:visible!important}.app-navbar{border-radius:12px!important;margin:.65rem .85rem .35rem!important;padding:0 .85rem!important;top:.65rem!important}.app-main-footer{border-radius:0!important}.hide-on-mobile{display:none!important}.page-body-content{padding:.75rem .85rem 1.25rem!important}}.toast-wrapper{z-index:99999;pointer-events:none;flex-direction:column;display:flex;position:fixed;top:1.25rem;right:1.5rem}.toast-card{pointer-events:auto;background-color:var(--card,#fff);min-width:290px;max-width:440px;color:var(--card-foreground,#09090b);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,10px);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;animation:.25s cubic-bezier(.16,1,.3,1) toastSlideDown;display:flex;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #0000000d}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.toast-icon-box.success{color:#16a34a;background-color:#16a34a1f}.toast-icon-box.info{color:#2563eb;background-color:#2563eb1f}.toast-icon-box.error{color:#dc2626;background-color:#dc26261f}.toast-content{flex:1;min-width:0}.toast-message{color:var(--foreground,#09090b);word-break:break-word;font-size:.84rem;font-weight:500;line-height:1.4;display:block}.toast-close-btn{color:var(--muted-foreground,#71717a);cursor:pointer;transition:var(--transition,all .15s ease);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.toast-close-btn:hover{background-color:var(--muted,#f4f4f5);color:var(--foreground,#09090b)}.dark .toast-card{background-color:var(--card,#18181b)!important;color:var(--card-foreground,#fafafa)!important;border-color:var(--border,#27272a)!important;box-shadow:0 14px 30px -4px #0009!important}.dark .toast-message{color:#fafafa!important}.dark .toast-icon-box.success{color:#4ade80;background-color:#22c55e33}.dark .toast-icon-box.info{color:#60a5fa;background-color:#3b82f633}.dark .toast-icon-box.error{color:#f87171;background-color:#ef444433}.dark .toast-close-btn:hover{color:#fafafa!important;background-color:#27272a!important}.logout-clean-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);background-color:#00000073;justify-content:center;align-items:center;padding:1.25rem;animation:.15s ease-out logoutDialogFadeIn;display:flex;position:fixed;inset:0}.logout-clean-card{text-align:center;background:#fff;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:350px;padding:2.25rem 2rem 1.65rem;animation:.18s cubic-bezier(.16,1,.3,1) logoutDialogScaleIn;display:flex;position:relative;box-shadow:0 20px 40px -10px #00000040,0 0 0 1px #0000000a}@keyframes logoutDialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoutDialogScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.logout-clean-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .6rem;font-size:1.45rem;font-weight:700;line-height:1.25}.logout-clean-desc{color:#64748b;max-width:270px;margin:0 0 1.65rem;font-size:.92rem;line-height:1.48}.logout-clean-actions{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.logout-pill-btn-danger{color:#b91c1c;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;outline:none;justify-content:center;align-items:center;width:100%;padding:.75rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .15s;display:flex}.logout-pill-btn-danger:hover{color:#991b1b;background-color:#fef2f2;border-color:#fca5a5}.logout-text-btn-cancel{color:#0284c7;cursor:pointer;background:0 0;border:none;outline:none;margin-top:.25rem;padding:.4rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:color .15s,opacity .15s}.logout-text-btn-cancel:hover{color:#0369a1;text-decoration:underline}.dark .logout-clean-card{background:#18181b;border:1px solid #27272a;box-shadow:0 20px 45px #0009}.dark .logout-clean-title{color:#fafafa}.dark .logout-clean-desc{color:#a1a1aa}.dark .logout-pill-btn-danger{color:#f87171;background:#18181b;border-color:#3f3f46}.dark .logout-pill-btn-danger:hover{color:#fca5a5;background:#ef44441f;border-color:#ef4444}.dark .logout-text-btn-cancel{color:#38bdf8}.dark .logout-text-btn-cancel:hover{color:#7dd3fc}@media (width<=640px){.toast-wrapper{top:1rem;left:1rem;right:1rem}.toast-card{min-width:unset;max-width:100%}}