[v-cloak]{display:none !important;}:root{--brand-primary:234 89% 15%;--brand-primary-light:234 89% 30%;--brand-accent:356 100% 45%;--brand-accent-hover:356 100% 35%;--bg-gradient-start:220 14% 96%;--bg-gradient-end:220 14% 92%;--accent-premium:214 52% 24%;--accent-premium-glow:rgba(30,58,95,0.15);--p:214 52% 24%;--pc:0 0% 100%;}[data-theme="dark"]{--brand-primary:217 91% 60%;--brand-primary-light:217 91% 70%;--brand-accent:0 84% 60%;--brand-accent-hover:0 84% 50%;--bg-gradient-start:222 47% 11%;--bg-gradient-end:222 47% 6%;--accent-premium:212 96% 78%;--accent-premium-glow:rgba(96,165,250,0.2);--p:212 96% 78%;--pc:215 28% 17%;}body{font-family:'Inter',sans-serif;background:linear-gradient(135deg,hsl(var(--bg-gradient-start)),hsl(var(--bg-gradient-end)));min-height:100vh;transition:background-color 0.3s ease,color 0.3s ease;}.login-split{display:flex;min-height:100vh;min-height:100dvh;}.login-brand{display:none;flex-direction:column;align-items:center;justify-content:center;background:#0B132B;color:#ffffff;padding:3rem 2.5rem;position:relative;overflow:hidden;}.login-brand::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(30,58,95,0.7) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(14,30,60,0.5) 0%,transparent 50%);pointer-events:none;}.login-brand-decor{position:absolute;bottom:2rem;right:2rem;width:80px;height:80px;background-image:radial-gradient(circle,rgba(255,255,255,0.1) 1.5px,transparent 1.5px);background-size:12px 12px;border-radius:0.5rem;z-index:1;}.login-brand-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;width:100%;}.login-brand-logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;position:relative;z-index:1;}.login-brand-logo img{width:100%;height:100%;object-fit:contain;background:#ffffff;border-radius:1rem;padding:0.5rem;}.login-brand-logo .logo-fallback{width:80px;height:80px;border-radius:1.25rem;background:linear-gradient(135deg,#1e3a5f,#1a365d);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.12);}.login-brand-divider{width:40px;height:2px;background:rgba(255,255,255,0.2);border-radius:2px;margin-bottom:1.25rem;}.login-brand h1{font-family:'Poppins',sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:0.75rem;position:relative;z-index:1;text-align:center;}.login-brand-badge{display:inline-flex;align-items:center;gap:0.375rem;font-size:0.75rem;font-weight:600;color:rgba(255,255,255,0.7);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:999px;padding:0.3rem 0.875rem;margin-bottom:1.25rem;position:relative;z-index:1;letter-spacing:0.02em;}.login-brand-desc{font-size:0.8125rem;color:rgba(255,255,255,0.4);font-weight:400;line-height:1.6;text-align:center;max-width:240px;position:relative;z-index:1;}.login-brand-footer{position:absolute;bottom:1.5rem;left:0;right:0;text-align:center;font-size:0.7rem;color:rgba(255,255,255,0.2);z-index:1;}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:#ffffff;}.login-form-container{width:100%;max-width:380px;}.login-mobile-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb;}.login-mobile-header .mobile-logo{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}.login-mobile-header .mobile-logo img{width:100%;height:100%;object-fit:contain;background:#ffffff;border-radius:0.625rem;padding:0.25rem;}.login-mobile-header .mobile-logo .logo-fallback-sm{width:44px;height:44px;border-radius:0.75rem;background:#0B132B;display:flex;align-items:center;justify-content:center;color:#ffffff;}.login-mobile-header h2{font-family:'Poppins',sans-serif;font-size:1.15rem;font-weight:700;color:#0B132B;line-height:1.2;}.login-form-title{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:0.25rem;}.login-form-subtitle{font-size:0.875rem;color:#64748b;margin-bottom:2rem;}.login-field-label{display:block;font-size:0.8125rem;font-weight:600;color:#374151;margin-bottom:0.5rem;}.login-input-wrapper{position:relative;margin-bottom:1.25rem;}.login-input-wrapper .input-icon{position:absolute;top:50%;left:0.875rem;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:1.125rem;}.login-input-wrapper input{width:100%;padding:0.7rem 1rem;border:1.5px solid #d1d5db;border-radius:0.625rem;font-size:0.9rem;background:#ffffff;transition:border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;outline:none;color:#0f172a;}.login-input-wrapper input:focus{border-color:#007fff;box-shadow:0 0 0 3px rgba(0,127,255,0.15);background:#ffffff;}.login-input-wrapper input::placeholder{color:#9ca3af;}.login-input-wrapper .toggle-pw{position:absolute;top:50%;right:0.75rem;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:0.25rem;font-size:1.125rem;transition:color 0.2s ease;}.login-input-wrapper .toggle-pw:hover{color:#007fff;}.login-caps-warn{display:flex;align-items:center;gap:0.375rem;color:#dc2626;font-size:0.75rem;font-weight:600;margin-top:0.5rem;padding:0.5rem 0.75rem;background:#fef2f2;border-radius:0.5rem;border:1px solid #fecaca;}.login-error{text-align:center;color:#dc2626;font-size:0.8125rem;font-weight:600;padding:0.625rem 0.875rem;background:#fef2f2;border:1px solid #fecaca;border-radius:0.5rem;margin-bottom:1.25rem;}.login-submit-btn{width:100%;padding:0.75rem 1rem;border:none;border-radius:0.625rem;background:#007fff;color:#ffffff;font-size:0.9375rem;font-weight:600;cursor:pointer;transition:background-color 0.2s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem;}.login-submit-btn:hover{background:#0066cc;}.login-submit-btn:active{background:#0055b3;}.login-submit-btn:disabled{opacity:0.7;cursor:not-allowed;}@media screen and (min-width:768px){.login-brand{display:flex;width:42%;max-width:520px;}.login-mobile-header{display:none;}.login-form-panel{padding:3rem;}}@media screen and (min-width:1200px){.login-brand-logo{width:96px;height:96px;}.login-brand-logo .logo-fallback{width:96px;height:96px;}.login-brand h1{font-size:2rem;}}.fade-enter-active,.fade-leave-active{transition:opacity 0.4s cubic-bezier(0.4,0,0.2,1);}.fade-enter-from,.fade-leave-to{opacity:0;}.glass-panel{background:#ffffff;border:1px solid #e2e8f0;border-radius:0.75rem !important;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);}[data-theme="dark"] .glass-panel{background:#1e293b;border:1px solid #334155;box-shadow:0 1px 3px 0 rgba(0,0,0,0.4),0 1px 2px -1px rgba(0,0,0,0.3);}.glass-premium{background:#ffffff;border:1px solid #e2e8f0 !important;border-radius:0.75rem !important;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05);transition:border-color 0.2s ease,box-shadow 0.2s ease;}[data-theme="dark"] .glass-premium{background:#1e293b;border:1px solid #334155 !important;box-shadow:0 4px 6px -1px rgba(0,0,0,0.2),0 2px 4px -2px rgba(0,0,0,0.2);}.glass-premium:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.05);border-color:#cbd5e1 !important;}[data-theme="dark"] .glass-premium:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.3),0 4px 6px -4px rgba(0,0,0,0.2);border-color:#475569 !important;}@keyframes float-gentle{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}.animate-float{animation:float-gentle 4s ease-in-out infinite;}@keyframes pulse-glow-subtle{0%,100%{box-shadow:0 0 0 0 var(--accent-premium-glow);}50%{box-shadow:0 0 12px 4px var(--accent-premium-glow);}}.animate-glow{animation:pulse-glow-subtle 3s infinite;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:rgba(156,163,175,0.5);border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,0.8);}[data-theme="dark"]::-webkit-scrollbar-thumb{background:rgba(75,85,99,0.5);}[data-theme="dark"]::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,0.8);}#leaflet-map{height:350px !important;width:100% !important;border-radius:1rem;border:1px solid #e2e8f0;z-index:10 !important;}#eksplorasi-map{height:100% !important;width:100% !important;z-index:10 !important;}.marker-cluster-small{background-color:rgba(59,130,246,0.6);}.marker-cluster-small div{background-color:rgba(59,130,246,0.9);color:white;font-weight:bold;}.marker-cluster-medium{background-color:rgba(139,92,246,0.6);}.marker-cluster-medium div{background-color:rgba(139,92,246,0.9);color:white;font-weight:bold;}.marker-cluster-large{background-color:rgba(239,68,68,0.6);}.marker-cluster-large div{background-color:rgba(239,68,68,0.9);color:white;font-weight:bold;}.card-grid-auto{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:1rem !important;}.card-grid-auto>div{min-width:0;}.card-grid-auto .h-48{height:10rem;}.card-grid-auto .text-2xl{font-size:1rem !important;line-height:1.4rem !important;}.card-grid-auto .text-lg{font-size:0.85rem !important;line-height:1.2rem !important;}.card-grid-auto .p-5{padding:0.75rem !important;}.card-grid-auto .p-4{padding:0.6rem !important;}.card-grid-auto .text-sm{font-size:0.7rem !important;}.card-grid-auto .text-xs{font-size:0.65rem !important;}.card-grid-auto .text-base{font-size:0.8rem !important;}.card-grid-auto .mb-4{margin-bottom:0.5rem !important;}.card-grid-auto .mb-5{margin-bottom:0.5rem !important;}@media screen and (min-width:768px) and (max-width:1024px){.card-grid-auto{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:0.6rem !important;}.card-grid-auto .h-48{height:7rem;}.card-grid-auto .text-2xl{font-size:0.8rem !important;}.card-grid-auto .text-lg{font-size:0.75rem !important;}.card-grid-auto .p-5{padding:0.5rem !important;}.card-grid-auto .text-8xl{font-size:3rem !important;}}@media screen and (max-width:767px){.card-grid-auto{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0.5rem !important;}.card-grid-auto .h-48{height:8rem;}}@media screen and (min-width:768px) and (max-width:1024px){html{font-size:14px;}aside.w-64,aside[class*="w-64"]{width:200px !important;}.md\:p-6{padding:1rem !important;}.text-3xl{font-size:1.5rem !important;line-height:2rem !important;}.text-2xl{font-size:1.25rem !important;line-height:1.75rem !important;}.text-xl{font-size:1.1rem !important;line-height:1.5rem !important;}.text-lg{font-size:0.95rem !important;line-height:1.35rem !important;}.p-6{padding:1rem !important;}.p-8{padding:1.25rem !important;}.md\:grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.dashboard-qc-grid.lg\:grid-cols-3{grid-template-columns:1fr !important;}table th,table td{padding:0.5rem 0.75rem !important;font-size:0.75rem !important;}.min-h-\[20rem\],.min-h-\[18rem\]{min-height:14rem !important;}header.h-16{height:3.5rem !important;}header .px-6{padding-left:1rem !important;padding-right:1rem !important;}.gap-6{gap:1rem !important;}.form-grid.lg\:grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.lg\:w-96{width:20rem !important;}}@media screen and (min-width:1025px) and (max-width:1366px){html{font-size:14.5px;}aside.w-64,aside[class*="w-64"]{width:220px !important;}.text-3xl{font-size:1.65rem !important;line-height:2.1rem !important;}.text-2xl{font-size:1.35rem !important;line-height:1.85rem !important;}.text-xl{font-size:1.15rem !important;line-height:1.6rem !important;}.md\:p-6{padding:1.25rem !important;}.p-6{padding:1.15rem !important;}.gap-6{gap:1.15rem !important;}.min-h-\[20rem\]{min-height:16rem !important;}header.h-16{height:3.75rem !important;}table th,table td{padding:0.6rem 0.85rem !important;font-size:0.8rem !important;}.lg\:w-96{width:22rem !important;}.dashboard-qc-grid.lg\:grid-cols-3{grid-template-columns:2fr 1fr !important;}}@media screen and (max-width:1366px){.overflow-x-auto{-webkit-overflow-scrolling:touch;}.text-9xl{font-size:5rem !important;}.max-w-md{max-width:min(28rem,calc(100vw - 2rem)) !important;}.max-w-sm{max-width:min(24rem,calc(100vw - 2rem)) !important;}nav .px-4{padding-left:0.75rem !important;padding-right:0.75rem !important;}}@media print{@page{size:A4 landscape;margin:15mm;}html,body,#app,.h-screen,.h-full,.min-h-screen{height:auto !important;min-height:auto !important;max-height:none !important;overflow:visible !important;}#app>div.flex,main,.flex-1{display:block !important;flex:none !important;}body{background-color:white !important;font-size:10pt;padding:0 !important;}aside,header,.no-print{display:none !important;}main{padding:0 !important;margin:0 !important;}.bg-base-200{background-color:white !important;}.shadow-sm,.shadow-md,.shadow-lg{box-shadow:none !important;}.rounded-2xl,.rounded-xl{border-radius:0 !important;}.border{border:1px solid #ccc !important;}.overflow-x-auto{overflow:visible !important;}table{width:100% !important;border-collapse:collapse !important;page-break-inside:auto;}tr{page-break-inside:avoid;page-break-after:auto;}th,td{border:1px solid #000 !important;padding:6px !important;font-size:10px !important;white-space:normal !important;color:black !important;background-color:transparent !important;}th{font-weight:bold !important;text-align:left;background-color:#f3f4f6 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}span.bg-emerald-50,span.bg-red-50{border:none !important;background:transparent !important;font-weight:bold !important;padding:0 !important;}::-webkit-scrollbar{display:none;}}.form-grid input,.form-grid textarea,.form-grid select{border:1.5px solid rgba(209,213,219,0.8);box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);background-color:#ffffff;border-radius:0.75rem;}[data-theme="dark"] .form-grid input,[data-theme="dark"] .form-grid textarea,[data-theme="dark"] .form-grid select{border:1.5px solid rgba(75,85,99,0.6);background-color:rgba(30,41,59,0.5);color:rgba(243,244,246,0.9);}.form-grid input:hover,.form-grid textarea:hover,.form-grid select:hover{border-color:hsl(var(--accent-premium) / 0.6);box-shadow:0 2px 8px 0 hsl(var(--accent-premium) / 0.08);}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:hsl(var(--accent-premium));box-shadow:0 0 0 4px hsl(var(--accent-premium) / 0.15);background-color:#ffffff;outline:none;}[data-theme="dark"] .form-grid input:focus,[data-theme="dark"] .form-grid textarea:focus,[data-theme="dark"] .form-grid select:focus{background-color:rgba(15,23,42,0.6);}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#9ca3af;font-style:normal;font-size:0.825rem;}[data-theme="dark"] .form-grid input::placeholder,[data-theme="dark"] .form-grid textarea::placeholder{color:rgba(156,163,175,0.5);}.form-field-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;}.form-field-label .label-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,hsl(var(--accent-premium)),hsl(var(--accent-premium) / 0.7));flex-shrink:0;box-shadow:0 0 6px 1px hsl(var(--accent-premium) / 0.4);}.form-field-label .label-text{font-size:0.78rem;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:0.08em;transition:color 0.3s ease;}[data-theme="dark"] .form-field-label .label-text{color:rgba(209,213,219,0.8);}.fixed.inset-0 table th,.fixed.inset-0 table td{padding:0.25rem 0.4rem !important;font-size:0.68rem !important;}table tbody tr{contain:layout style;}.glass-map-overlay{background:rgba(255,255,255,0.88) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,0.8) !important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}[data-theme="dark"] .glass-map-overlay{background:rgba(15,23,42,0.88) !important;border:1px solid rgba(51,65,85,0.8) !important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.4),0 8px 10px -6px rgba(0,0,0,0.4) !important;}.glass-map-overlay:hover{border-color:rgba(99,102,241,0.4) !important;}[data-theme="dark"] .glass-map-overlay:hover{border-color:rgba(139,92,246,0.4) !important;}