:root{--gerak-cepat: .16s;--gerak-sedang: .24s;--gerak-keluar: .16s;--gerak-masuk-kurva: cubic-bezier(.16, 1, .3, 1);--gerak-keluar-kurva: cubic-bezier(.4, 0, 1, 1)}@view-transition{navigation:auto}@keyframes gerak-halaman-keluar{to{opacity:0;transform:scale(.995)}}@keyframes gerak-halaman-masuk{0%{opacity:0;transform:scale(1.004)}}::view-transition-old(root){animation:gerak-halaman-keluar var(--gerak-keluar) var(--gerak-keluar-kurva) both}::view-transition-new(root){animation:gerak-halaman-masuk var(--gerak-sedang) var(--gerak-masuk-kurva) both}.gerak-bilah-atas{view-transition-name:bilah-atas}.dash-sidebar{view-transition-name:bilah-sisi}.pesan-kilat{width:min(400px,calc(100vw - 32px));margin:auto;padding:0;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 20px 50px #0f172a2e;color:#1e293b;font-family:inherit;overflow:hidden}.pesan-kilat::backdrop{background:#0f172a73}.pesan-kilat-isi{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 26px 22px;text-align:center}.pesan-kilat-lingkaran{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:9999px;font-size:25px}.pesan-kilat[data-jenis=berhasil] .pesan-kilat-lingkaran{background:#dcfce7;color:#15803d}.pesan-kilat[data-jenis=gagal] .pesan-kilat-lingkaran{background:#ffe4e6;color:#be123c}.pesan-kilat-judul{margin:0;font-size:16px;font-weight:700;color:#0f172a}.pesan-kilat-teks{margin:0;font-size:13.5px;line-height:1.55;color:#475569}.pesan-kilat-kaki{padding:0 26px 24px}.pesan-kilat-tombol{width:100%;padding:11px 18px;border:none;border-radius:10px;background:#2346d3;color:#fff;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background var(--gerak-cepat) ease-out}.pesan-kilat-tombol:hover{background:#1b37a8}.pesan-kilat-tombol:focus-visible{outline:2px solid #2346d3;outline-offset:2px}.pesan-kilat[data-jenis=gagal] .pesan-kilat-tombol{background:#be123c}.pesan-kilat[data-jenis=gagal] .pesan-kilat-tombol:hover{background:#9f1239}@keyframes pesan-kilat-masuk{0%{opacity:0;transform:scale(.94) translateY(8px)}}@keyframes pesan-kilat-keluar{to{opacity:0;transform:scale(.97)}}@keyframes pesan-kilat-latar-masuk{0%{opacity:0}}.pesan-kilat[open]{animation:pesan-kilat-masuk var(--gerak-sedang) var(--gerak-masuk-kurva) both}.pesan-kilat[open]::backdrop{animation:pesan-kilat-latar-masuk var(--gerak-sedang) ease-out both}.pesan-kilat.sedang-tutup{animation:pesan-kilat-keluar var(--gerak-keluar) var(--gerak-keluar-kurva) both}.pesan-kilat-ikon{width:34px;height:34px;overflow:visible}.pesan-kilat-ikon path{fill:none;stroke:currentColor;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}@keyframes pesan-kilat-garis{0%{stroke-dashoffset:64}to{stroke-dashoffset:0}}@keyframes pesan-kilat-denyut{50%{transform:scale(1.07)}}.pesan-kilat[open] .pesan-kilat-garis,.pesan-kilat[open] .pesan-kilat-titik{stroke-dasharray:64;animation:pesan-kilat-garis .42s var(--gerak-masuk-kurva) .12s both}.pesan-kilat[open] .pesan-kilat-titik{animation-delay:.42s;animation-duration:.2s}.pesan-kilat[open] .pesan-kilat-lingkaran{animation:pesan-kilat-denyut .42s ease-out .3s}.gerak-bilah-muat{position:fixed;top:0;left:0;z-index:10000;height:3px;width:0;background:linear-gradient(90deg,#2346d3,#4f7cff);box-shadow:0 0 8px #2346d380;opacity:0;pointer-events:none;transition:width .2s ease-out,opacity .2s ease-out}.gerak-bilah-muat.jalan{opacity:1}.gerak-bilah-muat.selesai{width:100%;opacity:0;transition:width .12s ease-out,opacity .26s ease-out .12s}.kerangka-muat{position:relative;overflow:hidden;background:#eef2f7;border-radius:8px}.kerangka-muat:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffffa6,#fff0);animation:kerangka-kilau 1.4s ease-in-out infinite}@keyframes kerangka-kilau{to{transform:translate(100%)}}.kerangka-baris{height:12px;margin-bottom:8px}.kerangka-baris:last-child{margin-bottom:0}.kerangka-baris.pendek{width:55%}.kerangka-baris.sedang{width:78%}.kerangka-judul{height:16px;width:62%;margin-bottom:12px}.kerangka-kotak{width:100%;aspect-ratio:1 / 1}.kerangka-bulat{width:38px;height:38px;border-radius:9999px;flex-shrink:0}.gambar-muat{position:relative;overflow:hidden;background:#eef2f7}.gambar-muat>img{opacity:0;transition:opacity .32s ease-out}.gambar-muat.siap>img{opacity:1}.gambar-muat.siap{background:transparent}.gambar-muat:not(.siap):after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffffa6,#fff0);animation:kerangka-kilau 1.4s ease-in-out infinite}.gerak-mengirim{position:relative;pointer-events:none;opacity:.75}.gerak-mengirim:before{content:"";display:inline-block;width:13px;height:13px;margin-right:8px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:9999px;animation:gerak-putar .7s linear infinite}@keyframes gerak-putar{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.pesan-kilat[open],.pesan-kilat[open]::backdrop,.pesan-kilat[open] .pesan-kilat-lingkaran,.pesan-kilat[open] .pesan-kilat-garis,.pesan-kilat[open] .pesan-kilat-titik,.pesan-kilat.sedang-tutup,::view-transition-old(root),::view-transition-new(root){animation:none}.pesan-kilat[open] .pesan-kilat-garis,.pesan-kilat[open] .pesan-kilat-titik{stroke-dasharray:none}.kerangka-muat:after,.gambar-muat:not(.siap):after,.gerak-mengirim:before{animation:none}.gambar-muat>img{transition:none}.gerak-bilah-muat{transition:opacity 1ms}}