body:not(.light-mode){--dark-bg-main:#0b0f19;--dark-bg-card:rgba(15,23,42,0.75);--dark-border-card:rgba(255,255,255,0.1);--dark-text-primary:#f8fafc;--dark-text-secondary:#94a3b8;--dark-accent-glow:rgba(16,185,129,0.3)}body:not(.light-mode) .glass-card,body:not(.light-mode) .glass-panel{background:rgba(15,23,42,0.75) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 10px 30px -5px rgba(0,0,0,0.5) !important}body:not(.light-mode) p.text-white\/60,body:not(.light-mode) span.text-white\/60,body:not(.light-mode) div.text-white\/60{color:#e2e8f0 !important}body:not(.light-mode) p.text-white\/50,body:not(.light-mode) span.text-white\/50,body:not(.light-mode) div.text-white\/50{color:#cbd5e1 !important}body:not(.light-mode) p.text-white\/40,body:not(.light-mode) span.text-white\/40,body:not(.light-mode) div.text-white\/40{color:#94a3b8 !important}body:not(.light-mode) .glass-card:hover{border-color:rgba(255,255,255,0.18) !important;box-shadow:0 16px 32px -8px rgba(0,0,0,0.6) !important}body:not(.light-mode) #main-navbar,body:not(.light-mode) #sidebar,body:not(.light-mode) #sidebar-container aside,body:not(.light-mode) aside{background:#0f172a !important;background-image:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-color:rgba(255,255,255,0.1) !important;box-shadow:0 20px 40px -15px rgba(0,0,0,0.7) !important}body:not(.light-mode) #app-content header,body:not(.light-mode) main header{background:transparent !important;box-shadow:none !important;border:none !important}#btn-trigger-ews-modal,header button[onclick="window.openActivityModal()"]{height:2.25rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}body:not(.light-mode) #global-search{background:rgba(0,0,0,0.3) !important;border-color:rgba(255,255,255,0.12) !important;color:#ffffff !important}body:not(.light-mode) #global-search:focus{border-color:rgba(16,185,129,0.5) !important;box-shadow:0 0 0 3px rgba(16,185,129,0.15) !important}body:not(.light-mode) table thead{background:rgba(30,41,59,0.95) !important;color:#cbd5e1 !important}body:not(.light-mode) table tbody tr{border-bottom-color:rgba(255,255,255,0.07) !important;transition:background-color 0.2s ease !important}body:not(.light-mode) table tbody tr:hover{background:rgba(255,255,255,0.05) !important}body:not(.light-mode) table tbody td{color:#f1f5f9}body:not(.light-mode) .text-emerald-400,body:not(.light-mode) span.text-emerald-400,body:not(.light-mode) div.text-emerald-400,body:not(.light-mode) td.text-emerald-400{color:#34d399 !important}body:not(.light-mode) .text-emerald-300,body:not(.light-mode) span.text-emerald-300{color:#6ee7b7 !important}body:not(.light-mode) .text-teal-400,body:not(.light-mode) .text-teal-300,body:not(.light-mode) td.text-teal-300,body:not(.light-mode) td.text-teal-400{color:#2dd4bf !important}body:not(.light-mode) .text-amber-400,body:not(.light-mode) .text-amber-300,body:not(.light-mode) td.text-amber-300,body:not(.light-mode) td.text-amber-400{color:#fbbf24 !important}body:not(.light-mode) .text-rose-400,body:not(.light-mode) .text-rose-300,body:not(.light-mode) td.text-rose-400{color:#fb7185 !important}body:not(.light-mode) select,body:not(.light-mode) #modal-peta-analisis select,body:not(.light-mode) #modal-map-left-panel select{background-color:#0f172a !important;color:#f8fafc !important;border-color:rgba(255,255,255,0.15) !important}body:not(.light-mode) select option,body:not(.light-mode) #modal-peta-analisis select option,body:not(.light-mode) #modal-map-left-panel select option{background-color:#0f172a !important;color:#f8fafc !important}body:not(.light-mode) input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]),body:not(.light-mode) #modal-peta-analisis input,body:not(.light-mode) #modal-map-left-panel input{background-color:#0f172a !important;color:#ffffff !important;border-color:rgba(255,255,255,0.15) !important}body:not(.light-mode) input::placeholder,body:not(.light-mode) textarea::placeholder,body:not(.light-mode) #modal-map-left-panel input::placeholder{color:#94a3b8 !important;opacity:1 !important}body:not(.light-mode) input:focus,body:not(.light-mode) select:focus,body:not(.light-mode) textarea:focus{border-color:#10b981 !important;box-shadow:0 0 0 2px rgba(16,185,129,0.2) !important;outline:none !important}body:not(.light-mode) .modal-content,body:not(.light-mode) #crud-modal-content,body:not(.light-mode) #preview-modal-content,body:not(.light-mode) #confirm-modal-content,body:not(.light-mode) #loading-modal-content{background:#0f172a !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 25px 50px -12px rgba(0,0,0,0.85) !important;color:#f8fafc !important}body:not(.light-mode) #notif-dropdown,body:not(.light-mode) #search-results,body:not(.light-mode) #user-menu-dropdown{background:#0f172a !important;border-color:rgba(255,255,255,0.15) !important;box-shadow:0 20px 40px rgba(0,0,0,0.8) !important}body:not(.light-mode) #notif-badge{background-color:#be123c !important;color:#ffffff !important;font-weight:800 !important;border:1.5px solid #0f172a !important;box-shadow:0 2px 6px rgba(0,0,0,0.5) !important}body:not(.light-mode) #page-title{color:#ffffff !important}body:not(.light-mode) #dev-mode-badge{background-color:rgba(168,85,247,0.2) !important;color:#d8b4fe !important;border:1px solid rgba(168,85,247,0.3) !important}body:not(.light-mode) button.bg-emerald-500,body:not(.light-mode) button.bg-emerald-600,body:not(.light-mode) button.bg-emerald-600\/80,body:not(.light-mode) a.bg-emerald-500,body:not(.light-mode) a.bg-emerald-600,body:not(.light-mode) a.bg-emerald-600\/80{background-color:#059669 !important;background-image:none !important;color:#ffffff !important;border:1px solid #10b981 !important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.3) !important;text-shadow:none !important}body:not(.light-mode) button.bg-emerald-500:hover,body:not(.light-mode) button.bg-emerald-600:hover,body:not(.light-mode) button.bg-emerald-600\/80:hover,body:not(.light-mode) a.bg-emerald-500:hover,body:not(.light-mode) a.bg-emerald-600:hover,body:not(.light-mode) a.bg-emerald-600\/80:hover{background-color:#10b981 !important;background-image:none !important;border-color:#34d399 !important;box-shadow:0 4px 12px 0 rgba(16,185,129,0.2) !important;transform:translateY(-1px)}body:not(.light-mode) button.bg-white\/5,body:not(.light-mode) button.bg-white\/10,body:not(.light-mode) button.bg-black\/20,body:not(.light-mode) button.bg-slate-700,body:not(.light-mode) button.bg-slate-800,body:not(.light-mode) a.bg-white\/5,body:not(.light-mode) a.bg-white\/10,body:not(.light-mode) a.bg-black\/20{background-color:rgba(30,41,59,0.7) !important;background-image:none !important;color:#cbd5e1 !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) !important}body:not(.light-mode) button.bg-white\/5:hover,body:not(.light-mode) button.bg-white\/10:hover,body:not(.light-mode) button.bg-black\/20:hover,body:not(.light-mode) button.bg-slate-700:hover,body:not(.light-mode) button.bg-slate-800:hover,body:not(.light-mode) a.bg-white\/5:hover,body:not(.light-mode) a.bg-white\/10:hover,body:not(.light-mode) a.bg-black\/20:hover{background-color:rgba(51,65,85,0.9) !important;background-image:none !important;border-color:rgba(255,255,255,0.25) !important;color:#f8fafc !important;transform:translateY(-1px)}body:not(.light-mode) button.bg-blue-500,body:not(.light-mode) button.bg-blue-600,body:not(.light-mode) a.bg-blue-500,body:not(.light-mode) a.bg-blue-600{background-color:#1d4ed8 !important;background-image:none !important;color:#ffffff !important;border:1px solid #3b82f6 !important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.3) !important}body:not(.light-mode) button.bg-blue-500:hover,body:not(.light-mode) button.bg-blue-600:hover,body:not(.light-mode) a.bg-blue-500:hover,body:not(.light-mode) a.bg-blue-600:hover{background-color:#2563eb !important;border-color:#60a5fa !important;box-shadow:0 4px 12px 0 rgba(37,99,235,0.25) !important;transform:translateY(-1px)}body:not(.light-mode) button.bg-indigo-500,body:not(.light-mode) button.bg-indigo-600,body:not(.light-mode) a.bg-indigo-500,body:not(.light-mode) a.bg-indigo-600{background-color:#3730a3 !important;background-image:none !important;color:#ffffff !important;border:1px solid #4f46e5 !important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.3) !important}body:not(.light-mode) button.bg-indigo-500:hover,body:not(.light-mode) button.bg-indigo-600:hover,body:not(.light-mode) a.bg-indigo-500:hover,body:not(.light-mode) a.bg-indigo-600:hover{background-color:#4338ca !important;border-color:#818cf8 !important;box-shadow:0 4px 12px 0 rgba(67,56,202,0.25) !important;transform:translateY(-1px)}body:not(.light-mode) button.bg-orange-500,body:not(.light-mode) button.bg-orange-600,body:not(.light-mode) button.bg-amber-500,body:not(.light-mode) button.bg-amber-600,body:not(.light-mode) a.bg-orange-500,body:not(.light-mode) a.bg-orange-600,body:not(.light-mode) a.bg-amber-500,body:not(.light-mode) a.bg-amber-600{background-color:#b45309 !important;background-image:none !important;color:#ffffff !important;border:1px solid #f59e0b !important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.3) !important}body:not(.light-mode) button.bg-orange-500:hover,body:not(.light-mode) button.bg-orange-600:hover,body:not(.light-mode) button.bg-amber-500:hover,body:not(.light-mode) button.bg-amber-600:hover,body:not(.light-mode) a.bg-orange-500:hover,body:not(.light-mode) a.bg-orange-600:hover,body:not(.light-mode) a.bg-amber-500:hover,body:not(.light-mode) a.bg-amber-600:hover{background-color:#d97706 !important;border-color:#fbbf24 !important;box-shadow:0 4px 12px 0 rgba(217,119,6,0.25) !important;transform:translateY(-1px)}body:not(.light-mode) button.bg-red-500,body:not(.light-mode) button.bg-red-600,body:not(.light-mode) button.bg-rose-500,body:not(.light-mode) button.bg-rose-600,body:not(.light-mode) a.bg-red-500,body:not(.light-mode) a.bg-red-600,body:not(.light-mode) a.bg-rose-500,body:not(.light-mode) a.bg-rose-600{background-color:#b91c1c !important;background-image:none !important;color:#ffffff !important;border:1px solid #ef4444 !important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.3) !important}body:not(.light-mode) button.bg-red-500:hover,body:not(.light-mode) button.bg-red-600:hover,body:not(.light-mode) button.bg-rose-500:hover,body:not(.light-mode) button.bg-rose-600:hover,body:not(.light-mode) a.bg-red-500:hover,body:not(.light-mode) a.bg-red-600:hover,body:not(.light-mode) a.bg-rose-500:hover,body:not(.light-mode) a.bg-rose-600:hover{background-color:#dc2626 !important;border-color:#f87171 !important;box-shadow:0 4px 12px 0 rgba(220,38,38,0.25) !important;transform:translateY(-1px)}body:not(.light-mode) #ews-modal > div,body:not(.light-mode) #activity-modal > div{background-color:#0f172a !important;border-color:rgba(255,255,255,0.12) !important;color:#f8fafc !important;box-shadow:0 25px 50px -12px rgba(0,0,0,0.9) !important}body:not(.light-mode) #ews-modal-content,body:not(.light-mode) #activity-modal-content{max-height:65vh !important;overflow-y:auto !important;padding-right:0.5rem !important}#ews-modal-content::-webkit-scrollbar,#activity-modal-content::-webkit-scrollbar{width:5px}#ews-modal-content::-webkit-scrollbar-thumb,#activity-modal-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:9999px}#ews-modal-content::-webkit-scrollbar-thumb:hover,#activity-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(239,68,68,0.6)}body:not(.light-mode) #modal-kelola-kelompok > div,body:not(.light-mode) .modal-kelola-container{background-color:#0f172a !important;border:1px solid rgba(255,255,255,0.12) !important;color:#f8fafc !important;box-shadow:0 25px 50px -12px rgba(0,0,0,0.9) !important}body:not(.light-mode) #modal-kelola-kelompok > div > div:first-child{background-color:rgba(30,41,59,0.8) !important;border-bottom:1px solid rgba(255,255,255,0.1) !important}body:not(.light-mode) #modal-kelola-kelompok > div > div:last-child{background-color:#0b0f19 !important}body:not(.light-mode) #modal-kelola-kelompok .bg-white{background-color:#0f172a !important}body:not(.light-mode) #modal-kelola-kelompok .bg-slate-100,body:not(.light-mode) #modal-kelola-kelompok .bg-slate-50{background-color:rgba(30,41,59,0.7) !important}body:not(.light-mode) #modal-kelola-kelompok .bg-amber-50{background-color:rgba(245,158,11,0.1) !important;border-color:rgba(245,158,11,0.25) !important}body:not(.light-mode) #modal-kelola-kelompok table thead{background:rgba(30,41,59,0.95) !important;color:#cbd5e1 !important}body:not(.light-mode) #modal-kelola-kelompok table tbody tr{border-bottom:1px solid rgba(255,255,255,0.05) !important;color:#f8fafc !important}body:not(.light-mode) #modal-kelola-kelompok table tbody tr:hover{background:rgba(255,255,255,0.04) !important}body:not(.light-mode) #modal-kelola-kelompok .bg-blue-50{background-color:rgba(37,99,235,0.2) !important;color:#93c5fd !important;border-color:rgba(59,130,246,0.4) !important}body:not(.light-mode) #modal-kelola-kelompok .bg-blue-50:hover{background-color:#2563eb !important;color:#ffffff !important}body:not(.light-mode) #modal-kelola-kelompok .bg-rose-50{background-color:rgba(225,29,72,0.2) !important;color:#fda4af !important;border-color:rgba(244,63,94,0.4) !important}body:not(.light-mode) #modal-kelola-kelompok .bg-rose-50:hover{background-color:#e11d48 !important;color:#ffffff !important}body:not(.light-mode) #modal-kelola-kelompok .bg-purple-100{background-color:rgba(168,85,247,0.2) !important;color:#d8b4fe !important;border-color:rgba(168,85,247,0.3) !important}body:not(.light-mode) #modal-kelola-kelompok .bg-emerald-100{background-color:rgba(16,185,129,0.2) !important;color:#6ee7b7 !important;border-color:rgba(16,185,129,0.3) !important}body:not(.light-mode) #modal-cpcl-columns .glass-card{background:#0f172a !important;border:1px solid rgba(255,255,255,0.12) !important;color:#f8fafc !important}body:not(.light-mode) #modal-cpcl-columns .border-slate-200,body:not(.light-mode) #modal-cpcl-columns .border-slate-300{border-color:rgba(255,255,255,0.12) !important}body:not(.light-mode) #modal-cpcl-columns .bg-white,body:not(.light-mode) #modal-cpcl-columns .bg-slate-50,body:not(.light-mode) #modal-cpcl-columns .bg-slate-100{background-color:rgba(15,23,42,0.7) !important}body:not(.light-mode) #modal-cpcl-columns table thead{background:#1e293b !important;color:#f1f5f9 !important}body:not(.light-mode) #modal-cpcl-columns table thead th{color:#94a3b8 !important;font-weight:700 !important;border-bottom:1px solid rgba(255,255,255,0.1) !important}body:not(.light-mode) #modal-cpcl-columns table tbody tr{background:transparent !important;border-bottom:1px solid rgba(255,255,255,0.06) !important}body:not(.light-mode) #modal-cpcl-columns table tbody tr:hover{background:rgba(255,255,255,0.03) !important}body:not(.light-mode) #modal-cpcl-columns table tbody td{color:#cbd5e1 !important}body:not(.light-mode) #modal-cpcl-columns .col-label-input{background-color:rgba(0,0,0,0.4) !important;border:1px solid rgba(255,255,255,0.15) !important;color:#ffffff !important}body:not(.light-mode) #modal-cpcl-columns .col-label-input:focus{background-color:rgba(0,0,0,0.6) !important;border-color:#f59e0b !important;box-shadow:0 0 0 2px rgba(245,158,11,0.25) !important}body:not(.light-mode) #modal-cpcl-columns input[type="text"],body:not(.light-mode) #modal-cpcl-columns select{background-color:rgba(0,0,0,0.4) !important;border:1px solid rgba(255,255,255,0.15) !important;color:#ffffff !important}body:not(.light-mode) #modal-cpcl-columns input[type="text"]:focus,body:not(.light-mode) #modal-cpcl-columns select:focus{border-color:#f59e0b !important;box-shadow:0 0 0 2px rgba(245,158,11,0.25) !important}body:not(.light-mode) #modal-cpcl-columns input::placeholder{color:#64748b !important}body:not(.light-mode) #form-user input,body:not(.light-mode) #form-user select,body:not(.light-mode) #form-add-group input,body:not(.light-mode) #form-edit-group input{background-color:rgba(0,0,0,0.3) !important;border-color:rgba(255,255,255,0.15) !important;color:#ffffff !important}body:not(.light-mode) #form-user input:focus,body:not(.light-mode) #form-user select:focus,body:not(.light-mode) #form-add-group input:focus,body:not(.light-mode) #form-edit-group input:focus{border-color:#6366f1 !important;box-shadow:0 0 0 2px rgba(99,102,241,0.2) !important}body:not(.light-mode) .cpcl-table-head th{background-color:#1e293b !important;color:#cbd5e1 !important;border-bottom:1px solid rgba(255,255,255,0.1) !important;font-weight:700 !important}body:not(.light-mode) #verif-table-body tr{border-bottom:1px solid rgba(255,255,255,0.06) !important}body:not(.light-mode) #verif-table-body tr:hover{background-color:rgba(255,255,255,0.04) !important}body:not(.light-mode) #verif-table-body td{color:#f1f5f9}body:not(.light-mode) .cpcl-badge-available{background-color:rgba(6,78,59,0.45) !important;color:#6ee7b7 !important;border:1px solid rgba(16,185,129,0.35) !important;display:inline-block;padding:0.125rem 0.5rem;border-radius:0.375rem;font-size:10px;font-weight:600}body:not(.light-mode) .cpcl-badge-penyuluh{background-color:rgba(12,74,110,0.45) !important;color:#7dd3fc !important;border:1px solid rgba(56,189,248,0.35) !important;display:inline-block;padding:0.125rem 0.5rem;border-radius:0.375rem;font-size:10px;font-weight:600}body:not(.light-mode) .cpcl-badge-revision{background-color:rgba(120,53,15,0.45) !important;color:#fcd34d !important;border:1px solid rgba(245,158,11,0.35) !important;display:inline-block;padding:0.125rem 0.5rem;border-radius:0.375rem;font-size:10px;font-weight:600}body:not(.light-mode) .cpcl-badge-empty{background-color:rgba(30,41,59,0.6) !important;color:#94a3b8 !important;border:1px solid rgba(71,85,105,0.45) !important;display:inline-block;padding:0.125rem 0.5rem;border-radius:0.375rem;font-size:10px;font-weight:600}body:not(.light-mode) .cpcl-status-verified{background-color:rgba(6,78,59,0.5) !important;color:#6ee7b7 !important;border:1px solid rgba(16,185,129,0.45) !important;display:inline-block;padding:0.25rem 0.625rem;border-radius:9999px;font-size:11px;font-weight:600}body:not(.light-mode) .cpcl-status-process{background-color:rgba(30,58,138,0.45) !important;color:#93c5fd !important;border:1px solid rgba(59,130,246,0.35) !important;display:inline-block;padding:0.25rem 0.625rem;border-radius:9999px;font-size:11px;font-weight:600}body:not(.light-mode) .cpcl-status-revision{background-color:rgba(136,19,55,0.45) !important;color:#fda4af !important;border:1px solid rgba(244,63,94,0.35) !important;display:inline-block;padding:0.25rem 0.625rem;border-radius:9999px;font-size:11px;font-weight:600}body:not(.light-mode) .cpcl-badge-dinas{background-color:rgba(30,41,59,0.8) !important;color:#cbd5e1 !important;border:1px solid rgba(71,85,105,0.5) !important;border-radius:0.25rem;padding:0.125rem 0.375rem;font-size:9px;font-weight:600}body:not(.light-mode) .cpcl-badge-kelsi{background-color:rgba(88,28,135,0.4) !important;color:#d8b4fe !important;border:1px solid rgba(168,85,247,0.4) !important;border-radius:0.25rem;padding:0.125rem 0.375rem;font-size:9px;font-weight:600}body:not(.light-mode) .cpcl-btn-history{background-color:rgba(30,41,59,0.7) !important;color:#cbd5e1 !important;border:1px solid rgba(71,85,105,0.5) !important;border-radius:0.5rem}body:not(.light-mode) .cpcl-btn-history:hover{background-color:rgba(51,65,85,0.8) !important;color:#ffffff !important}body:not(.light-mode) .cpcl-btn-audit{background-color:rgba(6,78,59,0.45) !important;color:#6ee7b7 !important;border:1px solid rgba(16,185,129,0.4) !important;border-radius:0.5rem}body:not(.light-mode) .cpcl-btn-audit:hover{background-color:rgba(6,78,59,0.7) !important;color:#a7f3d0 !important}body:not(.light-mode) .cpcl-btn-surat{background-color:rgba(120,53,15,0.45) !important;color:#fcd34d !important;border:1px solid rgba(245,158,11,0.4) !important;border-radius:0.5rem}body:not(.light-mode) .cpcl-btn-surat:hover{background-color:rgba(120,53,15,0.7) !important;color:#fef08a !important}body:not(.light-mode) .cpcl-btn-approve{background-color:#059669 !important;color:#ffffff !important;border:1px solid #10b981 !important;border-radius:0.5rem}body:not(.light-mode) .cpcl-btn-approve:hover{background-color:#047857 !important;border-color:#34d399 !important}body:not(.light-mode) .cpcl-btn-poktan{background-color:rgba(12,74,110,0.45) !important;color:#7dd3fc !important;border:1px solid rgba(56,189,248,0.4) !important;border-radius:0.5rem}body:not(.light-mode) .cpcl-btn-poktan:hover{background-color:rgba(12,74,110,0.7) !important;color:#bae6fd !important}body:not(.light-mode) .cpcl-btn-delete{background-color:rgba(136,19,55,0.45) !important;color:#fda4af !important;border:1px solid rgba(244,63,94,0.35) !important;border-radius:0.5rem}body:not(.light-mode) .cpcl-btn-delete:hover{background-color:rgba(136,19,55,0.7) !important;color:#ffffff !important}body:not(.light-mode) #modal-surat-verifikasi{z-index:999990 !important}body:not(.light-mode) #modal-surat-verifikasi .backdrop-blur-md,body:not(.light-mode) #modal-surat-verifikasi > .fixed.inset-0{background-color:rgba(0,0,0,0.75) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important}body:not(.light-mode) .cpcl-top-btn{background-color:rgba(30,41,59,0.75) !important;border:1px solid rgba(71,85,105,0.5) !important;color:#f1f5f9 !important;border-radius:0.75rem !important;box-shadow:0 1px 2px rgba(0,0,0,0.2) !important}body:not(.light-mode) .cpcl-top-btn:hover{background-color:rgba(51,65,85,0.85) !important;border-color:rgba(148,163,184,0.4) !important;color:#ffffff !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-slate-900\/60,body:not(.light-mode) #modal-relink-poktan .bg-slate-900\/60{background-color:rgba(2,6,23,0.8) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-white,body:not(.light-mode) #modal-relink-poktan .bg-white{background-color:#131826 !important}body:not(.light-mode) #modal-ganti-poktan-excel .border-slate-200,body:not(.light-mode) #modal-relink-poktan .border-slate-200{border-color:rgba(255,255,255,0.1) !important}body:not(.light-mode) #modal-ganti-poktan-excel .max-w-5xl.border-slate-200,body:not(.light-mode) #modal-relink-poktan .max-w-5xl.border-slate-200{border-color:rgba(255,255,255,0.15) !important}body:not(.light-mode) #modal-ganti-poktan-excel .hover\:bg-slate-100.bg-white,body:not(.light-mode) #modal-relink-poktan .hover\:bg-slate-100.bg-white{background-color:rgba(255,255,255,0.05) !important}body:not(.light-mode) #modal-ganti-poktan-excel .custom-scrollbar.bg-white{background-color:rgba(0,0,0,0.2) !important}body:not(.light-mode) #modal-ganti-poktan-excel .border-emerald-300.bg-white{background-color:rgba(16,185,129,0.1) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-white\/80{background-color:rgba(0,0,0,0.2) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-slate-50,body:not(.light-mode) #modal-relink-poktan .bg-slate-50{background-color:rgba(255,255,255,0.05) !important}body:not(.light-mode) #modal-ganti-poktan-excel .font-mono.bg-slate-50{background-color:rgba(0,0,0,0.4) !important}body:not(.light-mode) #modal-ganti-poktan-excel .space-y-2\.5.bg-slate-50{background-color:rgba(0,0,0,0.3) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-slate-100\/70{background-color:rgba(0,0,0,0.3) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-slate-100,body:not(.light-mode) #modal-relink-poktan .bg-slate-100{background-color:rgba(255,255,255,0.05) !important}body:not(.light-mode) #modal-ganti-poktan-excel thead.bg-slate-100{background-color:#1e293b !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-slate-200,body:not(.light-mode) #modal-relink-poktan .bg-slate-200{background-color:#334155 !important}body:not(.light-mode) #modal-ganti-poktan-excel .border-slate-300,body:not(.light-mode) #modal-relink-poktan .border-slate-300{border-color:rgba(255,255,255,0.1) !important}body:not(.light-mode) #modal-ganti-poktan-excel .placeholder-slate-400::placeholder{color:rgba(255,255,255,0.2) !important}body:not(.light-mode) #modal-ganti-poktan-excel .divide-slate-200 >:not([hidden]) ~:not([hidden]){border-color:rgba(255,255,255,0.05) !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-slate-800,body:not(.light-mode) #modal-relink-poktan .text-slate-800{color:#ffffff !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-slate-900{color:#ffffff !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-slate-700,body:not(.light-mode) #modal-relink-poktan .text-slate-700{color:rgba(255,255,255,0.9) !important}body:not(.light-mode) #modal-ganti-poktan-excel thead.bg-slate-100.text-slate-700{color:rgba(255,255,255,0.7) !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-slate-600{color:rgba(255,255,255,0.7) !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-slate-500,body:not(.light-mode) #modal-relink-poktan .text-slate-500{color:rgba(255,255,255,0.5) !important}body:not(.light-mode) #modal-ganti-poktan-excel .mt-0\.5.text-slate-500,body:not(.light-mode) #modal-ganti-poktan-excel .mb-0\.5.text-slate-500{color:rgba(255,255,255,0.6) !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-slate-400,body:not(.light-mode) #modal-relink-poktan .text-slate-400{color:rgba(255,255,255,0.4) !important}body:not(.light-mode) #modal-relink-poktan .hover\:bg-slate-200.text-slate-400{color:rgba(255,255,255,0.6) !important}body:not(.light-mode) #modal-ganti-poktan-excel .hover\:text-slate-800:hover,body:not(.light-mode) #modal-relink-poktan .hover\:text-slate-800:hover{color:#ffffff !important}body:not(.light-mode) #modal-ganti-poktan-excel .hover\:text-slate-900:hover{color:#ffffff !important}body:not(.light-mode) #modal-ganti-poktan-excel .hover\:bg-slate-200:hover,body:not(.light-mode) #modal-relink-poktan .hover\:bg-slate-200:hover{background-color:rgba(255,255,255,0.1) !important}body:not(.light-mode) #modal-ganti-poktan-excel .hover\:bg-slate-100:hover,body:not(.light-mode) #modal-relink-poktan .hover\:bg-slate-100:hover{background-color:rgba(255,255,255,0.05) !important}body:not(.light-mode) #modal-ganti-poktan-excel .shadow-xs.hover\:bg-slate-100:hover,body:not(.light-mode) #modal-relink-poktan .shadow-xs.hover\:bg-slate-100:hover{background-color:rgba(255,255,255,0.1) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-emerald-100{background-color:rgba(16,185,129,0.2) !important}body:not(.light-mode) #modal-ganti-poktan-excel .w-12.bg-emerald-100{background-color:rgba(16,185,129,0.1) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-emerald-50\/70 .bg-emerald-100{background-color:rgba(16,185,129,0.15) !important}body:not(.light-mode) #modal-ganti-poktan-excel .border-emerald-200{border-color:rgba(16,185,129,0.3) !important}body:not(.light-mode) #modal-ganti-poktan-excel .w-12.border-emerald-200{border-color:rgba(16,185,129,0.2) !important}body:not(.light-mode) #modal-ganti-poktan-excel .border-emerald-300{border-color:rgba(16,185,129,0.3) !important}body:not(.light-mode) #modal-ganti-poktan-excel .border-emerald-100{border-color:rgba(16,185,129,0.2) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-emerald-200{background-color:rgba(16,185,129,0.2) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-emerald-50{background-color:rgba(2,44,34,0.4) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-emerald-50\/40{background-color:rgba(2,44,34,0.2) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-emerald-50\/70{background-color:rgba(2,44,34,0.5) !important}body:not(.light-mode) #modal-ganti-poktan-excel .hover\:bg-emerald-50\/70:hover{background-color:rgba(2,44,34,0.3) !important}body:not(.light-mode) #modal-ganti-poktan-excel .hover\:bg-emerald-50\/50:hover{background-color:rgba(16,185,129,0.15) !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-emerald-600{color:#34d399 !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-emerald-700{color:#34d399 !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-emerald-700\/70{color:rgba(110,231,183,0.6) !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-emerald-800{color:#6ee7b7 !important}body:not(.light-mode) #modal-ganti-poktan-excel .hover\:text-emerald-800:hover{color:#34d399 !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-rose-50\/70{background-color:rgba(30,41,59,0.8) !important}body:not(.light-mode) #modal-ganti-poktan-excel .border-rose-200{border-color:rgba(255,255,255,0.1) !important}body:not(.light-mode) #modal-ganti-poktan-excel .border-rose-100{border-color:rgba(255,255,255,0.05) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-rose-50\/70 .bg-rose-100{background-color:rgba(244,63,94,0.15) !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-rose-100{background-color:rgba(255,255,255,0.05) !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-rose-700{color:rgba(255,255,255,0.5) !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-xs.font-bold.text-rose-700{color:#fb7185 !important}body:not(.light-mode) #modal-ganti-poktan-excel .bg-cyan-100{background-color:rgba(6,182,212,0.2) !important}body:not(.light-mode) #modal-ganti-poktan-excel .border-cyan-200{border-color:rgba(6,182,212,0.3) !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-cyan-800{color:#67e8f9 !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-cyan-700{color:#22d3ee !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-base.sm\:text-lg.text-cyan-700{color:#67e8f9 !important}body:not(.light-mode) #modal-ganti-poktan-excel .text-blue-600{color:#60a5fa !important}body:not(.light-mode) #modal-relink-poktan .bg-amber-100{background-color:rgba(245,158,11,0.2) !important}body:not(.light-mode) #modal-relink-poktan .bg-amber-50{background-color:rgba(69,26,3,0.4) !important}body:not(.light-mode) #modal-relink-poktan .border-amber-200{border-color:rgba(245,158,11,0.3) !important}body:not(.light-mode) #modal-relink-poktan .text-amber-600,body:not(.light-mode) #modal-relink-poktan .text-amber-700{color:#fbbf24 !important}