body{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;transition:background-color 0.4s ease,color 0.4s ease !important}html.dark body,body.dark-mode{background:radial-gradient(circle at top left,#0f172a,#020617);background-attachment:fixed;color:#f8fafc}html.dark .glass-panel,body.dark-mode .glass-panel{background:rgba(15,23,42,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 30px -5px rgba(0,0,0,0.4)}html.light body,body.light-mode{background:linear-gradient(135deg,#e0f2fe 0%,#fef3c7 50%,#dcfce7 100%) !important;background-attachment:fixed !important;color:#0f172a !important}html.light .glass-panel,body.light-mode .glass-panel{background:#ffffff !important;border:1px solid rgba(20,83,45,0.12) !important;box-shadow:0 10px 25px -5px rgba(20,83,45,0.08),0 8px 10px -6px rgba(20,83,45,0.04) !important;color:#0f172a !important}body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode .text-white{color:#0f172a !important}body.light-mode p,body.light-mode label,body.light-mode .text-white\/70,body.light-mode .text-white\/60,body.light-mode .text-white\/50{color:#475569 !important}body.light-mode .text-white\/40,body.light-mode .text-white\/30{color:#64748b !important}body.light-mode .border-white\/10,body.light-mode .border-white\/15,body.light-mode .border-white\/20{border-color:rgba(20,83,45,0.12) !important}body.light-mode .bg-white\/5{background-color:rgba(20,83,45,0.04) !important;border-color:rgba(20,83,45,0.1) !important}body.light-mode .bg-black\/40{background-color:#f8fafc !important;border:1px solid rgba(20,83,45,0.12) !important}body.light-mode input,body.light-mode select,body.light-mode textarea{background-color:#ffffff !important;color:#0f172a !important;border:1px solid rgba(20,83,45,0.2) !important;border-radius:12px !important;box-shadow:inset 0 1px 2px rgba(0,0,0,0.02) !important;color-scheme:light !important}body.light-mode input:focus,body.light-mode select:focus,body.light-mode textarea:focus{border-color:#059669 !important;box-shadow:0 0 0 3px rgba(16,185,129,0.15) !important}body.light-mode select option{background-color:#ffffff !important;color:#0f172a !important}body.light-mode table{color:#0f172a !important}body.light-mode tr.border-b,body.light-mode td{border-color:rgba(20,83,45,0.08) !important}body.light-mode tbody tr:hover{background-color:rgba(16,185,129,0.05) !important}body.light-mode th{color:#334155 !important;background-color:rgba(248,250,252,0.8) !important}body.light-mode .bg-emerald-600\/20,body.light-mode .bg-emerald-500\/20{background-color:#ecfdf5 !important;color:#047857 !important;border:1px solid #6ee7b7 !important}body.light-mode .bg-emerald-600\/20:hover,body.light-mode .bg-emerald-500\/20:hover{background-color:#d1fae5 !important}body.light-mode .bg-teal-600\/20,body.light-mode .bg-teal-500\/20{background-color:#f0fdfa !important;color:#0f766e !important;border:1px solid #5eead4 !important}body.light-mode .bg-teal-600\/20:hover,body.light-mode .bg-teal-500\/20:hover{background-color:#ccfbf1 !important}body.light-mode .bg-blue-600\/20{background-color:#eff6ff !important;color:#1d4ed8 !important;border:1px solid #93c5fd !important}body.light-mode .bg-blue-600\/20:hover{background-color:#dbeafe !important}body.light-mode .bg-indigo-600\/20{background-color:#e0e7ff !important;color:#4338ca !important;border:1px solid #a5b4fc !important}body.light-mode .bg-indigo-600\/20:hover{background-color:#c7d2fe !important}body.light-mode .bg-amber-500\/20{background-color:#fffbeb !important;color:#b45309 !important;border:1px solid #fde68a !important}body.light-mode .bg-amber-500\/20:hover{background-color:#fef3c7 !important}body.light-mode #theme-toggle-btn{background-color:#ffffff !important;color:#d97706 !important;border:1px solid #cbd5e1 !important;box-shadow:0 2px 4px rgba(0,0,0,0.05) !important}body.light-mode #theme-toggle-btn:hover{background-color:#f8fafc !important}body.light-mode .active-tab-btn,body.light-mode #tab-btn-tahapan.bg-emerald-600,body.light-mode #tab-btn-dropping.bg-emerald-600,body.light-mode #tab-btn-cetak.bg-emerald-600{background-color:#059669 !important;color:#ffffff !important;box-shadow:0 4px 12px rgba(5,150,105,0.25) !important}body.light-mode #tab-btn-tahapan.tab-btn-inactive,body.light-mode #tab-btn-dropping.tab-btn-inactive,body.light-mode #tab-btn-cetak.tab-btn-inactive{color:#475569 !important;background-color:transparent !important}body.light-mode #tab-btn-tahapan.tab-btn-inactive:hover,body.light-mode #tab-btn-dropping.tab-btn-inactive:hover,body.light-mode #tab-btn-cetak.tab-btn-inactive:hover{background-color:rgba(5,150,105,0.1) !important;color:#047857 !important}body.light-mode input[id*="inline-"]{background-color:#ffffff !important;color:#0f172a !important;border:1.5px solid #cbd5e1 !important}body.light-mode input[id*="inline-nobast-"]{color:#b45309 !important;border-color:#fcd34d !important}body.light-mode input[id*="inline-vol-"]{color:#047857 !important;border-color:#6ee7b7 !important}body.light-mode input[id*="inline-"]:focus{border-color:#10b981 !important;box-shadow:0 0 0 3px rgba(16,185,129,0.2) !important}body.light-mode #pagination-controls button,body.light-mode #cetak-pagination-controls button{background-color:#ffffff !important;color:#334155 !important;border:1px solid #cbd5e1 !important;box-shadow:0 1px 2px rgba(0,0,0,0.05) !important}body.light-mode #pagination-controls button.bg-emerald-600,body.light-mode #cetak-pagination-controls button.bg-emerald-600{background-color:#059669 !important;color:#ffffff !important;border-color:#047857 !important;box-shadow:0 2px 6px rgba(5,150,105,0.3) !important}body.light-mode #pagination-controls button:hover:not(.bg-emerald-600),body.light-mode #cetak-pagination-controls button:hover:not(.bg-emerald-600){background-color:#f1f5f9 !important;color:#0f172a !important}body.light-mode #pagination-info,body.light-mode #cetak-pagination-info{color:#475569 !important}body.light-mode .text-emerald-300,body.light-mode .text-emerald-400{color:#047857 !important}body.light-mode .text-amber-300,body.light-mode .text-amber-400{color:#b45309 !important}body.light-mode .text-blue-300,body.light-mode .text-blue-400{color:#1d4ed8 !important}body.light-mode .text-purple-400{color:#6b21a8 !important}body.light-mode #modal-input-dropping .bg-black\/70,body.light-mode #modal-cetak-rekap-bast .bg-black\/80{background-color:rgba(15,23,42,0.45) !important;backdrop-filter:blur(8px) !important}body.light-mode #modal-input-dropping .glass-panel,body.light-mode #modal-cetak-rekap-bast > div:nth-child(2),body.light-mode #modal-cetak-rekap-bast .bg-slate-900{background-color:#ffffff !important;color:#0f172a !important;border-color:#cbd5e1 !important;box-shadow:0 25px 50px -12px rgba(15,23,42,0.25) !important}body.light-mode #modal-input-dropping .bg-slate-900\/80,body.light-mode #modal-cetak-rekap-bast .bg-white\/5,body.light-mode #modal-cetak-rekap-bast .bg-black\/20{background-color:#f8fafc !important;border-color:#e2e8f0 !important;color:#0f172a !important}body.light-mode #modal-input-dropping h3,body.light-mode #modal-cetak-rekap-bast h3,body.light-mode #modal-input-dropping label,body.light-mode #modal-cetak-rekap-bast label{color:#0f172a !important;font-weight:700 !important}body.light-mode #modal-input-dropping p,body.light-mode #modal-cetak-rekap-bast p,body.light-mode #modal-input-dropping span.text-white\/60,body.light-mode #modal-cetak-rekap-bast span.text-white\/60,body.light-mode #modal-cetak-rekap-bast span.text-white\/50{color:#475569 !important}body.light-mode .bg-white\/5{background-color:#f1f5f9 !important;border-color:#cbd5e1 !important}body.light-mode .text-white\/80{color:#334155 !important}body.light-mode .text-white\/60{color:#475569 !important}body.light-mode .text-white\/50{color:#64748b !important}body.light-mode .text-white\/40{color:#64748b !important}body.light-mode .border-white\/10,body.light-mode .border-white\/5,body.light-mode .border-white\/15,body.light-mode .border-white\/20{border-color:#e2e8f0 !important}body.light-mode #modal-input-dropping input,body.light-mode #modal-input-dropping textarea,body.light-mode #modal-cetak-rekap-bast select{background-color:#ffffff !important;color:#0f172a !important;border:1.5px solid #cbd5e1 !important}body.light-mode #modal-cetak-rekap-bast select option{background-color:#ffffff !important;color:#0f172a !important}body.light-mode #modal-input-dropping input:focus,body.light-mode #modal-input-dropping textarea:focus,body.light-mode #modal-cetak-rekap-bast select:focus{border-color:#059669 !important;box-shadow:0 0 0 3px rgba(5,150,105,0.15) !important}body.light-mode #modal-cetak-rekap-bast button.bg-blue-600{background-color:#2563eb !important;color:#ffffff !important;border:1px solid #1d4ed8 !important;box-shadow:0 4px 12px rgba(37,99,235,0.25) !important}body.light-mode #modal-cetak-rekap-bast button.bg-blue-600:hover{background-color:#1d4ed8 !important}body.light-mode #modal-cetak-rekap-bast button.bg-indigo-600{background-color:#4f46e5 !important;color:#ffffff !important;border:1px solid #4338ca !important;box-shadow:0 4px 12px rgba(79,70,229,0.25) !important}body.light-mode #modal-cetak-rekap-bast button.bg-indigo-600:hover{background-color:#4338ca !important}body.light-mode #modal-input-dropping button[type="submit"]{background-color:#059669 !important;color:#ffffff !important;border:1px solid #047857 !important;box-shadow:0 4px 12px rgba(5,150,105,0.25) !important}body.light-mode #modal-input-dropping button[type="submit"]:hover{background-color:#047857 !important}body.light-mode #modal-cetak-rekap-bast button.bg-white\/5,body.light-mode #modal-input-dropping button.text-white\/60{background-color:#f1f5f9 !important;color:#334155 !important;border:1px solid #cbd5e1 !important}body.light-mode #modal-cetak-rekap-bast button.bg-white\/5:hover,body.light-mode #modal-input-dropping button.text-white\/60:hover{background-color:#e2e8f0 !important;color:#0f172a !important}body.light-mode #modal-cetak-rekap-bast button.text-white\/40,body.light-mode #modal-input-dropping button.text-white\/40{color:#64748b !important}body.light-mode #modal-cetak-rekap-bast button.text-white\/40:hover,body.light-mode #modal-input-dropping button.text-white\/40:hover{color:#0f172a !important;background-color:#f1f5f9 !important}.swal2-popup{border-radius:24px !important;font-family:'Plus Jakarta Sans',sans-serif !important}html.dark .swal2-popup,body.dark-mode .swal2-popup{background:#0f172a !important;color:#f8fafc !important;border:1px solid rgba(255,255,255,0.15) !important;box-shadow:0 25px 50px -12px rgba(0,0,0,0.7) !important}html.dark .swal2-title,body.dark-mode .swal2-title{color:#ffffff !important;font-weight:800 !important}html.dark .swal2-html-container,body.dark-mode .swal2-html-container{color:#cbd5e1 !important}html.light .swal2-popup,body.light-mode .swal2-popup{background:#ffffff !important;color:#0f172a !important;border:1px solid rgba(20,83,45,0.15) !important;box-shadow:0 25px 50px -12px rgba(15,23,42,0.25) !important}html.light .swal2-title,body.light-mode .swal2-title{color:#0f172a !important;font-weight:800 !important}html.light .swal2-html-container,body.light-mode .swal2-html-container{color:#475569 !important}html.light .swal2-styled.swal2-confirm,body.light-mode .swal2-styled.swal2-confirm{box-shadow:0 4px 12px rgba(16,185,129,0.3) !important}html.light .swal2-styled.swal2-cancel,body.light-mode .swal2-styled.swal2-cancel{background-color:#e2e8f0 !important;color:#334155 !important}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 0.3s cubic-bezier(0.16,1,0.3,1) forwards}