*,*:before,*:after{box-sizing:border-box}:root{--bg: #fff8f7;--bg-2: #fdeef0;--kartu: #ffffff;--tinta: #241d2b;--tinta-2: #6d6478;--tinta-3: #9a92a6;--garis: #f2e2e5;--aksen: #ef4e6d;--aksen-gelap: #d63a5c;--ungu: #7a5cf5;--sukses: #0f8a5f;--kuning: #b3700a;--merah: #cf3352;--radius: 20px;--bayang: 0 10px 30px -18px rgba(70, 25, 50, .35);--bayang-2: 0 22px 50px -28px rgba(70, 25, 50, .45)}html,body{margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--tinta);-webkit-font-smoothing:antialiased;line-height:1.55}h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.02em;font-weight:800}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(900px 480px at 88% -8%,rgba(239,78,109,.14),transparent 60%),radial-gradient(760px 420px at 4% 0%,rgba(122,92,245,.12),transparent 62%)}.wadah{width:100%;max-width:1080px;margin:0 auto;padding:0 18px}.tajuk{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8f7d1;border-bottom:1px solid rgba(242,226,229,.9)}.tajuk-isi{display:flex;align-items:center;gap:14px;height:64px}.merek{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;font-size:1.15rem;margin-right:auto}.merek-tanda{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1rem;background:linear-gradient(140deg,var(--aksen),var(--ungu));box-shadow:0 8px 18px -10px #ef4e6de6}.nav{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--garis);padding:4px;border-radius:999px;box-shadow:var(--bayang)}.nav button{border:0;background:transparent;color:var(--tinta-2);padding:8px 14px;border-radius:999px;font-size:.9rem;font-weight:700;white-space:nowrap}.nav button.aktif{color:#fff;background:linear-gradient(135deg,var(--aksen),#f5728e);box-shadow:0 8px 18px -12px var(--aksen)}.tombol-admin{border:1px solid var(--garis);background:#fff;color:var(--tinta);border-radius:999px;padding:9px 16px;font-weight:700;font-size:.88rem;display:inline-flex;align-items:center;gap:7px;box-shadow:var(--bayang);white-space:nowrap}.tombol-admin.masuk{border-color:transparent;background:linear-gradient(135deg,#2b2136,#4a3358);color:#fff}.tombol-admin .titik{width:8px;height:8px;border-radius:50%;background:var(--sukses)}.nav-ponsel{display:none}.utama{flex:1;padding:26px 0 60px}.tbl{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;padding:12px 20px;font-weight:700;font-size:.95rem;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.tbl:active{transform:translateY(1px) scale(.995)}.tbl-utama{background:linear-gradient(135deg,var(--aksen),#f2688a);color:#fff;box-shadow:0 14px 26px -16px var(--aksen-gelap)}.tbl-utama:hover{box-shadow:0 18px 32px -16px var(--aksen-gelap)}.tbl-garis{background:#fff;border-color:var(--garis);color:var(--tinta);box-shadow:var(--bayang)}.tbl-lembut{background:var(--bg-2);color:var(--aksen-gelap)}.tbl-bahaya{background:#fdecef;color:var(--merah)}.tbl-kecil{padding:8px 13px;font-size:.83rem;border-radius:11px}.tbl:disabled{opacity:.55;cursor:not-allowed}.hero{position:relative;overflow:hidden;border-radius:28px;padding:44px 34px 38px;background:linear-gradient(135deg,#2b1f38,#59324f 48%,#a8445f);color:#fff;box-shadow:var(--bayang-2)}.hero:after{content:"";position:absolute;inset:auto -60px -120px auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 65%)}.hero-label{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#ffffffc7;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);padding:6px 12px;border-radius:999px}.hero h1{font-size:clamp(1.9rem,4.6vw,3.1rem);margin:16px 0 12px;max-width:15em}.hero p.sub{color:#ffffffc7;max-width:34em;font-size:1rem}.cari-cepat{display:flex;gap:8px;margin-top:24px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);padding:8px;border-radius:18px;max-width:560px;flex-wrap:wrap}.cari-cepat input{flex:1 1 180px;min-width:0;border:0;border-radius:12px;padding:12px 14px;font:inherit;background:#fffffff0;color:var(--tinta)}.cari-cepat input:focus{outline:2px solid rgba(255,255,255,.7)}.statistik{display:flex;gap:26px;margin-top:28px;flex-wrap:wrap}.statistik b{display:block;font-size:1.4rem}.statistik span{font-size:.8rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.bagian{margin-top:46px}.bagian-kepala{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.bagian-kepala h2{font-size:clamp(1.35rem,2.6vw,1.8rem)}.bagian-kepala p{color:var(--tinta-2);font-size:.92rem;margin-top:4px}.tautan-lembut{border:0;background:none;color:var(--aksen-gelap);font-weight:700;font-size:.9rem;padding:6px 0}.grid-teman{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.kartu{position:relative;background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);overflow:hidden;box-shadow:var(--bayang);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .22s ease}.kartu:hover{transform:translateY(-3px);box-shadow:var(--bayang-2)}.kartu-atas{height:88px;position:relative;background:linear-gradient(120deg,#fde3ea,#ece2ff)}.kartu-avatar{position:absolute;left:16px;bottom:-30px;border:3px solid #fff;border-radius:50%;background:#fff;line-height:0}.kartu-isi{padding:40px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.kartu-nama{font-size:1.02rem;font-weight:800;letter-spacing:-.01em}.kartu-meta{display:flex;align-items:center;gap:6px;color:var(--tinta-2);font-size:.85rem}.tanda-contoh{position:absolute;top:10px;right:10px;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#7b4b12;background:#fdf0d5;border-radius:999px;padding:3px 9px}.daftar-minat{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.minat{font-size:.73rem;font-weight:700;color:#5b4d78;background:#f3eefc;border-radius:999px;padding:3px 9px}.kartu-kaki{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px dashed var(--garis)}.tarif{font-weight:800;color:var(--tinta);font-size:.95rem}.tarif small{display:block;font-weight:600;font-size:.7rem;color:var(--tinta-3);letter-spacing:.02em}.filter{background:#fff;border:1px solid var(--garis);border-radius:var(--radius);padding:16px;box-shadow:var(--bayang);display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.baris-filter{display:flex;gap:10px;flex-wrap:wrap}.kolom-cari{flex:1 1 240px;display:flex;align-items:center;gap:8px;background:#fbf6f7;border:1px solid var(--garis);border-radius:13px;padding:0 12px}.kolom-cari input{border:0;background:transparent;padding:11px 0;font:inherit;width:100%;min-width:0;color:var(--tinta)}.kolom-cari input:focus{outline:none}.kolom-cari:focus-within{border-color:#f4b9c5;box-shadow:0 0 0 4px #ef4e6d1a}select.sederhana,input.sederhana,textarea.sederhana{font:inherit;color:var(--tinta);background:#fff;border:1px solid var(--garis);border-radius:13px;padding:11px 12px;width:100%}select.sederhana:focus,input.sederhana:focus,textarea.sederhana:focus{outline:none;border-color:#f4b9c5;box-shadow:0 0 0 4px #ef4e6d1a}select.sederhana{flex:0 1 190px;width:auto;min-width:150px}.grup-chip{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.grup-chip .label-chip{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--tinta-3);margin-right:2px}.chip{border:1px solid var(--garis);background:#fff;color:var(--tinta-2);border-radius:999px;padding:7px 13px;font-size:.83rem;font-weight:700}.chip.aktif{background:#2b2136;border-color:#2b2136;color:#fff}.ringkas-hasil{font-size:.86rem;color:var(--tinta-2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.kosong{background:#fff;border:1px dashed #ecd3d9;border-radius:var(--radius);padding:40px 24px;text-align:center;color:var(--tinta-2)}.kosong h3{font-size:1.1rem;color:var(--tinta);margin-bottom:6px}.kosong .tbl{margin-top:16px}.pesan-galat{background:#fdecef;border:1px solid #f7ccd5;color:#9c1f38;border-radius:12px;padding:10px 13px;font-size:.87rem;font-weight:600}.pesan-info{background:#eef4ff;border:1px solid #d5e2fb;color:#274a86;border-radius:12px;padding:10px 13px;font-size:.87rem}.pesan-sukses{background:#e9f8f1;border:1px solid #c6ecd9;color:#0b6b4a;border-radius:12px;padding:10px 13px;font-size:.87rem;font-weight:600}.memuat{display:flex;align-items:center;gap:10px;color:var(--tinta-2);font-size:.9rem;padding:22px 0}.denyut{width:14px;height:14px;border-radius:50%;background:var(--aksen);animation:denyut 1s infinite ease-in-out}@keyframes denyut{0%,to{transform:scale(.7);opacity:.6}50%{transform:scale(1);opacity:1}}.langkah{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.langkah-item{background:#fff;border:1px solid var(--garis);border-radius:var(--radius);padding:20px;box-shadow:var(--bayang)}.langkah-nomor{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:.85rem;color:#fff;background:linear-gradient(135deg,var(--ungu),var(--aksen));margin-bottom:12px}.langkah-item h3{font-size:1rem;margin-bottom:6px}.langkah-item p{color:var(--tinta-2);font-size:.87rem}.pita{margin-top:46px;border-radius:26px;padding:32px;color:#fff;background:linear-gradient(120deg,#3a2a4d,#7a3352 65%,#d4506f);display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;box-shadow:var(--bayang-2)}.pita h2{font-size:clamp(1.2rem,2.4vw,1.6rem);margin-bottom:6px}.pita p{color:#ffffffc2;font-size:.92rem;max-width:40ch}.pita .tbl{background:#fff;color:#7a3352}.profil-kepala{background:linear-gradient(135deg,#35253f,#6b3450 55%,#b3526b);border-radius:26px;padding:30px;color:#fff;display:flex;gap:20px;align-items:center;flex-wrap:wrap;box-shadow:var(--bayang-2)}.profil-kepala .avatar{border:3px solid rgba(255,255,255,.75)}.profil-kepala h1{font-size:clamp(1.4rem,3vw,2rem)}.profil-sub{color:#ffffffc2;font-size:.9rem;margin-top:6px;display:flex;gap:14px;flex-wrap:wrap}.profil-tubuh{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}.panel{background:#fff;border:1px solid var(--garis);border-radius:var(--radius);padding:22px;box-shadow:var(--bayang)}.panel h2{font-size:1.1rem;margin-bottom:12px}.panel h3{font-size:.95rem;margin:18px 0 8px}.panel p{color:var(--tinta-2);font-size:.92rem}.rincian{display:grid;gap:10px;margin-top:8px}.rincian-baris{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;padding-bottom:10px;border-bottom:1px dashed var(--garis)}.rincian-baris:last-child{border-bottom:0;padding-bottom:0}.rincian-baris span{color:var(--tinta-2)}.rincian-baris b{text-align:right}.form-pesanan{display:grid;gap:12px}.bidang{display:flex;flex-direction:column;gap:5px}.bidang-label{font-size:.8rem;font-weight:800;color:var(--tinta-2);letter-spacing:.02em}.bidang-petunjuk{font-size:.74rem;color:var(--tinta-3)}.bidang-ganda{display:grid;grid-template-columns:1fr 1fr;gap:12px}textarea.sederhana{resize:vertical;min-height:78px}.kode-besar{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:1.5rem;font-weight:800;letter-spacing:.14em;color:var(--aksen-gelap);background:var(--bg-2);border-radius:14px;padding:14px;text-align:center;word-break:break-all}.pil{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;border-radius:999px;padding:4px 11px;white-space:nowrap}.pil-menunggu{background:#fdf3dd;color:var(--kuning)}.pil-diterima{background:#e9f2ff;color:#2557a8}.pil-selesai{background:#e6f7ee;color:var(--sukses)}.pil-ditolak{background:#fdecef;color:var(--merah)}.langkah-status{display:flex;gap:8px;margin:18px 0 6px;flex-wrap:wrap}.langkah-status div{flex:1 1 90px;border-radius:12px;padding:10px 12px;background:#f7f0f2;color:var(--tinta-3);font-size:.8rem;font-weight:700;border:1px solid transparent}.langkah-status div.jalan{background:#fff;border-color:var(--aksen);color:var(--aksen-gelap)}.langkah-status div.lewat{background:#e6f7ee;color:var(--sukses)}.tab{display:flex;gap:6px;background:#f7eef0;border-radius:14px;padding:5px;margin-bottom:18px;width:fit-content;flex-wrap:wrap}.tab button{border:0;background:transparent;padding:9px 16px;border-radius:10px;font-weight:700;font-size:.88rem;color:var(--tinta-2)}.tab button.aktif{background:#fff;color:var(--tinta);box-shadow:var(--bayang)}.kelola-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.baris-pesanan{border:1px solid var(--garis);border-radius:16px;padding:14px;display:grid;gap:8px;background:#fff}.baris-pesanan+.baris-pesanan{margin-top:10px}.baris-pesanan-kepala{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.baris-pesanan h3{font-size:.98rem}.baris-pesanan .meta{color:var(--tinta-2);font-size:.83rem}.aksi{display:flex;gap:8px;flex-wrap:wrap}.data-teman{display:flex;align-items:center;gap:12px;border:1px solid var(--garis);border-radius:16px;padding:12px}.data-teman+.data-teman{margin-top:10px}.data-teman .isi{min-width:0;flex:1}.data-teman b{display:block;font-size:.95rem}.data-teman small{color:var(--tinta-2);font-size:.8rem}.avatar{border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;flex:none;color:#fff;font-weight:800;letter-spacing:.02em}.avatar-inisial{line-height:1}.lapis{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e142373;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px;z-index:90;animation:muncul .18s ease}@keyframes muncul{0%{opacity:0}to{opacity:1}}.dialog{width:100%;max-width:400px;background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 70px -30px #140a1e99;display:grid;gap:14px;max-height:90vh;overflow:auto}.dialog-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dialog h2{font-size:1.15rem}.dialog p.kecil{color:var(--tinta-2);font-size:.85rem;margin-top:4px}.tutup{border:0;background:#f6eff1;color:var(--tinta-2);width:32px;height:32px;border-radius:10px;font-size:1rem;line-height:1;flex:none}.pemisah{display:flex;align-items:center;gap:10px;color:var(--tinta-3);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.pemisah:before,.pemisah:after{content:"";flex:1;height:1px;background:var(--garis)}.tautan-sso{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--garis);border-radius:14px;padding:12px;font-weight:700;font-size:.9rem;background:#fbf7ff;color:#4b3573}.kaki{border-top:1px solid var(--garis);padding:22px 0 34px;color:var(--tinta-3);font-size:.82rem}.kaki-isi{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}.kaki button{border:0;background:none;color:var(--tinta-2);font-size:.82rem;padding:0;font-weight:700}@media (max-width: 860px){.profil-tubuh,.kelola-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 720px){.tajuk-isi{height:58px}.nav{display:none}.nav-ponsel{display:flex;gap:4px;position:fixed;left:10px;right:10px;bottom:10px;padding:6px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--garis);border-radius:18px;box-shadow:0 18px 40px -22px #3c142d80;z-index:60}.nav-ponsel button{flex:1;border:0;background:transparent;padding:9px 4px;border-radius:12px;font-size:.73rem;font-weight:700;color:var(--tinta-2);display:grid;gap:2px;justify-items:center}.nav-ponsel button span.ikon{font-size:1rem;line-height:1}.nav-ponsel button.aktif{color:var(--aksen-gelap);background:var(--bg-2)}.utama{padding:18px 0 96px}.hero{padding:30px 20px 28px;border-radius:22px}.pita{padding:24px 20px;border-radius:22px}.profil-kepala{padding:22px;border-radius:22px}.panel{padding:18px}.bidang-ganda{grid-template-columns:1fr}.kaki{padding-bottom:90px}.statistik{gap:18px}.statistik b{font-size:1.15rem}}@media (min-width: 721px){.hanya-ponsel{display:none}}