:root{--warna-primer-50:240 247 255;--warna-primer-100:219 237 255;--warna-primer-200:184 219 255;--warna-primer-300:133 194 251;--warna-primer-400:78 164 240;--warna-primer-500:34 134 219;--warna-primer-600:16 108 184;--warna-primer-700:13 86 148;--warna-primer-800:14 69 119;--warna-primer-900:16 58 97;--warna-primer-950:10 36 64;--warna-aksen-50:236 251 246;--warna-aksen-100:210 245 233;--warna-aksen-200:166 234 213;--warna-aksen-300:111 217 187;--warna-aksen-400:63 192 160;--warna-aksen-500:35 163 134;--warna-aksen-600:23 131 108;--warna-aksen-700:20 104 87;--warna-aksen-800:19 83 70;--warna-aksen-900:18 69 59;--warna-aksen-950:8 42 36;--warna-sukses-50:236 253 243;--warna-sukses-100:209 250 227;--warna-sukses-200:166 244 203;--warna-sukses-300:108 233 166;--warna-sukses-400:50 213 131;--warna-sukses-500:18 183 106;--warna-sukses-600:3 152 85;--warna-sukses-700:2 122 72;--warna-sukses-800:5 96 58;--warna-sukses-900:5 79 49;--warna-sukses-950:2 44 28;--warna-peringatan-50:255 250 235;--warna-peringatan-100:254 240 199;--warna-peringatan-200:254 223 137;--warna-peringatan-300:254 200 75;--warna-peringatan-400:253 176 34;--warna-peringatan-500:247 144 9;--warna-peringatan-600:220 104 3;--warna-peringatan-700:181 71 8;--warna-peringatan-800:147 55 13;--warna-peringatan-900:122 46 14;--warna-peringatan-950:78 29 9;--warna-bahaya-50:254 243 242;--warna-bahaya-100:254 228 226;--warna-bahaya-200:254 205 202;--warna-bahaya-300:253 162 155;--warna-bahaya-400:249 112 102;--warna-bahaya-500:240 68 56;--warna-bahaya-600:217 45 32;--warna-bahaya-700:180 35 24;--warna-bahaya-800:145 32 24;--warna-bahaya-900:122 39 26;--warna-bahaya-950:85 22 12;--warna-permukaan:255 255 255;--warna-permukaan-lembut:246 249 251;--warna-permukaan-terbenam:240 244 248;--warna-garis:226 232 240;--warna-teks:15 23 42;--warna-teks-lembut:71 85 105;--warna-teks-samar:100 116 139}.dark .bg-aksen-100{background-color:color-mix(in srgb,rgb(var(--warna-aksen-500)) 20%,var(--g-kartu))}.dark .bg-aksen-200{background-color:color-mix(in srgb,rgb(var(--warna-aksen-500)) 30%,var(--g-kartu))}.dark .bg-aksen-50{background-color:color-mix(in srgb,rgb(var(--warna-aksen-500)) 14%,var(--g-kartu))}.dark .bg-amber-100{background-color:color-mix(in srgb,#f59e0b 20%,var(--g-kartu))}.dark .bg-amber-50{background-color:color-mix(in srgb,#f59e0b 14%,var(--g-kartu))}.dark .bg-bahaya-100{background-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 20%,var(--g-kartu))}.dark .bg-bahaya-50{background-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 14%,var(--g-kartu))}.dark .bg-emerald-100{background-color:color-mix(in srgb,#10b981 20%,var(--g-kartu))}.dark .bg-emerald-50{background-color:color-mix(in srgb,#10b981 14%,var(--g-kartu))}.dark .bg-gray-100{background-color:var(--g-100)}.dark .bg-gray-200{background-color:var(--g-200)}.dark .bg-gray-300{background-color:var(--g-300)}.dark .bg-gray-50{background-color:var(--g-50)}.dark .bg-green-100{background-color:color-mix(in srgb,#22c55e 20%,var(--g-kartu))}.dark .bg-green-50{background-color:color-mix(in srgb,#22c55e 14%,var(--g-kartu))}.dark .bg-indigo-100{background-color:color-mix(in srgb,#6366f1 20%,var(--g-kartu))}.dark .bg-indigo-50{background-color:color-mix(in srgb,#6366f1 14%,var(--g-kartu))}.dark .bg-orange-100{background-color:color-mix(in srgb,#f97316 20%,var(--g-kartu))}.dark .bg-orange-50{background-color:color-mix(in srgb,#f97316 14%,var(--g-kartu))}.dark .bg-peringatan-100{background-color:color-mix(in srgb,rgb(var(--warna-peringatan-500)) 20%,var(--g-kartu))}.dark .bg-peringatan-50{background-color:color-mix(in srgb,rgb(var(--warna-peringatan-500)) 14%,var(--g-kartu))}.dark .bg-pink-100{background-color:color-mix(in srgb,#ec4899 20%,var(--g-kartu))}.dark .bg-pink-50{background-color:color-mix(in srgb,#ec4899 14%,var(--g-kartu))}.dark .bg-primer-100{background-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 20%,var(--g-kartu))}.dark .bg-primer-200{background-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 30%,var(--g-kartu))}.dark .bg-primer-50{background-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 14%,var(--g-kartu))}.dark .bg-purple-100{background-color:color-mix(in srgb,#a855f7 20%,var(--g-kartu))}.dark .bg-purple-50{background-color:color-mix(in srgb,#a855f7 14%,var(--g-kartu))}.dark .bg-red-100{background-color:color-mix(in srgb,#ef4444 20%,var(--g-kartu))}.dark .bg-red-50{background-color:color-mix(in srgb,#ef4444 14%,var(--g-kartu))}.dark .bg-rose-100{background-color:color-mix(in srgb,#f43f5e 20%,var(--g-kartu))}.dark .bg-rose-50{background-color:color-mix(in srgb,#f43f5e 14%,var(--g-kartu))}.dark .bg-sukses-100{background-color:color-mix(in srgb,rgb(var(--warna-sukses-500)) 20%,var(--g-kartu))}.dark .bg-sukses-50{background-color:color-mix(in srgb,rgb(var(--warna-sukses-500)) 14%,var(--g-kartu))}.dark .bg-teal-100{background-color:color-mix(in srgb,#14b8a6 20%,var(--g-kartu))}.dark .bg-teal-50{background-color:color-mix(in srgb,#14b8a6 14%,var(--g-kartu))}.dark .bg-white{background-color:var(--g-kartu)}.dark .bg-yellow-100{background-color:color-mix(in srgb,#eab308 20%,var(--g-kartu))}.dark .bg-yellow-50{background-color:color-mix(in srgb,#eab308 14%,var(--g-kartu))}.dark .border-aksen-100{border-color:color-mix(in srgb,rgb(var(--warna-aksen-500)) 28%,var(--g-kartu))}.dark .border-aksen-200{border-color:color-mix(in srgb,rgb(var(--warna-aksen-500)) 38%,var(--g-kartu))}.dark .border-aksen-300{border-color:color-mix(in srgb,rgb(var(--warna-aksen-500)) 48%,var(--g-kartu))}.dark .border-amber-100{border-color:color-mix(in srgb,#f59e0b 28%,var(--g-kartu))}.dark .border-amber-200{border-color:color-mix(in srgb,#f59e0b 38%,var(--g-kartu))}.dark .border-amber-300{border-color:color-mix(in srgb,#f59e0b 48%,var(--g-kartu))}.dark .border-b-white{border-bottom-color:var(--g-b200)}.dark .border-bahaya-100{border-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 28%,var(--g-kartu))}.dark .border-bahaya-200{border-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 38%,var(--g-kartu))}.dark .border-bahaya-300{border-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 48%,var(--g-kartu))}.dark .border-emerald-100{border-color:color-mix(in srgb,#10b981 28%,var(--g-kartu))}.dark .border-emerald-200{border-color:color-mix(in srgb,#10b981 38%,var(--g-kartu))}.dark .border-emerald-300{border-color:color-mix(in srgb,#10b981 48%,var(--g-kartu))}.dark .border-gray-100{border-color:var(--g-b100)}.dark .border-gray-200{border-color:var(--g-b200)}.dark .border-gray-300{border-color:var(--g-b300)}.dark .border-gray-400{border-color:var(--g-b400)}.dark .border-green-100{border-color:color-mix(in srgb,#22c55e 28%,var(--g-kartu))}.dark .border-green-200{border-color:color-mix(in srgb,#22c55e 38%,var(--g-kartu))}.dark .border-green-300{border-color:color-mix(in srgb,#22c55e 48%,var(--g-kartu))}.dark .border-indigo-200{border-color:color-mix(in srgb,#6366f1 38%,var(--g-kartu))}.dark .border-indigo-300{border-color:color-mix(in srgb,#6366f1 48%,var(--g-kartu))}.dark .border-l-gray-300{border-left-color:var(--g-b300)}.dark .border-orange-200{border-color:color-mix(in srgb,#f97316 38%,var(--g-kartu))}.dark .border-orange-300{border-color:color-mix(in srgb,#f97316 48%,var(--g-kartu))}.dark .border-peringatan-200{border-color:color-mix(in srgb,rgb(var(--warna-peringatan-500)) 38%,var(--g-kartu))}.dark .border-peringatan-300{border-color:color-mix(in srgb,rgb(var(--warna-peringatan-500)) 48%,var(--g-kartu))}.dark .border-pink-200{border-color:color-mix(in srgb,#ec4899 38%,var(--g-kartu))}.dark .border-pink-300{border-color:color-mix(in srgb,#ec4899 48%,var(--g-kartu))}.dark .border-primer-100{border-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 28%,var(--g-kartu))}.dark .border-primer-200{border-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 38%,var(--g-kartu))}.dark .border-primer-300{border-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 48%,var(--g-kartu))}.dark .border-purple-200{border-color:color-mix(in srgb,#a855f7 38%,var(--g-kartu))}.dark .border-purple-300{border-color:color-mix(in srgb,#a855f7 48%,var(--g-kartu))}.dark .border-red-200{border-color:color-mix(in srgb,#ef4444 38%,var(--g-kartu))}.dark .border-red-300{border-color:color-mix(in srgb,#ef4444 48%,var(--g-kartu))}.dark .border-rose-200{border-color:color-mix(in srgb,#f43f5e 38%,var(--g-kartu))}.dark .border-rose-300{border-color:color-mix(in srgb,#f43f5e 48%,var(--g-kartu))}.dark .border-sukses-200{border-color:color-mix(in srgb,rgb(var(--warna-sukses-500)) 38%,var(--g-kartu))}.dark .border-t-white{border-top-color:var(--g-b200)}.dark .border-teal-100{border-color:color-mix(in srgb,#14b8a6 28%,var(--g-kartu))}.dark .border-teal-200{border-color:color-mix(in srgb,#14b8a6 38%,var(--g-kartu))}.dark .border-teal-300{border-color:color-mix(in srgb,#14b8a6 48%,var(--g-kartu))}.dark .border-white{border-color:var(--g-b200)}.dark .border-yellow-200{border-color:color-mix(in srgb,#eab308 38%,var(--g-kartu))}.dark .border-yellow-300{border-color:color-mix(in srgb,#eab308 48%,var(--g-kartu))}.dark .divide-gray-100>*{border-color:var(--g-b100)}.dark .divide-gray-200>*{border-color:var(--g-b200)}.dark .from-aksen-100{--tw-gradient-from:color-mix(in srgb,rgb(var(--warna-aksen-500)) 20%,var(--g-kartu))}.dark .from-aksen-50{--tw-gradient-from:color-mix(in srgb,rgb(var(--warna-aksen-500)) 14%,var(--g-kartu))}.dark .from-amber-50{--tw-gradient-from:color-mix(in srgb,#f59e0b 14%,var(--g-kartu))}.dark .from-bahaya-100{--tw-gradient-from:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 20%,var(--g-kartu))}.dark .from-emerald-50{--tw-gradient-from:color-mix(in srgb,#10b981 14%,var(--g-kartu))}.dark .from-gray-100{--tw-gradient-from:var(--g-100)}.dark .from-gray-50{--tw-gradient-from:var(--g-50)}.dark .from-green-100{--tw-gradient-from:color-mix(in srgb,#22c55e 20%,var(--g-kartu))}.dark .from-green-50{--tw-gradient-from:color-mix(in srgb,#22c55e 14%,var(--g-kartu))}.dark .from-indigo-50{--tw-gradient-from:color-mix(in srgb,#6366f1 14%,var(--g-kartu))}.dark .from-orange-50{--tw-gradient-from:color-mix(in srgb,#f97316 14%,var(--g-kartu))}.dark .from-primer-100{--tw-gradient-from:color-mix(in srgb,rgb(var(--warna-primer-500)) 20%,var(--g-kartu))}.dark .from-primer-50{--tw-gradient-from:color-mix(in srgb,rgb(var(--warna-primer-500)) 14%,var(--g-kartu))}.dark .from-purple-50{--tw-gradient-from:color-mix(in srgb,#a855f7 14%,var(--g-kartu))}.dark .from-red-50{--tw-gradient-from:color-mix(in srgb,#ef4444 14%,var(--g-kartu))}.dark .from-teal-50{--tw-gradient-from:color-mix(in srgb,#14b8a6 14%,var(--g-kartu))}.dark .from-white{--tw-gradient-from:var(--g-kartu)}.dark .from-yellow-100{--tw-gradient-from:color-mix(in srgb,#eab308 20%,var(--g-kartu))}.dark .from-yellow-50{--tw-gradient-from:color-mix(in srgb,#eab308 14%,var(--g-kartu))}.dark .placeholder-gray-400::-moz-placeholder{color:var(--g-t400)}.dark .placeholder-gray-400::placeholder{color:var(--g-t400)}.dark .ring-bahaya-200{--tw-ring-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 38%,var(--g-kartu))}.dark .ring-emerald-200{--tw-ring-color:color-mix(in srgb,#10b981 38%,var(--g-kartu))}.dark .ring-gray-200{--tw-ring-color:var(--g-b200)}.dark .ring-peringatan-200{--tw-ring-color:color-mix(in srgb,rgb(var(--warna-peringatan-500)) 38%,var(--g-kartu))}.dark .ring-primer-200{--tw-ring-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 38%,var(--g-kartu))}.dark .ring-primer-300{--tw-ring-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 48%,var(--g-kartu))}.dark .ring-sukses-200{--tw-ring-color:color-mix(in srgb,rgb(var(--warna-sukses-500)) 38%,var(--g-kartu))}.dark .ring-white{--tw-ring-color:var(--g-b200)}.dark .text-aksen-600{color:rgb(var(--warna-aksen-400))}.dark .text-aksen-700{color:rgb(var(--warna-aksen-300))}.dark .text-aksen-800{color:rgb(var(--warna-aksen-200))}.dark .text-aksen-900{color:rgb(var(--warna-aksen-100))}.dark .text-amber-600{color:color-mix(in srgb,#f59e0b 82%,white)}.dark .text-amber-700{color:color-mix(in srgb,#f59e0b 62%,white)}.dark .text-amber-800{color:color-mix(in srgb,#f59e0b 42%,white)}.dark .text-amber-900{color:color-mix(in srgb,#f59e0b 26%,white)}.dark .text-bahaya-600{color:rgb(var(--warna-bahaya-400))}.dark .text-bahaya-700{color:rgb(var(--warna-bahaya-300))}.dark .text-bahaya-800{color:rgb(var(--warna-bahaya-200))}.dark .text-bahaya-900{color:rgb(var(--warna-bahaya-100))}.dark .text-cyan-600{color:color-mix(in srgb,#06b6d4 82%,white)}.dark .text-cyan-900{color:color-mix(in srgb,#06b6d4 26%,white)}.dark .text-emerald-600{color:color-mix(in srgb,#10b981 82%,white)}.dark .text-emerald-700{color:color-mix(in srgb,#10b981 62%,white)}.dark .text-emerald-800{color:color-mix(in srgb,#10b981 42%,white)}.dark .text-emerald-900{color:color-mix(in srgb,#10b981 26%,white)}.dark .text-gray-400{color:var(--g-t400)}.dark .text-gray-500{color:var(--g-t500)}.dark .text-gray-600{color:var(--g-t600)}.dark .text-gray-700{color:var(--g-t700)}.dark .text-gray-800{color:var(--g-t800)}.dark .text-gray-900{color:var(--g-t900)}.dark .text-green-600{color:color-mix(in srgb,#22c55e 82%,white)}.dark .text-green-700{color:color-mix(in srgb,#22c55e 62%,white)}.dark .text-green-800{color:color-mix(in srgb,#22c55e 42%,white)}.dark .text-green-900{color:color-mix(in srgb,#22c55e 26%,white)}.dark .text-indigo-600{color:color-mix(in srgb,#6366f1 82%,white)}.dark .text-indigo-700{color:color-mix(in srgb,#6366f1 62%,white)}.dark .text-orange-600{color:color-mix(in srgb,#f97316 82%,white)}.dark .text-orange-700{color:color-mix(in srgb,#f97316 62%,white)}.dark .text-orange-800{color:color-mix(in srgb,#f97316 42%,white)}.dark .text-orange-900{color:color-mix(in srgb,#f97316 26%,white)}.dark .text-peringatan-600{color:rgb(var(--warna-peringatan-400))}.dark .text-peringatan-700{color:rgb(var(--warna-peringatan-300))}.dark .text-peringatan-800{color:rgb(var(--warna-peringatan-200))}.dark .text-peringatan-900{color:rgb(var(--warna-peringatan-100))}.dark .text-pink-700{color:color-mix(in srgb,#ec4899 62%,white)}.dark .text-primer-600{color:rgb(var(--warna-primer-400))}.dark .text-primer-700{color:rgb(var(--warna-primer-300))}.dark .text-primer-800{color:rgb(var(--warna-primer-200))}.dark .text-primer-900{color:rgb(var(--warna-primer-100))}.dark .text-purple-600{color:color-mix(in srgb,#a855f7 82%,white)}.dark .text-purple-700{color:color-mix(in srgb,#a855f7 62%,white)}.dark .text-purple-800{color:color-mix(in srgb,#a855f7 42%,white)}.dark .text-red-600{color:color-mix(in srgb,#ef4444 82%,white)}.dark .text-red-700{color:color-mix(in srgb,#ef4444 62%,white)}.dark .text-rose-700{color:color-mix(in srgb,#f43f5e 62%,white)}.dark .text-slate-600{color:var(--g-t600)}.dark .text-slate-900{color:var(--g-t900)}.dark .text-sukses-600{color:rgb(var(--warna-sukses-400))}.dark .text-sukses-700{color:rgb(var(--warna-sukses-300))}.dark .text-sukses-800{color:rgb(var(--warna-sukses-200))}.dark .text-sukses-900{color:rgb(var(--warna-sukses-100))}.dark .text-teal-600{color:color-mix(in srgb,#14b8a6 82%,white)}.dark .text-teal-700{color:color-mix(in srgb,#14b8a6 62%,white)}.dark .text-teal-800{color:color-mix(in srgb,#14b8a6 42%,white)}.dark .text-yellow-600{color:color-mix(in srgb,#eab308 82%,white)}.dark .text-yellow-700{color:color-mix(in srgb,#eab308 62%,white)}.dark .text-yellow-800{color:color-mix(in srgb,#eab308 42%,white)}.dark .text-yellow-900{color:color-mix(in srgb,#eab308 26%,white)}.dark .to-aksen-100{--tw-gradient-to:color-mix(in srgb,rgb(var(--warna-aksen-500)) 20%,var(--g-kartu))}.dark .to-aksen-200{--tw-gradient-to:color-mix(in srgb,rgb(var(--warna-aksen-500)) 30%,var(--g-kartu))}.dark .to-aksen-50{--tw-gradient-to:color-mix(in srgb,rgb(var(--warna-aksen-500)) 14%,var(--g-kartu))}.dark .to-amber-100{--tw-gradient-to:color-mix(in srgb,#f59e0b 20%,var(--g-kartu))}.dark .to-bahaya-200{--tw-gradient-to:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 30%,var(--g-kartu))}.dark .to-cyan-50{--tw-gradient-to:color-mix(in srgb,#06b6d4 14%,var(--g-kartu))}.dark .to-emerald-50{--tw-gradient-to:color-mix(in srgb,#10b981 14%,var(--g-kartu))}.dark .to-gray-100{--tw-gradient-to:var(--g-100)}.dark .to-gray-200{--tw-gradient-to:var(--g-200)}.dark .to-gray-50{--tw-gradient-to:var(--g-50)}.dark .to-green-100{--tw-gradient-to:color-mix(in srgb,#22c55e 20%,var(--g-kartu))}.dark .to-green-200{--tw-gradient-to:color-mix(in srgb,#22c55e 30%,var(--g-kartu))}.dark .to-indigo-50{--tw-gradient-to:color-mix(in srgb,#6366f1 14%,var(--g-kartu))}.dark .to-orange-100{--tw-gradient-to:color-mix(in srgb,#f97316 20%,var(--g-kartu))}.dark .to-orange-50{--tw-gradient-to:color-mix(in srgb,#f97316 14%,var(--g-kartu))}.dark .to-primer-100{--tw-gradient-to:color-mix(in srgb,rgb(var(--warna-primer-500)) 20%,var(--g-kartu))}.dark .to-primer-50{--tw-gradient-to:color-mix(in srgb,rgb(var(--warna-primer-500)) 14%,var(--g-kartu))}.dark .to-rose-50{--tw-gradient-to:color-mix(in srgb,#f43f5e 14%,var(--g-kartu))}.dark .to-slate-50{--tw-gradient-to:var(--g-50)}.dark .to-teal-50{--tw-gradient-to:color-mix(in srgb,#14b8a6 14%,var(--g-kartu))}.dark .to-violet-50{--tw-gradient-to:color-mix(in srgb,#8b5cf6 14%,var(--g-kartu))}.dark .to-white{--tw-gradient-to:var(--g-kartu)}.dark .to-yellow-200{--tw-gradient-to:color-mix(in srgb,#eab308 30%,var(--g-kartu))}.dark .to-yellow-50{--tw-gradient-to:color-mix(in srgb,#eab308 14%,var(--g-kartu))}.dark .disabled\:bg-gray-300:disabled{background-color:var(--g-300)}.dark .disabled\:bg-gray-50:disabled{background-color:var(--g-50)}.dark .disabled\:border-gray-300:disabled{border-color:var(--g-b300)}.dark .disabled\:hover\:bg-gray-200:disabled:hover{background-color:var(--g-200)}.dark .disabled\:text-gray-400:disabled{color:var(--g-t400)}.dark .disabled\:text-gray-500:disabled{color:var(--g-t500)}.dark .focus-visible\:ring-bahaya-300:focus-visible{--tw-ring-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 48%,var(--g-kartu))}.dark .focus-visible\:ring-emerald-300:focus-visible{--tw-ring-color:color-mix(in srgb,#10b981 48%,var(--g-kartu))}.dark .focus-visible\:ring-primer-300:focus-visible{--tw-ring-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 48%,var(--g-kartu))}.dark .focus-visible\:ring-purple-300:focus-visible{--tw-ring-color:color-mix(in srgb,#a855f7 48%,var(--g-kartu))}.dark .focus-visible\:ring-teal-300:focus-visible{--tw-ring-color:color-mix(in srgb,#14b8a6 48%,var(--g-kartu))}.dark .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--g-b200)}.dark .focus\:bg-primer-50:focus{background-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 14%,var(--g-kartu))}.dark .focus\:bg-white:focus{background-color:var(--g-kartu)}.dark .focus\:ring-bahaya-200:focus{--tw-ring-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 38%,var(--g-kartu))}.dark .focus\:ring-primer-100:focus{--tw-ring-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 28%,var(--g-kartu))}.dark .focus\:ring-primer-200:focus{--tw-ring-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 38%,var(--g-kartu))}.dark .focus\:ring-primer-300:focus{--tw-ring-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 48%,var(--g-kartu))}.dark .focus\:text-gray-600:focus{color:var(--g-t600)}.dark .group:hover .group-hover\:bg-gray-100{background-color:var(--g-100)}.dark .group:hover .group-hover\:bg-primer-100{background-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 20%,var(--g-kartu))}.dark .group:hover .group-hover\:text-aksen-700{color:rgb(var(--warna-aksen-300))}.dark .group:hover .group-hover\:text-gray-500{color:var(--g-t500)}.dark .group:hover .group-hover\:text-gray-600{color:var(--g-t600)}.dark .group:hover .group-hover\:text-green-700{color:color-mix(in srgb,#22c55e 62%,white)}.dark .group:hover .group-hover\:text-orange-700{color:color-mix(in srgb,#f97316 62%,white)}.dark .group:hover .group-hover\:text-primer-600{color:rgb(var(--warna-primer-400))}.dark .group:hover .group-hover\:text-primer-700{color:rgb(var(--warna-primer-300))}.dark .hover\:bg-aksen-100:hover{background-color:color-mix(in srgb,rgb(var(--warna-aksen-500)) 20%,var(--g-kartu))}.dark .hover\:bg-aksen-50:hover{background-color:color-mix(in srgb,rgb(var(--warna-aksen-500)) 14%,var(--g-kartu))}.dark .hover\:bg-amber-100:hover{background-color:color-mix(in srgb,#f59e0b 20%,var(--g-kartu))}.dark .hover\:bg-amber-50:hover{background-color:color-mix(in srgb,#f59e0b 14%,var(--g-kartu))}.dark .hover\:bg-bahaya-100:hover{background-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 20%,var(--g-kartu))}.dark .hover\:bg-bahaya-200:hover{background-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 30%,var(--g-kartu))}.dark .hover\:bg-bahaya-50:hover{background-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 14%,var(--g-kartu))}.dark .hover\:bg-cyan-50:hover{background-color:color-mix(in srgb,#06b6d4 14%,var(--g-kartu))}.dark .hover\:bg-emerald-200:hover{background-color:color-mix(in srgb,#10b981 30%,var(--g-kartu))}.dark .hover\:bg-emerald-50:hover{background-color:color-mix(in srgb,#10b981 14%,var(--g-kartu))}.dark .hover\:bg-gray-100:hover{background-color:var(--g-100)}.dark .hover\:bg-gray-200:hover{background-color:var(--g-200)}.dark .hover\:bg-gray-300:hover{background-color:var(--g-300)}.dark .hover\:bg-gray-50:hover{background-color:var(--g-50)}.dark .hover\:bg-green-100:hover{background-color:color-mix(in srgb,#22c55e 20%,var(--g-kartu))}.dark .hover\:bg-green-200:hover{background-color:color-mix(in srgb,#22c55e 30%,var(--g-kartu))}.dark .hover\:bg-green-50:hover{background-color:color-mix(in srgb,#22c55e 14%,var(--g-kartu))}.dark .hover\:bg-orange-100:hover{background-color:color-mix(in srgb,#f97316 20%,var(--g-kartu))}.dark .hover\:bg-orange-50:hover{background-color:color-mix(in srgb,#f97316 14%,var(--g-kartu))}.dark .hover\:bg-primer-100:hover{background-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 20%,var(--g-kartu))}.dark .hover\:bg-primer-200:hover{background-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 30%,var(--g-kartu))}.dark .hover\:bg-primer-50:hover{background-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 14%,var(--g-kartu))}.dark .hover\:bg-purple-200:hover{background-color:color-mix(in srgb,#a855f7 30%,var(--g-kartu))}.dark .hover\:bg-teal-50:hover{background-color:color-mix(in srgb,#14b8a6 14%,var(--g-kartu))}.dark .hover\:bg-white:hover{background-color:var(--g-kartu)}.dark .hover\:bg-yellow-100:hover{background-color:color-mix(in srgb,#eab308 20%,var(--g-kartu))}.dark .hover\:bg-yellow-200:hover{background-color:color-mix(in srgb,#eab308 30%,var(--g-kartu))}.dark .hover\:bg-yellow-50:hover{background-color:color-mix(in srgb,#eab308 14%,var(--g-kartu))}.dark .hover\:border-aksen-300:hover{border-color:color-mix(in srgb,rgb(var(--warna-aksen-500)) 48%,var(--g-kartu))}.dark .hover\:border-bahaya-300:hover{border-color:color-mix(in srgb,rgb(var(--warna-bahaya-500)) 48%,var(--g-kartu))}.dark .hover\:border-gray-200:hover{border-color:var(--g-b200)}.dark .hover\:border-gray-300:hover{border-color:var(--g-b300)}.dark .hover\:border-gray-400:hover{border-color:var(--g-b400)}.dark .hover\:border-green-200:hover{border-color:color-mix(in srgb,#22c55e 38%,var(--g-kartu))}.dark .hover\:border-green-300:hover{border-color:color-mix(in srgb,#22c55e 48%,var(--g-kartu))}.dark .hover\:border-l-gray-300:hover{border-left-color:var(--g-b300)}.dark .hover\:border-orange-300:hover{border-color:color-mix(in srgb,#f97316 48%,var(--g-kartu))}.dark .hover\:border-primer-200:hover{border-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 38%,var(--g-kartu))}.dark .hover\:border-primer-300:hover{border-color:color-mix(in srgb,rgb(var(--warna-primer-500)) 48%,var(--g-kartu))}.dark .hover\:border-teal-200:hover{border-color:color-mix(in srgb,#14b8a6 38%,var(--g-kartu))}.dark .hover\:from-gray-50:hover{--tw-gradient-from:var(--g-50)}.dark .hover\:from-green-100:hover{--tw-gradient-from:color-mix(in srgb,#22c55e 20%,var(--g-kartu))}.dark .hover\:from-primer-100:hover{--tw-gradient-from:color-mix(in srgb,rgb(var(--warna-primer-500)) 20%,var(--g-kartu))}.dark .hover\:from-primer-50:hover{--tw-gradient-from:color-mix(in srgb,rgb(var(--warna-primer-500)) 14%,var(--g-kartu))}.dark .hover\:from-yellow-100:hover{--tw-gradient-from:color-mix(in srgb,#eab308 20%,var(--g-kartu))}.dark .hover\:ring-teal-200:hover{--tw-ring-color:color-mix(in srgb,#14b8a6 38%,var(--g-kartu))}.dark .hover\:text-amber-800:hover{color:color-mix(in srgb,#f59e0b 42%,white)}.dark .hover\:text-amber-900:hover{color:color-mix(in srgb,#f59e0b 26%,white)}.dark .hover\:text-bahaya-600:hover{color:rgb(var(--warna-bahaya-400))}.dark .hover\:text-bahaya-700:hover{color:rgb(var(--warna-bahaya-300))}.dark .hover\:text-bahaya-800:hover{color:rgb(var(--warna-bahaya-200))}.dark .hover\:text-cyan-800:hover{color:color-mix(in srgb,#06b6d4 42%,white)}.dark .hover\:text-gray-500:hover{color:var(--g-t500)}.dark .hover\:text-gray-600:hover{color:var(--g-t600)}.dark .hover\:text-gray-700:hover{color:var(--g-t700)}.dark .hover\:text-gray-800:hover{color:var(--g-t800)}.dark .hover\:text-gray-900:hover{color:var(--g-t900)}.dark .hover\:text-green-700:hover{color:color-mix(in srgb,#22c55e 62%,white)}.dark .hover\:text-green-800:hover{color:color-mix(in srgb,#22c55e 42%,white)}.dark .hover\:text-orange-800:hover{color:color-mix(in srgb,#f97316 42%,white)}.dark .hover\:text-peringatan-700:hover{color:rgb(var(--warna-peringatan-300))}.dark .hover\:text-primer-600:hover{color:rgb(var(--warna-primer-400))}.dark .hover\:text-primer-700:hover{color:rgb(var(--warna-primer-300))}.dark .hover\:text-primer-800:hover{color:rgb(var(--warna-primer-200))}.dark .hover\:text-primer-900:hover{color:rgb(var(--warna-primer-100))}.dark .hover\:text-teal-900:hover{color:color-mix(in srgb,#14b8a6 26%,white)}.dark .hover\:text-yellow-800:hover{color:color-mix(in srgb,#eab308 42%,white)}.dark .hover\:to-aksen-100:hover{--tw-gradient-to:color-mix(in srgb,rgb(var(--warna-aksen-500)) 20%,var(--g-kartu))}.dark .hover\:to-aksen-50:hover{--tw-gradient-to:color-mix(in srgb,rgb(var(--warna-aksen-500)) 14%,var(--g-kartu))}.dark .hover\:to-emerald-100:hover{--tw-gradient-to:color-mix(in srgb,#10b981 20%,var(--g-kartu))}.dark .hover\:to-gray-100:hover{--tw-gradient-to:var(--g-100)}.dark .hover\:to-orange-100:hover{--tw-gradient-to:color-mix(in srgb,#f97316 20%,var(--g-kartu))}.dark .hover\:to-primer-100:hover{--tw-gradient-to:color-mix(in srgb,rgb(var(--warna-primer-500)) 20%,var(--g-kartu))}.dark .placeholder\:text-gray-400::-moz-placeholder{color:var(--g-t400)}.dark .placeholder\:text-gray-400::placeholder{color:var(--g-t400)}.dark .placeholder\:text-gray-500::-moz-placeholder{color:var(--g-t500)}.dark .placeholder\:text-gray-500::placeholder{color:var(--g-t500)}:root{--latar-halaman:#ffffff}.dark{color-scheme:dark;--latar-halaman:#0b1220;--g-kartu:#131c2e;--g-50:#0e1626;--g-100:#1a2538;--g-200:#253149;--g-300:#34425b;--g-t900:#f1f5f9;--g-t800:#e2e8f0;--g-t700:#cbd5e1;--g-t600:#a9b6c9;--g-t500:#8d9bb1;--g-t400:#6f7e97;--g-b100:#1c2639;--g-b200:#283449;--g-b300:#37455d;--g-b400:#4d5c77;--warna-permukaan:19 28 46;--warna-permukaan-lembut:14 22 38;--warna-permukaan-terbenam:26 37 56;--warna-garis:40 52 73;--warna-teks:241 245 249;--warna-teks-lembut:169 182 201;--warna-teks-samar:141 155 177}.dark body{background:var(--latar-halaman)!important;color:var(--g-t800)}.dark :where(input,textarea,select):not([type=checkbox],[type=radio],[type=range]){background-color:var(--g-kartu);color:var(--g-t900);border-color:var(--g-b300)}.dark :where(input,textarea)::-moz-placeholder{color:var(--g-t400)}.dark :where(input,textarea)::placeholder{color:var(--g-t400)}.dark ::-webkit-scrollbar-track{background:var(--g-50)}.dark ::-webkit-scrollbar-thumb{background:var(--g-300)}.dark .ql-container,.dark .ql-toolbar{border-color:var(--g-b300)!important}.dark .ql-editor{color:var(--g-t800)}.dark .ql-toolbar .ql-stroke{stroke:var(--g-t600)}.dark .ql-toolbar .ql-fill{fill:var(--g-t600)}.dark .ql-toolbar .ql-picker{color:var(--g-t600)}.dark .prose{color:var(--g-t800)}.dark :where(.shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl){--tw-shadow-color:rgb(0 0 0/0.5)}.dark :is([class~=bg-yellow-300],[class~=bg-yellow-400],[class~=bg-yellow-500],[class~=bg-amber-300],[class~=bg-amber-400],[class~=bg-amber-500],[class~=bg-lime-300],[class~=bg-lime-400],[class~=bg-orange-300],[class~=bg-orange-400]):is([class*=text-gray-],[class*=text-slate-],[class~=text-black]){color:#111827}.dark [class$=-MenuList],.dark [class$=-control],.dark [class$=-menu]{background-color:var(--g-kartu)!important;border-color:var(--g-b300)!important}.dark [class$=-Input],.dark [class$=-input-container],.dark [class$=-singleValue]{color:var(--g-t900)!important}.dark [class$=-placeholder]{color:var(--g-t400)!important}.dark [class$=-option]{color:var(--g-t800)!important;background-color:transparent}.dark [class$=-option]:hover{background-color:var(--g-100)!important}.dark [class$=-multiValue]{background-color:var(--g-200)!important}.dark [class$=-MultiValueGeneric]{color:var(--g-t900)!important}.dark .editor-container,.dark .ql-container.ql-snow,.dark .ql-editor,.dark .ql-toolbar.ql-snow{background-color:var(--g-kartu)!important;color:var(--g-t800)}.dark .ql-editor.ql-blank:before{color:var(--g-t400)!important}.dark .ql-snow .ql-picker-options,.dark .ql-snow .ql-tooltip{background-color:var(--g-100)!important;border-color:var(--g-b300)!important;color:var(--g-t800)!important}.dark .ql-snow .ql-picker-item,.dark .ql-snow .ql-picker-label{color:var(--g-t600)!important}.dark .ql-snow .ql-tooltip input[type=text]{background-color:var(--g-kartu)!important;color:var(--g-t900)!important;border-color:var(--g-b300)!important}html.dark .enhanced-rich-text-editor .ql-toolbar.ql-snow,html.dark .enhanced-rich-text-editor.option-editor .ql-toolbar.ql-snow{background:var(--g-100)!important;border-color:var(--g-b300)!important}html.dark .enhanced-rich-text-editor .ql-container.ql-snow,html.dark .enhanced-rich-text-editor .ql-editor{background:var(--g-kartu)!important;color:var(--g-t800)!important}html.dark .enhanced-rich-text-editor .ql-toolbar .ql-formats button:hover{background-color:var(--g-200)!important}.dark :is(.bg-white\/70,.bg-white\/80,.bg-white\/85){background-color:color-mix(in srgb,var(--g-kartu) 82%,transparent)}.dark :is(.bg-white\/90,.bg-white\/95){background-color:color-mix(in srgb,var(--g-kartu) 94%,transparent)}:root{--mg-ease:cubic-bezier(0.22,1,0.36,1)}@keyframes mg-border-beam{to{offset-distance:100%}}.mg-beam{pointer-events:none;position:absolute;inset:0;border-radius:inherit;border:var(--mg-beam-tebal,2px) solid transparent;-webkit-mask:linear-gradient(transparent,transparent),linear-gradient(black,black);mask:linear-gradient(transparent,transparent),linear-gradient(black,black);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.mg-beam:after{content:"";position:absolute;aspect-ratio:1;width:var(--mg-beam-ukuran,100px);offset-path:rect(0 auto auto 0 round var(--mg-beam-ukuran,100px));background:linear-gradient(to left,var(--mg-beam-dari,rgb(var(--warna-aksen-400))),var(--mg-beam-ke,rgb(var(--warna-primer-400))),transparent);animation:mg-border-beam var(--mg-beam-durasi,8s) linear infinite}@keyframes mg-shine{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.mg-shine{pointer-events:none;position:absolute;inset:0;border-radius:inherit;padding:var(--mg-shine-tebal,2px);background-image:radial-gradient(transparent,transparent,rgb(var(--warna-primer-400)),rgb(var(--warna-aksen-400)),rgb(var(--warna-primer-600)),transparent,transparent);background-size:300% 300%;-webkit-mask:linear-gradient(white 0 0) content-box,linear-gradient(white 0 0);mask:linear-gradient(white 0 0) content-box,linear-gradient(white 0 0);-webkit-mask-composite:xor;mask-composite:exclude;will-change:background-position;animation:mg-shine var(--mg-shine-durasi,12s) linear infinite}@keyframes mg-shimmer-slide{to{transform:translate(calc(100cqw - 100%))}}@keyframes mg-spin-around{0%{transform:translateZ(0) rotate(0)}15%,35%{transform:translateZ(0) rotate(90deg)}65%,85%{transform:translateZ(0) rotate(270deg)}to{transform:translateZ(0) rotate(1turn)}}.mg-shimmer{position:relative;z-index:0;isolation:isolate;overflow:hidden;background:var(--mg-shimmer-latar,rgb(var(--warna-primer-600)));transition:transform .3s var(--mg-ease),box-shadow .3s var(--mg-ease),opacity .3s var(--mg-ease)}.mg-shimmer:not(:disabled):hover{transform:translateY(-1px)}.mg-shimmer:not(:disabled):active{transform:translateY(1px)}.mg-shimmer-wadah{position:absolute;inset:0;z-index:-30;overflow:visible;container-type:size;filter:blur(2px)}.mg-shimmer-luncur{position:absolute;inset:0;aspect-ratio:1;height:100cqh;animation:mg-shimmer-slide var(--mg-shimmer-durasi,3s) ease-in-out infinite alternate}.mg-shimmer-putar{position:absolute;inset:-100%;background:conic-gradient(from 225deg,transparent 0,var(--mg-shimmer-warna,white) 90deg,transparent 90deg);animation:mg-spin-around calc(var(--mg-shimmer-durasi, 3s) * 2) linear infinite}.mg-shimmer-sorot{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 -8px 10px rgb(255 255 255/.12);transition:box-shadow .3s var(--mg-ease)}.mg-shimmer:not(:disabled):hover>.mg-shimmer-sorot{box-shadow:inset 0 -6px 10px rgb(255 255 255/.25)}.mg-shimmer-alas{position:absolute;inset:.09em;z-index:-20;border-radius:inherit;background:var(--mg-shimmer-latar,rgb(var(--warna-primer-600)))}.mg-shimmer:disabled .mg-shimmer-wadah{display:none}.mg-angkat{transition:transform .3s var(--mg-ease),box-shadow .3s var(--mg-ease),border-color .3s var(--mg-ease)}@media (hover:hover){.mg-angkat:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgb(15 23 42/.1)}.dark .mg-angkat:hover{box-shadow:0 14px 32px rgb(0 0 0/.45)}}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}@keyframes mg-meteor{0%{transform:rotate(var(--mg-meteor-sudut,215deg)) translateX(0);opacity:1}70%{opacity:1}to{transform:rotate(var(--mg-meteor-sudut,215deg)) translateX(-600px);opacity:0}}.mg-meteor-wadah{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.mg-meteor{position:absolute;top:-5%;width:2px;height:2px;border-radius:9999px;background:var(--mg-meteor-warna,rgb(var(--warna-primer-500)));opacity:0;transform:rotate(var(--mg-meteor-sudut,215deg));animation:mg-meteor linear infinite}.mg-meteor:before{content:"";position:absolute;top:50%;width:70px;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,var(--mg-meteor-warna,rgb(var(--warna-primer-500))),transparent)}@media (prefers-reduced-motion:reduce){.mg-beam:after,.mg-shimmer-luncur,.mg-shimmer-putar,.mg-shine{animation:none}.mg-meteor-wadah{display:none}.mg-angkat,.mg-shimmer{transition:none}.mg-angkat:hover,.mg-shimmer:active,.mg-shimmer:hover{transform:none}}@media layer(base){:where(button,[role=button],a){transition-property:color,background-color,border-color,box-shadow,opacity,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.22,1,.36,1)}:where(button,[role=button]):not(:disabled):active{transform:scale(.98)}:where(input,textarea,select){transition-property:border-color,box-shadow,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){:where(button,[role=button],a,input,textarea,select){transition:none}:where(button,[role=button]):active{transform:none}}}