.header{z-index:var(--z-sticky);transition:all var(--transition-base);background:0 0;position:fixed;top:0;left:0;right:0}.header-scrolled{-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);background:#ffffffd9}.header-inner{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.header-logo{align-items:center;gap:var(--space-3);color:var(--neutral-900);flex-shrink:0;text-decoration:none;display:flex}.header:not(.header-scrolled) .header-logo{color:var(--neutral-0)}.header-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #00000040);width:auto;height:52px;max-height:52px;transition:transform var(--transition-fast)}.header-logo:hover .header-logo-img{transform:scale(1.06)}.header-logo-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary-500), var(--primary-700));width:40px;height:40px;color:var(--neutral-0);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.header-logo-text{flex-direction:column;display:flex}.header-logo-title{font-family:var(--font-heading);font-weight:var(--weight-extrabold);font-size:var(--text-lg);letter-spacing:-.02em;line-height:1.1}.header-logo-subtitle{opacity:.8;font-size:.6875rem;font-weight:var(--weight-medium);letter-spacing:.01em}@media (width<=640px){.header-logo-subtitle{letter-spacing:-.01em;font-size:.625rem}}.header-nav{align-items:center;gap:var(--space-1);display:none}@media (width>=1024px){.header-nav{display:flex}}.header-nav-link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--neutral-600);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none}.header:not(.header-scrolled) .header-nav-link{color:#fffc}.header-nav-link:hover{background:var(--neutral-100);color:var(--neutral-900)}.header:not(.header-scrolled) .header-nav-link:hover{color:var(--neutral-0);background:#ffffff26}.header-nav-link.active{background:var(--primary-100);color:var(--primary-700)}.header:not(.header-scrolled) .header-nav-link.active{color:var(--neutral-0);background:#fff3}.header-actions{align-items:center;gap:var(--space-4);display:none}@media (width>=1024px){.header-actions{display:flex}}.header-emergency{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--danger-600);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);text-decoration:none;display:flex}.header-emergency:hover{background:var(--danger-50);color:var(--danger-700)}.header:not(.header-scrolled) .header-emergency{color:var(--danger-400)}.header-toggle{color:var(--neutral-700);display:flex}.header:not(.header-scrolled) .header-toggle{color:var(--neutral-0)}@media (width>=1024px){.header-toggle{display:none}}.header-mobile-menu{top:var(--header-height);background:var(--neutral-0);border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-lg);padding:var(--space-4) var(--space-6);z-index:var(--z-sticky);position:fixed;left:0;right:0}@media (width>=1024px){.header-mobile-menu{display:none}}.header-mobile-nav{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.header-mobile-link{padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--neutral-700);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none;display:block}.header-mobile-link:hover,.header-mobile-link.active{background:var(--primary-50);color:var(--primary-700)}.header-mobile-actions{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--neutral-200);flex-direction:column;display:flex}.footer{background:var(--neutral-900);color:var(--neutral-300)}.footer-top{padding:var(--space-16) 0}.footer-grid{gap:var(--space-10);display:grid}@media (width>=640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}.footer-brand{gap:var(--space-4);flex-direction:column;display:flex}.footer-logo{align-items:center;gap:var(--space-3);display:flex}.footer-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #0006);width:auto;height:56px;max-height:56px}.footer-logo-title{font-family:var(--font-heading);font-weight:var(--weight-extrabold);font-size:var(--text-xl);color:var(--neutral-0)}.footer-logo-subtitle{font-size:var(--text-xs);color:var(--neutral-400)}.footer-description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--neutral-400);max-width:320px}.footer-section-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--neutral-0);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.footer-links{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-links a,.footer-links span{font-size:var(--text-sm);color:var(--neutral-400);transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--neutral-0)}.footer-contact{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-contact li{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--neutral-400);display:flex}.footer-contact a{color:var(--neutral-400);transition:color var(--transition-fast);text-decoration:none}.footer-contact a:hover{color:var(--primary-400)}.footer-bottom{border-top:1px solid var(--neutral-800);padding:var(--space-6) 0}.footer-copyright{font-size:var(--text-xs);color:var(--neutral-500);text-align:center}.hero{min-height:100vh;padding-top:var(--header-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg-gradient{background:linear-gradient(135deg, var(--primary-950) 0%, #0c1445 25%, #151c5e 50%, var(--primary-800) 75%, #1a3a7a 100%);position:absolute;inset:0}.hero-bg-pattern{background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0);background-size:40px 40px;position:absolute;inset:0}.hero-bg-glow{filter:blur(100px);border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.hero-bg-glow-1{background:#3b5bfc33;width:600px;height:600px;top:-100px;right:-150px}.hero-bg-glow-2{background:#fbbf241f;width:400px;height:400px;animation-delay:4s;bottom:-50px;left:-100px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.hero-content{z-index:1;gap:var(--space-16);padding-top:var(--space-12);padding-bottom:var(--space-12);flex-direction:column;display:flex;position:relative}@media (width>=1024px){.hero-content{padding-top:var(--space-20);padding-bottom:var(--space-16)}}.hero-text{max-width:720px}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:var(--accent-400);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;display:inline-flex}.hero-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);color:var(--neutral-0);letter-spacing:-.02em;margin-bottom:var(--space-6);line-height:1.1}@media (width>=768px){.hero-title{font-size:var(--text-5xl)}}@media (width>=1024px){.hero-title{font-size:var(--text-6xl)}}.hero-title-accent{background:linear-gradient(135deg, var(--accent-400), var(--accent-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:#ffffffb3;line-height:var(--leading-relaxed);max-width:560px;margin-bottom:var(--space-8)}.hero-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=480px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center;width:100%}}.hero-btn-secondary{color:var(--neutral-0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-color:#fff3}.hero-btn-secondary:hover{background:#fff3;border-color:#ffffff4d}.hero-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base);background:#ffffff14;border:1px solid #ffffff1a}.stat-card:hover{background:#ffffff1f;transform:translateY(-4px);box-shadow:0 20px 40px #0003}.stat-card-icon{width:48px;height:48px;margin:0 auto var(--space-3);border-radius:var(--radius-lg);color:var(--accent-400);background:#ffffff1a;justify-content:center;align-items:center;display:flex}.stat-card-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--neutral-0);margin-bottom:var(--space-1)}.stat-card-label{font-size:var(--text-sm);color:#fff9}.hero-scroll-indicator{bottom:var(--space-8);z-index:1;opacity:.5;color:var(--neutral-0);animation:2s ease-in-out infinite bounce-down;position:absolute;left:50%;transform:translate(-50%)}.hero-scroll-icon{transform:rotate(90deg)}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section{padding:var(--space-20) 0}.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-12)}.section-eyebrow{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--primary-600);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);display:inline-block}.section-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--neutral-900);margin-bottom:var(--space-4);letter-spacing:-.01em}@media (width>=768px){.section-title{font-size:var(--text-4xl)}}.section-description{font-size:var(--text-lg);color:var(--neutral-500);line-height:var(--leading-relaxed)}.section-types{background:var(--neutral-50)}.types-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.types-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.types-grid{grid-template-columns:repeat(4,1fr)}}.type-card{padding:var(--space-8);text-align:center;transition:all var(--transition-base);cursor:default}.type-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.type-card-emoji{margin-bottom:var(--space-4);font-size:3rem;line-height:1}.type-card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--neutral-900);margin-bottom:var(--space-2)}.type-card-count{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-4)}.type-card-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--primary-600);transition:gap var(--transition-fast), color var(--transition-fast);text-decoration:none;display:inline-flex}.type-card-link:hover{gap:var(--space-2);color:var(--primary-700)}.section-steps{background:var(--neutral-0)}.steps-grid{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}@media (width>=1024px){.steps-grid{justify-content:center;gap:var(--space-4);flex-direction:row}}.step-card{text-align:center;padding:var(--space-8);max-width:320px;position:relative}.step-number{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);background:var(--primary-100);width:28px;height:28px;color:var(--primary-700);font-size:var(--text-xs);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:flex;position:absolute}.step-icon-wrap{width:72px;height:72px;margin:0 auto var(--space-5);border-radius:var(--radius-2xl);background:linear-gradient(135deg, var(--primary-100), var(--primary-50));color:var(--primary-600);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.step-icon-warning{background:linear-gradient(135deg, var(--accent-100), var(--accent-50));color:var(--accent-600)}.step-icon-success{background:linear-gradient(135deg, var(--success-100), var(--success-50));color:var(--success-600)}.step-card:hover .step-icon-wrap{box-shadow:var(--shadow-lg);transform:scale(1.1)}.step-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--neutral-900);margin-bottom:var(--space-3)}.step-desc{font-size:var(--text-sm);color:var(--neutral-500);line-height:var(--leading-relaxed)}.step-connector{color:var(--neutral-300);display:none}@media (width>=1024px){.step-connector{align-items:center;display:flex}}.section-cta{padding:var(--space-12) 0 var(--space-20)}.cta-box{border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);background:linear-gradient(135deg, var(--primary-950), var(--primary-800));text-align:center;position:relative;overflow:hidden}@media (width>=768px){.cta-box{padding:var(--space-16) var(--space-12)}}.cta-bg-pattern{background-image:radial-gradient(circle at 1px 1px,#ffffff0a 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0}.cta-content{z-index:1;max-width:600px;margin:0 auto;position:relative}.cta-icon{color:var(--accent-400);margin-bottom:var(--space-4)}.cta-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--neutral-0);margin-bottom:var(--space-4)}@media (width>=768px){.cta-title{font-size:var(--text-4xl)}}.cta-description{font-size:var(--text-lg);color:#ffffffb3;line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.cta-actions{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.cta-btn-ghost{color:var(--neutral-0)!important;background:#ffffff0d!important;border:1px solid #ffffff4d!important}.cta-btn-ghost:hover{color:var(--neutral-0)!important;background:#ffffff26!important;border-color:#fff9!important}.section-visi-misi{background:var(--neutral-50)}.vm-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.vm-grid{grid-template-columns:repeat(2,1fr)}}.vm-card{padding:var(--space-8);flex-direction:column;height:100%;display:flex}.vm-card-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.vm-icon-wrap{border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.vm-icon-visi{color:var(--primary-600);background:#3b5bfc1a}.vm-icon-misi{color:var(--amber-600);background:#f59e0b1a}.vm-card-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--neutral-900)}.vm-card-subtitle{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em}.vm-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vm-list li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--neutral-700);line-height:var(--leading-relaxed);display:flex}.vm-check{color:var(--emerald-500);flex-shrink:0;margin-top:3px}.vm-misi-text{font-size:var(--text-base);color:var(--neutral-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.todhak-badge-container{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.todhak-pill{padding:var(--space-2) var(--space-4);background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-700);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-full);transition:all var(--transition-fast)}.todhak-pill:hover{background:var(--primary-600);color:var(--neutral-0);border-color:var(--primary-600)}.status-page{min-height:100vh}.status-hero{padding:calc(var(--header-height) + var(--space-16)) 0 var(--space-20);position:relative;overflow:hidden}.status-hero-content{z-index:1;text-align:center;position:relative}.status-hero-icon{color:var(--accent-400);margin-bottom:var(--space-4)}.status-hero-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);color:var(--neutral-0);margin-bottom:var(--space-4)}.status-hero-subtitle{font-size:var(--text-lg);color:#ffffffb3;max-width:480px;margin:0 auto}.status-search-section{margin-top:-var(--space-10);z-index:2;padding-bottom:var(--space-8);position:relative}.status-search-card{max-width:640px;padding:var(--space-6);margin:-48px auto 0}.status-search-form{gap:var(--space-3);display:flex}@media (width<=639px){.status-search-form{flex-direction:column}}.status-input-group{flex:1;position:relative}.status-input-icon{left:var(--space-4);color:var(--neutral-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.status-input{width:100%;padding-left:var(--space-10)!important}.status-error{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--danger-50);color:var(--danger-700);border-radius:var(--radius-lg);font-size:var(--text-sm);display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-result-section{padding-bottom:var(--space-16)}.status-result-card{max-width:640px;padding:var(--space-8);margin:0 auto}.status-result-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--neutral-200);display:flex}.status-result-label{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-1)}.status-result-number{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--neutral-900)}.status-result-info{margin-bottom:var(--space-6)}.status-result-status-label{font-size:var(--text-base);color:var(--neutral-600);font-weight:var(--weight-medium)}.status-timeline-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--neutral-900);margin-bottom:var(--space-6)}.timeline{flex-direction:column;gap:0;display:flex;position:relative}.timeline-item{gap:var(--space-4);padding-bottom:var(--space-6);display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{border-radius:var(--radius-full);background:var(--neutral-100);width:32px;height:32px;color:var(--neutral-500);border:2px solid var(--neutral-200);z-index:1;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timeline-item-active .timeline-dot{background:var(--primary-100);color:var(--primary-600);border-color:var(--primary-300);box-shadow:0 0 0 4px var(--primary-50)}.timeline-line{background:var(--neutral-200);width:2px;position:absolute;top:32px;bottom:0;left:15px}.timeline-content{padding-top:var(--space-1)}.timeline-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--neutral-800);margin-bottom:var(--space-1)}.timeline-time{font-size:var(--text-xs);color:var(--neutral-500)}.status-hint{padding-bottom:var(--space-16)}.status-hint-content{text-align:center;max-width:640px;margin:0 auto}.status-hint-text{font-size:var(--text-sm);color:var(--neutral-500);background:var(--neutral-100);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg)}.status-hint-text code{background:var(--neutral-200);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--primary-700)}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.report-page{background:var(--neutral-50);min-height:100vh}.report-hero{padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-16);position:relative;overflow:hidden}.report-hero-content{z-index:1;text-align:center;position:relative}.report-hero-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);color:var(--neutral-0);margin-bottom:var(--space-3)}.report-hero-subtitle{font-size:var(--text-lg);color:#ffffffb3;max-width:500px;margin:0 auto}.report-form-card{z-index:2;max-width:780px;margin:-40px auto 0;padding:0;position:relative}.report-body{padding-bottom:var(--space-16)}.report-progress{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--neutral-200);align-items:center;gap:0;display:flex;overflow-x:auto}.report-step{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex;position:relative}.report-step-dot{border-radius:var(--radius-full);background:var(--neutral-100);width:32px;height:32px;color:var(--neutral-400);border:2px solid var(--neutral-200);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.report-step.active .report-step-dot{background:var(--primary-100);color:var(--primary-600);border-color:var(--primary-400);box-shadow:0 0 0 4px var(--primary-50)}.report-step.complete .report-step-dot{background:var(--success-500);color:var(--neutral-0);border-color:var(--success-500)}.report-step-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--neutral-400);white-space:nowrap}.report-step.active .report-step-label{color:var(--primary-700);font-weight:var(--weight-semibold)}.report-step.complete .report-step-label{color:var(--success-700)}.report-step-line{background:var(--neutral-200);width:24px;height:2px;margin:0 var(--space-2);flex-shrink:0}@media (width<=767px){.report-step-label{display:none}.report-progress{padding:var(--space-4) var(--space-6);justify-content:center}}.report-step-content{padding:var(--space-8)}.step-panel-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--neutral-900);margin-bottom:var(--space-2)}.step-panel-desc{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-6)}.form-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group-full{grid-column:1/-1}.map-placeholder{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10);border:2px dashed var(--neutral-300);border-radius:var(--radius-xl);background:var(--neutral-50);color:var(--neutral-400);text-align:center;flex-direction:column;display:flex}.map-placeholder p{font-size:var(--text-sm)}.emergency-section{margin-bottom:var(--space-6)}.emergency-toggle{margin-bottom:var(--space-4)}.emergency-label{align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);display:flex}.emergency-label:hover{border-color:var(--danger-300);background:var(--danger-50)}.emergency-label input{display:none}.emergency-label input:checked~span:first-of-type{background:var(--danger-500);border-color:var(--danger-500)}.emergency-checkbox{border-radius:var(--radius-lg);background:var(--neutral-100);width:36px;height:36px;color:var(--neutral-400);border:2px solid var(--neutral-200);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.emergency-label input:checked~.emergency-checkbox{background:var(--danger-500);color:var(--neutral-0);border-color:var(--danger-500)}.emergency-label strong{font-size:var(--text-base);color:var(--neutral-800);display:block}.emergency-label small{font-size:var(--text-xs);color:var(--neutral-500);margin-top:var(--space-1);display:block}.emergency-flags{padding:var(--space-4);background:var(--danger-50);border-radius:var(--radius-xl);border:1px solid var(--danger-100)}.emergency-flags-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--danger-700);margin-bottom:var(--space-3)}.emergency-flag-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--neutral-700);cursor:pointer;display:flex}.emergency-flag-item input{width:16px;height:16px;accent-color:var(--danger-500)}.upload-section{margin-top:var(--space-6)}.upload-dropzone{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10);border:2px dashed var(--neutral-300);border-radius:var(--radius-xl);background:var(--neutral-50);color:var(--neutral-400);text-align:center;cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.upload-dropzone:hover{border-color:var(--primary-400);background:var(--primary-50);color:var(--primary-500)}.upload-dropzone strong{color:var(--neutral-700)}.upload-hint{font-size:var(--text-xs);color:var(--neutral-400)}.report-nav{padding:var(--space-6) var(--space-8);border-top:1px solid var(--neutral-200);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}@media (width<=640px){.report-nav{padding:var(--space-4) var(--space-4)}.report-nav .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.report-nav-indicator{font-size:var(--text-sm);color:var(--neutral-400);font-weight:var(--weight-medium);flex-shrink:0}.report-success-card{z-index:2;max-width:560px;padding:var(--space-12);text-align:center;margin:-40px auto 0;position:relative}.report-success-icon{color:var(--success-500);margin-bottom:var(--space-4);justify-content:center;display:flex}.report-success-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--neutral-900);margin-bottom:var(--space-3)}.report-success-text{font-size:var(--text-base);color:var(--neutral-500);margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.report-success-number-box{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8)}.report-success-number-label{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-2)}.report-success-number{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--primary-700);margin-bottom:var(--space-2);letter-spacing:.02em}.report-success-number-hint{font-size:var(--text-xs);color:var(--neutral-500)}.report-success-actions{gap:var(--space-3);flex-direction:column;display:flex}@media (width>=640px){.report-success-actions{flex-direction:row;justify-content:center}}.info-hero{padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-12);position:relative;overflow:hidden}.info-hero-content{z-index:1;text-align:center;position:relative}.info-hero-icon{color:var(--accent-400);margin-bottom:var(--space-4)}.info-hero-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);color:var(--neutral-0);margin-bottom:var(--space-4)}.info-hero-subtitle{font-size:var(--text-lg);color:#ffffffb3;max-width:600px;line-height:var(--leading-relaxed);margin:0 auto}.info-emergency{margin-top:calc(-1 * var(--space-6));z-index:2;margin-bottom:var(--space-8);position:relative}.emergency-banner{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-left:4px solid var(--danger-500);background:linear-gradient(135deg, var(--danger-50), var(--neutral-0));flex-wrap:wrap;display:flex}.emergency-banner-icon{border-radius:var(--radius-xl);background:var(--danger-100);width:48px;height:48px;color:var(--danger-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.emergency-banner-content{flex:1;min-width:200px}.emergency-banner-content h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--danger-700);margin-bottom:var(--space-1)}.emergency-banner-content p{font-size:var(--text-sm);color:var(--neutral-600)}.emergency-banner-actions{gap:var(--space-3);flex-wrap:wrap;flex-shrink:0;display:flex}.info-section{padding:var(--space-16) 0}.info-section-alt{background:var(--neutral-50)}.info-section-header{text-align:center;margin-bottom:var(--space-10)}.info-section-badge{padding:var(--space-1) var(--space-4);background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;margin-bottom:var(--space-4);display:inline-block}.info-section-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--neutral-900);margin-bottom:var(--space-3)}.info-section-desc{font-size:var(--text-base);color:var(--neutral-500);max-width:600px;line-height:var(--leading-relaxed);margin:0 auto}.pmks-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.pmks-grid{grid-template-columns:repeat(2,1fr)}}.pmks-card{padding:var(--space-6)}.pmks-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.pmks-card-emoji{font-size:2rem}.pmks-card-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--neutral-900)}.pmks-card-desc{font-size:var(--text-sm);color:var(--neutral-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.pmks-card-section{margin-bottom:var(--space-4)}.pmks-card-section h4{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--neutral-800);margin-bottom:var(--space-2);display:flex}.pmks-card-section ul{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.pmks-card-section li{font-size:var(--text-sm);color:var(--neutral-600);padding-left:var(--space-5);line-height:var(--leading-relaxed);position:relative}.pmks-card-section li:before{content:"•";left:var(--space-2);color:var(--primary-400);font-weight:700;position:absolute}.pmks-card-actions-section li:before{content:"→";color:var(--success-500)}.howto-steps{justify-content:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.howto-step{text-align:center;flex-direction:column;align-items:center;max-width:200px;display:flex;position:relative}.howto-step-num{border-radius:var(--radius-full);background:var(--primary-500);width:32px;height:32px;color:var(--neutral-0);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.howto-step-icon{border-radius:var(--radius-xl);background:var(--primary-100);width:48px;height:48px;color:var(--primary-600);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.howto-step-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--neutral-900);margin-bottom:var(--space-2)}.howto-step-desc{font-size:var(--text-sm);color:var(--neutral-500);line-height:var(--leading-relaxed)}.howto-cta{text-align:center}.legal-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.legal-card{padding:var(--space-5);text-align:center}.legal-icon{color:var(--primary-500);margin-bottom:var(--space-3)}.legal-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--neutral-900);margin-bottom:var(--space-1)}.legal-desc{font-size:var(--text-xs);color:var(--neutral-500)}.faq-list{gap:var(--space-3);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.faq-item{cursor:pointer;padding:0}.faq-question{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--neutral-800);transition:background var(--transition-fast);list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{background:var(--neutral-50)}.faq-icon{color:var(--primary-500);flex-shrink:0}.faq-question span{flex:1}.faq-chevron{color:var(--neutral-400);transition:transform var(--transition-fast);flex-shrink:0}.faq-item[open] .faq-chevron{transform:rotate(90deg)}.faq-answer{padding:0 var(--space-5) var(--space-5);padding-left:calc(var(--space-5) + 18px + var(--space-3))}.faq-answer p{font-size:var(--text-sm);color:var(--neutral-600);line-height:var(--leading-relaxed)}.info-cta{padding:var(--space-16) 0;background:linear-gradient(135deg, var(--primary-950) 0%, var(--primary-800) 100%)}.info-cta-card{text-align:center;max-width:600px;margin:0 auto}.info-cta-card h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--neutral-0);margin-bottom:var(--space-4)}.info-cta-card p{font-size:var(--text-base);color:#ffffffb3;margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.info-cta-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=480px){.info-cta-actions{flex-direction:column;align-items:stretch}.info-cta-actions .btn{justify-content:center;width:100%}}@media (width<=639px){.info-hero-title,.info-section-title{font-size:var(--text-2xl)}.emergency-banner{text-align:center;flex-direction:column}.emergency-banner-actions{justify-content:center;width:100%}}.info-vm-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.info-vm-grid{grid-template-columns:repeat(2,1fr)}}.info-vm-card{padding:var(--space-6);flex-direction:column;display:flex}.info-vm-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--neutral-100);display:flex}.info-vm-header h3{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--neutral-900)}.info-vm-icon{flex-shrink:0}.info-vm-icon.text-primary{color:var(--primary-600)}.info-vm-icon.text-amber{color:var(--amber-600)}.info-vm-list{padding-left:var(--space-5);gap:var(--space-3);flex-direction:column;margin:0;display:flex}.info-vm-list li{font-size:var(--text-sm);color:var(--neutral-700);line-height:var(--leading-relaxed)}.info-vm-misi-desc{font-size:var(--text-sm);color:var(--neutral-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.info-todhak-acronym{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:auto}.info-todhak-acronym h4{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary-800);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.info-todhak-acronym ul{gap:var(--space-2);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.info-todhak-acronym li{font-size:var(--text-xs);color:var(--neutral-700)}.info-todhak-acronym li strong{color:var(--primary-700)}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;position:absolute;inset:0}.login-bg-gradient{background:linear-gradient(160deg, var(--primary-950) 0%, #0c1445 30%, #111a55 60%, var(--primary-900) 100%);position:absolute;inset:0}.login-bg-pattern{background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0);background-size:48px 48px;position:absolute;inset:0}.login-bg-glow{filter:blur(120px);border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.login-bg-glow-1{background:#3b5bfc26;width:500px;height:500px;top:-200px;right:-100px}.login-bg-glow-2{background:#fbbf2414;width:350px;height:350px;animation-delay:5s;bottom:-100px;left:-80px}.login-container{z-index:1;width:100%;max-width:440px;padding:var(--space-6);align-items:center;gap:var(--space-6);flex-direction:column;display:flex;position:relative}.login-logo{text-align:center;margin-bottom:var(--space-2)}.login-logo-img{object-fit:contain;width:auto;height:100px;max-height:100px;margin:0 auto var(--space-4);filter:drop-shadow(0 6px 16px #00000073)}.login-logo-icon{border-radius:var(--radius-2xl);background:linear-gradient(135deg, var(--primary-500), var(--primary-700));width:64px;height:64px;color:var(--neutral-0);box-shadow:var(--shadow-xl), var(--shadow-glow);margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.login-logo-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--neutral-0);letter-spacing:-.02em}.login-logo-subtitle{font-size:var(--text-sm);color:#ffffff80;font-weight:var(--weight-medium)}.login-card{width:100%;padding:var(--space-8)}.login-card-header{text-align:center;margin-bottom:var(--space-6)}.login-card-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--neutral-900);margin-bottom:var(--space-2)}.login-card-desc{font-size:var(--text-sm);color:var(--neutral-500);line-height:var(--leading-relaxed)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-input-wrap{position:relative}.login-input-icon{left:var(--space-4);color:var(--neutral-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.login-input{width:100%;display:block;padding-left:var(--space-10)!important;padding-right:var(--space-10)!important}.login-eye-btn{right:var(--space-3);padding:var(--space-1);color:var(--neutral-400);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.login-eye-btn:hover{color:var(--neutral-600)}.login-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--danger-50);color:var(--danger-700);border-radius:var(--radius-lg);font-size:var(--text-sm);border:1px solid var(--danger-100);display:flex}.login-submit{width:100%;margin-top:var(--space-2)}.login-hint{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--neutral-200);margin-top:var(--space-4)}.login-hint p{font-size:var(--text-xs);color:var(--neutral-400)}.login-hint code{background:var(--neutral-100);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--primary-600);padding:1px 6px}.login-totp-icon-wrap{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--accent-100), var(--accent-50));width:56px;height:56px;color:var(--accent-600);margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.totp-input-wrap{justify-content:center;display:flex}.totp-input{text-align:center;font-family:var(--font-heading);font-weight:var(--weight-bold);letter-spacing:.3em;max-width:280px;font-size:var(--text-3xl)!important;padding:var(--space-4) var(--space-6)!important}.totp-input::placeholder{letter-spacing:.3em;font-weight:var(--weight-regular);color:var(--neutral-300)}.login-totp-info{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--neutral-200);margin-top:var(--space-4)}.login-totp-user{font-size:var(--text-xs);color:var(--neutral-500)}.quick-roles-section{margin-bottom:var(--space-5);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:14px}.quick-roles-title{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--neutral-700);align-items:center;gap:6px;margin-bottom:10px;display:flex}.quick-roles-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.quick-role-btn{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;flex-direction:column;align-items:flex-start;padding:10px 12px;display:flex}.quick-role-btn:hover{border-color:var(--primary-400);background:var(--primary-50);transform:translateY(-1px)}.quick-role-btn.active{border-color:var(--primary-600);background:var(--primary-50);box-shadow:0 0 0 2px var(--primary-100)}.role-btn-name{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--neutral-900)}.role-btn-badge{font-size:.6875rem;font-weight:var(--weight-semibold);margin-top:2px}.login-footer-text{font-size:var(--text-xs);color:#ffffff4d;text-align:center}.admin-layout{background:var(--neutral-50);min-height:100vh;color:var(--neutral-800);display:flex}.admin-overlay{display:none}@media (width<=1023px){.admin-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(8px);background:#0f172a99;display:block;position:fixed;inset:0}}.admin-sidebar{width:var(--sidebar-width);height:100vh;z-index:calc(var(--z-overlay) + 10);transition:width var(--transition-base), transform var(--transition-base);background:#0f172a;border-right:1px solid #ffffff14;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:4px 0 24px #00000026}.sidebar-collapsed .admin-sidebar{width:72px}@media (width<=1023px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0)}.sidebar-collapsed .admin-sidebar{width:var(--sidebar-width)}}.sidebar-header{padding:var(--space-4) var(--space-4);min-height:var(--header-height);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);display:flex;overflow:hidden}.sidebar-logo-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0006);flex-shrink:0;width:auto;height:44px;max-height:44px}.sidebar-logo-icon{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--primary-500), var(--primary-700));width:38px;height:38px;color:var(--neutral-0);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 16px #3b5bfc66}.sidebar-logo-text{white-space:nowrap;flex-direction:column;display:flex}.sidebar-logo-title{font-family:var(--font-heading);font-weight:var(--weight-extrabold);font-size:var(--text-sm);color:var(--neutral-0);letter-spacing:-.01em}.sidebar-logo-sub{color:var(--neutral-400);font-size:11px;font-weight:var(--weight-medium)}.sidebar-collapse-btn{color:var(--neutral-400);transition:all var(--transition-fast);border-radius:var(--radius-md);flex-shrink:0}.sidebar-collapse-btn:hover{color:var(--neutral-100);background:#ffffff14}.rotate-180{transform:rotate(180deg)}@media (width<=1023px){.sidebar-collapse-btn{display:none}}.sidebar-system-badge{margin:var(--space-3) var(--space-4) 0 var(--space-4);border-radius:var(--radius-full);white-space:nowrap;background:#10b9811a;border:1px solid #10b98133;align-items:center;gap:8px;padding:6px 12px;display:flex}.status-dot-pulse{background:var(--success-500);width:8px;height:8px;box-shadow:0 0 8px var(--success-500);border-radius:50%;animation:2s infinite statusPulse}@keyframes statusPulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.status-badge-text{font-size:11px;font-weight:var(--weight-semibold);color:var(--success-400)}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);color:var(--neutral-400);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{color:var(--neutral-100);background:#ffffff0f;transform:translate(2px)}.sidebar-link.active{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));color:var(--neutral-0);font-weight:var(--weight-semibold);box-shadow:0 4px 14px #3b5bfc59}.sidebar-link.active:before{content:"";background:var(--neutral-0);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:4px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-link-icon{flex-shrink:0}.sidebar-link-label{text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-link-badge{background:var(--danger-500);color:#fff;font-size:10px;font-weight:var(--weight-bold);border-radius:var(--radius-full);margin-left:auto;padding:1px 7px}.sidebar-link-badge.collapsed-badge{margin-left:0;padding:2px 5px;position:absolute;top:6px;right:6px}.sidebar-footer{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);background:#0003;border-top:1px solid #ffffff0f;display:flex}.sidebar-user{align-items:center;gap:var(--space-3);display:flex;overflow:hidden}.sidebar-user-avatar{border-radius:var(--radius-full);width:36px;height:36px;color:var(--neutral-200);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex-direction:column;display:flex;overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--neutral-100);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user-role{font-size:11px;font-weight:var(--weight-medium)}.sidebar-logout{color:var(--neutral-400);border-radius:var(--radius-md);flex-shrink:0}.sidebar-logout:hover{color:var(--danger-400);background:#f43f5e26}.admin-main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-width:0;min-height:100vh;transition:margin-left var(--transition-base), width var(--transition-base);box-sizing:border-box;flex-direction:column;flex:1;display:flex}.sidebar-collapsed .admin-main{width:calc(100% - 72px);margin-left:72px}@media (width<=1023px){.admin-main,.sidebar-collapsed .admin-main{width:100%;margin-left:0}}.admin-topbar{height:var(--header-height);background:var(--neutral-0);border-bottom:1px solid var(--neutral-200);padding:0 var(--space-6);align-items:center;gap:var(--space-4);z-index:var(--z-sticky);display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.topbar-menu-btn{display:none}@media (width<=1023px){.topbar-menu-btn{display:flex}}.topbar-breadcrumb{flex:1;align-items:center;display:flex}.topbar-breadcrumb-sub{font-size:var(--text-xs);color:var(--neutral-400);font-weight:var(--weight-medium);margin-right:4px}.topbar-breadcrumb-text{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--neutral-900)}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.topbar-portal-link{background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:all var(--transition-fast);border:1px solid var(--primary-100);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.topbar-portal-link:hover{background:var(--primary-100);color:var(--primary-800);transform:translateY(-1px)}.topbar-divider{background:var(--neutral-200);width:1px;height:24px}.topbar-notification{border-radius:var(--radius-full);width:38px;height:38px;color:var(--neutral-600);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.topbar-notification:hover{background:var(--neutral-100);color:var(--neutral-900)}.topbar-notification.has-unread{color:var(--primary-600)}.topbar-notification-badge{border-radius:var(--radius-full);background:var(--danger-500);min-width:18px;height:18px;color:var(--neutral-0);font-size:10px;font-weight:var(--weight-extrabold);box-shadow:0 0 0 2px var(--neutral-0);justify-content:center;align-items:center;padding:0 4px;animation:2s infinite pulseBadge;display:flex;position:absolute;top:3px;right:3px}@keyframes pulseBadge{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.topbar-user-chip{align-items:center;gap:var(--space-2);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-full);padding:4px 10px 4px 4px;display:flex}.user-chip-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-600), var(--primary-800));width:30px;height:30px;color:var(--neutral-0);font-size:12px;font-weight:var(--weight-bold);justify-content:center;align-items:center;display:flex}.user-chip-info{flex-direction:column;display:flex}.user-chip-name{font-size:12px;font-weight:var(--weight-bold);color:var(--neutral-800);line-height:1.2}.user-chip-role{color:var(--neutral-500);font-size:10px;line-height:1}@media (width<=640px){.user-chip-info,.topbar-portal-link span{display:none}}.admin-content{padding:var(--space-6);box-sizing:border-box;flex:1;width:100%;max-width:100%;overflow-x:hidden}@media (width>=1024px){.admin-content{padding:var(--space-8)}}.dashboard{gap:var(--space-6);flex-direction:column;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--neutral-900);margin-bottom:var(--space-1)}.dashboard-subtitle{font-size:var(--text-sm);color:var(--neutral-500)}.dashboard-header-right{align-items:center;gap:var(--space-3);display:flex}.dashboard-period{background:var(--neutral-100);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);padding:3px;display:flex}.period-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--neutral-500);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0}.period-btn.active{background:var(--neutral-0);color:var(--primary-600);box-shadow:var(--shadow-xs)}.period-btn:hover:not(.active){color:var(--neutral-800)}.quick-actions-bar{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=640px){.quick-actions-bar{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.quick-actions-bar{grid-template-columns:repeat(4,1fr)}}.quick-action-card{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);text-align:left;transition:all var(--transition-base);box-shadow:var(--shadow-xs);cursor:pointer;display:flex}.quick-action-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300);transform:translateY(-2px)}.quick-action-card:hover .quick-action-arrow{color:var(--primary-600);transform:translate(4px)}.quick-action-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bg-primary-soft{background:var(--primary-50);color:var(--primary-600)}.bg-warning-soft{background:var(--warning-50);color:var(--warning-600)}.bg-purple-soft{color:#7c3aed;background:#f3e8ff}.bg-emerald-soft{background:var(--success-50);color:var(--success-600)}.quick-action-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.quick-action-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--neutral-900)}.quick-action-sub{color:var(--neutral-500);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.quick-action-arrow{color:var(--neutral-400);transition:transform var(--transition-fast), color var(--transition-fast)}.dashboard-cards{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.dashboard-cards{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.dashboard-cards{grid-template-columns:repeat(6,1fr)}}.dash-card{padding:var(--space-5);transition:all var(--transition-base);border-top:3px solid #0000;position:relative;overflow:hidden}.dash-card-primary{border-top-color:var(--primary-500)}.dash-card-warning{border-top-color:var(--warning-500)}.dash-card-success{border-top-color:var(--success-500)}.dash-card-danger{border-top-color:var(--danger-500)}.dash-card-accent{border-top-color:var(--accent-500)}.dash-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.dash-card-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.dash-card-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dash-card-icon-primary{background:var(--primary-50);color:var(--primary-600)}.dash-card-icon-success{background:var(--success-50);color:var(--success-600)}.dash-card-icon-warning{background:var(--warning-50);color:var(--warning-600)}.dash-card-icon-danger{background:var(--danger-50);color:var(--danger-600)}.dash-card-icon-accent{background:var(--accent-50);color:var(--accent-600)}.dash-card-trend{font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px 8px;display:flex}.dash-card-trend.up{color:var(--success-700);background:var(--success-50)}.dash-card-trend.down{color:var(--danger-700);background:var(--danger-50)}.dash-card-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--neutral-900);margin-bottom:var(--space-1)}.dash-card-label{font-size:var(--text-xs);color:var(--neutral-500);font-weight:var(--weight-medium)}.dashboard-charts-row{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=1024px){.dashboard-charts-row{grid-template-columns:1.4fr 1fr}}.chart-card{border-radius:var(--radius-xl);border:1px solid var(--neutral-200);background:var(--neutral-0);box-shadow:var(--shadow-xs);padding:0;overflow:hidden}.chart-card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;display:flex}.chart-title-group{align-items:center;gap:var(--space-3);display:flex}.chart-title-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chart-card-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--neutral-900);line-height:1.2}.chart-card-subtitle{color:var(--neutral-400);font-size:11px;display:block}.chart-header-badge{font-size:var(--text-xs);color:var(--primary-700);background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-full);font-weight:var(--weight-medium);padding:4px 10px}.chart-card-body{padding:var(--space-5) var(--space-4) var(--space-4)}.chart-tooltip-glass{color:#fff;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255, 255 255, .1);background:#0f172ae6;padding:8px 12px;box-shadow:0 10px 25px -5px #0000004d}.chart-tooltip-date{color:var(--neutral-400);margin-bottom:2px;font-size:11px}.chart-tooltip-row{align-items:center;gap:6px;display:flex}.tooltip-dot{background:var(--primary-400);width:8px;height:8px;box-shadow:0 0 6px var(--primary-400);border-radius:50%}.tooltip-dot.bg-bar{background:var(--accent-400);box-shadow:0 0 6px var(--accent-400)}.tooltip-value{font-size:12px;font-weight:var(--weight-bold)}.pie-container-wrap{justify-content:center;align-items:center;display:flex;position:relative}.pie-center-metric{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-center-value{font-family:var(--font-heading);font-size:22px;font-weight:var(--weight-extrabold);color:var(--neutral-900);line-height:1}.pie-center-label{font-size:10px;font-weight:var(--weight-semibold);color:var(--neutral-400);text-transform:uppercase;letter-spacing:.05em}.chart-pie-body{gap:var(--space-3);flex-direction:column;display:flex}.pie-legend{gap:var(--space-2) var(--space-4);padding:0 var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.pie-legend-item{font-size:var(--text-xs);align-items:center;gap:6px;display:flex}.pie-legend-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.pie-legend-label{color:var(--neutral-600)}.pie-legend-value{font-weight:var(--weight-bold);color:var(--neutral-900)}.status-bars{gap:var(--space-4);padding:var(--space-2) 0;flex-direction:column;display:flex}.status-bar-row{align-items:center;gap:var(--space-3);display:flex}.status-bar-label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--neutral-700);flex-shrink:0;min-width:7.5rem;display:flex}.status-bar-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.status-bar-track{background:var(--neutral-100);border-radius:var(--radius-full);flex:1;height:10px;overflow:hidden}.status-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.status-bar-count{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--neutral-900);text-align:right;min-width:24px}.recent-reports-card{border-radius:var(--radius-xl);border:1px solid var(--neutral-200);background:var(--neutral-0);box-shadow:var(--shadow-xs);padding:0;overflow:hidden}.recent-reports-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;display:flex}.recent-reports-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.recent-reports-table th{background:var(--neutral-50);color:var(--neutral-600);font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.03em;text-align:left;border-bottom:1px solid var(--neutral-200);padding:12px 20px}.recent-reports-table td{border-bottom:1px solid var(--neutral-100);color:var(--neutral-800);padding:14px 20px}.recent-reports-table tr:hover{background:var(--neutral-50)}.report-num-cell{align-items:center;gap:8px;display:flex}.report-num-text{font-weight:var(--weight-semibold);color:var(--primary-700);font-family:monospace}.emergency-pill{background:var(--danger-50);color:var(--danger-600);border:1px solid var(--danger-100);font-size:10px;font-weight:var(--weight-bold);border-radius:var(--radius-full);align-items:center;gap:3px;padding:1px 6px;display:inline-flex}.person-name{font-weight:var(--weight-medium);color:var(--neutral-900)}.case-type-tag{font-size:var(--text-xs);background:var(--neutral-100);color:var(--neutral-700);border-radius:var(--radius-md);font-weight:var(--weight-medium);padding:2px 8px}.recent-reports-empty{padding:var(--space-8);text-align:center;color:var(--neutral-500);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.report-mgmt{gap:var(--space-5);flex-direction:column;display:flex}.report-mgmt-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.report-header-actions{align-items:center;gap:var(--space-2);display:flex}.report-stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.report-stats-grid{grid-template-columns:repeat(4,1fr)}}.report-stat-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xs);flex-direction:column;gap:2px;display:flex}.report-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300);transform:translateY(-2px)}.report-stat-card.active{border-color:var(--primary-500);background:var(--primary-50)}.report-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-xs);flex-wrap:wrap;display:flex}.report-table-wrap{border-radius:var(--radius-xl);border:1px solid var(--neutral-200);background:var(--neutral-0);box-shadow:var(--shadow-xs);padding:0;overflow:hidden;z-index:1!important;position:relative!important}.report-table-scroll{overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);text-align:left}.report-table th{background:var(--neutral-50);color:var(--neutral-600);font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--neutral-200);padding:12px 14px}.report-table td{border-bottom:1px solid var(--neutral-100);vertical-align:middle;padding:12px 14px}.report-table tbody tr.clickable-row{cursor:pointer;background:var(--neutral-0)}.report-table tbody tr.row-emergency{background:var(--neutral-0)}.victim-name-row{align-items:center;gap:4px;margin-bottom:2px;display:flex}.report-num-cell{flex-direction:column;gap:4px;display:flex}.report-num-text{font-family:monospace;font-weight:var(--weight-bold);color:var(--primary-700);font-size:var(--text-sm)}.reporter-cell{align-items:center;gap:10px;display:flex}.reporter-avatar{border-radius:var(--radius-full);background:var(--primary-100);width:32px;height:32px;color:var(--primary-700);font-size:12px;font-weight:var(--weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.reporter-info{flex-direction:column;display:flex}.reporter-name{font-weight:var(--weight-semibold);color:var(--neutral-900);line-height:1.2}.reporter-contact{align-items:center;gap:6px;display:flex}.reporter-phone{color:var(--neutral-500);font-size:11px}.wa-chip{color:#fff;width:18px;height:18px;transition:transform var(--transition-fast);background:#25d366;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.wa-chip:hover{color:#fff;transform:scale(1.15)}.badge-category{background:var(--neutral-100);color:var(--neutral-800);font-weight:var(--weight-medium);border-radius:var(--radius-md);font-size:var(--text-xs);padding:3px 8px}.status-submitted,.status-in_survey,.status-perlu_survey,.status-assigned{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.status-submitted .status-dot-indicator,.status-in_survey .status-dot-indicator,.status-perlu_survey .status-dot-indicator,.status-assigned .status-dot-indicator{background:#2563eb}.status-verified,.status-tindak_lanjut{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.status-verified .status-dot-indicator,.status-tindak_lanjut .status-dot-indicator{background:#d97706}.status-closed,.status-completed,.status-selesai{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.status-closed .status-dot-indicator,.status-completed .status-dot-indicator,.status-selesai .status-dot-indicator{background:#059669}.status-rejected,.status-ditolak{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.status-rejected .status-dot-indicator,.status-ditolak .status-dot-indicator{background:#dc2626}.action-btns{justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-action{font-size:12px;font-weight:var(--weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:6px 12px;display:inline-flex}.btn-action-detail{background:var(--neutral-100);color:var(--neutral-800);border-color:var(--neutral-200)}.btn-action-detail:hover{background:var(--neutral-200);color:var(--neutral-900);transform:translateY(-1px)}.btn-action-verify{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.btn-action-verify:hover{color:#065f46;background:#d1fae5;transform:translateY(-1px)}.btn-action-reject{color:#be123c;background:#fff1f2;border-color:#fecdd3}.btn-action-reject:hover{color:#9f1239;background:#ffe4e6;transform:translateY(-1px)}.btn-action-assign{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.btn-action-assign:hover{color:#1e40af;background:#dbeafe;transform:translateY(-1px)}.modal-status-banner{background:var(--neutral-50);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.banner-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--neutral-600)}@media (width>=640px){.detail-grid{grid-template-columns:repeat(2,1fr)}}.detail-card-box{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);flex-direction:column;gap:12px;padding:16px 18px;display:flex}.detail-phone-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.wa-btn{color:#fff!important;border-radius:var(--radius-md)!important;font-size:11px!important;font-weight:var(--weight-semibold)!important;background:#25d366!important;border:none!important;padding:4px 10px!important}.detail-description{font-size:var(--text-sm);color:var(--neutral-800);line-height:var(--leading-relaxed);background:var(--neutral-50);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);margin:0;padding:12px 14px}.detail-box-title-row{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:8px;display:flex}.media-summary-pill{font-size:10px;font-weight:var(--weight-bold);background:var(--neutral-100);color:var(--neutral-700);border-radius:var(--radius-full);padding:3px 8px}.media-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:6px;display:grid}.media-gallery-card{cursor:pointer;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);background:var(--neutral-0);transition:all var(--transition-base);flex-direction:column;gap:6px;padding:6px;display:flex;overflow:hidden}.media-gallery-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-400);transform:translateY(-2px)}.media-video-thumb,.media-image-thumb{border-radius:var(--radius-md);background:var(--neutral-900);width:100%;height:110px;position:relative;overflow:hidden}.media-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-fast)}.media-gallery-card:hover .media-thumb-img{transform:scale(1.05)}.video-play-overlay{transition:background var(--transition-fast);background:#0f172a73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-gallery-card:hover .video-play-overlay{background:#0f172a40}.image-zoom-overlay{opacity:0;transition:opacity var(--transition-fast);background:#0f172a59;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-gallery-card:hover .image-zoom-overlay{opacity:1}.media-type-badge{font-size:9px;font-weight:var(--weight-bold);border-radius:var(--radius-sm);color:#fff;align-items:center;gap:3px;padding:2px 6px;display:inline-flex;position:absolute;top:6px;left:6px}.badge-video{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#dc2626d9}.badge-image{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2563ebd9}.media-caption{font-size:11px;font-weight:var(--weight-medium);color:var(--neutral-700);white-space:nowrap;text-overflow:ellipsis;padding:2px 4px;overflow:hidden}.no-photo-text{font-size:var(--text-xs);color:var(--neutral-500);padding:12px;font-style:italic}.lightbox-content{border-radius:var(--radius-2xl)!important;background:#0f172a!important;border:1px solid #ffffff1a!important;flex-direction:column!important;width:90vw!important;max-width:900px!important;max-height:90vh!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000080!important}.lightbox-header{background:#0f172acc;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.lightbox-title-group{color:#fff;align-items:center;gap:10px;display:flex}.lightbox-caption{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff}.lightbox-body{background:#000;flex:1;justify-content:center;align-items:center;max-height:70vh;padding:20px;display:flex}.lightbox-media{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:65vh}.lightbox-footer{background:#0f172acc;border-top:1px solid #ffffff1a;justify-content:flex-end;align-items:center;padding:14px 20px;display:flex}.assign-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);background:var(--neutral-0);text-align:left;transition:all var(--transition-fast);cursor:pointer;width:100%;display:flex}.assign-option:hover{background:var(--primary-50);border-color:var(--primary-400);transform:translate(2px)}.assign-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;width:38px;height:38px;font-weight:var(--weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.assign-details{flex-direction:column;flex:1;display:flex}.assign-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--neutral-900)}.assign-email{color:var(--neutral-500);font-size:11px}.assign-icon{color:var(--primary-500)}.case-handling{gap:var(--space-5);flex-direction:column;display:flex}.case-handling-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.case-header-actions{align-items:center;gap:var(--space-2);display:flex}.case-stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.case-stats-grid{grid-template-columns:repeat(4,1fr)}}.case-stat-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xs);flex-direction:column;gap:2px;display:flex}.case-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300);transform:translateY(-2px)}.case-stat-card.active{border-color:var(--primary-500);background:var(--primary-50)}.case-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-xs);flex-wrap:wrap;display:flex}.toolbar-filter-btn.has-filters{color:var(--primary-600);background:var(--primary-50)}.case-table-wrap{border-radius:var(--radius-xl);border:1px solid var(--neutral-200);background:var(--neutral-0);box-shadow:var(--shadow-xs);padding:0;overflow:hidden;z-index:1!important;position:relative!important}.case-table-scroll{overflow-x:auto}.case-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);text-align:left}.case-table th{background:var(--neutral-50);color:var(--neutral-600);font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--neutral-200);padding:12px 14px}.case-table td{border-bottom:1px solid var(--neutral-100);vertical-align:middle;padding:12px 14px}.case-table tbody tr.clickable-row{cursor:pointer;background:var(--neutral-0);transition:background var(--transition-fast)}.case-table tbody tr.clickable-row:hover{background:var(--neutral-50)}.case-table tbody tr.row-emergency{border-left:3px solid var(--danger-500)}.case-num-cell{flex-direction:column;gap:4px;display:flex}.case-num-text{font-family:monospace;font-weight:var(--weight-bold);color:var(--primary-700);font-size:var(--text-sm)}.emergency-badge{background:var(--danger-50);color:var(--danger-600);border:1px solid var(--danger-200);font-size:11px;font-weight:var(--weight-bold);border-radius:var(--radius-full);align-items:center;gap:4px;width:fit-content;padding:2px 8px;display:inline-flex}.victim-cell{flex-direction:column;display:flex}.victim-name{font-weight:var(--weight-semibold);color:var(--neutral-900);font-size:var(--text-sm)}.victim-meta{color:var(--neutral-500);font-size:11px}.location-chip{font-size:var(--text-xs);color:var(--neutral-700);font-weight:var(--weight-medium);align-items:center;gap:4px;display:inline-flex}.category-pill-neutral{border-radius:var(--radius-md);font-size:11px;font-weight:var(--weight-semibold);background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-200);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.status-pill{font-size:11px;font-weight:var(--weight-bold);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.status-perlu_survey,.status-survey_done,.status-assigned,.status-diterima,.status-in_survey{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.status-perlu_survey .status-dot-indicator,.status-survey_done .status-dot-indicator,.status-assigned .status-dot-indicator,.status-diterima .status-dot-indicator,.status-in_survey .status-dot-indicator{background:#2563eb}.status-tindak_lanjut{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.status-tindak_lanjut .status-dot-indicator{background:#d97706}.status-selesai,.status-closed,.status-completed{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.status-selesai .status-dot-indicator,.status-closed .status-dot-indicator,.status-completed .status-dot-indicator{background:#059669}.status-ditolak,.status-rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.status-ditolak .status-dot-indicator,.status-rejected .status-dot-indicator{background:#dc2626}.priority-pill{border-radius:var(--radius-md);font-size:11px;font-weight:var(--weight-bold);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.priority-tinggi,.priority-high{background:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-200)}.priority-sedang,.priority-medium{background:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.priority-rendah,.priority-low{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.date-cell{font-size:var(--text-xs);color:var(--neutral-500);white-space:nowrap}.table-empty{color:var(--neutral-500);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.table-pagination{background:var(--neutral-0);border-top:1px solid var(--neutral-200);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:14px 20px;display:flex}.pagination-info{font-size:var(--text-xs);color:var(--neutral-500);font-weight:var(--weight-medium)}.pagination-btns{align-items:center;gap:4px;display:flex}.modal-header{border-bottom:1px solid var(--neutral-200);background:var(--neutral-50);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-title-group{align-items:center;gap:12px;display:flex}.modal-tabs{border-bottom:1px solid var(--neutral-200);background:var(--neutral-0);flex-shrink:0;align-items:center;gap:8px;min-height:48px;padding:0 20px;display:flex;overflow-x:auto}.modal-tab-btn{font-size:13px;font-weight:var(--weight-semibold);color:var(--neutral-500);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;display:inline-flex}.modal-tab-btn:hover{color:var(--neutral-800)}.modal-tab-btn.active{border-bottom-color:var(--primary-600);color:var(--primary-600);font-weight:var(--weight-bold)}.modal-status-banner{background:var(--neutral-50);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.detail-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.detail-grid{grid-template-columns:repeat(2,1fr)}}.detail-card-box{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.detail-card-box:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-sm)}.detail-card-box.full-width{grid-column:1/-1}.detail-box-title{font-size:12px;font-weight:var(--weight-bold);color:var(--primary-700);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--neutral-100);align-items:center;gap:8px;margin:0 0 4px;padding-bottom:10px;display:flex}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{font-size:11px;font-weight:var(--weight-bold);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.04em}.detail-value{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--neutral-900);word-break:break-word}.case-progress-tracker{justify-content:space-between;align-items:flex-start;padding:20px 10px 10px;display:flex;position:relative}.case-progress-line-bg{background:var(--neutral-200);z-index:0;border-radius:var(--radius-full);height:4px;position:absolute;top:42px;left:12%;right:12%}.case-progress-line-active{background:linear-gradient(90deg, var(--success-500), var(--primary-500));z-index:0;border-radius:var(--radius-full);height:4px;transition:width .4s;position:absolute;top:42px;left:12%}.case-progress-step{z-index:1;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.case-progress-icon-wrap{background:var(--neutral-0);width:46px;height:46px;color:var(--neutral-400);border:2px solid var(--neutral-300);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000a}.case-progress-step.completed .case-progress-icon-wrap{background:var(--success-500);color:#fff;border-color:var(--success-500);box-shadow:0 4px 10px #10b98140}.case-progress-step.active .case-progress-icon-wrap{background:var(--primary-600);color:#fff;border-color:var(--primary-600);transform:scale(1.1);box-shadow:0 0 0 5px #3b5bfc33,0 4px 12px #3b5bfc4d}.case-progress-label{font-size:12px;font-weight:var(--weight-medium);color:var(--neutral-500);text-align:center;transition:all var(--transition-fast)}.case-progress-step.completed .case-progress-label{font-weight:var(--weight-semibold);color:var(--success-700)}.case-progress-step.active .case-progress-label{font-weight:var(--weight-extrabold);color:var(--primary-700);transform:translateY(2px)}.modal-footer .btn-primary{background:var(--primary-600)!important;color:#fff!important;border:1px solid var(--primary-700)!important;font-weight:var(--weight-bold)!important;box-shadow:0 2px 6px #3b5bfc40!important}.modal-footer .btn-primary:hover{transform:translateY(-1px);background:var(--primary-700)!important}.modal-footer .btn-success{background:var(--success-600)!important;color:#fff!important;border:1px solid var(--success-700)!important;font-weight:var(--weight-bold)!important;box-shadow:0 2px 6px #10b98140!important}.modal-footer .btn-success:hover{transform:translateY(-1px);background:var(--success-700)!important}.confirm-dialog-box{text-align:center!important;background:var(--neutral-0)!important;width:400px!important;max-width:90vw!important;box-shadow:var(--shadow-2xl)!important;border-radius:20px!important;flex-direction:column!important;gap:14px!important;margin:0 auto!important;padding:24px!important;display:flex!important}.case-summary-milestones{background:var(--neutral-50);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;padding:14px 18px;display:grid}.milestone-item{flex-direction:column;gap:4px;display:flex}.milestone-label{font-size:11px;font-weight:var(--weight-bold);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.03em}.milestone-val{font-size:13px;font-weight:var(--weight-bold);color:var(--neutral-900)}.history-stepper-container{border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:#fff;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:16px 12px 12px;display:flex;position:relative}.history-stepper-track{background:var(--neutral-200);z-index:1;height:3px;position:absolute;top:35px;left:45px;right:45px}.history-stepper-progress{background:var(--primary-600);border-radius:4px;height:100%;transition:width .3s}.history-step-item{z-index:2;text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.history-step-circle{border:2px solid var(--neutral-300);width:38px;height:38px;color:var(--neutral-400);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .2s;display:flex}.history-step-item.completed .history-step-circle{background:var(--success-500);border-color:var(--success-500);color:#fff;box-shadow:0 2px 8px #10b9814d}.history-step-item.active .history-step-circle{background:var(--primary-600);border-color:var(--primary-600);color:#fff;box-shadow:0 0 0 4px var(--primary-100)}.history-step-title{color:var(--neutral-600);font-size:11px;font-weight:700;line-height:1.2}.history-step-item.completed .history-step-title,.history-step-item.active .history-step-title{color:var(--neutral-900)}.history-step-status{color:var(--neutral-400);font-size:10px;font-weight:600}.history-step-item.completed .history-step-status{color:var(--success-600)}.history-step-item.active .history-step-status{color:var(--primary-600)}.history-card-list{flex-direction:column;gap:14px;display:flex}.history-flow-card{border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;gap:10px;padding:16px 18px;transition:all .2s;display:flex;position:relative}.history-flow-card.completed{border-left:4px solid var(--success-500)}.history-flow-card.active-stage{border-left:4px solid var(--primary-600);background:#f8fafc}.history-flow-card.pending{border-left:4px solid var(--neutral-300);opacity:.7}.history-flow-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.history-flow-step-tag{letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800}.history-flow-step-tag.tag-completed{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.history-flow-step-tag.tag-active{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.history-flow-step-tag.tag-pending{background:var(--neutral-100);color:var(--neutral-600);border:1px solid var(--neutral-200)}.history-flow-title-wrap{align-items:center;gap:10px;display:flex}.history-flow-title{color:var(--neutral-900);margin:0;font-size:14px;font-weight:700}.history-flow-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.actor-badge{border-radius:var(--radius-full);background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-200);padding:3px 10px;font-size:11px;font-weight:600}.timeline-timestamp{color:var(--neutral-500);align-items:center;gap:4px;font-size:11px;display:flex}.history-flow-body{background:var(--neutral-50);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);color:var(--neutral-800);padding:10px 14px;font-size:13px;line-height:1.5}.toast{border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:var(--shadow-lg);z-index:99999;align-items:center;gap:10px;padding:12px 20px;display:flex;position:fixed;bottom:24px;right:24px}.toast-success{color:#fff;background:#064e3b}.toast-error{color:#fff;background:#881337}.history-flow-attachments{border-top:1px dashed var(--neutral-200);margin-top:10px;padding-top:10px}.attachment-strip-label{color:var(--neutral-600);align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.attachment-strip-grid{flex-wrap:wrap;gap:8px;display:flex}.attachment-thumb-card{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--neutral-200);background:var(--neutral-100);width:58px;height:58px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.attachment-thumb-card:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.attachment-thumb-img{object-fit:cover;width:100%;height:100%}.attachment-thumb-overlay{color:#fff;opacity:0;background:#0f172a66;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.attachment-thumb-card:hover .attachment-thumb-overlay{opacity:1}.lightbox-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172ad9;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-card{border-radius:var(--radius-2xl);background:#fff;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.lightbox-header{border-bottom:1px solid var(--neutral-200);background:#f8fafc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.lightbox-title{color:var(--neutral-800);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.lightbox-body{background:#0f172a;justify-content:center;align-items:center;max-height:70vh;padding:20px;display:flex;overflow:auto}.lightbox-img{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:65vh;box-shadow:0 10px 25px #00000080}.lightbox-footer{border-top:1px solid var(--neutral-200);color:var(--neutral-600);background:#fff;justify-content:space-between;align-items:center;padding:14px 20px;font-size:12px;display:flex}.user-mgmt{gap:var(--space-5);flex-direction:column;display:flex}.user-mgmt-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--neutral-900);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--text-sm);color:var(--neutral-500)}.user-header-actions{align-items:center;gap:var(--space-2);display:flex}.user-alert-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);display:flex}.user-alert-banner.danger{background:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-200)}.user-stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.user-stats-grid{grid-template-columns:repeat(4,1fr)}}.user-stat-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xs);flex-direction:column;gap:2px;display:flex}.user-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300);transform:translateY(-2px)}.user-stat-card.active{border-color:var(--primary-500);background:var(--primary-50)}.border-indigo{border-top:3px solid #6366f1}.text-indigo{color:#4f46e5}.user-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-xs);flex-wrap:wrap;display:flex}.toolbar-search-icon{color:var(--neutral-400);pointer-events:none;z-index:2;position:absolute;left:14px}.toolbar-search-input{width:100%;transition:all var(--transition-fast);z-index:1;border:1px solid var(--neutral-200)!important;background:var(--neutral-50)!important;font-size:var(--text-sm)!important;border-radius:var(--radius-lg)!important;height:42px!important;color:var(--neutral-800)!important;padding-left:2.6rem!important;padding-right:2.5rem!important}.search-clear-btn{color:var(--neutral-400);z-index:2;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.search-clear-btn:hover{color:var(--neutral-700);background:var(--neutral-200)}.toolbar-filter-btn.has-filters{color:var(--primary-600);background:var(--primary-50);border-color:var(--primary-200)}.view-mode-toggle{background:var(--neutral-100);border-radius:var(--radius-lg);align-items:center;gap:2px;padding:3px;display:flex}.view-mode-toggle button{border-radius:var(--radius-md);color:var(--neutral-500);padding:6px}.view-mode-toggle button.is-active{background:var(--neutral-0);color:var(--primary-600);box-shadow:var(--shadow-xs)}.trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-dropdown-menu{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);z-index:10000;max-height:240px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.user-table-container{background:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-xs);overflow:hidden}.user-table{border-collapse:collapse;text-align:left;width:100%}.user-table th{background:var(--neutral-50);font-size:11px;font-weight:var(--weight-bold);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--neutral-200);padding:12px 18px}.user-table td{font-size:var(--text-sm);border-bottom:1px solid var(--neutral-100);vertical-align:middle;padding:14px 18px}.user-table tr:last-child td{border-bottom:none}.user-table tbody tr{transition:background var(--transition-fast)}.user-table tbody tr:hover{background:var(--neutral-50)}.user-table tr.tr-inactive{opacity:.75;background:#f8fafc99}.user-avatar{border-radius:var(--radius-lg);width:40px;height:40px;font-weight:var(--weight-bold);color:var(--neutral-0);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex;box-shadow:0 2px 6px #0000001a}.avatar-role-admin{background:linear-gradient(135deg,#4f46e5,#3730a3)}.avatar-role-supervisor{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.avatar-role-operator{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.avatar-role-petugas{background:linear-gradient(135deg,#059669,#047857)}.user-cell-info{flex-direction:column;gap:2px;display:flex}.user-name{font-weight:var(--weight-semibold);color:var(--neutral-900);line-height:1.3}.user-email{font-size:var(--text-xs);color:var(--neutral-500)}.contact-info{color:var(--neutral-600);align-items:center;gap:6px;display:flex}.text-muted{color:var(--neutral-400)}.role-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-semibold);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.role-badge-admin{color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe}.role-badge-supervisor{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.role-badge-operator{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.role-badge-petugas{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.status-pill{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-semibold);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.status-dot-indicator{border-radius:var(--radius-full);width:6px;height:6px}.status-active{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.status-active .status-dot-indicator{background:var(--success-500);box-shadow:0 0 6px var(--success-500)}.status-inactive{background:var(--neutral-100);color:var(--neutral-600);border:1px solid var(--neutral-200)}.status-inactive .status-dot-indicator{background:var(--neutral-400)}.action-buttons-group{justify-content:flex-end;align-items:center;gap:4px;display:flex}.action-buttons-group .btn-icon{border-radius:var(--radius-md);color:var(--neutral-500);transition:all var(--transition-fast);padding:6px}.action-buttons-group .btn-icon:hover{background:var(--neutral-100);color:var(--neutral-900)}.action-buttons-group .action-reject:hover{background:var(--danger-50);color:var(--danger-600)}.action-buttons-group .action-verify:hover{background:var(--success-50);color:var(--success-600)}.user-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.user-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.user-grid{grid-template-columns:repeat(3,1fr)}}.user-card{padding:var(--space-5);transition:all var(--transition-base);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);background:var(--neutral-0);box-shadow:var(--shadow-xs);flex-direction:column;justify-content:space-between;display:flex}.user-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300);transform:translateY(-2px)}.user-card-inactive{opacity:.7;background:var(--neutral-50)}.user-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.user-card-avatar{border-radius:var(--radius-xl);width:44px;height:44px;color:var(--neutral-0);font-weight:var(--weight-bold);font-size:var(--text-base);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #00000026}.user-card-body{margin-bottom:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.user-card-name{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--neutral-900);margin-bottom:2px}.user-card-role-wrapper{margin-bottom:var(--space-2)}.user-card-info{font-size:var(--text-xs);color:var(--neutral-600);flex-direction:column;gap:6px;display:flex}.user-info-row{align-items:center;gap:8px;display:flex}.user-card-footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--neutral-100);display:flex}.user-card-footer .btn{font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.user-empty-state{padding:var(--space-10) var(--space-6);text-align:center;background:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-icon{color:var(--neutral-300)}.user-empty-state h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--neutral-800)}.user-empty-state p{font-size:var(--text-sm);color:var(--neutral-500);max-width:360px;margin-bottom:var(--space-2)}.modal-header{border-bottom:1px solid var(--neutral-200);background:var(--neutral-50);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header-title-group{flex-direction:column;gap:2px;display:flex}.modal-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--neutral-900);margin:0}.modal-subtitle{font-size:var(--text-xs);color:var(--neutral-500)}.modal-body{flex-direction:column;gap:16px;max-height:calc(85vh - 130px);padding:24px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--neutral-200);background:var(--neutral-50);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.user-form{flex-direction:column;gap:16px;width:100%;display:flex}.user-form .form-group{flex-direction:column;gap:6px;width:100%;display:flex}.user-form .form-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--neutral-700)}.user-form .form-input-icon{align-items:center;width:100%;display:flex;position:relative}.user-form .form-input-prefix-icon{color:var(--neutral-400);pointer-events:none;z-index:2;position:absolute;left:14px}.user-form .form-input{border-radius:var(--radius-lg);height:42px;font-size:var(--text-sm);background:var(--neutral-50);border:1px solid var(--neutral-200);color:var(--neutral-800);transition:all var(--transition-fast);padding:10px 14px;box-sizing:border-box!important;width:100%!important}.user-form .form-input:focus{background:var(--neutral-0);border-color:var(--primary-500);box-shadow:0 0 0 3px #3b5bfc1f}.user-form .form-input-prefixed{padding-left:2.6rem!important}.select-custom-role{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:2.5rem!important}.user-info-banner{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--primary-800);align-items:flex-start;gap:10px;margin-top:4px;padding:12px 14px;line-height:1.4;display:flex}.info-icon{color:var(--primary-600);flex-shrink:0;margin-top:1px}.delete-modal-title{align-items:center;gap:10px;display:flex}.delete-confirm-text{font-size:var(--text-sm);color:var(--neutral-600);line-height:1.5}.notif-mgmt{gap:var(--space-5);flex-direction:column;display:flex}.notif-mgmt-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.notif-header-actions{align-items:center;gap:var(--space-2);display:flex}.notif-stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.notif-stats-grid{grid-template-columns:repeat(4,1fr)}}.notif-stat-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xs);flex-direction:column;gap:2px;display:flex}.notif-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300);transform:translateY(-2px)}.notif-stat-card.active{border-color:var(--primary-500);background:var(--primary-50)}.border-amber{border-top:3px solid var(--warning-500)}.text-amber{color:var(--warning-600)}.notif-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-xs);flex-wrap:wrap;display:flex}.toolbar-search{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.toolbar-search-icon{color:var(--neutral-400);pointer-events:none;position:absolute;left:14px}.toolbar-search-input{border-radius:var(--radius-lg);width:100%;transition:all var(--transition-fast);border:1px solid var(--neutral-200)!important;background:var(--neutral-50)!important;font-size:var(--text-sm)!important;padding-left:2.4rem!important;padding-right:2.2rem!important}.toolbar-search-input:focus{background:var(--neutral-0)!important;border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #3b5bfc1a!important}.search-clear-btn{color:var(--neutral-400);position:absolute;right:10px}.notif-tabs{background:var(--neutral-100);border-radius:var(--radius-lg);gap:4px;padding:4px;display:flex}.notif-tab{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--neutral-600);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:6px 14px}.notif-tab.active{background:var(--neutral-0);color:var(--primary-700);font-weight:var(--weight-semibold);box-shadow:var(--shadow-xs)}.notif-tab:hover:not(.active){color:var(--neutral-900);background:#ffffff80}.filter-count{border-radius:var(--radius-full);background:var(--primary-500);width:18px;height:18px;color:var(--neutral-0);font-size:10px;font-weight:var(--weight-bold);justify-content:center;align-items:center;margin-left:4px;display:inline-flex}.filter-panel{background:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:16px 20px;display:flex;z-index:100!important;position:relative!important;overflow:visible!important}.filter-panel-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.filter-panel-title{font-size:12px;font-weight:var(--weight-bold);color:var(--primary-700);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;display:flex}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.notif-list{gap:var(--space-4);flex-direction:column;display:flex}.notif-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-3);transition:all var(--transition-base);box-shadow:var(--shadow-xs);flex-direction:column;display:flex;position:relative;overflow:hidden}.notif-card:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-300);transform:translateY(-1px)}.notif-card.notif-unread{background:linear-gradient(135deg, #eef2ffb3, var(--neutral-0));border-left:4px solid var(--primary-500)}.notif-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.notif-header-left{align-items:center;gap:var(--space-3);display:flex}.notif-icon-box{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 5px #0000000d}.notif-icon-primary{background:var(--primary-100);color:var(--primary-700)}.notif-icon-danger{background:var(--danger-100);color:var(--danger-700)}.notif-icon-warning{background:var(--warning-100);color:var(--warning-700)}.notif-icon-success{background:var(--success-100);color:var(--success-700)}.notif-icon-accent{background:var(--primary-100);color:var(--primary-700)}.notif-type-wrapper{align-items:center;gap:var(--space-2);display:flex}.notif-unread-dot{border-radius:var(--radius-full);background:var(--primary-500);width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 0 3px #3b5bfc33}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.notif-time-badge{font-size:var(--text-xs);color:var(--neutral-500);background:var(--neutral-100);border-radius:var(--radius-full);align-items:center;gap:5px;padding:4px 10px;display:flex}.notif-card-body{flex-direction:column;gap:4px;display:flex}.notif-card-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--neutral-900)}.notif-card-message{font-size:var(--text-sm);color:var(--neutral-600);line-height:var(--leading-relaxed)}.notif-card-footer{padding-top:var(--space-2);border-top:1px solid var(--neutral-100);justify-content:flex-end;align-items:center;display:flex}.notif-card-actions{align-items:center;gap:var(--space-2);display:flex}.notif-card-actions .btn{font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.notif-empty{padding:var(--space-12) var(--space-6);text-align:center;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-icon-wrap{border-radius:var(--radius-full);background:var(--neutral-100);width:72px;height:72px;color:var(--neutral-400);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.empty-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--neutral-800)}.empty-desc{font-size:var(--text-sm);color:var(--neutral-500);max-width:420px}.pagination-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-xs);flex-wrap:wrap;display:flex}.pagination-info{font-size:var(--text-xs);color:var(--neutral-600)}.pagination-controls{align-items:center;gap:4px;display:flex}.export-mgmt{gap:var(--space-5);flex-direction:column;max-width:1040px;margin:0 auto;display:flex}.export-mgmt-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.export-header-actions{align-items:center;gap:var(--space-2);display:flex}.export-stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.export-stats-grid{grid-template-columns:repeat(4,1fr)}}.export-stat-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xs);flex-direction:column;gap:2px;display:flex}.export-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300);transform:translateY(-2px)}.export-stat-card.active{border-color:var(--primary-500);background:var(--primary-50)}.border-blue{border-top:3px solid var(--primary-500)}.border-emerald{border-top:3px solid var(--success-500)}.border-rose{border-top:3px solid var(--danger-500)}.stat-label{font-size:11px;font-weight:var(--weight-semibold);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.03em}.stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--neutral-900)}.text-blue{color:var(--primary-600)!important}.text-emerald{color:var(--success-600)!important}.text-rose{color:var(--danger-600)!important}.font-bold{font-weight:var(--weight-bold)!important}.font-semibold{font-weight:var(--weight-semibold)!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.export-section{padding:var(--space-6);background:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-xs);gap:var(--space-5);flex-direction:column;display:flex}.export-section-header{border-bottom:1px solid var(--neutral-100);padding-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.export-section-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--neutral-900);align-items:center;gap:var(--space-2);display:flex}.export-section-desc{font-size:var(--text-xs);color:var(--neutral-500)}.title-with-badge{align-items:center;gap:var(--space-3);display:flex}.filter-count-pill{font-size:11px;font-weight:var(--weight-bold);background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);padding:3px 10px}.recap-mode-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=640px){.recap-mode-grid{grid-template-columns:repeat(2,1fr)}}.recap-mode-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border:2px solid var(--neutral-200);border-radius:var(--radius-xl);background:var(--neutral-0);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%;display:flex;position:relative}.recap-mode-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.recap-mode-card.active{border-color:var(--primary-500);background:var(--primary-50);box-shadow:var(--shadow-sm)}.recap-mode-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-kecamatan{background:var(--primary-100);color:var(--primary-700)}.icon-case{background:var(--warning-100);color:var(--warning-800)}.icon-period{background:var(--success-100);color:var(--success-700)}.icon-detail{background:var(--neutral-200);color:var(--neutral-800)}.recap-mode-info{flex-direction:column;gap:3px;padding-right:20px;display:flex}.recap-mode-title{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--neutral-900)}.recap-mode-desc{font-size:var(--text-xs);color:var(--neutral-500);line-height:var(--leading-relaxed)}.recap-mode-check{color:var(--primary-600);position:absolute;top:16px;right:16px}.export-format-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=640px){.export-format-grid{grid-template-columns:repeat(3,1fr)}}.export-format-option{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border:2px solid var(--neutral-200);border-radius:var(--radius-xl);background:var(--neutral-0);cursor:pointer;transition:all var(--transition-base);text-align:left;flex-direction:column;width:100%;display:flex;position:relative}.export-format-option:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.export-format-option.active{border-color:var(--primary-500);background:var(--primary-50);box-shadow:var(--shadow-sm)}.format-icon-wrap{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 2px 6px #0000000f}.format-csv{background:var(--success-100);color:var(--success-700)}.format-pdf{background:var(--danger-100);color:var(--danger-700)}.format-json{background:var(--primary-100);color:var(--primary-700)}.format-info{flex-direction:column;gap:3px;display:flex}.format-name{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--neutral-900)}.format-desc{font-size:var(--text-xs);color:var(--neutral-500);line-height:var(--leading-relaxed)}.format-check{color:var(--primary-600);position:absolute;top:14px;right:14px}.date-presets-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--neutral-50);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);flex-wrap:wrap;display:flex}.presets-label{font-size:11px;font-weight:var(--weight-semibold);color:var(--neutral-500);text-transform:uppercase}.presets-group{flex-wrap:wrap;gap:6px;display:flex}.preset-btn{background:var(--neutral-0)!important;border:1px solid var(--neutral-200)!important;border-radius:var(--radius-md)!important;color:var(--neutral-700)!important;padding:4px 10px!important;font-size:11px!important}.preset-btn:hover{background:var(--primary-50)!important;color:var(--primary-700)!important;border-color:var(--primary-200)!important}.export-filter-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.custom-date-range-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.flex-1{flex:1;min-width:200px}.custom-dropdown-container{z-index:101;flex-direction:column;gap:6px;display:flex;position:relative!important}.custom-dropdown-container.is-open{z-index:9999!important}.custom-dropdown-trigger{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--neutral-700);cursor:pointer;transition:all var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;display:flex}.custom-dropdown-trigger:hover{background:var(--neutral-0);border-color:var(--neutral-300)}.custom-dropdown-trigger.is-open{background:var(--neutral-0);border-color:var(--primary-500);box-shadow:0 0 0 3px #3b5bfc1f}.custom-dropdown-trigger.has-value{color:var(--neutral-900);font-weight:var(--weight-semibold)}.trigger-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trigger-arrow{color:var(--neutral-400);transition:transform var(--transition-fast);flex-shrink:0}.trigger-arrow.rotate{color:var(--primary-600);transform:rotate(180deg)}.custom-dropdown-menu{flex-direction:column;gap:2px;max-height:240px;padding:6px;display:flex;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;background:var(--neutral-0)!important;border:1px solid var(--neutral-200)!important;border-radius:var(--radius-xl)!important;z-index:99999!important;position:absolute!important;box-shadow:0 20px 35px -5px #0000002e,0 10px 15px -5px #0000001a!important}.custom-dropdown-item{font-size:var(--text-sm);color:var(--neutral-700);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.custom-dropdown-item:hover{background:var(--primary-50);color:var(--primary-700)}.custom-dropdown-item.is-selected{background:var(--primary-50);color:var(--primary-700);font-weight:var(--weight-bold)}.item-check{color:var(--primary-600)}.active-filter-chips{border-top:1px solid var(--neutral-100);flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.chips-label{font-size:11px;font-weight:var(--weight-semibold);color:var(--neutral-500);text-transform:uppercase}.filter-chip{border-radius:var(--radius-full);background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200);align-items:center;gap:6px;padding:3px 10px;font-size:11px;display:inline-flex}.chip-remove{cursor:pointer;color:var(--primary-500);transition:color var(--transition-fast)}.chip-remove:hover{color:var(--danger-600)}.recap-table-container{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--neutral-0);width:100%;overflow-x:auto}.recap-table{border-collapse:collapse;width:100%;font-size:var(--text-xs);text-align:left}.recap-table th{background-color:var(--neutral-50);color:var(--neutral-700);font-weight:var(--weight-bold);padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--neutral-200);white-space:nowrap}.recap-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-150);color:var(--neutral-800);white-space:nowrap}.recap-table tr:hover td{background-color:var(--neutral-50)}.tfoot-total-row td{background-color:var(--neutral-100);border-top:2px solid var(--neutral-300);padding:var(--space-3) var(--space-4)}.export-action-bar{gap:var(--space-3);padding:var(--space-5);background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);flex-direction:column;display:flex}.export-submit-btn{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-bold);justify-content:center;box-shadow:0 4px 14px #3b5bfc4d}.export-feedback{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:flex}.export-feedback.success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.export-feedback.danger{background:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-200)}.audit-log-container{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.audit-log-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.header-icon-wrapper{width:48px;height:48px;color:var(--primary-500);background:#e11d481a;border-radius:12px;justify-content:center;align-items:center;display:flex}.audit-log-title{color:var(--neutral-900);margin:0;font-size:1.5rem;font-weight:700}.audit-log-subtitle{color:var(--neutral-500);margin-top:.25rem;font-size:.875rem}.audit-filter-card{border:1px solid var(--neutral-200);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.search-form{flex:1;gap:.5rem;min-width:0;display:flex}.search-input-wrapper{flex:1;position:relative}.search-icon{color:var(--neutral-400);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{width:100%;padding-left:2.5rem!important}.filter-dropdown-group{color:var(--neutral-600);align-items:center;gap:.5rem;display:flex}.filter-select{border:1px solid var(--neutral-300);border-radius:8px;padding:.5rem 1rem}.audit-table-card{border:1px solid var(--neutral-200);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.table-responsive{width:100%;overflow-x:auto}.audit-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.audit-table th{background:var(--neutral-50);color:var(--neutral-700);border-bottom:1px solid var(--neutral-200);padding:.875rem 1rem;font-weight:600}.audit-table td{border-bottom:1px solid var(--neutral-100);color:var(--neutral-800);padding:1rem}.time-cell,.ip-cell{color:var(--neutral-600);align-items:center;gap:.375rem;display:flex}.user-cell{align-items:center;gap:.5rem;display:flex}.user-avatar-sm{background:var(--neutral-100);width:28px;height:28px;color:var(--neutral-600);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-name-text{color:var(--neutral-900);font-weight:600}.user-email-text{color:var(--neutral-500);font-size:.75rem}.action-badge{border:1px solid #0000;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.entity-pill{background:var(--neutral-100);border-radius:4px;padding:.2rem .5rem;font-family:monospace;font-size:.75rem}.loading-state,.empty-state{color:var(--neutral-500);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.pagination-bar{border-top:1px solid var(--neutral-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;display:flex}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header{border-bottom:1px solid var(--neutral-200);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.modal-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.json-box{color:#38bdf8;background:#0f172a;border-radius:8px;max-height:240px;padding:1rem;font-size:.8125rem;overflow-y:auto}.toast-container{top:var(--space-6);right:var(--space-6);z-index:9999;gap:var(--space-3);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--neutral-0);box-shadow:var(--shadow-xl);border:1px solid var(--neutral-200);pointer-events:all;display:flex}.toast-success{border-left:4px solid var(--success-500)}.toast-error{border-left:4px solid var(--danger-500)}.toast-warning{border-left:4px solid var(--warning-500)}.toast-info{border-left:4px solid var(--primary-500)}.toast-icon{flex-shrink:0;margin-top:1px}.toast-success .toast-icon{color:var(--success-600)}.toast-error .toast-icon{color:var(--danger-600)}.toast-warning .toast-icon{color:var(--warning-600)}.toast-info .toast-icon{color:var(--primary-600)}.toast-message{font-size:var(--text-sm);color:var(--neutral-700);line-height:var(--leading-relaxed);flex:1}.toast-dismiss{padding:var(--space-1);color:var(--neutral-400);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0}.toast-dismiss:hover{background:var(--neutral-100);color:var(--neutral-600)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:.3s ease-out slideInRight}.notfound-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.notfound-bg{z-index:0;position:absolute;inset:0}.notfound-bg-gradient{background:linear-gradient(160deg, var(--primary-950) 0%, #0c1445 30%, #111a55 60%, var(--primary-900) 100%);position:absolute;inset:0}.notfound-bg-pattern{background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0);background-size:48px 48px;position:absolute;inset:0}.notfound-glow{filter:blur(120px);border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.notfound-glow-1{background:#3b5bfc26;width:500px;height:500px;top:-200px;right:-100px}.notfound-glow-2{background:#f43f5e14;width:350px;height:350px;animation-delay:5s;bottom:-100px;left:-80px}.notfound-container{z-index:1;width:100%;max-width:540px;padding:var(--space-8) var(--space-6);text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex;position:relative}.notfound-number{font-family:var(--font-heading);font-size:clamp(5rem,20vw,9rem);font-weight:var(--weight-extrabold);letter-spacing:-.05em;background:linear-gradient(135deg, var(--primary-300), var(--accent-400));-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;line-height:1}.notfound-icon-wrap{border-radius:var(--radius-2xl);width:72px;height:72px;color:var(--danger-400);background:#f43f5e26;border:1px solid #f43f5e33;justify-content:center;align-items:center;display:flex}.notfound-text{gap:var(--space-3);flex-direction:column;display:flex}.notfound-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--neutral-0);letter-spacing:-.02em}@media (width>=640px){.notfound-title{font-size:var(--text-3xl)}}.notfound-desc{font-size:var(--text-base);color:#ffffffa6;line-height:var(--leading-relaxed);max-width:420px}.notfound-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.notfound-btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--neutral-0)!important;background:#ffffff14!important;border-color:#fff3!important}.notfound-btn-secondary:hover{color:var(--neutral-0)!important;background:#ffffff26!important;border-color:#ffffff59!important}@media (width<=480px){.notfound-actions{flex-direction:column;align-items:stretch;width:100%}.notfound-actions .btn{justify-content:center;width:100%}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#eef2ff;--primary-100:#dce4ff;--primary-200:#bfcfff;--primary-300:#93aeff;--primary-400:#6082ff;--primary-500:#3b5bfc;--primary-600:#2541f1;--primary-700:#1d31de;--primary-800:#1e29b4;--primary-900:#1e278e;--primary-950:#0f172a;--accent-50:#fffbeb;--accent-100:#fef3c7;--accent-200:#fde68a;--accent-300:#fcd34d;--accent-400:#fbbf24;--accent-500:#f59e0b;--accent-600:#d97706;--accent-700:#b45309;--accent-800:#92400e;--accent-900:#78350f;--success-50:#ecfdf5;--success-100:#d1fae5;--success-400:#34d399;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--warning-50:#fff7ed;--warning-100:#ffedd5;--warning-400:#fb923c;--warning-500:#f97316;--warning-600:#ea580c;--danger-50:#fff1f2;--danger-100:#ffe4e6;--danger-400:#fb7185;--danger-500:#f43f5e;--danger-600:#e11d48;--danger-700:#be123c;--neutral-0:#fff;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--neutral-950:#020617;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Plus Jakarta Sans", "Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 20px #3b5bfc4d;--shadow-glow-accent:0 0 20px #fbbf244d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--max-width:1280px;--sidebar-width:260px;--header-height:64px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--neutral-800);background-color:var(--neutral-50);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);color:var(--neutral-900)}a{color:var(--primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-700)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base)}.container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}@media (width>=768px){.container{padding:0 var(--space-8)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));color:var(--neutral-0);box-shadow:var(--shadow-md), 0 0 0 0 #3b5bfc00}.btn-primary:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);color:var(--neutral-0);transform:translateY(-1px)}.btn-secondary{background:var(--neutral-0);color:var(--neutral-700);border:1px solid var(--neutral-200);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--neutral-300);box-shadow:var(--shadow-sm);color:var(--neutral-800)}.btn-accent{background:linear-gradient(135deg, var(--accent-500), var(--accent-600));color:var(--neutral-0);box-shadow:var(--shadow-md)}.btn-accent:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-accent);color:var(--neutral-0);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--danger-500), var(--danger-600));color:var(--neutral-0)}.btn-ghost{color:var(--neutral-600);background:0 0}.btn-ghost:hover{background:var(--neutral-100);color:var(--neutral-800)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}@media (width<=480px){.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}}.btn-icon{padding:var(--space-3);border-radius:var(--radius-lg)}.card{background:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-glass{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #ffffff4d}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-body{padding:var(--space-6)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--neutral-700)}.form-label-required:after{content:" *";color:var(--danger-500)}.form-input{padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);background:var(--neutral-0);color:var(--neutral-900);transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b5bfc26}.form-input:hover:not(:focus){border-color:var(--neutral-400)}.form-input::placeholder{color:var(--neutral-400)}.form-input-error{border-color:var(--danger-500)}.form-input-error:focus{box-shadow:0 0 0 3px #f43f5e26}.form-error{font-size:var(--text-xs);color:var(--danger-600);align-items:center;gap:var(--space-1);display:flex}.form-helper{font-size:var(--text-xs);color:var(--neutral-500)}textarea.form-input{resize:vertical;min-height:100px}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);white-space:nowrap;display:inline-flex}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-warning{background:var(--warning-100);color:var(--warning-600)}.badge-danger{background:var(--danger-100);color:var(--danger-700)}.badge-neutral{background:var(--neutral-100);color:var(--neutral-600)}.status-dot{border-radius:var(--radius-full);width:8px;height:8px;display:inline-block}.status-dot-success{background:var(--success-500);box-shadow:0 0 6px var(--success-400)}.status-dot-warning{background:var(--warning-500);box-shadow:0 0 6px var(--warning-400)}.status-dot-danger{background:var(--danger-500);box-shadow:0 0 6px var(--danger-400);animation:2s infinite pulse-dot}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-fade-in-down{animation:fadeInDown var(--transition-base) ease-out}.animate-slide-left{animation:slideInLeft var(--transition-slow) ease-out}.animate-slide-right{animation:slideInRight var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-spring) ease-out}.stagger-children>*{animation:.4s ease-out backwards fadeInUp}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.glass{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffffa6;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(16px)saturate(180%);color:var(--neutral-0);background:#0f172abf;border:1px solid #ffffff14}.gradient-primary{background:linear-gradient(135deg, var(--primary-600), var(--primary-800))}.gradient-hero{background:linear-gradient(135deg, var(--primary-950) 0%, var(--primary-800) 50%, var(--primary-600) 100%)}.gradient-accent{background:linear-gradient(135deg, var(--accent-400), var(--accent-600))}.gradient-mesh{background:radial-gradient(at 20% 80%,#3b5bfc26 0,#0000 50%),radial-gradient(at 80% 20%,#fbbf241a 0,#0000 50%),radial-gradient(#10b9810d 0,#0000 50%)}.grid-auto{gap:var(--space-6);display:grid}@media (width>=640px){.grid-auto{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-auto{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.grid-auto{grid-template-columns:repeat(4,1fr)}}@media print{body{color:#000;background:#fff}.no-print{display:none!important}}.skeleton{background:linear-gradient(90deg, var(--neutral-100) 25%, var(--neutral-200) 50%, var(--neutral-100) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s linear infinite skeleton-loading}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.skeleton-row{border-bottom:1px solid var(--neutral-200);align-items:center;gap:1rem;padding:1rem;display:flex}.skeleton-card{border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:#fff;margin-bottom:1rem;padding:1.5rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{z-index:99999!important;-webkit-backdrop-filter:blur(6px)!important;width:100vw!important;height:100vh!important;padding:var(--space-4)!important;background:#0f172ab3!important;justify-content:center!important;align-items:center!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.modal-content{background:var(--neutral-0)!important;border-radius:var(--radius-2xl)!important;z-index:100000!important;flex-direction:column!important;width:100%!important;max-width:680px!important;max-height:90vh!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000040!important}.modal-content.modal-sm{max-width:480px!important}