:root{--bg: #FFF8F0;--surface: #FFFFFF;--text: #1F1B16;--muted: #6B6259;--line: #EADFD3;--accent: #FF5A36;--accent-soft: #FFE6DE;--ok: #2F855A;--danger: #C53030;--radius: 14px;font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:var(--accent)}h1,h2,h3{line-height:1.2}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:600}small{font-weight:500}.redup{color:var(--muted);font-weight:400}.galat{color:var(--danger)}.ok{color:var(--ok)}.info{background:var(--accent-soft);padding:12px 16px;border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;cursor:pointer;text-decoration:none;background:var(--accent);color:#fff;font-weight:700;padding:10px 18px;border-radius:999px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-garis{background:transparent;color:var(--text);border:1.5px solid var(--line)}.btn-besar{padding:14px 28px;font-size:1.05rem}.btn-penuh{width:100%}.btn-teks{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 0;cursor:pointer;font-weight:600}.btn-ikon{display:inline-grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:none;cursor:pointer;color:var(--text)}.btn-ikon:hover:not(:disabled){background:var(--accent-soft)}.btn-ikon:disabled{opacity:.3}.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.logo b{color:var(--accent)}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.nav nav{display:flex;align-items:center;gap:16px}.nav nav a:not(.btn){color:var(--text);text-decoration:none;font-weight:600}.landing{max-width:1080px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.hero{padding:72px 24px 48px;max-width:760px}.hero h1{font-size:clamp(2.2rem,6vw,3.6rem);margin:0 0 16px;letter-spacing:-.03em}.hero h1 span{color:var(--accent)}.hero p{font-size:1.15rem;color:var(--muted)}.hero-aksi{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px}.hero-aksi .redup{display:inline-flex;align-items:center;gap:6px}.fitur{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:24px}.fitur article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}.fitur svg{color:var(--accent)}.fitur h3{margin:12px 0 6px}.fitur p{margin:0;color:var(--muted)}.kaki{margin-top:auto;padding:40px 24px 28px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:.9rem}.halaman-auth{min-height:100vh;display:grid;place-items:center;padding:24px}.kartu-auth{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px}.kartu-auth h1{font-size:1.4rem;margin:8px 0 0}.wadah-dasbor{max-width:860px;margin:0 auto;padding:8px 24px 48px;display:flex;flex-direction:column;gap:16px}.judul-baris{display:flex;align-items:center;justify-content:space-between}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.form-buat{display:flex;flex-direction:column;gap:14px}.form-buat h2{margin:0;font-size:1.15rem}.pilih-template{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.pilih-template button,.menu-tambah button:not(.btn-teks){display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer}.pilih-template button span,.menu-tambah button span{color:var(--muted);font-size:.85rem}.pilih-template button.aktif{border-color:var(--accent);background:var(--accent-soft)}.input-domain{display:flex;align-items:stretch}.input-domain input{border-radius:10px 0 0 10px}.input-domain span{display:grid;place-items:center;padding:0 12px;border:1px solid var(--line);border-left:0;border-radius:0 10px 10px 0;background:var(--bg);color:var(--muted);font-weight:500;white-space:nowrap}.aksi{display:flex;justify-content:flex-end;gap:12px}.daftar-situs{display:flex;flex-direction:column;gap:12px}.kartu-situs{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.kartu-situs>div:first-child{flex:1;min-width:200px}.kartu-situs h3{margin:0 0 4px}.kartu-situs a.redup{text-decoration:none;display:inline-flex;align-items:center;gap:4px}.statistik{display:flex;align-items:center;gap:14px;color:var(--muted)}.statistik span{display:inline-flex;align-items:center;gap:4px}.lencana{padding:3px 10px;border-radius:999px;background:var(--bg);font-size:.8rem;font-weight:700}.lencana.terbit{background:#dcf5e5;color:var(--ok)}.memuat{padding:48px;text-align:center;color:var(--muted)}.editor{height:100vh;display:flex;flex-direction:column}.bar-editor{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.bar-judul{display:flex;flex-direction:column;min-width:0}.bar-judul a{font-size:.82rem;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.bar-editor .status{margin-left:auto;font-size:.85rem}.badan-editor{flex:1;display:grid;grid-template-columns:minmax(320px,420px) 1fr;min-height:0}.panel-kiri{overflow-y:auto;border-right:1px solid var(--line);background:var(--surface);padding:16px}.tab{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:12px;margin-bottom:16px}.tab button{flex:1;border:0;background:none;padding:8px;border-radius:9px;font-weight:600;cursor:pointer;color:var(--muted)}.tab button.aktif{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.daftar-blok{display:flex;flex-direction:column;gap:8px}.blok{border:1px solid var(--line);border-radius:12px}.blok.terbuka{border-color:var(--accent)}.kepala-blok{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 4px 12px}.aksi-blok{display:flex}.isi-blok{padding:4px 14px 16px;display:flex;flex-direction:column;gap:12px}.sub-daftar{display:flex;flex-direction:column;gap:10px}.sub-daftar fieldset{border:1px dashed var(--line);border-radius:10px;padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px}.sub-daftar legend{display:flex;align-items:center;gap:4px;font-weight:700;font-size:.85rem}.baris-sosial{display:grid;grid-template-columns:120px 1fr 32px;gap:6px;align-items:center}.menu-tambah{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-tambah .btn-teks{grid-column:1 / -1;justify-content:center}.pengaturan{display:flex;flex-direction:column;gap:14px}.pengaturan h3{margin:8px 0 0;font-size:1rem}.pilih-palet{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pilih-palet button{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;border:1.5px solid var(--line);cursor:pointer;font-weight:600;font-size:.85rem}.pilih-palet button.aktif{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.pilih-palet i{width:16px;height:16px;border-radius:50%;flex:none}.pratinjau{display:grid;place-items:center;padding:24px;overflow:auto;background:repeating-linear-gradient(45deg,var(--bg),var(--bg) 12px,#FBF1E6 12px,#FBF1E6 24px)}.bingkai-hp{width:390px;max-width:100%;height:min(800px,calc(100vh - 120px));border:10px solid #1F1B16;border-radius:40px;overflow:hidden;background:#fff;box-shadow:0 20px 50px #0000002e}.bingkai-hp iframe{width:100%;height:100%;border:0;display:block}.btn-kecil{padding:6px 12px;font-size:.85rem}.btn-wa{background:#25d366}.label{font-size:.9rem;font-weight:600}.input-domain .awalan{border-left:1px solid var(--line);border-right:0;border-radius:10px 0 0 10px}.input-domain .awalan+input{border-radius:0 10px 10px 0}.input-kode{font-size:1.4rem;letter-spacing:.4em;text-align:center;font-weight:700}.kartu-auth form{display:flex;flex-direction:column;gap:14px}.tombol-google{display:flex;justify-content:center;min-height:44px}.pemisah-atau{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.85rem}.pemisah-atau:before,.pemisah-atau:after{content:"";flex:1;border-top:1px solid var(--line)}.baris-aksi{display:flex;justify-content:space-between;margin:0}.lencana-paket{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent)!important;font-size:.85rem;font-weight:700;text-decoration:none}.lencana-paket.pro{background:#fff1c2;color:#9a6a00!important}.ikon-pro{color:#e0a100;vertical-align:-3px}.nav nav a{display:inline-flex;align-items:center;gap:6px}.kotak-pro{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--bg)}.kotak-pro.terkunci{border:1px dashed #E0C068}.kotak-pro p{margin:0;font-size:.88rem}.kotak-pro .btn{align-self:flex-start}.gambar-input{display:flex;flex-direction:column;gap:6px}.gambar-baris{display:flex;align-items:center;gap:12px}.gambar-pratinjau{width:64px;height:64px;flex:none;border-radius:12px;border:1.5px dashed var(--line);background:var(--bg);display:grid;place-items:center;overflow:hidden;cursor:pointer;color:var(--muted);padding:0}.gambar-pratinjau.bulat{border-radius:50%}.gambar-pratinjau img{width:100%;height:100%;object-fit:cover}.gambar-aksi{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.gambar-aksi span{display:flex;gap:12px}.input-handle{display:flex;align-items:stretch}.input-handle span{display:grid;place-items:center;padding:0 9px;border:1px solid var(--line);border-right:0;border-radius:10px 0 0 10px;background:var(--bg);color:var(--muted)}.input-handle.pakai-at input{border-radius:0 10px 10px 0}.tabel-paket{display:flex;flex-direction:column;padding:8px 20px}.baris-paket{display:grid;grid-template-columns:1fr 80px 80px;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid var(--line);text-align:center}.baris-paket:last-child{border-bottom:0}.baris-paket>:first-child{text-align:left}.baris-paket svg{margin:0 auto;display:block}.kolom-pro{color:#9a6a00;font-weight:600}.daftar-tagihan{display:flex;flex-direction:column;gap:10px}.baris-tagihan{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}.baris-tagihan>div{flex:1;display:flex;flex-direction:column;min-width:180px}.statistik-panel{display:flex;flex-direction:column;gap:10px}.statistik-panel h3{margin:10px 0 0;font-size:1rem}.kartu-angka{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kartu-angka div{background:var(--bg);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:2px}.kartu-angka strong{font-size:1.6rem}.kartu-angka span{color:var(--muted);font-size:.85rem}.grafik{display:flex;align-items:flex-end;gap:3px;height:110px;padding:8px;background:var(--bg);border-radius:12px}.batang{flex:1;height:100%;display:flex;align-items:flex-end}.batang i{width:100%;min-height:2px;background:var(--accent);border-radius:3px 3px 0 0}.klik-blok{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.klik-blok li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:var(--bg);border-radius:10px;font-size:.9rem}.tab button{font-size:.9rem}.lencana-paket.admin{background:#e6f4ec;color:var(--ok)!important}.btn-bahaya{background:#fdecec;color:var(--danger)}.adm{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.adm-samping{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:20px 14px;background:var(--surface);border-right:1px solid var(--line)}.adm-logo{display:flex;align-items:center;gap:8px;padding:0 8px}.adm-tag{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--text);color:var(--bg)}.adm-samping nav{display:flex;flex-direction:column;gap:2px}.adm-samping nav a,.adm-kembali{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:var(--muted);text-decoration:none;font-weight:600;font-size:.93rem;transition:background .15s,color .15s}.adm-samping nav a:hover,.adm-kembali:hover{background:var(--bg);color:var(--text)}.adm-samping nav a.aktif{background:var(--accent-soft);color:var(--accent)}.adm-badge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:.75rem}.adm-kembali{margin-top:auto}.adm-isi{padding:32px clamp(16px,4vw,44px) 56px;max-width:1040px;width:100%;display:flex;flex-direction:column;gap:18px}.adm-kepala{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.adm-kepala h1{margin:0;font-size:1.7rem;letter-spacing:-.02em}.adm-kepala p{margin:4px 0 0}.adm-cari{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);min-width:min(320px,100%);font-weight:400}.adm-cari input{border:0;padding:10px 0;background:none;outline:none}.adm-grid-angka{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.adm-angka{display:flex;flex-direction:column;gap:3px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none;transition:transform .15s,box-shadow .15s}a.adm-angka:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1f1b1612}.adm-angka strong{font-size:1.65rem;letter-spacing:-.02em}.adm-angka>span:nth-child(2){font-size:.88rem}.adm-ikon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:8px}.adm-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 20px}.adm-panel h2{margin:0 0 6px;font-size:1.08rem}.adm-tabel{padding:6px 8px}.adm-baris{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:12px;background:none;text-align:left;cursor:pointer;flex-wrap:wrap}.adm-baris:hover:not(.statis){background:var(--bg)}.adm-baris.statis{cursor:default}.adm-tabel>.adm-baris+.adm-baris,.adm-item+.adm-item{border-top:1px solid var(--line);border-radius:0}.adm-item.terbuka{background:var(--bg);border-radius:12px}.adm-tumbuh{flex:1;min-width:180px;display:flex;flex-direction:column;gap:1px}.adm-tumbuh small{font-size:.82rem}.adm-avatar{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800}.adm-lencana{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--bg);font-size:.78rem;font-weight:700;white-space:nowrap}.adm-item.terbuka .adm-lencana{background:var(--surface)}.adm-lencana.ok{background:#e6f4ec;color:var(--ok)}.adm-lencana.pro{background:#fff1c2;color:#9a6a00}.adm-lencana.galat{background:#fdecec;color:var(--danger)}.adm-lencana.redup{color:var(--muted)}.adm-aksi{padding:0 12px 14px 60px;display:flex;flex-direction:column;gap:10px;font-size:.88rem}.adm-tombol{display:flex;flex-wrap:wrap;gap:8px}.adm-tautan{display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-size:.85rem}.adm-nominal{white-space:nowrap}.adm-paginasi{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:.88rem}.adm-jumlah{text-align:right;margin:0;font-size:.88rem}.adm-kosong{padding:40px 12px;text-align:center;color:var(--muted)}.adm-filter{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface);border:1px solid var(--line);flex-wrap:wrap}.adm-filter button{border:0;background:none;padding:7px 13px;border-radius:9px;font-weight:600;font-size:.88rem;color:var(--muted);cursor:pointer}.adm-filter button.aktif{background:var(--text);color:var(--bg)}.adm-tab{align-self:flex-start}.adm-peringatan{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;background:var(--accent-soft);color:var(--text);text-decoration:none;animation:adm-denyut 2.4s ease-in-out infinite}.adm-peringatan svg{color:var(--accent)}@keyframes adm-denyut{50%{box-shadow:0 0 0 4px #ff5a3626}}.adm-catatan{font-size:.85rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.adm-kode{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;border:1.5px dashed var(--accent);background:var(--accent-soft);font:inherit;font-size:1.25rem;font-weight:800;letter-spacing:.25em;color:var(--text);cursor:pointer}.adm-kode svg{color:var(--accent)}.adm-kode em{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:.72rem;font-style:normal;letter-spacing:0;color:var(--ok)}.adm-form{display:flex;flex-direction:column;gap:16px}.adm-form h3{margin:6px 0 0;font-size:1rem}.adm-form>div>p{margin:2px 0 0}.adm-dua{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.adm-kartu-paket{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--bg)}.adm-kartu-paket.pro{border-color:#ebd48a;background:#fffbee}.adm-kartu-paket h3{margin:0}.adm-baris-harga{display:grid;grid-template-columns:1fr 1fr;gap:10px}.adm-saklar{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.adm-saklar>span{display:flex;flex-direction:column;gap:1px}.adm-saklar small{font-weight:400}.adm-saklar button{flex:none;width:44px;height:26px;padding:3px;border:0;border-radius:999px;background:#ddd2c6;cursor:pointer;transition:background .2s}.adm-saklar button i{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s cubic-bezier(.3,1.4,.5,1)}.adm-saklar button.on{background:var(--accent)}.adm-saklar button.on i{transform:translate(18px)}.adm-simpan{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:6px;border-top:1px solid var(--line)}.adm-salin{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}.adm-salin code{flex:1;font-size:.85rem;word-break:break-all;font-weight:500}label .adm-lencana{margin-left:6px;vertical-align:1px}.pilih-animasi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pilih-animasi button{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer}.pilih-animasi button span{font-size:.76rem;color:var(--muted);line-height:1.35}.pilih-animasi button.aktif{border-color:var(--accent);background:var(--accent-soft)}.pratinjau{position:relative}.pratinjau .putar{position:absolute;top:16px;right:16px;z-index:1;background:var(--surface)}.tab-saluran{margin:0}.tab-saluran button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.adm-status-email{display:inline-flex;align-items:center;padding:0 6px}.adm-tes-email{display:flex;gap:10px;flex-wrap:wrap}.adm-tes-email input{flex:1;min-width:200px;width:auto}:root{--ease: cubic-bezier(.2, .8, .2, 1);--ease-pegas: cubic-bezier(.34, 1.4, .64, 1);--bayang: 0 1px 2px rgba(31, 27, 22, .04), 0 10px 28px rgba(31, 27, 22, .07)}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transisi-halaman{animation:k-pudar .32s ease backwards}.adm-isi-dalam{display:flex;flex-direction:column;gap:18px;animation:k-naik .38s var(--ease) backwards}@keyframes k-pudar{0%{opacity:0}}@keyframes k-naik{0%{opacity:0;transform:translateY(10px)}}.daftar-situs>*,.adm-grid-angka>*,.fitur>article,.adm-tabel>.adm-item,.adm-tabel>.adm-baris,.pilih-template>button{animation:k-naik .42s var(--ease) backwards}:is(.daftar-situs,.adm-grid-angka,.fitur,.adm-tabel,.pilih-template)>:nth-child(2){animation-delay:50ms}:is(.daftar-situs,.adm-grid-angka,.fitur,.adm-tabel,.pilih-template)>:nth-child(3){animation-delay:.1s}:is(.daftar-situs,.adm-grid-angka,.fitur,.adm-tabel,.pilih-template)>:nth-child(4){animation-delay:.15s}:is(.daftar-situs,.adm-grid-angka,.fitur,.adm-tabel,.pilih-template)>:nth-child(n+5){animation-delay:.2s}.btn,.btn-ikon,.btn-teks,.adm-filter button,.tab button,.pilih-template button,.menu-tambah button,.pilih-palet button,.pilih-animasi button,.adm-baris,.adm-samping nav a,.adm-kembali,.lencana-paket,.adm-kode,.gambar-pratinjau,.kartu-situs,.adm-angka{transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),box-shadow .25s var(--ease),transform .18s var(--ease),opacity .2s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #ff5a3642}.btn-wa:hover:not(:disabled){box-shadow:0 8px 20px #25d36647}.btn-garis:hover:not(:disabled),.btn-bahaya:hover:not(:disabled){box-shadow:0 4px 12px #1f1b160f;border-color:#d8c7b5}:is(.btn,.btn-ikon,.btn-teks,.adm-filter button,.tab button,.pilih-template button,.menu-tambah button,.pilih-palet button,.pilih-animasi button,.adm-samping nav a,.saklar-hp button):active:not(:disabled){transform:scale(.96)}.pilih-template button:hover,.menu-tambah button:hover:not(.btn-teks),.pilih-animasi button:hover{border-color:#f5b3a1}.kartu-situs:hover{box-shadow:var(--bayang);transform:translateY(-2px)}input,select,textarea{transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.galat:not(button),.info{animation:k-naik .3s var(--ease) backwards}.isi-blok{animation:k-naik .3s var(--ease) backwards}.blok{transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.blok.terbuka{box-shadow:0 6px 20px #ff5a3614}.menu-tambah{animation:k-naik .3s var(--ease) backwards}.tab-geser{position:relative;isolation:isolate;gap:0}.tab-geser:before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n));border-radius:9px;background:var(--surface);box-shadow:0 1px 3px #00000014;transform:translate(calc(var(--i) * 100%));transition:transform .38s var(--ease-pegas)}.tab-geser button{flex:1}.tab-geser button.aktif{background:none;box-shadow:none}.bingkai-hp{position:relative}.bingkai-hp iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none;transition:opacity .22s ease}.bingkai-hp iframe.aktif{opacity:1;pointer-events:auto;z-index:1}.memuat-global{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:24px;background:#fff8f073;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s}.memuat-global.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease}.memuat-seksi{display:grid;place-items:center;animation:k-pudar .3s ease backwards}.memuat.galat{color:var(--danger)}.kt-loader{position:relative;width:112px;height:84px}.kt-loader i{position:absolute;left:50%;top:50%;width:42px;height:58px;margin:-31px 0 0 -21px;border-radius:10px}.kt-loader .k1{background:#ffc2af;animation:kt-kiri 1.8s var(--ease) infinite}.kt-loader .k3{background:#ff8a6b;animation:kt-kanan 1.8s var(--ease) infinite}.kt-loader .k2{z-index:1;background:#fff;border:2px solid var(--accent);box-shadow:0 8px 20px #ff5a3647;animation:kt-tengah 1.8s var(--ease) infinite}.kt-loader .k2:before{content:"";position:absolute;left:50%;top:9px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--accent)}.kt-loader .k2:after{content:"";position:absolute;left:7px;right:7px;top:29px;height:5px;border-radius:3px;background:var(--accent-soft);box-shadow:0 9px 0 var(--accent-soft),0 18px #ffd3c5;animation:kt-garis 1.8s ease-in-out infinite}.kt-loader:after{content:"";position:absolute;left:50%;bottom:-6px;width:64px;height:8px;margin-left:-32px;border-radius:50%;background:#1f1b161f;filter:blur(3px);animation:kt-bayang 1.8s var(--ease) infinite}@keyframes kt-kiri{0%,12%,to{transform:none}40%,70%{transform:translate(-27px,5px) rotate(-17deg)}}@keyframes kt-kanan{0%,12%,to{transform:none}40%,70%{transform:translate(27px,5px) rotate(17deg)}}@keyframes kt-tengah{0%,12%,to{transform:none}40%,70%{transform:translateY(-9px) scale(1.04)}}@keyframes kt-bayang{0%,12%,to{transform:scaleX(.7);opacity:.7}40%,70%{transform:scaleX(1.15);opacity:1}}@keyframes kt-garis{0%,to{opacity:.55}50%{opacity:1}}.kerangka{display:flex;flex-direction:column}.kerangka-baris{display:flex;align-items:center;gap:12px;padding:14px 12px;animation:k-naik .4s var(--ease) backwards}.kerangka-baris+.kerangka-baris{border-top:1px solid var(--line)}.kerangka span{flex:1;display:flex;flex-direction:column;gap:8px}.kerangka i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#f4ebe1 25%,#fcf7f1,#f4ebe1 75%);background-size:200% 100%;animation:k-kilau 1.3s linear infinite}.kerangka .kr-kecil{height:9px}.kerangka .kr-bulat{width:36px;height:36px;border-radius:50%;flex:none}@keyframes k-kilau{to{background-position:-200% 0}}.adm-cari{flex-direction:row}.adm-ujung{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bar-tombol{display:flex;gap:8px;flex:none}.saklar-hp{display:none}@media(max-width:820px){input,select,textarea{font-size:16px}.btn-ikon{width:40px;height:40px;border-radius:12px}.input-domain input{min-width:0}.sembunyi-hp{display:none}.btn:hover:not(:disabled),.kartu-situs:hover{transform:none}.nav,.adm-samping,.bar-editor{position:sticky;top:0;z-index:20;background:#ffffffdb;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line)}.nav{padding:10px 16px;min-height:58px;background:#fff8f0db}.nav nav{gap:8px}.nav nav .redup{display:none}.nav .logo{font-size:1.2rem}.lencana-paket{padding:7px 11px}.hero{padding:40px 20px 28px}.hero p{font-size:1.02rem}.fitur{padding:12px 16px 24px;gap:12px}.fitur article{padding:18px}.wadah-dasbor{padding:8px 16px 40px;gap:14px}.wadah-dasbor h1,.judul-baris h1{font-size:1.55rem;margin:10px 0 4px}.panel{padding:16px;border-radius:16px}.kartu-situs{gap:12px}.kartu-situs .btn{flex:1 1 100%}.pilih-template{grid-template-columns:1fr}.aksi .btn{flex:1}.tabel-paket{padding:4px 14px}.baris-paket{grid-template-columns:1fr 56px 56px;font-size:.9rem}.halaman-auth{align-items:start;padding:max(28px,7vh) 16px 24px}.kartu-auth{padding:24px 20px;border-radius:22px;box-shadow:var(--bayang)}.editor{height:auto;min-height:100dvh}.bar-editor{flex-wrap:nowrap;gap:8px;padding:8px 10px;min-height:58px}.bar-judul{flex:1;min-width:0}.bar-judul strong,.bar-judul a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-judul a svg{display:none}.bar-editor .status{position:absolute;left:0;right:0;top:100%;margin:0;padding:5px 12px;text-align:center;font-size:.8rem;background:var(--bg);border-bottom:1px solid var(--line);animation:k-pudar .25s ease backwards}.bar-editor .status:empty{display:none}.bar-tombol .btn{padding:9px 13px;font-size:.88rem}.badan-editor{display:block}.panel-kiri{border-right:0;overflow:visible;padding:12px 12px 104px;min-height:calc(100dvh - 58px)}.panel-kiri>.tab{position:sticky;top:66px;z-index:10;box-shadow:0 6px 16px #1f1b160f}.badan-editor.mode-edit .pratinjau,.badan-editor.mode-pratinjau .panel-kiri{display:none}.badan-editor.mode-pratinjau .pratinjau,.badan-editor.mode-edit .panel-kiri{animation:k-pudar .28s ease backwards}.pratinjau{display:block;padding:0;background:#fff}.bingkai-hp{width:100%;height:calc(100dvh - 58px);border:0;border-radius:0;box-shadow:none}.pratinjau .putar{top:auto;bottom:88px;right:14px;box-shadow:var(--bayang)}.saklar-hp{display:flex;position:fixed;z-index:30;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:236px;padding:5px;border-radius:999px;background:#1f1b16eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 32px #1f1b164d}.saklar-hp.tab-geser:before{top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/2);border-radius:999px}.saklar-hp button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;padding:11px 10px;border-radius:999px;background:none;color:#cfc5ba;font-weight:700;cursor:pointer;transition:color .25s var(--ease)}.saklar-hp button.aktif{color:var(--text)}.kepala-blok{padding:3px 4px 3px 10px}.isi-blok{padding:4px 12px 16px}.baris-sosial{grid-template-columns:100px 1fr 40px}.pilih-animasi,.menu-tambah{grid-template-columns:1fr}.pilih-palet{grid-template-columns:repeat(2,1fr)}.adm{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.adm-isi,.adm-isi-dalam{min-width:0}.adm-samping{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff7}.adm-samping{height:auto;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-right:0;min-height:58px}.adm-logo{padding:0}.adm-logo .logo span{display:none}.adm-kembali{margin:0;padding:0;width:40px;height:40px;justify-content:center;border-radius:12px}.adm-kembali span{display:none}.adm-samping nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;flex-direction:row;gap:2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:6px 6px max(8px,env(safe-area-inset-bottom));background:#ffffffe6;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-top:1px solid var(--line);box-shadow:0 -8px 24px #1f1b160f}.adm-samping nav::-webkit-scrollbar{display:none}.adm-samping nav a{position:relative;flex:1 0 68px;flex-direction:column;justify-content:center;gap:3px;padding:7px 0;border-radius:12px;white-space:nowrap}.adm-samping nav a span{font-size:0}.adm-samping nav a span:after{content:attr(data-pendek);font-size:.68rem;letter-spacing:-.01em}.adm-samping nav a.aktif svg{transform:translateY(-1px) scale(1.08);transition:transform .3s var(--ease-pegas)}.adm-badge{position:absolute;top:1px;left:calc(50% + 5px);min-width:18px;height:18px;padding:0 5px;font-size:.66rem}.adm-isi{padding:18px 16px 104px}.adm-isi-dalam{gap:14px}.adm-kepala{flex-direction:column;align-items:stretch;gap:12px}.adm-kepala h1{font-size:1.45rem}.adm-cari{min-width:0;width:100%}.adm-gulir{flex-wrap:nowrap;overflow-x:auto;max-width:100%;align-self:stretch;scrollbar-width:none}.adm-gulir::-webkit-scrollbar{display:none}.adm-gulir button{flex:none;white-space:nowrap}.adm-grid-angka{grid-template-columns:1fr 1fr;gap:10px}.adm-angka{padding:14px;border-radius:16px;gap:2px}.adm-angka strong{font-size:1.3rem}.adm-angka>span:nth-child(2){font-size:.8rem}.adm-angka small{font-size:.74rem}.adm-ikon{width:30px;height:30px;border-radius:10px;margin-bottom:6px}.adm-ikon svg{width:16px;height:16px}.adm-panel{padding:16px;border-radius:16px}.adm-tabel{padding:4px 6px}.adm-baris{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 12px;padding:12px 10px}.adm-baris:has(>.adm-avatar){grid-template-columns:36px minmax(0,1fr)}.adm-baris:has(>.adm-avatar)>:not(.adm-avatar){grid-column:2}.adm-tumbuh{min-width:0}.adm-tumbuh small{overflow-wrap:anywhere}.adm-aksi{padding:0 10px 14px 58px}.adm-baris-harga{grid-template-columns:1fr 1fr}.adm-dua{grid-template-columns:1fr}.adm-simpan{position:sticky;bottom:84px;z-index:5;margin:0 -6px -6px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--bayang)}.adm-paginasi,.adm-jumlah{font-size:.82rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}@keyframes k-naik{0%{opacity:0}}.tab-geser:before{transition-timing-function:var(--ease);transition-duration:.25s}.btn:hover:not(:disabled),.kartu-situs:hover{transform:none}}.galeri-input{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.galeri-input figure,.tambah-foto{position:relative;margin:0;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--bg);animation:k-naik .3s var(--ease) backwards}.galeri-input figure{border:1.5px solid var(--line)}.galeri-input figure.sampul{border-color:var(--accent)}.galeri-input img{width:100%;height:100%;object-fit:cover;display:block}.label-sampul{position:absolute;left:4px;bottom:4px;padding:1px 6px;border-radius:6px;background:var(--accent);color:#fff;font-size:.62rem;font-weight:800}.hapus-foto,.geser-foto{position:absolute;top:4px;width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#1f1b16a6;color:#fff;cursor:pointer;transition:transform .15s var(--ease),background .2s}.hapus-foto{right:4px}.geser-foto{left:4px}.hapus-foto:hover{background:var(--danger)}.hapus-foto:active,.geser-foto:active{transform:scale(.9)}.galeri-input figure.mengunggah{display:grid;place-items:center;color:var(--accent);border-style:dashed}.galeri-input figure.mengunggah svg{animation:k-putar 1s linear infinite}@keyframes k-putar{to{transform:rotate(360deg)}}.tambah-foto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border:1.5px dashed #E3C9B6;color:var(--muted);font-size:.75rem;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.tambah-foto:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-merah{background:var(--danger)}.btn-merah:hover:not(:disabled){box-shadow:0 8px 20px #c530304d}.konfirmasi-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;padding:20px;background:#1f1b166b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:k-pudar .2s ease backwards}.konfirmasi{width:min(420px,100%);display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:var(--surface);box-shadow:0 30px 80px #1f1b164d;animation:k-kotak .32s var(--ease-pegas) backwards}.konfirmasi h2{margin:0;font-size:1.2rem}.konfirmasi-pesan p{margin:0 0 6px;line-height:1.55}.konfirmasi-ikon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fdecec;color:var(--danger)}.konfirmasi-aksi{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.konfirmasi-latar.keluar{animation:k-hilang .18s ease forwards}.konfirmasi-latar.keluar .konfirmasi{animation:k-kotak-keluar .18s ease forwards}@keyframes k-kotak{0%{opacity:0;transform:translateY(14px) scale(.94)}}@keyframes k-kotak-keluar{to{opacity:0;transform:translateY(8px) scale(.97)}}@keyframes k-hilang{to{opacity:0}}@media(max-width:820px){.konfirmasi-latar{align-items:end;padding:12px 12px max(12px,env(safe-area-inset-bottom))}.konfirmasi{border-radius:22px}.konfirmasi-aksi{flex-direction:column-reverse}.konfirmasi-aksi .btn{width:100%;padding:12px}@keyframes k-kotak{0%{opacity:0;transform:translateY(40px)}}}.adm-tetap{display:flex}.adm-tetap .adm-lencana{flex:none}.aksi-tagihan{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;animation:k-naik .3s var(--ease) backwards}.aksi-tagihan .btn-teks{margin-left:auto}.berputar{animation:k-putar .8s linear infinite}.pesan-tagihan{flex:1 1 100%;margin:0;padding:10px 14px;border-radius:12px;font-size:.9rem}.pesan-tagihan.galat{background:#fdecec}.pilih-metode{display:flex;flex-direction:column;gap:8px}.pilih-metode>div{display:flex;flex-wrap:wrap;gap:8px}.pilih-metode button{padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font-weight:700;cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .15s}.pilih-metode button.aktif{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.pilih-metode button:active{transform:scale(.96)}.adm-metode{display:flex;flex-direction:column;gap:8px}.adm-metode-baris{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 40px;gap:8px;align-items:center}.adm-metode .btn-teks{align-self:flex-start}.btn.perlu-simpan{animation:k-denyut-simpan 2s ease-in-out infinite}@keyframes k-denyut-simpan{50%{box-shadow:0 0 0 5px #ff5a362e}}.toast-editor{display:none}.tag-jenis{margin-left:8px;padding:2px 8px;border-radius:999px;font-size:.68rem;font-style:normal;font-weight:800;letter-spacing:.02em;vertical-align:2px;background:var(--bg);color:var(--muted)}.tag-jenis.upgrade{background:#e6f4ec;color:var(--ok)}.tag-jenis.perpanjang{background:#fff1c2;color:#9a6a00}.pilih-template button.terkunci{opacity:.7;border-style:dashed}.pilih-template button.terkunci span{display:flex;align-items:center;gap:4px;color:#9a6a00}.profil h2{display:flex;align-items:center;gap:8px}.profil-kartu{display:flex;align-items:center;gap:16px}.profil-kartu>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.profil-kartu strong{font-size:1.2rem}.profil-avatar{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:1.4rem;font-weight:800}.profil-email{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.profil-email>div{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}.profil-form-email{display:flex;flex-direction:column;gap:12px;animation:k-naik .3s var(--ease) backwards}.profil-notif{display:flex;flex-direction:column;gap:16px}.profil-notif.nonaktif{opacity:.55}.profil .input-domain .awalan{display:grid;place-items:center}@media(max-width:820px){.bar-editor .status{display:none!important}.toast-editor{display:block;position:fixed;z-index:31;left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 62px);transform:translate(-50%);max-width:calc(100% - 32px);padding:9px 16px;border-radius:999px;background:#1f1b16e6;color:#fff;font-size:.85rem;font-weight:600;text-align:center;box-shadow:0 8px 24px #1f1b1640;animation:k-toast 2.5s var(--ease) forwards;pointer-events:none}.toast-editor.galat{background:var(--danger);animation:k-toast-masuk .3s var(--ease) backwards;pointer-events:auto;cursor:pointer}.profil-kartu{align-items:flex-start}}@keyframes k-toast{0%{opacity:0;transform:translate(-50%,10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,6px)}}@keyframes k-toast-masuk{0%{opacity:0;transform:translate(-50%,10px)}}.menu-akun{position:relative}.akun-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer;font-weight:600;font-size:.9rem;color:var(--text);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.akun-chip:hover,.akun-chip.buka{border-color:#e3cdbb;box-shadow:0 4px 14px #1f1b1612}.akun-avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:.85rem;font-weight:800}.akun-nama{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.akun-panah{color:var(--muted);transition:transform .25s var(--ease)}.akun-chip.buka .akun-panah{transform:rotate(180deg)}.akun-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:240px;padding:6px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 50px #1f1b1629;transform-origin:top right;animation:k-menu .2s var(--ease) backwards}@keyframes k-menu{0%{opacity:0;transform:translateY(-6px) scale(.97)}}.akun-kepala{display:flex;flex-direction:column;gap:1px;padding:10px 12px 8px}.akun-kepala strong,.akun-kepala span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.akun-kepala span{font-size:.82rem}.akun-panel a,.akun-panel button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--text);text-decoration:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .15s}.akun-panel a svg,.akun-panel button svg{color:var(--muted)}.akun-panel a:hover,.akun-panel button:hover{background:var(--bg)}.akun-panel hr{border:0;border-top:1px solid var(--line);margin:4px 6px}.akun-keluar,.akun-keluar svg{color:var(--danger)!important}.label-kategori{display:flex;flex-direction:column;gap:2px}.pilih-kategori{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.pilih-kategori button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 16px 16px;text-align:left;border:1.5px solid var(--line);border-radius:18px;background:var(--surface);cursor:pointer;font:inherit;color:var(--text);transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .25s var(--ease),transform .18s var(--ease);animation:k-naik .42s var(--ease) backwards}.pilih-kategori button:nth-child(2){animation-delay:60ms}.pilih-kategori button:nth-child(3){animation-delay:.12s}.pilih-kategori button:hover{border-color:#f5b3a1;box-shadow:0 10px 26px #1f1b1612;transform:translateY(-2px)}.pilih-kategori button.aktif{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-soft),var(--surface) 70%);box-shadow:0 10px 28px #ff5a3624}.kategori-ikon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--bg);color:var(--accent);margin-bottom:4px;transition:background .2s,color .2s}.pilih-kategori button.aktif .kategori-ikon{background:var(--accent);color:#fff}.pilih-kategori strong{font-size:1rem}.kategori-desk{color:var(--muted);font-size:.86rem;line-height:1.45}.kategori-contoh{margin-top:auto;padding-top:6px;color:var(--muted);font-size:.75rem;font-weight:600}.kategori-centang{position:absolute;top:12px;right:12px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:#fff;transition:background .2s,border-color .2s,transform .25s var(--ease-pegas)}.pilih-kategori button.aktif .kategori-centang{background:var(--accent);border-color:var(--accent);transform:scale(1.08)}.sub-pengaturan{margin-top:-8px}.pilih-tema{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pilih-tema button{display:flex;flex-direction:column;gap:8px;padding:8px;text-align:left;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;font:inherit;color:var(--text);transition:border-color .2s,box-shadow .2s,transform .18s var(--ease)}.pilih-tema button:hover{border-color:#f5b3a1;transform:translateY(-1px)}.pilih-tema button.aktif{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tema-teks{display:flex;flex-direction:column;gap:2px;padding:0 4px 4px}.tema-teks strong{display:flex;align-items:center;gap:4px;font-size:.92rem}.tema-teks strong svg{color:var(--accent)}.tema-teks span{color:var(--muted);font-size:.76rem;line-height:1.4}.pilih-tata{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pilih-tata button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;text-align:left;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;font:inherit;color:var(--text);transition:border-color .2s,box-shadow .2s}.pilih-tata button.aktif{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pilih-tata button>span:last-child{color:var(--muted);font-size:.76rem;line-height:1.4}.tata-ikon{width:46px;height:34px;margin-bottom:6px;border-radius:6px;background:var(--bg);display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 7px}.tata-ikon i{display:block;height:4px;border-radius:2px;background:#d8c7b5}.tata-ikon.kartu{padding:0 12px}.tata-ikon.kartu{background:linear-gradient(var(--bg),var(--bg)) padding-box;box-shadow:inset 0 0 0 5px var(--bg),inset 0 0 0 30px var(--surface)}.pilih-tata button.aktif .tata-ikon i{background:var(--accent)}@media(max-width:820px){.akun-nama{display:none}.akun-chip{padding:3px 8px 3px 3px}.pilih-kategori{grid-template-columns:1fr}.pilih-kategori button{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;padding:14px 44px 14px 14px}.pilih-kategori .kategori-ikon{grid-row:span 3;margin:0}.pilih-kategori .kategori-contoh{padding-top:0}.pilih-tema{grid-template-columns:1fr 1fr}}.aksi-situs{display:flex;align-items:center;gap:6px}.hapus-situs{color:var(--muted)}.hapus-situs:hover:not(:disabled){background:#fdecec;color:var(--danger)}.kartu-situs.terhapus{animation:k-situs-hapus .28s var(--ease) forwards;pointer-events:none}@keyframes k-situs-hapus{to{opacity:0;transform:translate(16px) scale(.98)}}@media(max-width:820px){.aksi-situs{flex:1 1 100%}.aksi-situs .btn{flex:1}}.pilih-tema{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}.pilih-tema button{position:relative;padding:6px}.tema-thumb{display:block;position:relative;width:100%;overflow:hidden;border-radius:10px;background:var(--bg);border:1px solid rgba(0,0,0,.07)}.tema-thumb iframe{position:absolute;top:0;left:0;border:0;transform:scale(var(--skala, .36));transform-origin:0 0;pointer-events:none}.tema-centang{position:absolute;top:12px;right:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 4px 12px #00000040;animation:k-kotak .3s var(--ease-pegas) backwards}.sub-latar{margin-top:-6px}.badge-kategori{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;border-radius:999px;vertical-align:3px;font-size:.7rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;background:var(--bg);color:var(--muted)}.badge-kategori.warna-0{background:#ffe6de;color:#c2410c}.badge-kategori.warna-1{background:#ede9fe;color:#6d28d9}.badge-kategori.warna-2{background:#e0f2fe;color:#0369a1}.badge-kategori.warna-3{background:#dcfce7;color:#15803d}.badge-kategori.warna-4{background:#fef3c7;color:#b45309}.badge-kategori.warna-5{background:#fce7f3;color:#be185d}.bar-judul strong .badge-kategori{font-size:.66rem;padding:2px 7px}.ikon-svg{display:inline-grid;place-items:center;flex:none}.ikon-svg svg{width:100%;height:100%}.bingkai-tema{height:min(480px,56vh);overflow-y:auto;overscroll-behavior:contain;padding:10px;margin:0 -2px;border:1px solid var(--line);border-radius:16px;background:var(--bg);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#D8C7B5 transparent}.bingkai-tema::-webkit-scrollbar{width:6px}.bingkai-tema::-webkit-scrollbar-thumb{background:#d8c7b5;border-radius:3px}.tema-pro{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;background:#1f1b16;color:#ffd27a;font-size:.66rem;font-weight:700;box-shadow:0 2px 8px #00000040}.pilih-tema button.terkunci{cursor:not-allowed}.pilih-tema button.terkunci .tema-thumb{filter:grayscale(.5);opacity:.7}.pilih-tema button.terkunci:hover{transform:none;border-color:var(--line)}@media(max-width:820px){.bingkai-tema{height:min(440px,58vh);padding:8px}}.pilih-bentuk-tombol{display:flex;flex-direction:column;gap:6px}.pilih-bentuk-tombol>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pilih-bentuk-tombol button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);font:inherit;font-size:.72rem;font-weight:600;color:var(--muted);cursor:pointer;text-align:center;line-height:1.2;transition:border-color .2s,color .2s}.pilih-bentuk-tombol button.aktif{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 3px var(--accent-soft)}.contoh-bentuk{display:block;width:44px;height:16px;background:#d8c7b5}.pilih-bentuk-tombol button.aktif .contoh-bentuk{background:var(--accent)}.contoh-bentuk.tema{border-radius:6px;background:repeating-linear-gradient(135deg,#d8c7b5 0,#d8c7b5 5px,#eaddd0 5px,#eaddd0 10px)}.pilih-bentuk-tombol button.aktif .contoh-bentuk.tema{background:repeating-linear-gradient(135deg,var(--accent) 0 5px,#FFB59F 5px 10px)}.contoh-bentuk.pil{border-radius:999px}.contoh-bentuk.bulat{border-radius:5px}.contoh-bentuk.kotak{border-radius:0}.pilih-ikon{position:relative;display:flex;flex-direction:column;gap:6px}.pilih-ikon-baris{display:flex;gap:6px;align-items:center}.pilih-ikon-tombol{flex:1;display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font:inherit;font-size:.9rem;color:var(--text);cursor:pointer;text-align:left}.pilih-ikon-tombol:hover{border-color:#f5b3a1}.pilih-ikon-panel{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:6px;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -12px #1f1b164d;animation:k-naik .22s var(--ease) backwards}.pilih-ikon-cari{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}.pilih-ikon-cari input{flex:1;border:0;padding:9px 0;background:none;outline:none;font:inherit;color:var(--text)}.pilih-ikon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;max-height:220px;overflow-y:auto}.pilih-ikon-grid button{aspect-ratio:1;display:grid;place-items:center;border:1px solid transparent;border-radius:10px;background:none;color:var(--text);cursor:pointer}.pilih-ikon-grid button:hover{background:var(--accent-soft)}.pilih-ikon-grid button.aktif{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.pilih-ikon-grid small{grid-column:1 / -1;padding:6px 2px}.aksi-situs .btn-ikon{width:38px;height:38px;border-radius:11px;color:var(--muted);text-decoration:none;transition:background .15s,color .15s}.aksi-situs .btn-ikon:hover:not(:disabled){color:var(--text)}.aksi-situs .aksi-utama{background:var(--accent-soft);color:var(--accent)}.aksi-situs .aksi-utama:hover{background:var(--accent);color:#fff!important}.aksi-situs .tersalin{color:#15803d;background:#dcfce7}.aksi-pemisah{width:1px;height:22px;background:var(--line);margin:0 2px}@media(max-width:820px){.aksi-situs{justify-content:space-between;gap:4px}.aksi-situs .btn-ikon{width:44px;height:44px}.aksi-pemisah{display:none}}.adm-katalog{display:flex;flex-direction:column;gap:12px}.adm-katalog-item{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.adm-katalog-item.nonaktif{background:var(--bg)}.adm-katalog-item.nonaktif .adm-katalog-kepala strong{color:var(--muted)}.adm-katalog-kepala{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adm-katalog-kepala code{font-size:.78rem}.adm-katalog-aksi{margin-left:auto;display:flex;gap:2px}.adm-katalog-ikon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px}.adm-katalog-ikon.warna-0{background:#ffe6de;color:#c2410c}.adm-katalog-ikon.warna-1{background:#ede9fe;color:#6d28d9}.adm-katalog-ikon.warna-2{background:#e0f2fe;color:#0369a1}.adm-katalog-ikon.warna-3{background:#dcfce7;color:#15803d}.adm-katalog-ikon.warna-4{background:#fef3c7;color:#b45309}.adm-katalog-ikon.warna-5{background:#fce7f3;color:#be185d}.adm-chip-grup{display:flex;flex-direction:column;gap:6px}.adm-chip-grup>div{display:flex;flex-wrap:wrap;gap:6px}.adm-chip-grup button{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font:inherit;font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.adm-chip-grup button.aktif{background:var(--accent);border-color:var(--accent);color:#fff}.adm-judul-situs{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0}.adm-judul-situs .badge-kategori{margin-left:8px;vertical-align:0}.pratinjau-isi{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.alat-pratinjau{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;gap:8px}.alat-pratinjau .btn{background:var(--surface)}.pilih-layar{display:flex;padding:3px;gap:2px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 14px #1f1b160f}.pilih-layar button{width:34px;height:30px;display:grid;place-items:center;border:0;border-radius:9px;background:none;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.pilih-layar button.aktif{background:var(--accent);color:#fff}.pratinjau.layar-desktop{padding:64px 24px 24px}.bingkai-desktop{position:relative;width:100%;max-width:1180px;height:min(760px,calc(100vh - 150px));border-radius:14px;overflow:hidden;background:#fff;border:1px solid #D9CCBE;box-shadow:0 24px 60px -24px #1f1b1659;animation:k-pudar .25s ease}.bingkai-desktop .pratinjau-isi{top:30px}.bingkai-desktop iframe{position:absolute;top:0;left:0;border:0;opacity:0;pointer-events:none;transition:opacity .22s ease}.bingkai-desktop iframe.aktif{opacity:1;pointer-events:auto;z-index:1}.bingkai-desktop-bar{position:absolute;top:0;left:0;right:0;height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#f3ece4;border-bottom:1px solid #E4D8CB}.bingkai-desktop-bar i{width:10px;height:10px;border-radius:50%;background:#d9ccbe}@media(max-width:820px){.alat-pratinjau{top:auto;bottom:88px;right:14px}.alat-pratinjau .btn{box-shadow:var(--bayang)}.pilih-layar{display:none}}.pilih-tata{grid-template-columns:repeat(3,1fr);gap:8px}.pilih-tata button{padding:10px}.pilih-tata button strong{font-size:.86rem}.tata-ikon.situs{flex-direction:column;justify-content:flex-start;padding:5px 6px;gap:4px}.tata-ikon.situs i:first-child{height:3px;background:#bfae9c}.tata-ikon.situs i:nth-child(2){height:10px;width:70%}@media(max-width:380px){.pilih-tata{grid-template-columns:1fr 1fr}}.adm-alat{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.adm-alat .adm-cari{flex:1;min-width:200px}.adm-alat .btn{margin-left:auto}.adm-pilih-filter{width:auto;min-width:150px;padding:9px 12px;border-radius:12px;font-size:.9rem}.adm-catatan{margin:2px 2px 0;font-size:.86rem}.adm-katalog-daftar{padding:4px 8px}.adm-katalog-baris{border-radius:12px;transition:background .15s}.adm-katalog-baris+.adm-katalog-baris{border-top:1px solid var(--line)}.adm-katalog-baris:hover,.adm-katalog-baris.terbuka{background:color-mix(in srgb,var(--bg) 70%,transparent)}.adm-katalog-baris.nonaktif .adm-katalog-nama strong,.adm-katalog-baris.nonaktif .adm-palet,.adm-katalog-baris.nonaktif .adm-katalog-ikon{opacity:.45}.adm-katalog-ringkas{display:flex;align-items:center;gap:10px;padding:8px 6px;min-height:56px}.adm-urutan{display:flex;flex-direction:column}.adm-urutan .btn-ikon{width:24px;height:18px;border-radius:6px;color:var(--muted)}.adm-katalog-nama{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 0;border:0;background:none;font:inherit;color:var(--text);text-align:left;cursor:pointer}.adm-katalog-nama strong{font-size:.95rem}.adm-katalog-nama small{font-size:.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-katalog-meta{display:flex;gap:6px;flex:none}.adm-katalog-ringkas>.btn-ikon{flex:none;color:var(--muted)}.adm-hapus:hover:not(:disabled){background:#fdecec!important;color:var(--danger)!important}.adm-palet{flex:none;position:relative;width:34px;height:34px;border-radius:10px;border:1px solid rgba(0,0,0,.08);overflow:hidden}.adm-palet i{position:absolute;display:block}.adm-palet i:first-child{left:7px;top:9px;width:20px;height:16px;border-radius:4px}.adm-palet i:last-child{left:11px;top:19px;width:12px;height:3px;border-radius:2px}.adm-katalog-ringkas .adm-katalog-ikon,.adm-saklar-mini{flex:none}.adm-saklar-mini button{width:36px;height:22px}.adm-saklar-mini button i{width:16px;height:16px}.adm-saklar-mini button.on i{transform:translate(14px)}.adm-katalog-detail{display:flex;flex-direction:column;gap:12px;padding:4px 14px 16px 44px;animation:k-pudar .2s ease}.adm-bilah-simpan{position:sticky;bottom:16px;z-index:15;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:4px;padding:10px 12px 10px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 16px 40px -16px #1f1b1659}.adm-bilah-simpan>span:first-child{margin-right:auto;font-size:.9rem;font-weight:600}.adm-bilah-simpan.muncul{animation:k-naik .3s var(--ease) backwards;border-color:#f5b3a1}@media(max-width:820px){.adm-katalog-ringkas{gap:6px;padding:8px 2px}.adm-urutan{display:none}.adm-katalog-meta .adm-lencana:not(.pro){display:none}.adm-katalog-detail{padding:4px 6px 14px}.adm-pilih-filter{flex:1;min-width:0}.adm-alat .btn{margin-left:0;flex:1 1 100%}}.kelola-halaman{display:flex;flex-direction:column;gap:10px;padding:12px;margin-bottom:4px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.tab-halaman{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px}.tab-halaman::-webkit-scrollbar{display:none}.tab-halaman button{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font:inherit;font-size:.85rem;font-weight:600;color:var(--text);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.tab-halaman button small{min-width:18px;padding:0 5px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:.7rem;text-align:center}.tab-halaman button.aktif{background:var(--accent);border-color:var(--accent);color:#fff}.tab-halaman button.aktif small{background:#ffffff40;color:#fff}.tab-halaman .tambah-halaman{border-style:dashed;color:var(--muted);background:transparent}.tab-halaman .tambah-halaman:hover{color:var(--accent);border-color:var(--accent)}.atur-halaman{display:flex;align-items:flex-end;gap:8px}.nama-halaman{flex:1;font-size:.8rem}.nama-halaman input{margin-top:4px}.ket-halaman{font-size:.8rem;line-height:1.45}.saran-halaman{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:start;padding:10px 12px;border-radius:12px;background:var(--accent-soft);font-size:.84rem;color:var(--text)}.saran-halaman svg{color:var(--accent);margin-top:1px}.saran-halaman .btn{grid-column:2;justify-self:start}.kosong-halaman{text-align:center;padding:18px 10px;border:1px dashed var(--line);border-radius:14px;font-size:.88rem}.adm-badge-kategori{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.adm-badge-kategori .badge-kategori{margin-left:0;vertical-align:0}.badge-kategori.semua{background:#eef0f3;color:#475569}.centang{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:.85rem;font-weight:500;cursor:pointer}.centang input{width:17px;height:17px;margin:0;flex:none;accent-color:var(--accent);cursor:pointer}.atur-halaman{flex-wrap:wrap}.centang-judul-halaman{order:3;flex:1 1 100%;color:var(--muted)}.format-teks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:-4px}.format-grup{display:inline-flex;padding:2px;gap:1px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.format-grup button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:30px;height:28px;padding:0 6px;border:0;border-radius:8px;background:none;color:var(--muted);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.format-grup button:hover{background:var(--bg);color:var(--text)}.format-grup button.aktif{background:var(--accent-soft);color:var(--accent)}.format-teks select{width:auto;height:34px;padding:0 28px 0 10px;border-radius:10px;font-size:.82rem}.format-warna button i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}.format-warna .warna-auto i{background:conic-gradient(#ff5a36,#f5b3a1,#6b6259,#1f1b16,#ff5a36)}.format-warna .warna-teks i{background:#1f1b16}.format-warna .warna-aksen i{background:var(--accent)}.format-warna .warna-redup i{background:#a89c90}.format-warna button.aktif{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.format-reset{border:0;background:none;padding:4px 6px;font:inherit;font-size:.78rem;font-weight:600;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.format-reset:hover{color:var(--accent)}.pilih-rata-hero{display:flex;flex-direction:column;gap:6px}.pilih-rata-hero .format-grup{align-self:flex-start}.pilih-rata-hero .format-grup button{padding:0 10px}.pustaka-blok{display:flex;flex-direction:column;gap:14px;padding:14px;margin-top:6px;border-radius:18px;background:var(--bg);border:1.5px solid #F5C7B8;box-shadow:0 14px 34px -20px #ff5a3673;animation:k-naik .28s var(--ease) backwards}.pustaka-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px dashed #EBCFC2}.pustaka-kepala div{display:flex;flex-direction:column;gap:2px}.pustaka-kepala strong{font-size:1rem}.pustaka-kepala small{font-size:.8rem}.pustaka-grup{display:flex;flex-direction:column;gap:8px}.pustaka-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pustaka-isi{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pustaka-isi button{display:flex;align-items:center;gap:10px;padding:10px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--surface);font:inherit;color:var(--text);cursor:pointer;transition:border-color .15s,box-shadow .2s,transform .15s}.pustaka-isi button:hover{border-color:#f5b3a1;box-shadow:0 8px 18px -12px #1f1b1659;transform:translateY(-1px)}.pustaka-ikon{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.pustaka-teks{display:flex;flex-direction:column;gap:1px;min-width:0}.pustaka-teks strong{font-size:.88rem}.pustaka-teks small{font-size:.74rem;color:var(--muted);line-height:1.35}@media(max-width:380px){.pustaka-isi{grid-template-columns:1fr}}.pilih-ornamen{display:flex;flex-direction:column;gap:6px}.pilih-ornamen>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.pilih-ornamen button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);font:inherit;font-size:.7rem;font-weight:600;color:var(--muted);cursor:pointer;text-align:center;line-height:1.2}.pilih-ornamen button.aktif{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 3px var(--accent-soft)}.contoh-ornamen{font-family:Georgia,serif;font-size:.95rem;color:var(--text);white-space:nowrap}.pilih-ornamen .orn-auto .contoh-ornamen{opacity:.5}.pilih-ornamen .orn-garis-bawah .contoh-ornamen{box-shadow:0 3px 0 -1px var(--accent);padding-bottom:1px}.pilih-ornamen .orn-wajik .contoh-ornamen{letter-spacing:.02em}.format-teks select[aria-label=Font]{max-width:150px}.pilih-transisi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pilih-transisi button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);font:inherit;color:var(--text);cursor:pointer;transition:border-color .2s,box-shadow .2s}.pilih-transisi button strong{font-size:.76rem;text-align:center;line-height:1.2}.pilih-transisi button.aktif{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.contoh-transisi{width:54px;height:38px;padding:6px;border-radius:8px;background:var(--bg);display:flex;flex-direction:column;gap:4px;overflow:hidden}.contoh-transisi i{display:block;height:5px;border-radius:3px;background:#d8c7b5}.contoh-transisi i:nth-child(2){width:75%}.contoh-transisi i:nth-child(3){width:55%}.pilih-transisi button.aktif .contoh-transisi i{background:var(--accent)}.pilih-transisi button:is(:hover,.aktif) .contoh-transisi i{animation:1.6s cubic-bezier(.2,.8,.2,1) infinite both}.trn-naik:is(:hover,.aktif) .contoh-transisi i{animation-name:k-c-naik}.trn-pudar:is(:hover,.aktif) .contoh-transisi i{animation-name:k-c-pudar}.trn-geser:is(:hover,.aktif) .contoh-transisi i{animation-name:k-c-geser}.trn-zoom:is(:hover,.aktif) .contoh-transisi{animation:k-c-zoom 1.6s cubic-bezier(.2,.8,.2,1) infinite both}.trn-zoom:is(:hover,.aktif) .contoh-transisi i{animation:none}.trn-bertahap:is(:hover,.aktif) .contoh-transisi i{animation-name:k-c-naik}.trn-bertahap:is(:hover,.aktif) .contoh-transisi i:nth-child(2){animation-delay:.12s}.trn-bertahap:is(:hover,.aktif) .contoh-transisi i:nth-child(3){animation-delay:.24s}.trn-tanpa .contoh-transisi i{animation:none!important}@keyframes k-c-naik{0%{opacity:0;transform:translateY(8px)}35%,to{opacity:1;transform:none}}@keyframes k-c-pudar{0%{opacity:0}35%,to{opacity:1}}@keyframes k-c-geser{0%{opacity:0;transform:translate(16px)}35%,to{opacity:1;transform:none}}@keyframes k-c-zoom{0%{opacity:0;transform:scale(.8)}35%,to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pilih-transisi .contoh-transisi,.pilih-transisi .contoh-transisi i{animation:none!important}}.ikon-halaman{order:2;flex:1 1 100%;display:flex;flex-direction:column;gap:4px}.ikon-halaman .pilih-ikon .label{font-size:.8rem}.ikon-halaman small{font-size:.74rem}.pita-promo{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:12px 16px;border-radius:var(--radius);background:linear-gradient(120deg,#ffe6de,#fff1c2);color:#7a3b1f;animation:k-naik .35s var(--ease) backwards}.pita-promo span{color:#9a6a00}.harga-coret{display:block;color:var(--muted);font-size:.85rem;font-weight:600;text-decoration-thickness:1.5px}.tag-jenis.diskon{background:#ffe6de;color:var(--accent)}.rincian-bayar{margin:0;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);display:flex;flex-direction:column;gap:6px}.rincian-bayar>div{display:flex;justify-content:space-between;gap:12px;font-size:.92rem}.rincian-bayar dt{color:var(--muted)}.rincian-bayar dd{margin:0;font-weight:700;white-space:nowrap}.rincian-bayar .diskon dd,.rincian-bayar .diskon dt{color:var(--ok)}.rincian-bayar .total{margin-top:4px;padding-top:8px;border-top:1px dashed var(--line);font-size:1.02rem}.rincian-bayar .total dt{color:inherit;font-weight:700}.rincian-bayar .total dd{color:var(--accent)}.rincian-bayar.ringkas{padding:10px 14px}.rincian-kecil{font-size:.8rem}.lencana.refund{background:#e6eefc;color:#2b5cb3}.batas-refund{flex:1 1 100%;margin-top:-4px}.baris-tagihan>.status-refund,.status-refund{flex:1 1 100%;min-width:0;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:#f2f6fd;border:1px solid #DCE6F8;animation:k-naik .3s var(--ease) backwards}.status-refund.ditolak{background:#fdf3f3;border-color:#f6d7d7}.status-refund.selesai{background:#eef8f2;border-color:#d4eedd}.status-refund p{margin:0}.status-refund-kepala{display:flex;align-items:center;justify-content:space-between;gap:8px}.status-refund-kepala strong{display:inline-flex;align-items:center;gap:6px}.langkah-refund{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.langkah-refund li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:.8rem;font-weight:700}.langkah-refund li i{width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--line);font-style:normal;font-size:.7rem}.langkah-refund li.lewat i,.status-refund.selesai .langkah-refund li i{background:var(--ok);color:#fff}.langkah-refund li.kini{color:#2b5cb3}.langkah-refund li.kini i{background:#2b5cb3;color:#fff;animation:k-denyut 1.6s ease-in-out infinite}.status-refund.selesai .langkah-refund li{color:var(--ok)}@keyframes k-denyut{50%{box-shadow:0 0 0 4px #2b5cb32e}}.dialog-form{position:relative;width:min(480px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}.dialog-form.lebar{width:min(600px,100%)}.dialog-form .konfirmasi-pesan p{margin:0}.dialog-isi{display:flex;flex-direction:column;gap:12px}.dialog-isi .label,.pilih-metode .label{font-size:.9rem;font-weight:600}.dialog-isi .pilih-metode button{padding:7px 12px;font-size:.85rem}.dialog-isi textarea{resize:vertical}.dialog-isi .galat,.dialog-isi .info{margin:0}.dialog-tutup{position:absolute;top:14px;right:14px}.dua-kolom{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info.kecil{font-size:.82rem;padding:10px 12px}@media(max-width:820px){.dialog-form{max-height:calc(100dvh - 24px)}.dua-kolom{grid-template-columns:1fr}}.adm-metode-baris{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 76px 104px 40px}.adm-metode-baris.kepala small{color:var(--muted);font-size:.75rem;font-weight:700}@media(max-width:820px){.adm-metode-baris{grid-template-columns:1fr 1fr 40px}.adm-metode-baris input:nth-child(3),.adm-metode-baris input:nth-child(4){grid-row:2}.adm-metode-baris.kepala{display:none}}.adm-diskon{display:flex;flex-direction:column;gap:14px;transition:opacity .2s}.adm-diskon.mati{opacity:.5}.adm-pratinjau-harga{display:flex;flex-wrap:wrap;gap:10px 24px;padding:12px 14px;border-radius:12px;background:var(--bg);border:1px dashed var(--line)}.adm-pratinjau-harga>div{display:flex;flex-direction:column;gap:2px}.adm-pratinjau-harga s{color:var(--muted)}.adm-catatan-fee{flex:1 1 100%}.adm-lencana.biru{background:#e6eefc;color:#2b5cb3}.adm-lencana-link{text-decoration:none}.adm-hitung{margin-left:6px;min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem}.adm-refund .adm-tumbuh{gap:4px}.adm-refund-alasan{font-size:.9rem}.adm-refund-tujuan{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:.88rem;padding:6px 10px;border-radius:10px;background:var(--bg);align-self:flex-start}.btn-ikon.kecil{width:26px;height:26px}.baris-tagihan>.aksi-tagihan{flex:1 1 100%;flex-direction:row;min-width:0}.tiket-wadah{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px;min-height:0}.halaman-tiket .tiket-wadah{max-width:1180px;margin:0 auto;padding:0 24px 24px;height:calc(100vh - 72px);height:calc(100dvh - 72px)}.adm-isi:has(.adm-tiket){max-width:1280px}.adm-tiket{height:calc(100vh - 88px);height:calc(100dvh - 88px)}.tiket-daftar,.tiket-panel{min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.tiket-daftar{display:flex;flex-direction:column;gap:10px;padding:16px 12px 8px}.tiket-daftar>:not(.tiket-list){margin-left:4px;margin-right:4px}.tiket-daftar-kepala{display:flex;align-items:center;justify-content:space-between;gap:10px}.tiket-daftar-kepala h1{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:1.35rem}.tiket-daftar-kepala h1 svg{color:var(--accent)}.tiket-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;align-self:stretch}.tiket-filter::-webkit-scrollbar{display:none}.tiket-filter button{flex:none;white-space:nowrap}.tiket-daftar .adm-cari{min-width:0}.tiket-list{list-style:none;margin:0;padding:0 0 8px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:2px}.tiket-item{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:12px;color:var(--text);text-decoration:none;transition:background .15s}.tiket-item:hover{background:var(--bg)}.tiket-item.aktif{background:var(--accent-soft)}.tiket-item-atas{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.tiket-item-atas strong{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.tiket-item-atas time{flex:none;color:var(--muted);font-size:.75rem}.tiket-item.baru .tiket-item-atas time{color:var(--accent);font-weight:700}.tiket-item-subjek{font-size:.86rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiket-item-cuplikan{color:var(--muted);font-size:.84rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tiket-item.baru .tiket-item-cuplikan{color:var(--text)}.tiket-item-bawah{display:flex;align-items:center;gap:6px;margin-top:3px}.tiket-item-bawah small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem}.tiket-belum{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem}.tiket-penting{color:var(--danger);flex:none}.tiket-rating{color:#9a6a00;font-weight:700}.lencana-tiket{flex:none;display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--bg);color:var(--muted)}.lencana-tiket.terbuka{background:#fff1c2;color:#9a6a00}.lencana-tiket.dijawab{background:#e6eefc;color:#2b5cb3}.lencana-tiket.selesai{background:#e6f4ec;color:var(--ok)}.tiket-kosong,.tiket-sambut{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 16px;color:var(--muted)}.tiket-kosong p{margin:0}.tiket-sambut{height:100%;justify-content:center;max-width:420px;margin:0 auto}.tiket-sambut svg{color:var(--accent)}.tiket-sambut h2{margin:0;color:var(--text)}.tiket-sambut p{margin:0 0 6px}.tiket-panel{display:flex;flex-direction:column}.tiket-memuat,.tiket-galat{padding:20px}.tiket-detail,.tiket-baru{flex:1;min-height:0;display:flex;flex-direction:column}.tiket-kepala{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.tiket-kepala h2{margin:0;font-size:1.08rem;line-height:1.3}.tiket-kepala p{margin:3px 0 0;font-size:.82rem;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.tiket-kepala p a{display:inline-flex;align-items:center;gap:3px;color:var(--accent);text-decoration:none}.tiket-judul{flex:1;min-width:0}.tiket-kembali{display:none;flex:none}.tiket-aksi{display:flex;align-items:center;gap:4px;flex:none}.tiket-aksi .btn-ikon.aktif{background:var(--accent-soft);color:var(--accent)}.tiket-penting-aktif{color:var(--danger)!important;background:#fdecec!important}.tiket-info{display:none;flex-wrap:wrap;gap:6px 16px;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--bg);font-size:.84rem}.tiket-info.buka{display:flex;animation:k-naik .25s var(--ease) backwards}.tiket-info>*{display:inline-flex;align-items:center;gap:5px}.tiket-info a{color:var(--accent);text-decoration:none}.obrolan-pesan{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--bg)}.obrolan-hari{display:flex;justify-content:center;margin:10px 0 4px}.obrolan-hari span{padding:3px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.72rem;font-weight:700}.obrolan-sistem{align-self:center;max-width:90%;text-align:center;color:var(--muted);font-size:.78rem;padding:4px 10px}.gelembung{position:relative;max-width:min(78%,560px);display:flex;flex-direction:column;gap:4px;padding:9px 12px 6px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px #1f1b160a;animation:k-gelembung .25s var(--ease) backwards}.gelembung.lawan{align-self:flex-start;border-bottom-left-radius:5px}.gelembung.saya{align-self:flex-end;border-bottom-right-radius:5px;background:#ffede6;border-color:#f9d3c5}.gelembung.internal{align-self:flex-end;background:#fff6d6;border:1px dashed #E6C766}.gelembung p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:.94rem}.gelembung p a{color:var(--accent)}.gelembung-nama{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:800;color:var(--accent)}.gelembung.internal .gelembung-nama{color:#9a6a00}.gelembung.saya:not(.internal) .gelembung-nama{color:var(--muted)}.gelembung time{align-self:flex-end;color:var(--muted);font-size:.68rem}.gelembung-gambar{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin-top:2px}.gelembung-gambar a{display:block;border-radius:10px;overflow:hidden;background:var(--bg)}.gelembung-gambar img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .2s}.gelembung-gambar a:hover img{transform:scale(1.04)}@keyframes k-gelembung{0%{opacity:0;transform:translateY(6px) scale(.98)}}.obrolan-tulis{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-top:1px solid var(--line);background:var(--surface);transition:background .2s}.obrolan-tulis.internal{background:#fffbea}.tulis-baris{display:flex;align-items:flex-end;gap:6px}.tulis-baris textarea{flex:1;min-height:42px;max-height:200px;resize:none;padding:10px 14px;border-radius:21px;line-height:1.4}.tulis-baris .btn-ikon{width:42px;height:42px;border-radius:50%;color:var(--muted);flex:none}.tulis-kirim{width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:50%;flex:none}.tulis-lampiran,.tiket-lampiran{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tulis-lampiran span,.tiket-lampiran>span{position:relative;width:60px;height:60px;border-radius:10px;overflow:hidden;background:var(--bg);border:1px solid var(--line)}.tulis-lampiran img,.tiket-lampiran img{width:100%;height:100%;object-fit:cover;display:block}.tulis-lampiran button,.tiket-lampiran>span button{position:absolute;top:3px;right:3px;width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#1f1b16b3;color:#fff;cursor:pointer}.tulis-lampiran .mengunggah{background:linear-gradient(90deg,var(--bg),var(--line),var(--bg));background-size:200% 100%;animation:k-kilau 1.1s linear infinite}.tulis-internal{flex-direction:row;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:#9a6a00;cursor:pointer;padding-left:4px}.tulis-internal input{width:auto;margin:0;accent-color:#C99400}.tulis-info{padding-left:4px;font-size:.76rem}.tulis-galat{margin:0;font-size:.85rem}.tiket-nilai{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--line);background:#fffbee;text-align:center}.tiket-nilai p{margin:0}.bintang{display:flex;gap:2px}.bintang button{border:0;background:none;padding:4px;cursor:pointer;color:#d9cfc4;transition:transform .15s,color .15s}.bintang button.nyala{color:#f5a623}.bintang button.nyala svg{fill:currentColor}.bintang button:hover{transform:scale(1.15)}.tiket-nilai-catatan{display:flex;gap:8px;width:min(420px,100%)}.tiket-nilai-catatan input{flex:1}.tiket-baru-isi{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:18px}.tiket-baru-isi .aksi{display:flex;justify-content:flex-end}.tiket-unggah{flex-direction:row;cursor:pointer}.tiket-penerima{display:flex;flex-direction:column;gap:6px;position:relative}.tiket-penerima .label{font-size:.9rem;font-weight:600}.tiket-penerima-pilih{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 6px 6px 12px;border-radius:999px;background:var(--accent-soft)}.tiket-calon{list-style:none;margin:0;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 10px 30px #1f1b1614}.tiket-calon button{width:100%;display:flex;gap:8px;align-items:baseline;padding:8px 10px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer}.tiket-calon button:hover{background:var(--bg)}.akun-avatar{position:relative}.akun-titik{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}.akun-hitung{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem}.aksi-tagihan .tanya-support{margin-left:0;text-decoration:none}@media(max-width:820px){.halaman-tiket .tiket-wadah,.adm-tiket{display:block;height:auto;padding:0}.halaman-tiket .tiket-wadah{padding:0 12px}.tiket-wadah.ada-detail .tiket-daftar,.tiket-wadah:not(.ada-detail) .tiket-panel{display:none}.tiket-daftar{padding:14px 8px 8px}.tiket-list{overflow:visible}.tiket-panel{border-radius:18px 18px 0 0;overflow:visible;border-bottom:0;min-height:calc(100dvh - 72px)}.tiket-kembali{display:inline-grid}.tiket-kepala{position:sticky;top:0;z-index:5;padding:10px 12px;border-radius:18px 18px 0 0}.tiket-kepala h2{font-size:1rem}.obrolan-pesan{overflow:visible;padding:12px}.gelembung{max-width:86%}.obrolan-tulis{position:sticky;bottom:0;z-index:5;padding:8px 10px max(8px,env(safe-area-inset-bottom));box-shadow:0 -6px 20px #1f1b160d}.adm-tiket .obrolan-tulis{bottom:calc(66px + env(safe-area-inset-bottom));padding-bottom:8px;border-radius:0 0 18px 18px}.adm-tiket .tiket-panel{min-height:calc(100dvh - 190px);border-bottom:1px solid var(--line);border-radius:18px}.tiket-baru-isi{overflow:visible;padding:14px}.tiket-aksi .btn-kecil{padding:7px 10px}.tiket-kepala{flex-wrap:wrap;row-gap:6px}.tiket-judul{flex:1 1 0}.tiket-aksi{flex:1 1 100%;justify-content:flex-end}.tiket-kepala>.btn:last-child{margin-left:auto}}.lencana-pro-situs{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 9px;border-radius:999px;background:#fff1c2;color:#9a6a00;font-size:.72rem;font-weight:800;vertical-align:3px;white-space:nowrap}.btn-upgrade-situs{margin-left:auto;padding:6px 12px;text-decoration:none}.aksi-situs .btn-upgrade-situs+.aksi-pemisah{margin-left:4px}.kuota-situs{display:flex;align-items:center;gap:10px;margin:-6px 0 0;font-size:.86rem}.kuota-bar{width:90px;height:6px;border-radius:999px;background:var(--line);overflow:hidden;flex:none}.kuota-bar i{display:block;height:100%;border-radius:inherit;background:var(--ok);transition:width .4s var(--ease)}.kuota-bar.penuh i{background:var(--accent)}.sub-judul{margin:-6px 0 0}.baris-paket .kolom-pro small{font-weight:600;opacity:.7;font-size:.72rem}.pilih-situs-pro{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.pilih-situs-pro button{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:6px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.pilih-situs-pro button:hover{border-color:#f5b3a1}.pilih-situs-pro button.aktif{border-color:var(--accent);background:var(--accent-soft)}.pilih-situs-pro button:active{transform:scale(.98)}.situs-pro-nama{display:flex;flex-direction:column;min-width:0;max-width:100%}.situs-pro-nama strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pilih-situs-pro .lencana-pro-situs{margin-left:0;vertical-align:0}.form-buat h2+.pilih-situs-pro,.form-buat h2+.pilih-template{margin-top:-4px}.kotak-paket-situs{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 14px;border-radius:12px;background:var(--bg);border:1px dashed #E0C068;font-size:.9rem}.kotak-paket-situs.pro{border-style:solid;border-color:#ebd48a;background:#fffbee}.kotak-paket-situs span{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.kotak-paket-situs .btn{text-decoration:none}.kotak-paket-situs .teks-paket{display:block}.tag-beta{margin-left:6px;padding:1px 8px;border-radius:999px;background:#e6eefc;color:#2b5cb3;font-size:.68rem;font-style:normal;font-weight:800;vertical-align:2px}.tombol-qr{align-self:flex-start}.qr-wadah{display:grid;place-items:center;padding:12px;border-radius:16px;background:#fff;border:1px solid var(--line)}.qr-wadah img{width:min(260px,100%);height:auto;image-rendering:pixelated}.qr-memuat{width:220px;aspect-ratio:1;border-radius:12px;background:linear-gradient(90deg,var(--bg),var(--line),var(--bg));background-size:200% 100%;animation:k-kilau 1.1s linear infinite}.qr-alamat{display:flex;align-items:center;justify-content:center;gap:6px}.qr-alamat code{padding:6px 10px;border-radius:8px;background:var(--bg);font-size:.85rem;overflow-wrap:anywhere}.qr-svg{align-self:center}.domain-sendiri{display:flex;flex-direction:column;gap:10px}.domain-input{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.domain-input input{flex:1;min-width:0;border:0;padding:8px 0;background:none;box-shadow:none!important}.domain-ikon{color:var(--muted);display:inline-grid}.domain-status{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:12px;background:#fff6d6;color:#8a6200;font-size:.88rem;flex-wrap:wrap}.domain-status.ok{background:#e6f4ec;color:var(--ok)}.domain-langkah{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:.88rem}.domain-langkah li>span{display:block;margin-bottom:4px}.dns-baris{margin:0;display:flex;flex-direction:column;gap:4px}.dns-baris>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:center}.dns-baris dt{color:var(--muted);font-size:.8rem}.dns-baris dd{margin:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}.dns-baris code{padding:3px 8px;border-radius:6px;background:var(--bg);font-size:.8rem;overflow-wrap:anywhere}.domain-aksi{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.domain-aksi .btn-teks{margin-left:auto}.tanda-blok{margin-left:8px;padding:1px 8px;border-radius:999px;font-size:.68rem;font-style:normal;font-weight:800}.tanda-blok.arsip{background:var(--bg);color:var(--muted);border:1px solid var(--line)}.tanda-blok.jadwal{background:#e6eefc;color:#2b5cb3}.tanda-blok.luar{background:#fff1c2;color:#9a6a00}.blok.diarsipkan{border-style:dashed;background:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(107,98,89,.04) 8px 16px)}.blok.diarsipkan .kepala-blok .btn-teks{color:var(--muted)}.btn-ikon.aktif-arsip{color:var(--accent);background:var(--accent-soft)}.jadwal-blok{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px dashed var(--line)}.jadwal-blok>.btn-teks{align-self:flex-start}.jadwal-blok>.btn-teks.galat{align-self:flex-start}.sub-form{margin-top:-6px}.pilih-sorot{display:flex;flex-direction:column;gap:6px}.pilih-sorot .label{font-size:.9rem;font-weight:600}.pilih-sorot>div{display:flex;flex-wrap:wrap;gap:6px}.pilih-sorot button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);font-weight:700;font-size:.85rem;cursor:pointer;transition:border-color .2s,background .2s}.pilih-sorot button.aktif{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.pilih-sorot button i{width:18px;height:10px;border-radius:4px;background:var(--accent);opacity:.85}.pilih-sorot .sorot-contoh-tanpa i{background:var(--line)}.pilih-sorot .sorot-contoh-goyang i{animation:k-contoh-goyang 1.6s ease-in-out infinite}.pilih-sorot .sorot-contoh-denyut i{animation:k-contoh-denyut 1.4s ease-in-out infinite}.pilih-sorot .sorot-contoh-kilau i{background:linear-gradient(105deg,var(--accent) 35%,#FFD3C6 50%,var(--accent) 65%);background-size:250% 100%;animation:k-contoh-kilau 1.8s linear infinite}@keyframes k-contoh-goyang{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-12deg)}80%{transform:rotate(12deg)}90%{transform:rotate(-6deg)}}@keyframes k-contoh-denyut{50%{transform:scale(1.25)}}@keyframes k-contoh-kilau{0%{background-position:120% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){.pilih-sorot button i{animation:none!important}}.stat-rentang{align-self:flex-start}.kartu-angka.tiga{grid-template-columns:repeat(3,1fr)}.kartu-angka.tiga strong{font-size:1.35rem}.stat-bagian{display:flex;flex-direction:column;gap:8px}.stat-bagian h3{margin:6px 0 0}.grafik.rapat{gap:1px}.klik-blok li{align-items:center}.klik-blok li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klik-blok li small{min-width:44px;text-align:right}.stat-batang{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.stat-batang li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto 44px;align-items:center;gap:8px;font-size:.86rem}.stat-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-isi{height:8px;border-radius:999px;background:var(--bg);overflow:hidden}.stat-isi i{display:block;height:100%;border-radius:inherit;background:var(--accent);min-width:3px;transition:width .4s var(--ease)}.stat-batang small{text-align:right}.stat-perangkat{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.stat-perangkat div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:12px;background:var(--bg)}.stat-perangkat svg{color:var(--accent)}.stat-perangkat strong{font-size:1.15rem}.stat-perangkat span{color:var(--muted);font-size:.8rem}@media(max-width:820px){.aksi-situs:has(.btn-upgrade-situs){flex-wrap:wrap;row-gap:8px}.btn-upgrade-situs{order:10;flex:1 1 100%;justify-content:center;margin-left:0;padding:9px 12px}.kartu-angka.tiga div{padding:10px}.kartu-angka.tiga strong{font-size:1.15rem}.stat-batang li{grid-template-columns:minmax(0,1fr) 70px auto 40px}.dns-baris>div{grid-template-columns:1fr;gap:2px}}.adm-angka.yatim svg{color:var(--danger)}.adm-angka svg{color:var(--accent)}.bar-penyimpanan{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--line)}.bar-penyimpanan i{display:block;height:100%;transition:width .4s var(--ease)}.bar-penyimpanan .dipakai{background:var(--ok)}.bar-penyimpanan .yatim{background:var(--danger)}.bar-penyimpanan .baru{background:#e0c068}.yatim-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.yatim-kepala h2{margin:0 0 4px}.yatim-kepala p{margin:0;max-width:560px;font-size:.88rem}.yatim-aksi{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.daftar-yatim{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.daftar-yatim li{border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg);transition:border-color .2s,box-shadow .2s}.daftar-yatim li.dipilih{border-color:var(--danger);box-shadow:0 0 0 3px #fdecec}.daftar-yatim label{position:relative;display:flex;flex-direction:column;gap:0;cursor:pointer;font-weight:400}.daftar-yatim input{position:absolute;top:8px;left:8px;width:18px;height:18px;margin:0;accent-color:var(--danger);z-index:1}.daftar-yatim img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--line)}.yatim-info{display:flex;flex-direction:column;gap:1px;padding:8px 10px}.yatim-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem}@media(max-width:820px){.daftar-yatim{grid-template-columns:repeat(2,minmax(0,1fr))}.yatim-aksi{width:100%}}