:root{
  --kertas:#F1F4F3; --kartu:#fff; --tinta:#0E1A20; --redup:#5E6E75; --garis:#D6DEDC;
  --dalam:#0C252E; --masuk:#0B6B4F; --keluar:#9E3A22; --sorot:#FFE45E; --biru:#1E5F8C;
  --angka:ui-monospace,"SF Mono","Roboto Mono",Menlo,Consolas,monospace;
  --huruf:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
body{background:var(--kertas);color:var(--tinta);font:15px/1.45 var(--huruf)}
body.app{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.n{font-family:var(--angka);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid #1E86A8;outline-offset:2px}

/* ---------- gerbang login ---------- */
body.pintu{background:var(--dalam);min-height:100vh;display:flex}
.gerbang{margin:auto;padding:24px 18px;width:100%;max-width:400px}
.kartu-masuk{background:var(--kartu);border-radius:16px;padding:26px 22px 20px}
.lambang{width:46px;height:46px;border-radius:12px;background:var(--dalam);color:#7FE3B4;
  display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.kartu-masuk h1{font-size:20px;margin:0;letter-spacing:.02em}
.kartu-masuk .sub{margin:2px 0 20px;color:var(--redup);font-size:13.5px}
.galat{background:#FBE3DC;color:var(--keluar);padding:10px 12px;border-radius:8px;
  font-size:13.5px;font-weight:600;margin-bottom:14px}
.sandi-wrap{position:relative}
.sandi-wrap .lihat{position:absolute;right:6px;top:6px;border:0;background:none;
  color:var(--biru);font-size:13px;font-weight:600;padding:6px 8px}
.kaki{margin:18px 0 0;font-size:12px;color:var(--redup);line-height:1.6;text-align:center}

/* ---------- kepala aplikasi ---------- */
header{background:var(--dalam);color:#fff;padding:calc(13px + env(safe-area-inset-top)) 18px 15px}
.merek{display:flex;justify-content:space-between;align-items:center;gap:10px}
.merek b{font-size:13.5px;font-weight:800;letter-spacing:.14em}
.akun{font-size:12px;color:#9CBCC4;display:flex;align-items:center;gap:6px}
.peran{font-style:normal;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:4px}
.peran.admin{background:#7FE3B4;color:#04342C}
.peran.member{background:#2E4A55;color:#CFE3E8}
.judul-saldo{margin-top:15px;font-size:12.5px;color:#9CBCC4}
.saldo{font-size:37px;font-weight:700;line-height:1.05;margin-top:2px}
.saldo small{font-size:16px;font-weight:600;opacity:.6;margin-right:4px}
.belah{display:flex;margin-top:14px;border-top:1px solid rgba(255,255,255,.16);padding-top:11px}
.belah div{flex:1}
.belah div+div{border-left:1px solid rgba(255,255,255,.16);padding-left:12px}
.belah u{display:block;font-size:11.5px;color:#9CBCC4;text-decoration:none}
.belah b{display:block;font-size:16px;font-weight:600;margin-top:1px}
.h{color:#7FE3B4}.m{color:#FFB09B}

/* ---------- isi ---------- */
main{max-width:660px;margin:0 auto;padding:14px 14px 26px}
h2{font-size:13px;font-weight:700;color:var(--redup);margin:20px 0 8px}
h2:first-child{margin-top:2px}
.kotak{background:var(--kartu);border:1px solid var(--garis);border-radius:10px;overflow:hidden}
.baris{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--garis)}
.baris:last-child{border-bottom:0}
.isi{flex:1;min-width:0}
.isi b{display:block;font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.isi i{font-style:normal;font-size:12px;color:var(--redup);display:block;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nilai{font-weight:600;font-size:14.5px;white-space:nowrap;text-align:right}
.sub{background:#EAEEED;font-weight:700}
.tot{background:var(--sorot)}
.tot .isi b,.tot .nilai{font-weight:800}
.judul-kotak{padding:9px 13px;background:#EAEEED;font-size:12px;font-weight:700;
  color:var(--redup);border-bottom:1px solid var(--garis)}
.kosong{text-align:center;color:var(--redup);padding:28px 16px;font-size:14px}
.kosong b{display:block;color:var(--tinta);margin-bottom:4px}

.kartu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kartu-kecil{background:var(--kartu);border:1px solid var(--garis);border-radius:10px;padding:12px 13px}
.kartu-kecil u{display:block;font-size:11.5px;color:var(--redup);text-decoration:none}
.kartu-kecil b{display:block;font-size:19px;font-weight:700;margin-top:3px}

.tombol-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 2px}
.tbl{border:1px solid var(--garis);background:var(--kartu);color:var(--tinta);padding:13px 10px;
  border-radius:10px;font-weight:600;text-align:center;display:block;width:100%}
.tbl.utama{background:var(--dalam);border-color:var(--dalam);color:#fff}
.tbl.hijau{background:var(--masuk);border-color:var(--masuk);color:#fff}
.tbl.merah{background:var(--keluar);border-color:var(--keluar);color:#fff}
.tbl.lebar{grid-column:1/-1}
.tbl:active{transform:translateY(1px)}
.tbl.kecil{padding:7px 10px;font-size:13px;width:auto;display:inline-block}

.pil-baris{display:flex;gap:6px;overflow-x:auto;padding-bottom:9px;scrollbar-width:none}
.pil-baris::-webkit-scrollbar{display:none}
.pil{border:1px solid var(--garis);background:var(--kartu);color:var(--redup);padding:6px 12px;
  border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}
.pil[aria-pressed="true"]{background:var(--dalam);border-color:var(--dalam);color:#fff}

.tanda{font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap}
.tanda.minta{background:#FAEEDA;color:#854F0B}
.tanda.kunci{background:#E6F1FB;color:#0C447C}

input,select,textarea{width:100%;font:16px/1.4 var(--huruf);padding:11px 12px;
  border:1px solid var(--garis);border-radius:8px;background:#fff;color:var(--tinta)}
textarea{font:13px/1.55 var(--angka);min-height:190px}
label{display:block;font-size:12.5px;font-weight:600;color:var(--redup);margin:12px 0 5px}
.uang{font-family:var(--angka);font-size:23px;font-weight:700;text-align:right;padding:12px}
.tgl-input{font-family:var(--angka);letter-spacing:.04em}
.dua{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pilih-jenis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.pilih-jenis button{padding:14px;border-radius:10px;border:1.5px solid var(--garis);
  background:var(--kartu);font-weight:700;color:var(--redup)}
.pilih-jenis button[aria-pressed="true"]{color:#fff}
.pilih-jenis button.masuk[aria-pressed="true"]{background:var(--masuk);border-color:var(--masuk)}
.pilih-jenis button.keluar[aria-pressed="true"]{background:var(--keluar);border-color:var(--keluar)}
.mini{border:0;background:none;color:var(--biru);font-weight:700;font-size:12px;padding:6px}
.mini.bahaya{color:var(--keluar)}

nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--kartu);
  border-top:1px solid var(--garis);padding-bottom:env(safe-area-inset-bottom);z-index:20}
nav button{flex:1;border:0;background:none;padding:9px 2px 10px;color:var(--redup);
  font-size:11px;font-weight:600;position:relative}
nav svg{display:block;margin:0 auto 3px;width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7}
nav button[aria-current="true"]{color:var(--dalam)}
nav button[aria-current="true"] svg{stroke-width:2.3}
nav .lonceng{position:absolute;top:5px;right:50%;margin-right:-20px;background:var(--keluar);
  color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;
  line-height:16px;padding:0 4px}

.tirai{position:fixed;inset:0;background:rgba(10,25,30,.5);z-index:40;display:none}
.tirai.buka{display:block}
.panel{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--kertas);
  border-radius:16px 16px 0 0;max-height:92vh;overflow-y:auto;
  padding:6px 16px calc(20px + env(safe-area-inset-bottom));
  transform:translateY(100%);transition:transform .22s ease}
.panel.buka{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.panel{transition:none}}
.pegangan{width:38px;height:4px;background:var(--garis);border-radius:2px;margin:8px auto 6px}
.panel h3{margin:6px 0 2px;font-size:18px}
.panel .petunjuk{margin:0;font-size:13px;color:var(--redup)}
.panel .tbl{margin-top:16px;padding:14px}
.pesan{position:fixed;left:50%;transform:translateX(-50%);bottom:88px;z-index:60;background:var(--dalam);
  color:#fff;padding:10px 16px;border-radius:8px;font-size:13.5px;font-weight:600;opacity:0;
  pointer-events:none;transition:opacity .2s;max-width:88%;text-align:center}
.pesan.tampil{opacity:1}
.grafik{width:100%;height:auto;display:block}
.ket-grafik{display:flex;gap:14px;padding:10px 13px;font-size:12px;color:var(--redup);
  border-top:1px solid var(--garis)}
.ket-grafik span{display:flex;align-items:center;gap:5px}
.titik{width:9px;height:9px;border-radius:2px;display:inline-block}
.peringatan{background:#FAEEDA;border:1px solid #EF9F27;color:#633806;padding:11px 13px;
  border-radius:10px;font-size:13px;margin-bottom:12px;font-weight:600}
.catatan{font-size:12px;color:var(--redup);text-align:center;margin-top:24px;line-height:1.6}

/* ---------- navigasi bulan ---------- */
.strip-bulan{display:flex;align-items:center;gap:8px;margin-top:14px;
  border-top:1px solid rgba(255,255,255,.16);padding-top:11px}
.strip-bulan b{flex:1;text-align:center;font-size:14px;font-weight:600;color:#DCEAEE}
.strip-bulan button{width:38px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.22);
  background:transparent;color:#DCEAEE;font-size:19px;line-height:1;padding:0}
.strip-bulan button.mati{opacity:.28}
.balik{width:100%;margin-top:9px;padding:9px;border-radius:8px;border:0;
  background:#7FE3B4;color:#04342C;font-weight:700;font-size:13px}
.tanggal-judul{font-size:12.5px;font-weight:700;color:var(--redup);margin:14px 0 6px}

/* ---------- sorotan otomatis ---------- */
.sorotan .baris{align-items:flex-start}
.sorot-ikon{flex:0 0 28px;height:28px;border-radius:8px;display:flex;align-items:center;
  justify-content:center;font-size:13px;font-weight:700;margin-top:1px}
.sorot-ikon.baik{background:#DDF3EA;color:var(--masuk)}
.sorot-ikon.buruk{background:#FBE3DC;color:var(--keluar)}
.sorot-ikon.waspada{background:#FFF4CC;color:#8A6A00}
.sorot-ikon.info{background:#E1EDF6;color:var(--biru)}
.sorotan .isi i{line-height:1.35}
.sorotan .isi b,.sorotan .isi i{white-space:normal;overflow:visible}

/* ---------- evaluasi mitra ---------- */
.lencana{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:20px;
  margin-top:3px;white-space:nowrap}
.evaluasi .nilai .lencana{display:block;width:max-content;margin-left:auto}
.lencana.baik{background:#DDF3EA;color:var(--masuk)}
.lencana.buruk{background:#FBE3DC;color:var(--keluar)}
.lencana.waspada{background:#FFF4CC;color:#8A6A00}
.lencana.info{background:#E1EDF6;color:var(--biru)}
.lencana.abu{background:#EAEEED;color:var(--redup)}
.ringkas-eval{display:flex;flex-wrap:wrap;gap:6px;padding:11px 13px 4px}
.catatan-eval{font-size:12px;color:var(--redup);padding:4px 13px 10px;border-bottom:1px solid var(--garis)}
.evaluasi .isi i{white-space:normal}
.evaluasi details summary{padding:12px 13px;font-weight:700;font-size:13.5px;color:var(--biru);
  cursor:pointer;border-top:1px solid var(--garis);list-style:none;text-align:center}
.evaluasi details summary::-webkit-details-marker{display:none}
.evaluasi details[open] summary{border-bottom:1px solid var(--garis)}
.evaluasi .nilai .mini{display:block;margin:5px 0 0 auto}

/* ==========================================================
   TEMA PREMIUM — "siaran malam"
   Warna malam teluk + aksen kuningan, cincin sinyal hotspot
   di kepala. Semua di bawah ini menimpa gaya lama di atas.
   ========================================================== */
:root{
  --kertas:#EEF2F0; --kartu:#fff; --tinta:#0F2228; --redup:#5B6B70; --garis:#DCE3E1;
  --dalam:#0A2E36; --malam2:#07222A; --masuk:#0E7A57; --keluar:#B4442A; --biru:#1F5F86;
  --kuningan:#D2AC63; --kuningan-muda:#F6EDD8; --sorot:#F6EDD8;
  --huruf:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --angka:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
body{font:15px/1.5 var(--huruf);-webkit-font-smoothing:antialiased}
.n{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em}
textarea{font:13px/1.55 ui-monospace,"Roboto Mono",Menlo,Consolas,monospace}

/* ---------- kepala: cincin sinyal ---------- */
header{
  position:relative;overflow:hidden;
  padding:calc(16px + env(safe-area-inset-top)) 20px 18px;
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at 96% -6%, transparent 0 70px, rgba(10,46,54,0) 70px, var(--dalam) 330px),
    repeating-radial-gradient(circle at 96% -6%, rgba(210,172,99,.22) 0 1px, transparent 1.5px 34px),
    var(--dalam);
  box-shadow:0 14px 30px -18px rgba(7,34,42,.55);
}
.merek{position:relative}
.merek b{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;letter-spacing:.01em;
  min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.merek b svg{flex:0 0 auto;color:var(--kuningan)}
.akun{color:#A9C3C9;font-size:12.5px;flex:0 0 auto}
.peran{border-radius:20px;padding:3px 9px;font-size:10.5px;letter-spacing:.02em}
.peran.admin{background:var(--kuningan);color:#2B1F05}
.peran.member{background:rgba(255,255,255,.12);color:#DCEAEE}

.judul-saldo{margin-top:20px;font-size:13px;color:#A9C3C9;font-weight:500}
.saldo{font-size:44px;font-weight:800;line-height:1;margin-top:6px;letter-spacing:-.03em;color:#fff}
.saldo small{font-size:17px;font-weight:700;opacity:1;color:var(--kuningan);margin-right:6px;
  letter-spacing:0;vertical-align:.55em}

.belah{gap:8px;margin-top:18px;border-top:0;padding-top:0}
.belah div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
  border-radius:14px;padding:10px 12px}
.belah div+div{border-left:1px solid rgba(255,255,255,.08);padding-left:12px}
.belah u{display:flex;align-items:center;gap:6px;font-size:12px;color:#A9C3C9}
.belah u::before{content:"";width:7px;height:7px;border-radius:50%;background:#7FE3B4}
.belah div+div u::before{background:#FFB09B}
.belah b{font-size:18px;font-weight:700;margin-top:3px}
.h{color:#8BE8BF}.m{color:#FFB6A1}

.strip-bulan{margin-top:12px;border-top:0;padding:5px;gap:6px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px}
.strip-bulan b{font-size:14px;font-weight:700;color:#F1F6F7}
.strip-bulan button{width:38px;height:38px;border-radius:12px;border:0;
  background:rgba(255,255,255,.09);color:#fff;font-size:20px}
.strip-bulan button.mati{opacity:.25}
.balik{margin-top:8px;padding:10px;border-radius:12px;background:var(--kuningan);color:#2B1F05;font-weight:800}

/* ---------- isi ---------- */
main{padding:18px 16px 30px}
h2{font-size:15.5px;font-weight:800;color:var(--tinta);margin:28px 2px 10px;letter-spacing:-.01em}
h2:first-child{margin-top:4px}
.kotak{border-radius:18px;border:1px solid var(--garis)}
.baris{padding:13px 15px;gap:12px}
.isi b{font-weight:700}
.isi i{font-size:12.5px;margin-top:1px}
.nilai{font-weight:700}
.sub,.judul-kotak{background:#F3F6F5}
.judul-kotak{font-size:12.5px;padding:10px 15px}
.tot{background:var(--kuningan-muda)}
.tot .isi b,.tot .nilai{color:#4A3608}
.tanggal-judul{font-size:13px;margin:18px 2px 8px}

.kartu-grid{gap:10px}
.kartu-kecil{border-radius:18px;padding:14px 15px;border:1px solid var(--garis)}
.kartu-kecil u{font-size:12.5px;font-weight:500}
.kartu-kecil b{font-size:22px;font-weight:800;margin-top:4px;letter-spacing:-.02em}
.kartu-grid .kartu-kecil:first-child{background:var(--kuningan-muda);border-color:#E8D7AE}
.kartu-grid .kartu-kecil:first-child u{color:#7A5A16}
.kartu-grid .kartu-kecil:first-child b{color:#3D2C06}

.tombol-grid{gap:10px;margin:2px 0 4px}
.tbl{border-radius:14px;font-weight:700}
.tbl.hijau,.tbl.merah{padding:17px 10px;font-size:16px;border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.tbl.hijau{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 20px -12px rgba(14,122,87,.8)}
.tbl.merah{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 20px -12px rgba(180,68,42,.8)}
.tbl.utama{background:var(--dalam);border-color:var(--dalam)}

.pil{padding:7px 14px;font-weight:700}
input,select,textarea{border-radius:12px;padding:12px 13px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--kuningan);
  box-shadow:0 0 0 3px rgba(210,172,99,.25)}
.pilih-jenis button{border-radius:14px}

/* ---------- menu bawah ---------- */
nav{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-top:1px solid var(--garis)}
nav button{padding:11px 2px 10px;font-weight:600}
nav button[aria-current="true"]{color:var(--dalam);font-weight:800}
nav button[aria-current="true"]::before{content:"";position:absolute;top:0;left:50%;
  width:28px;height:3px;margin-left:-14px;border-radius:0 0 3px 3px;background:var(--kuningan)}

/* ---------- panel & pesan ---------- */
.panel{border-radius:24px 24px 0 0;padding-left:18px;padding-right:18px}
.panel h3{font-size:19px;font-weight:800;letter-spacing:-.01em}
.pesan{border-radius:14px;background:var(--dalam);box-shadow:0 10px 24px -10px rgba(7,34,42,.6)}

/* ---------- sorotan & evaluasi ---------- */
.sorot-ikon{flex:0 0 32px;height:32px;border-radius:10px}
.lencana{padding:3px 9px;font-weight:700}
.lencana.waspada,.sorot-ikon.waspada{background:#FBF0D3;color:#7A5A06}

/* ---------- halaman login ---------- */
body.pintu{
  background:
    radial-gradient(circle at 50% 0%, transparent 0 60px, rgba(10,46,54,0) 60px, var(--dalam) 460px),
    repeating-radial-gradient(circle at 50% 0%, rgba(210,172,99,.2) 0 1px, transparent 1.5px 38px),
    var(--dalam);
}
.kartu-masuk{border-radius:24px;padding:28px 22px 22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.lambang{border-radius:14px;background:var(--dalam);color:var(--kuningan)}
.kartu-masuk h1{font-size:21px;font-weight:800;letter-spacing:-.01em}
.evaluasi .nilai .mini{border:1px solid #BCD2DE;border-radius:20px;padding:5px 12px;margin-top:7px;background:#fff}
.kotak + .tombol-grid{margin-top:12px}
.kartu-masuk .sub{background:none;font-weight:500;margin-top:4px}

/* ---------- performa gulir di HP ----------
   backdrop-filter (efek kaca buram) pada menu bawah membuat HP Android
   menghitung ulang blur di setiap gerakan gulir -> tersendat. Diganti warna solid.
   Kepala & bayangan dibuat lebih ringan untuk digambar. */
nav{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
header{contain:paint;box-shadow:0 8px 18px -14px rgba(7,34,42,.5)}
.tbl.hijau{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 12px -8px rgba(14,122,87,.7)}
.tbl.merah{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 12px -8px rgba(180,68,42,.7)}
.kotak,.kartu-kecil{contain:layout paint}

/* ---------- mode ringan: cincin sinyal sebagai gambar (digambar sekali, bukan dihitung ulang) ---------- */
header{background:var(--dalam) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22400%22%20height%3D%22420%22%20fill%3D%22none%22%20stroke%3D%22%23D2AC63%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22-20%22%20r%3D%2270%22%20stroke-opacity%3D%220.260%22/%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22-20%22%20r%3D%22104%22%20stroke-opacity%3D%220.238%22/%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22-20%22%20r%3D%22138%22%20stroke-opacity%3D%220.216%22/%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22-20%22%20r%3D%22172%22%20stroke-opacity%3D%220.194%22/%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22-20%22%20r%3D%22206%22%20stroke-opacity%3D%220.172%22/%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22-20%22%20r%3D%22240%22%20stroke-opacity%3D%220.150%22/%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22-20%22%20r%3D%22274%22%20stroke-opacity%3D%220.128%22/%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22-20%22%20r%3D%22308%22%20stroke-opacity%3D%220.106%22/%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22-20%22%20r%3D%22342%22%20stroke-opacity%3D%220.084%22/%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22-20%22%20r%3D%22376%22%20stroke-opacity%3D%220.062%22/%3E%3Ccircle%20cx%3D%22360%22%20cy%3D%22-20%22%20r%3D%22410%22%20stroke-opacity%3D%220.040%22/%3E%3C/svg%3E") no-repeat right top / 400px 420px;box-shadow:none}
body.pintu{background:var(--dalam) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22600%22%20height%3D%22600%22%20fill%3D%22none%22%20stroke%3D%22%23D2AC63%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%2260%22%20stroke-opacity%3D%220.240%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%2298%22%20stroke-opacity%3D%220.220%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22136%22%20stroke-opacity%3D%220.200%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22174%22%20stroke-opacity%3D%220.180%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22212%22%20stroke-opacity%3D%220.160%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22250%22%20stroke-opacity%3D%220.140%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22288%22%20stroke-opacity%3D%220.120%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22326%22%20stroke-opacity%3D%220.100%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22364%22%20stroke-opacity%3D%220.080%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22402%22%20stroke-opacity%3D%220.060%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22440%22%20stroke-opacity%3D%220.040%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22478%22%20stroke-opacity%3D%220.040%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22516%22%20stroke-opacity%3D%220.040%22/%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%220%22%20r%3D%22554%22%20stroke-opacity%3D%220.040%22/%3E%3C/svg%3E") no-repeat center top / 600px 600px}
.tbl.hijau,.tbl.merah{box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.pesan{box-shadow:none}
.kapital{text-transform:uppercase}
.kapital::placeholder{text-transform:none}