/* ===== Admin panel: tampilan baru (sidebar / rail / navigasi bawah). Fungsi tidak diubah. ===== */
.adm2{--as-w:268px;--ink:#1f3a4d;--ink2:#4b6a80;
--as-bg:linear-gradient(176deg,color-mix(in srgb,var(--ac) 42%,#fff) 0,var(--ac) 62%,color-mix(in srgb,var(--ac) 78%,#001a2c) 100%);
--p1:#ffe6ee;--p1l:#ffc0d6;--p2:#e1f0fb;--p2l:#b5d9f3;--p3:#ece6fb;--p3l:#cfc2f3;--p4:#fdeedd;--p4l:#f6d3ab;--p5:#e3f5e9;--p5l:#b5e2c3;--p6:#dff3f3;--p6l:#abdada}
.adm2 [data-t="rin"],.adm2 [data-go="rin"],.adm2 #admT[data-g="rin"]{--ic:"🌊"}
.adm2 [data-t="lap"],.adm2 [data-go="lap"],.adm2 #admT[data-g="lap"]{--ic:"📊"}
.adm2 [data-t="psn"],.adm2 [data-go="psn"],.adm2 #admT[data-g="psn"]{--ic:"🐚"}
.adm2 [data-t="klm"],.adm2 [data-go="klm"],.adm2 #admT[data-g="klm"]{--ic:"🛟"}
.adm2 [data-t="prp"],.adm2 [data-go="prp"],.adm2 #admT[data-g="prp"]{--ic:"⚓"}
.adm2 [data-t="cus"],.adm2 [data-go="cus"],.adm2 #admT[data-g="cus"]{--ic:"🐠"}
.adm2 [data-t="kat"],.adm2 [data-go="kat"],.adm2 #admT[data-g="kat"]{--ic:"🏝️"}
.adm2 [data-t="vch"],.adm2 [data-go="vch"],.adm2 #admT[data-g="vch"]{--ic:"🎟️"}
.adm2 [data-t="ann"],.adm2 [data-go="ann"],.adm2 #admT[data-g="ann"]{--ic:"📣"}
.adm2 [data-t="kon"],.adm2 [data-go="kon"],.adm2 #admT[data-g="kon"]{--ic:"🪸"}
.adm2 [data-t="tes"],.adm2 [data-go="tes"],.adm2 #admT[data-g="tes"]{--ic:"💬"}
.adm2 [data-t="ntf"],.adm2 [data-go="ntf"],.adm2 #admT[data-g="ntf"]{--ic:"🔔"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="rin"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="rin"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="rin"]{--ic:"🪐"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="lap"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="lap"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="lap"]{--ic:"📊"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="psn"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="psn"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="psn"]{--ic:"🚀"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="klm"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="klm"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="klm"]{--ic:"🛰️"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="prp"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="prp"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="prp"]{--ic:"🌙"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="cus"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="cus"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="cus"]{--ic:"👩‍🚀"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="kat"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="kat"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="kat"]{--ic:"🛸"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="vch"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="vch"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="vch"]{--ic:"🎟️"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="ann"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="ann"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="ann"]{--ic:"📡"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="kon"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="kon"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="kon"]{--ic:"🔭"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="tes"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="tes"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="tes"]{--ic:"⭐"}
html[data-theme="luar angkasa&astronot"] .adm2 [data-t="ntf"],html[data-theme="luar angkasa&astronot"] .adm2 [data-go="ntf"],html[data-theme="luar angkasa&astronot"] .adm2 #admT[data-g="ntf"]{--ic:"☄️"}

.adm2 .at [data-t]::before,.adm2 .bn [data-go]::before,.adm2 #admT::before{content:var(--ic,"✨")}
.adm2 .at [data-t="rin"]{order:10}
.adm2 .at [data-t="lap"]{order:20}
.adm2 .at [data-t="psn"]{order:30}
.adm2 .at [data-t="klm"]{order:40}
.adm2 .at [data-t="prp"]{order:50}
.adm2 .at [data-t="cus"]{order:60}
.adm2 .at [data-t="kat"]{order:70}
.adm2 .at [data-t="vch"]{order:80}
.adm2 .at [data-t="ann"]{order:90}
.adm2 .at [data-t="kon"]{order:100}
.adm2 .at [data-t="tes"]{order:110}
.adm2 .at [data-t="ntf"]{order:120}

/* ---------- kerangka ---------- */
.adm.adm2.on{display:grid;grid-template-columns:var(--as-w) minmax(0,1fr);align-items:start;padding-bottom:0}
.adm2 .as{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:var(--on,#fff);background:var(--as-bg);border-radius:0 34px 34px 0;box-shadow:8px 0 30px color-mix(in srgb,var(--ac) 26%,transparent);isolation:isolate}
.adm2 .as::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 9%,rgba(255,255,255,.4) 0 5px,transparent 6px),radial-gradient(circle at 82% 17%,rgba(255,255,255,.3) 0 9px,transparent 10px),radial-gradient(circle at 10% 58%,rgba(255,255,255,.22) 0 13px,transparent 14px),radial-gradient(circle at 90% 72%,rgba(255,255,255,.22) 0 7px,transparent 8px)}
.adm2 .as::after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;z-index:-1;pointer-events:none;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48' preserveAspectRatio='none'%3E%3Cpath d='M0 24 Q20 4 40 24 T80 24 T120 24 T160 24 V48 H0Z' fill='%23ffffff' fill-opacity='.28'/%3E%3C/svg%3E") repeat-x bottom/160px 48px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48'%3E%3Cpath d='M0 30 Q20 12 40 30 T80 30 T120 30 T160 30 V48 H0Z' fill='%23ffffff' fill-opacity='.3'/%3E%3C/svg%3E") repeat-x bottom/160px 48px}
.adm2 .as-pf{display:grid;justify-items:center;gap:3px;padding:28px 16px 12px;text-align:center}
.adm2 .as-av{position:relative;display:grid;place-items:center;width:104px;height:104px;padding:0;border-radius:50%;border:4px solid rgba(255,255,255,.9);background:#fff center/cover no-repeat;font-size:3rem;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(0,40,70,.25);transition:transform .18s}
.adm2 .as-av:hover{transform:scale(1.04)}
.adm2 .as-pf .as-av::after{content:"📷";position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;font-size:.9rem;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.adm2 .as-nm{margin-top:8px;font:700 1.45rem Fredoka,sans-serif;color:inherit;text-shadow:0 2px 6px rgba(0,40,70,.25)}
.adm2 .as-sub{font:500 .85rem Fredoka,sans-serif;opacity:.9}
.adm2 .as-rm{margin-top:4px;padding:3px 10px;border:0;border-radius:999px;background:rgba(255,255,255,.22);color:inherit;font:500 .72rem Fredoka,sans-serif;cursor:pointer}
.adm2 .as-rm[hidden]{display:none}
.adm2 .as .at{position:static;flex:1;min-height:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;margin:0;max-width:none;padding:6px 14px 10px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;background:none;justify-content:flex-start}
.adm2 .as .at button{display:flex;align-items:center;gap:11px;width:100%;margin:0;padding:11px 14px;border:0;border-radius:16px;background:transparent;box-shadow:none;color:inherit;text-align:left;white-space:normal;font:600 .95rem Fredoka,sans-serif;transform:none;transition:background .15s}
.adm2 .as .at button::before{flex:none;width:26px;margin:0;font-size:1.2rem;text-align:center}
.adm2 .as .at button:hover{background:rgba(255,255,255,.18)}
.adm2 .as .at button.on{background:rgba(255,255,255,.3);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.65),0 8px 18px rgba(0,40,70,.14);border:0}
.adm2 .as .at .agl{display:block;width:auto;height:auto;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;order:0;margin:12px 14px 3px;font:600 .68rem Fredoka,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-style:normal}
.adm2 .as .at .agl[data-g="toko"]{order:65}.adm2 .as .at .agl[data-g="kom"]{order:105}
.adm2 .as-ft{padding:10px 16px 20px}
.adm2 .as-ft .mini{width:100%;padding:11px;border:1.5px solid rgba(255,255,255,.7);border-radius:16px;background:rgba(255,255,255,.2);color:inherit;font:600 .9rem Fredoka,sans-serif}
.adm2 .as-ft .mini::before{content:"🚪 "}
/* ---------- area utama ---------- */
.adm2 .am{min-width:0}
.adm2 .ah{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:12px;min-height:76px;padding:16px 28px;background:color-mix(in srgb,var(--bg2) 72%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:0;box-shadow:none}
.adm2 .ah b{display:none}
.adm2 #admT{margin:0 auto 0 0;font:700 1.75rem Fredoka,sans-serif;color:var(--deep);white-space:nowrap}
.adm2 #admT::before{margin-right:10px}
.adm2 .ah small{flex:0 1 auto;margin:0;max-width:34vw}
.adm2 .ah .as-mb{display:none}
.adm2 #ab{max-width:1180px;margin:0;padding:6px 28px 44px}
@media(min-width:900px){.adm2 #ab:has(>.oc){grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}
.adm2 .ed,.adm2 .em{border-radius:24px}
/* ---------- kartu ringkasan pastel ---------- */
.adm2 .rg{gap:14px}
@media(min-width:760px){.adm2 .rg{grid-template-columns:repeat(4,1fr)}}
.adm2 .rg>div{min-height:132px;padding:16px 18px;gap:3px;border-radius:24px;color:var(--ink);box-shadow:0 10px 24px rgba(20,60,90,.1);border-width:1.5px}
.adm2 .rg>div::before{display:none}
.adm2 .rg>div::after{position:static;order:-1;display:grid;place-items:center;width:42px;height:42px;margin-bottom:6px;border-radius:14px;background:rgba(255,255,255,.7);font-size:1.35rem;box-shadow:0 3px 8px rgba(20,60,90,.08)}
.adm2 .rg small{padding:0;font:600 .8rem Fredoka,sans-serif;color:var(--ink)}
.adm2 .rg b{font:700 1.65rem Fredoka,sans-serif;color:var(--ink)}
.adm2 .rg>div:nth-child(6n+1){background:var(--p3);border-color:var(--p3l)}
.adm2 .rg>div:nth-child(6n+2){background:var(--p1);border-color:var(--p1l)}
.adm2 .rg>div:nth-child(6n+3){background:var(--p4);border-color:var(--p4l)}
.adm2 .rg>div:nth-child(6n+4){background:var(--p6);border-color:var(--p6l)}
.adm2 .rg>div:nth-child(6n+5){background:var(--p5);border-color:var(--p5l)}
.adm2 .rg>div:nth-child(6n+6){background:var(--p2);border-color:var(--p2l)}
.adm2 .oc{border-radius:24px}
.adm2 .oc,.adm2 .ed{background:color-mix(in srgb,var(--card) 96%,#fff)}
/* ---------- bar bawah (HP) ---------- */
.adm2 .bn,.adm2 .as-bd{display:none}
/* ---------- latar & dekor: Pantai & Laut ---------- */
.adm.adm2{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='26' viewBox='0 0 88 26'%3E%3Cpath d='M0 13 Q11 3 22 13 T44 13 T66 13 T88 13' fill='none' stroke='%23ffffff' stroke-opacity='.4' stroke-width='2'/%3E%3C/svg%3E"),radial-gradient(900px 420px at 88% -8%,color-mix(in srgb,var(--ac) 30%,transparent),transparent 70%),linear-gradient(180deg,var(--bg1),var(--bg2))}
/* ---------- latar & dekor: Luar Angkasa ---------- */
html[data-theme="luar angkasa&astronot"] .adm2{--ink:#2a2466;--as-bg:linear-gradient(176deg,#9b82ff 0,#6d52d8 55%,#4a3bb8 100%)}
html[data-theme="luar angkasa&astronot"] .adm2 .as::before{background:radial-gradient(circle at 18% 8%,#fff 0 1.6px,transparent 2.4px),radial-gradient(circle at 78% 14%,#fff 0 2px,transparent 3px),radial-gradient(circle at 44% 30%,rgba(255,255,255,.8) 0 1.4px,transparent 2.2px),radial-gradient(circle at 90% 46%,#fff 0 1.8px,transparent 2.6px),radial-gradient(circle at 12% 64%,rgba(255,255,255,.85) 0 1.6px,transparent 2.4px),radial-gradient(circle at 60% 78%,#fff 0 1.4px,transparent 2.2px)}
html[data-theme="luar angkasa&astronot"] .adm2 .as::after{left:auto;right:-34px;top:-34px;bottom:auto;width:112px;height:112px;border-radius:50%;opacity:1;background:radial-gradient(circle at 35% 30%,#ffd9a0,#ff9f6b 60%,#e5733d);box-shadow:inset -10px -10px 0 rgba(0,0,0,.08)}
html[data-theme="luar angkasa&astronot"] .adm.adm2{background:radial-gradient(circle at 12% 18%,rgba(91,73,214,.5) 0 1.4px,transparent 2.2px) 0 0/173px 167px,radial-gradient(circle at 70% 60%,rgba(255,168,60,.55) 0 1.6px,transparent 2.4px) 37px 61px/211px 197px,radial-gradient(800px 380px at 90% -10%,rgba(255,214,160,.45),transparent 70%),linear-gradient(180deg,var(--bg1),var(--bg2))}
html[data-theme="luar angkasa&astronot"] .adm2 .as .at button.on{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7),0 8px 20px rgba(20,10,80,.25)}
/* ---------- tablet: rail ikon ---------- */
@media(min-width:700px) and (max-width:1099px){
.adm2{--as-w:96px}
.adm2 .as{border-radius:0 26px 26px 0}
.adm2 .as-pf{padding:16px 6px 6px}
.adm2 .as-av{width:58px;height:58px;font-size:1.7rem;border-width:3px}
.adm2 .as-pf .as-av::after{width:20px;height:20px;font-size:.6rem}
.adm2 .as-nm,.adm2 .as-sub{display:none}
.adm2 .as .at{padding:4px 8px 8px;align-items:stretch}
.adm2 .as .at button{flex-direction:column;justify-content:center;gap:2px;padding:8px 2px;text-align:center;font-size:.7rem;line-height:1.15;word-break:break-word}
.adm2 .as .at button::before{width:auto;font-size:1.35rem}
.adm2 .as .at .agl{height:1px;margin:8px 14px;padding:0;overflow:hidden;font-size:0;background:rgba(255,255,255,.4)}
.adm2 .as-ft{padding:8px 8px 14px}
.adm2 .as-ft .mini{padding:9px 2px;font-size:.7rem}
.adm2 .as-ft .mini::before{content:"🚪";display:block;font-size:1.2rem}
.adm2 .ah{padding:14px 20px}.adm2 #admT{font-size:1.45rem}
.adm2 #ab{padding:6px 20px 40px}
}
/* ---------- HP: navigasi bawah + panel "Lainnya" ---------- */
@media(max-width:699px){
.adm.adm2.on{display:block}
.adm2 .as-bd{position:fixed;inset:0;z-index:8;background:rgba(10,20,50,.4)}
.adm2.more .as-bd{display:block}
.adm2 .as{position:fixed;left:0;right:0;top:auto;bottom:calc(66px + env(safe-area-inset-bottom));z-index:9;height:auto;max-height:76vh;max-height:76dvh;overflow-y:auto;border-radius:28px 28px 0 0;transform:translateY(115%);visibility:hidden;transition:transform .26s,visibility 0s .26s}
.adm2.more .as{transform:none;visibility:visible;transition:transform .26s}
.adm2 .as-pf{grid-template-columns:auto 1fr;justify-items:start;align-items:center;column-gap:14px;padding:18px 20px 8px;text-align:left}
.adm2 .as-pf .as-av{grid-row:1/3;width:64px;height:64px;font-size:1.8rem;border-width:3px}
.adm2 .as-pf .as-av::after{width:22px;height:22px;font-size:.65rem}
.adm2 .as-nm{margin:0;align-self:end;font-size:1.2rem}.adm2 .as-sub{align-self:start}
.adm2 .as-rm{grid-column:2}
.adm2 .as .at{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px 16px 8px;overflow:visible;flex:none}
.adm2 .as .at button{flex-direction:column;justify-content:center;gap:4px;min-height:76px;padding:10px 4px;text-align:center;font-size:.74rem;background:rgba(255,255,255,.18)}
.adm2 .as .at button::before{width:auto;font-size:1.5rem}
.adm2 .as .at .agl{grid-column:1/-1;margin:8px 4px 0}
.adm2 .as-ft{padding:6px 16px 16px}
.adm2 .ah{padding:10px 14px;min-height:60px;gap:10px}
.adm2 .ah .as-mb{display:grid;flex:none;width:40px;height:40px;font-size:1.3rem;border-width:2.5px}
.adm2 .ah small{display:none}
.adm2 #admT{font-size:1.25rem;overflow:hidden;text-overflow:ellipsis}
.adm2 #ab{padding:4px 14px calc(96px + env(safe-area-inset-bottom))}
.adm2 .sv{bottom:calc(72px + env(safe-area-inset-bottom))}
.adm2 .rg{grid-template-columns:repeat(2,1fr);gap:10px}
.adm2 .rg>div{min-height:116px;padding:13px 14px}.adm2 .rg b{font-size:1.35rem}
.adm2 .bn{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:10;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;height:58px;padding:5px;border-radius:22px;background:color-mix(in srgb,var(--card) 94%,#fff);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid #fff;box-shadow:0 10px 28px rgba(20,50,90,.22)}
.adm2 .bn button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;padding:0;border:0;border-radius:17px;background:transparent;color:var(--ink2);font:600 .7rem Fredoka,sans-serif;white-space:nowrap}
.adm2 .bn button::before{font-size:1.25rem;line-height:1}
.adm2 .bn [data-more]::before{content:"☰"}
.adm2 .bn button.on{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 22%,#fff),color-mix(in srgb,var(--ac) 40%,#fff));color:var(--deep);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ac) 55%,transparent)}
}
@media(prefers-reduced-motion:reduce){.adm2 .as,.adm2 .as-av,.adm2 .as .at button{transition:none}}

.adm2 .as .at{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}
@media(min-width:1100px){.adm2 .as .at button{padding:9px 14px}.adm2 .as-pf{padding:22px 16px 8px}.adm2 .as-av{width:92px;height:92px;font-size:2.7rem}}
.adm2 .as-ft .mini{background:rgba(20,10,70,.22)}
.adm2 #acl{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1.5px solid var(--ln);border-radius:50%;background:var(--card);color:var(--tx);font-size:.9rem;box-shadow:0 4px 10px rgba(20,60,90,.12)}
.adm2 #aem:empty{display:none}
@media(min-width:1100px){.adm2 .rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:700px) and (max-width:1099px){.adm2 .rg{grid-template-columns:repeat(3,1fr)}.adm2 .as-av{width:58px;height:58px;font-size:1.7rem}}
@media(max-width:699px){.adm2 .rg>div:last-child:nth-child(odd){grid-column:1/-1}.adm2 .as-pf .as-av{width:64px;height:64px;font-size:1.8rem}.adm2 .as .at button{padding:10px 4px}}
@media(min-width:1100px) and (max-height:900px){.adm2 .as .at button{padding:7px 14px;font-size:.9rem}.adm2 .as-pf{padding:16px 16px 4px}.adm2 .as-av{width:76px;height:76px;font-size:2.2rem}.adm2 .as-nm{font-size:1.25rem;margin-top:4px}.adm2 .as .agl{margin-top:8px}}

/* ---- latar utama: putih bersih, lembut (hanya palet Pantai & Astronot) ---- */
html[data-theme="pantai"] .adm2 .ah,html[data-theme="luar angkasa&astronot"] .adm2 .ah{background:rgba(255,255,255,.62)}
html[data-theme="pantai"] .adm.adm2{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='28' viewBox='0 0 96 28'%3E%3Cpath d='M0 14 Q12 4 24 14 T48 14 T72 14 T96 14' fill='none' stroke='%230096c7' stroke-opacity='.09' stroke-width='2'/%3E%3C/svg%3E"),radial-gradient(700px 340px at 100% 0,#e3f5fb,transparent 70%),linear-gradient(180deg,#f6fbfd,#fbfdfe)}
html[data-theme="luar angkasa&astronot"] .adm.adm2{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='340' viewBox='0 0 420 340'%3E%3Cdefs%3E%3CradialGradient id='g' cx='35%25' cy='30%25'%3E%3Cstop offset='0' stop-color='%23ffe3b8'/%3E%3Cstop offset='.6' stop-color='%23ffab78'/%3E%3Cstop offset='1' stop-color='%23f0845a'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg opacity='.6'%3E%3Cellipse cx='300' cy='240' rx='112' ry='26' fill='none' stroke='%238b74f0' stroke-width='7' transform='rotate(-18 300 240)'/%3E%3Ccircle cx='300' cy='240' r='58' fill='url(%23g)'/%3E%3Cpath d='M190 262 Q300 292 412 218' fill='none' stroke='%238b74f0' stroke-width='7' transform='rotate(-0 300 240)' opacity='0'/%3E%3Ccircle cx='96' cy='150' r='13' fill='%23b9a4ff'/%3E%3Cpath d='M70 60 A26 26 0 1 0 96 98 A20 20 0 1 1 70 60Z' fill='%23ffc86b'/%3E%3Cpath d='M180 36 l4 11 11 4 -11 4 -4 11 -4 -11 -11 -4 11 -4z' fill='%238b74f0'/%3E%3Cpath d='M360 90 l3 8 8 3 -8 3 -3 8 -3 -8 -8 -3 8 -3z' fill='%23ffb347'/%3E%3Cpath d='M40 250 l3 8 8 3 -8 3 -3 8 -3 -8 -8 -3 8 -3z' fill='%238b74f0'/%3E%3C/g%3E%3C/svg%3E") right 18px bottom 10px/400px 324px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cg fill='%237a63e8' fill-opacity='.28'%3E%3Ccircle cx='20' cy='30' r='1.5'/%3E%3Ccircle cx='110' cy='18' r='1.1'/%3E%3Ccircle cx='160' cy='90' r='1.8'/%3E%3Ccircle cx='60' cy='120' r='1.2'/%3E%3Ccircle cx='130' cy='150' r='1.5'/%3E%3C/g%3E%3Cg fill='%23ffb347' fill-opacity='.4'%3E%3Ccircle cx='85' cy='70' r='1.4'/%3E%3Ccircle cx='28' cy='165' r='1.1'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(560px 360px at 100% 0,#ece4ff,transparent 70%),radial-gradient(520px 340px at 0 100%,#ffe6f2,transparent 70%),radial-gradient(420px 280px at 55% 45%,#e8eeff,transparent 70%),linear-gradient(180deg,#f3efff,#faf8ff)}
.adm2 .rg>div:nth-child(6)::after{content:"💸"}

/* ---- kartu dashboard: lebih ringkas ---- */
@media(min-width:700px){
.adm2 .rg{gap:12px}
.adm2 .rg>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:12px;row-gap:0;min-height:0;padding:12px 16px;border-radius:20px}
.adm2 .rg>div::after{grid-row:1/3;grid-column:1;order:0;width:40px;height:40px;margin:0;border-radius:13px;font-size:1.25rem}
.adm2 .rg small{grid-column:2;align-self:end;font-size:.76rem;line-height:1.2}
.adm2 .rg b{grid-column:2;align-self:start;font-size:1.35rem;line-height:1.15}
}
@media(min-width:1280px){.adm2 .rg{grid-template-columns:repeat(3,1fr)}}
@media(max-width:699px){.adm2 .rg>div{min-height:96px;padding:11px 12px}.adm2 .rg>div::after{width:34px;height:34px;font-size:1.1rem;margin-bottom:3px}.adm2 .rg b{font-size:1.25rem}}
/* ---- beranda: ikon kategori tanpa kotak putih -> lingkaran warna lembut ---- */
html[data-theme] .cc .ic{width:52px;height:52px;border-radius:50%;font-size:1.7rem;background:#ffc0d6;box-shadow:0 4px 10px rgba(30,60,90,.1)}
html[data-theme] .cc:nth-child(6n+1) .ic{background:#ffc9dc}
html[data-theme] .cc:nth-child(6n+2) .ic{background:#bfdff6}
html[data-theme] .cc:nth-child(6n+3) .ic{background:#d6ccf6}
html[data-theme] .cc:nth-child(6n+4) .ic{background:#f8dab4}
html[data-theme] .cc:nth-child(6n+5) .ic{background:#bfe6cb}
html[data-theme] .cc:nth-child(6n+6) .ic{background:#b4e0e0}
.adm2 .rg>div:nth-child(9)::after{content:"🗓️"}

/* ---- menu Pengaturan ---- */
.adm2 [data-t="set"],.adm2 #admT[data-g="set"]{--ic:"⚙️"}
.adm2 .at [data-t="set"]{order:130}
.adm2 .as .at .agl[data-g="sis"]{order:125}
.adm2 .ax-sec h2{margin:26px 4px 10px;font:600 .76rem Fredoka,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.adm2 .ax-sec:first-child h2{margin-top:6px}
.adm2 .ax-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.adm2 .ax-g.ax-1{grid-template-columns:1fr}
.adm2 .ax-c{display:flex;flex-direction:column;padding:20px 22px;border-radius:24px;background:color-mix(in srgb,var(--card) 96%,#fff);border:1.5px solid color-mix(in srgb,var(--ln) 90%,transparent);box-shadow:0 10px 24px rgba(20,60,90,.08)}
.adm2 .ax-c h3{margin:0 0 4px;font:700 1.1rem Fredoka,sans-serif;color:var(--deep)}
.adm2 .ax-h{margin:0 0 6px;font-size:.8rem;line-height:1.5;color:var(--soft)}
.adm2 .ax-c label{display:block;margin:12px 0 0;font:500 .82rem Fredoka,sans-serif;color:var(--tx)}
.adm2 .ax-c input:not([type=file]):not([type=checkbox]),.adm2 .ax-c select,.adm2 .ax-c textarea{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1.5px solid var(--ln);border-radius:14px;background:#fff;color:#1f3a4d;font:400 .9rem Poppins,sans-serif;resize:vertical}
.adm2 .ax-c textarea{line-height:1.5}
.adm2 .ax-r{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.adm2 .ax-t{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.adm2 .ax-ck{display:flex!important;align-items:center;gap:9px;margin-top:16px!important;cursor:pointer}
.adm2 .ax-ck input{width:18px;height:18px;margin:0;accent-color:var(--ac)}
.adm2 .ax-n{display:block;margin-top:8px;color:var(--soft);font-size:.74rem}
.adm2 .ax-b{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto;padding-top:18px}
.adm2 .ax-a{display:flex;align-items:center;gap:16px;margin:8px 0 2px}
.adm2 .ax-ab{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.adm2 .ax-c .as-av{flex:none;width:76px;height:76px;font-size:2.2rem}
.adm2 .ax-b .btn{padding:10px 20px;border:0;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 55%,#fff),var(--ac));color:var(--on,#fff);font:600 .88rem Fredoka,sans-serif;box-shadow:0 6px 14px color-mix(in srgb,var(--ac) 30%,transparent);cursor:pointer}
.adm2 .ax-b .btn:disabled{opacity:.6}
.adm2 .ax-b .mini,.adm2 .ax-ab .mini{padding:9px 16px;border-radius:999px;font:500 .84rem Fredoka,sans-serif}
@media(max-width:1099px){.adm2 .ax-t{grid-template-columns:1fr}}
@media(max-width:899px){.adm2 .ax-g{grid-template-columns:1fr}}
@media(max-width:699px){.adm2 .ax-c{padding:16px 16px}}

/* ---- kartu dashboard: sedikit lebih lega & warna menyatu dengan sidebar ---- */
.adm2{--p1:#d6f1fb;--p1l:#a9dcef;--p2:#e2eefc;--p2l:#b9d3f3;--p3:#dcf6ee;--p3l:#aee3d0;--p4:#fdf1dc;--p4l:#f2d9a8;--p5:#d9f4f4;--p5l:#a6dede;--p6:#e6f3ff;--p6l:#bcdcf7}
html[data-theme="luar angkasa&astronot"] .adm2{--p1:#e8e1ff;--p1l:#cbbff7;--p2:#f3e4fb;--p2l:#dcc0f0;--p3:#e2e7ff;--p3l:#bcc6f5;--p4:#ffeedd;--p4l:#f6d3ab;--p5:#efe6ff;--p5l:#d3c3f7;--p6:#ffe6f3;--p6l:#f5c3df}
@media(min-width:700px){
.adm2 .rg{gap:14px}
.adm2 .rg>div{min-height:92px;padding:16px 20px;column-gap:15px;border-radius:22px}
.adm2 .rg>div::after{width:48px;height:48px;border-radius:16px;font-size:1.45rem}
.adm2 .rg small{font-size:.84rem;line-height:1.25;margin-bottom:2px}
.adm2 .rg b{font-size:1.5rem}
}
@media(max-width:699px){.adm2 .rg>div{min-height:104px}}

/* ---- kartu dashboard: gradasi senada tema + dekorasi ---- */
.adm2 .rg>div{position:relative;border:1.5px solid var(--bd);background:linear-gradient(135deg,var(--c1),var(--c2))}
.adm.adm2 .rg>div::before{content:"";display:block;position:absolute;inset:0;width:auto;left:0;top:0;bottom:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 91% 74%,rgba(255,255,255,.6) 0 15px,transparent 16px),radial-gradient(circle at 80% 90%,rgba(255,255,255,.42) 0 7px,transparent 8px),radial-gradient(circle at 95% 26%,rgba(255,255,255,.45) 0 5px,transparent 6px)}
.adm2 .rg>div:nth-child(4n+1){--c1:#e3f7fc;--c2:#b9e6f4;--bd:#92d3e8;background:linear-gradient(135deg,var(--c1),var(--c2));border-color:var(--bd)}
.adm2 .rg>div:nth-child(4n+2){--c1:#e8f0ff;--c2:#c0d6f8;--bd:#a3c2ec;background:linear-gradient(135deg,var(--c1),var(--c2));border-color:var(--bd)}
.adm2 .rg>div:nth-child(4n+3){--c1:#e4f8f1;--c2:#b6e7d5;--bd:#94d6bd;background:linear-gradient(135deg,var(--c1),var(--c2));border-color:var(--bd)}
.adm2 .rg>div:nth-child(4n+4){--c1:#dff3f6;--c2:#acdde5;--bd:#88cdd9;background:linear-gradient(135deg,var(--c1),var(--c2));border-color:var(--bd)}
.adm2 .rg b,.adm2 .rg small{color:#0e4660}
.adm2 .rg>div::after{background:rgba(255,255,255,.72);box-shadow:0 4px 10px rgba(0,100,140,.14)}
html[data-theme="luar angkasa&astronot"] .adm2 .rg>div::before{background:radial-gradient(circle at 93% 22%,#fff 0 2px,transparent 3px),radial-gradient(circle at 84% 62%,rgba(255,255,255,.9) 0 1.6px,transparent 2.6px),radial-gradient(circle at 74% 20%,rgba(255,200,120,.95) 0 1.8px,transparent 2.8px),radial-gradient(circle at 100% 112%,rgba(255,196,120,.6) 0 40px,transparent 41px)}
html[data-theme="luar angkasa&astronot"] .adm2 .rg>div:nth-child(4n+1){--c1:#efe9ff;--c2:#d2c6fb;--bd:#b9aaf3;background:linear-gradient(135deg,var(--c1),var(--c2));border-color:var(--bd)}
html[data-theme="luar angkasa&astronot"] .adm2 .rg>div:nth-child(4n+2){--c1:#f6e9fc;--c2:#e2c8f3;--bd:#cfa9e6;background:linear-gradient(135deg,var(--c1),var(--c2));border-color:var(--bd)}
html[data-theme="luar angkasa&astronot"] .adm2 .rg>div:nth-child(4n+3){--c1:#e8ecff;--c2:#c5cff8;--bd:#a8b6ef;background:linear-gradient(135deg,var(--c1),var(--c2));border-color:var(--bd)}
html[data-theme="luar angkasa&astronot"] .adm2 .rg>div:nth-child(4n+4){--c1:#fbe8f5;--c2:#eecae6;--bd:#e0acd2;background:linear-gradient(135deg,var(--c1),var(--c2));border-color:var(--bd)}
html[data-theme="luar angkasa&astronot"] .adm2 .rg b,html[data-theme="luar angkasa&astronot"] .adm2 .rg small{color:#2a2466}
html[data-theme="luar angkasa&astronot"] .adm2 .rg>div::after{background:rgba(255,255,255,.75);box-shadow:0 4px 10px rgba(70,50,170,.16)}

/* ---- popup Edit pesanan ---- */
#m-oe{z-index:94;background:rgba(8,30,55,.52);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#m-oe .box.oe{display:flex;flex-direction:column;width:min(580px,100%);max-height:92vh;max-height:92dvh;padding:0;overflow:hidden;border:0;border-radius:28px;background:#fff;color:#1f3a4d;box-shadow:0 24px 70px rgba(0,30,60,.4)}
#m-oe .oe-hd{position:relative;display:flex;align-items:center;gap:14px;padding:20px 64px 18px 22px;color:#fff;background:linear-gradient(135deg,#5cc9ec,#0096c7 60%,#0a78a8);overflow:hidden}
#m-oe .oe-hd::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 30%,rgba(255,255,255,.3) 0 18px,transparent 19px),radial-gradient(circle at 78% 80%,rgba(255,255,255,.22) 0 9px,transparent 10px),radial-gradient(circle at 96% 85%,rgba(255,255,255,.25) 0 6px,transparent 7px)}
#m-oe .oe-ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.28);font-size:1.4rem;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
#m-oe .oe-hd h2{margin:0;font:700 1.3rem Fredoka,sans-serif;color:#fff}
#m-oe .oe-hd .sub{margin:2px 0 0;font:500 .8rem Fredoka,sans-serif;color:rgba(255,255,255,.9);letter-spacing:.03em}
#m-oe .oe-st{margin-left:auto;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.9);color:#0a6a92;font:600 .72rem Fredoka,sans-serif;white-space:nowrap}
#m-oe .x{top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.25);color:#fff;z-index:2}
#m-oe .oe-bd{flex:1;min-height:0;overflow-y:auto;padding:6px 22px 8px;background:linear-gradient(180deg,#f4fbfe,#fff 120px)}
#m-oe .oe-s{margin-top:14px;padding:14px 16px 16px;border-radius:20px;background:#fff;border:1.5px solid #d6ebf4;box-shadow:0 4px 12px rgba(0,90,130,.06)}
#m-oe .oe-s h4{margin:0 0 2px;font:700 .9rem Fredoka,sans-serif;color:#0a6a92}
#m-oe label{display:block;margin-top:10px;font:500 .78rem Fredoka,sans-serif;color:#4b6a80}
#m-oe input{display:block;width:100%;margin:4px 0 0;padding:10px 12px;border:1.5px solid #cfe3ee;border-radius:14px;background:#f8fcfe;color:#1f3a4d;font:400 .9rem Poppins,sans-serif;box-sizing:border-box}
#m-oe input:focus{outline:none;border-color:#0096c7;background:#fff;box-shadow:0 0 0 3px rgba(0,150,199,.18)}
#m-oe .oe-r{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#m-oe .oe-it{position:relative;margin-top:12px;padding:6px 14px 14px 52px;border-radius:16px;background:#f1f9fc;border:1.5px dashed #b7dbe9}
#m-oe .oe-n{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0096c7;color:#fff;font:700 .8rem Fredoka,sans-serif}
#m-oe .oe-tot{display:flex;align-items:center;justify-content:space-between;margin:14px 0 4px;padding:13px 18px;border-radius:18px;background:linear-gradient(135deg,#e3f7fc,#b9e6f4);color:#0a4a66;font:600 .9rem Fredoka,sans-serif}
#m-oe .oe-tot b{font:700 1.3rem Fredoka,sans-serif}
#m-oe .oe-dc{display:block;margin:0 4px 8px;color:#4b6a80;font-size:.75rem}
#m-oe .oe-ft{display:flex;gap:10px;padding:14px 22px calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1.5px solid #e1eff5}
#m-oe .oe-ft .btn{flex:1;margin:0;padding:12px 16px;border:0;border-radius:999px;font:600 .95rem Fredoka,sans-serif;cursor:pointer}
#m-oe .oe-ft .btn:not(.pk){flex:0 0 auto;padding:12px 24px;background:#eef6fa;color:#35607a}
#m-oe .oe-ft .btn.pk{background:linear-gradient(135deg,#5cc9ec,#0096c7);color:#fff;box-shadow:0 8px 18px rgba(0,150,199,.35)}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-hd{background:linear-gradient(135deg,#a590ff,#6d52d8 60%,#4a3bb8)}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-hd::before{background:radial-gradient(circle at 90% 25%,#fff 0 2px,transparent 3px),radial-gradient(circle at 80% 70%,rgba(255,255,255,.9) 0 1.6px,transparent 2.6px),radial-gradient(circle at 70% 25%,rgba(255,200,120,.95) 0 1.8px,transparent 2.8px),radial-gradient(circle at 104% 118%,rgba(255,196,120,.85) 0 44px,transparent 45px)}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-st{color:#4a3bb8}
html[data-theme="luar angkasa&astronot"] #m-oe .box.oe{color:#2a2466}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-bd{background:linear-gradient(180deg,#f6f3ff,#fff 120px)}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-s{border-color:#dcd4fa;box-shadow:0 4px 12px rgba(80,60,180,.07)}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-s h4{color:#4a3bb8}
html[data-theme="luar angkasa&astronot"] #m-oe label{color:#5b5694}
html[data-theme="luar angkasa&astronot"] #m-oe input{border-color:#d9d0f8;background:#fbfaff;color:#2a2466}
html[data-theme="luar angkasa&astronot"] #m-oe input:focus{border-color:#6d52d8;box-shadow:0 0 0 3px rgba(109,82,216,.2)}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-it{background:#f4f0ff;border-color:#c9bdf5}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-n{background:#6d52d8}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-tot{background:linear-gradient(135deg,#efe9ff,#d2c6fb);color:#3b2f9a}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-ft{border-top-color:#e6e0fb}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-ft .btn:not(.pk){background:#f0ecff;color:#5b49d6}
html[data-theme="luar angkasa&astronot"] #m-oe .oe-ft .btn.pk{background:linear-gradient(135deg,#9b82ff,#5b49d6);box-shadow:0 8px 18px rgba(91,73,214,.38)}
@media(max-width:560px){#m-oe{padding:0;place-items:end center}#m-oe .box.oe{width:100%;max-height:94vh;max-height:94dvh;border-radius:26px 26px 0 0}#m-oe .oe-hd{padding:16px 60px 14px 16px}#m-oe .oe-bd{padding:4px 14px 8px}#m-oe .oe-ft{padding:12px 14px calc(14px + env(safe-area-inset-bottom))}#m-oe .oe-it{padding-left:14px;padding-top:40px}#m-oe .oe-n{top:10px;left:12px}}
#m-oe .oe-ft .btn,#m-oe .oe-ft .btn.pk,#m-oe .oe-ft .btn:not(.pk){width:auto;min-width:0;height:auto;transform:none;white-space:nowrap}
#m-oe .oe-ft .btn:not(.pk){flex:0 0 auto}
#m-oe .oe-ft .btn.pk{flex:1 1 auto}
#m-oe .oe-ft .btn::before,#m-oe .oe-ft .btn::after{display:none}

/* ---- halaman dalam (Laporan, Konten, Voucher, Pengumuman, Notifikasi, Katalog): senada desain baru ---- */
.adm2 #ab h3{margin:0 0 6px;font:700 1.1rem Fredoka,sans-serif;color:var(--deep)}
.adm2 #ab>h3,.adm2 #ab>h2{margin:18px 4px 10px}
.adm2 #ab .ed{padding:20px 22px;margin:0 0 14px;border-radius:24px;background:color-mix(in srgb,var(--card) 96%,#fff);border:1.5px solid color-mix(in srgb,var(--ln) 90%,transparent);box-shadow:0 10px 24px rgba(20,60,90,.08)}
.adm2 #ab .ed label{display:block;margin:12px 0 0;font:500 .8rem Fredoka,sans-serif;color:var(--tx)}
.adm2 #ab .ed label.ck,.adm2 #ab .ed label.sw2{display:flex;align-items:center;gap:8px}
.adm2 #ab .ed input:not([type=checkbox]):not([type=color]):not([type=file]):not([type=radio]),.adm2 #ab .ed select,.adm2 #ab .ed textarea,.adm2 #ab .oc textarea,.adm2 #ab .oc input:not([type=checkbox]):not([type=file]),.adm2 #ab .oc select{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1.5px solid var(--ln);border-radius:14px;background:#fff;color:#1f3a4d;font:400 .88rem Poppins,sans-serif;box-sizing:border-box}
.adm2 #ab .ed textarea{line-height:1.5;resize:vertical}
.adm2 #ab .fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 16px}
.adm2 #ab .sv{position:sticky;bottom:14px;margin:18px 0 0;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.adm2 #ab .sv .btn,.adm2 #ab .ed>.btn{padding:11px 24px;border:0;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 55%,#fff),var(--ac));color:var(--on,#fff);font:600 .9rem Fredoka,sans-serif;box-shadow:0 8px 18px color-mix(in srgb,var(--ac) 34%,transparent);cursor:pointer}
.adm2 #ab .och b{font:700 1rem Fredoka,sans-serif;color:var(--deep)}
.adm2 #ab .oc .och small{font:500 .74rem Poppins,sans-serif;color:var(--soft)}
.adm2 #ab .ocf .mini,.adm2 #ab .oc .mini{border-radius:999px;font:500 .8rem Fredoka,sans-serif}
/* tabel (Laporan, Pelanggan) */
.adm2 #ab table{width:100%;margin:6px 0 12px;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:20px;background:color-mix(in srgb,var(--card) 96%,#fff);border:1.5px solid color-mix(in srgb,var(--ln) 90%,transparent);box-shadow:0 8px 20px rgba(20,60,90,.07)}
.adm2 #ab th{padding:11px 14px;text-align:left;background:color-mix(in srgb,var(--ac) 14%,#fff);color:var(--deep);font:600 .78rem Fredoka,sans-serif;letter-spacing:.02em}
.adm2 #ab td{padding:11px 14px;border-top:1px solid color-mix(in srgb,var(--ln) 70%,transparent);font:400 .84rem Poppins,sans-serif;color:var(--tx)}
.adm2 #ab tr:nth-child(even) td{background:color-mix(in srgb,var(--ac) 4%,transparent)}
.adm2 #ab .note,.adm2 #ab>p,.adm2 #ab>small{color:var(--soft);font-size:.8rem;line-height:1.5}
@media(max-width:699px){.adm2 #ab table{display:block;overflow-x:auto;white-space:nowrap}.adm2 #ab .sv{bottom:calc(76px + env(safe-area-inset-bottom))}.adm2 #ab .ed{padding:16px}}
.adm2 #ab .ed b,.adm2 #ab .ed h4,.adm2 #ab .ed h5{font-family:Fredoka,sans-serif;color:var(--deep)}
.adm2 #ab input[type=file]{padding:7px 10px;border:1.5px dashed var(--ln);border-radius:14px;background:#fff;color:#1f3a4d;font:400 .8rem Poppins,sans-serif}
.adm2 #ab input[type=file]::file-selector-button{margin-right:10px;padding:7px 14px;border:0;border-radius:999px;background:var(--ac);color:var(--on,#fff);font:600 .8rem Fredoka,sans-serif;cursor:pointer}
.adm2 #ab input[type=color]{width:46px;height:36px;padding:2px;border:1.5px solid var(--ln);border-radius:12px;background:#fff;cursor:pointer}

/* ---- editor katalog: lebih lega & bervariasi ---- */
.adm2 #ab .ed>[data-a="back"]{display:inline-flex;align-items:center;gap:6px;margin:0 0 16px;padding:9px 18px;border:1.5px solid color-mix(in srgb,var(--ac) 40%,#fff);border-radius:999px;background:#fff;color:var(--deep);font:600 .84rem Fredoka,sans-serif;box-shadow:0 4px 12px rgba(20,60,90,.1);cursor:pointer}
.adm2 #ab .ed>[data-a="back"]+h3{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:16px 20px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 22%,#fff),color-mix(in srgb,var(--ac) 8%,#fff));border:1.5px solid color-mix(in srgb,var(--ac) 25%,#fff);font:700 1.4rem Fredoka,sans-serif;color:var(--deep)}
.adm2 #ab .ed .fg{margin-top:8px;gap:2px 16px}
.adm2 #ab .ed .ck3{margin-top:16px;gap:10px 18px}
.adm2 #ab .ed .gc{margin-top:18px;padding:16px;border-radius:20px;background:color-mix(in srgb,var(--ac) 5%,#fff)}
.adm2 #ab .ed .pc2{margin-top:14px;padding:16px;border-radius:18px}
.adm2 #ab .ed .gh,.adm2 #ab .ed .oh{gap:10px;margin-bottom:6px}
.adm2 #ab .ed .or{gap:10px;margin-top:8px}
.adm2 #ab .ed .mini{margin-top:10px}
.adm2 #ab .ed .gh .mini,.adm2 #ab .ed .oh .mini,.adm2 #ab .ed .or .mini{margin-top:0}
.adm2 #ab .ed .oh{margin-top:14px;font:600 .88rem Fredoka,sans-serif;color:var(--deep)}
.adm2 #ab .ed input[type=file]{display:block;width:100%;max-width:100%;margin-top:5px;box-sizing:border-box}
.adm2 #ab .ed .mini{font-family:Fredoka,sans-serif}

/* ---- editor katalog: kerapian tahap 2 ---- */
.adm2 #ab .ed>.fg:first-of-type{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}
.adm2 #ab .ed label:has(input[type=color]){display:flex;flex-direction:column;align-items:flex-start}
.adm2 #ab .ed label:has(input[type=color]) input{width:64px;height:42px;margin-top:5px}
.adm2 #ab .ed>.fg+div[style]{display:flex!important;align-items:center;gap:14px;width:max-content;max-width:100%;margin:14px 0 4px!important;padding:10px 18px 10px 12px;border:1.5px dashed var(--ln);border-radius:18px;background:color-mix(in srgb,var(--card) 70%,#fff)}
.adm2 #ab .ed>.fg+div[style]::after{content:"Pratinjau logo";font:500 .8rem Fredoka,sans-serif;color:var(--soft)}
/* kapsul centang */
.adm2 #ab .ed .ck3{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 8px}
.adm2 #ab .ed .ck{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;padding:8px 15px;border:1.5px solid var(--ln);border-radius:999px;background:#fff;color:var(--tx);font:500 .82rem Fredoka,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.adm2 #ab .ed .ck input{width:17px;height:17px;margin:0;accent-color:var(--ac)}
.adm2 #ab .ed .ck:has(input:checked){background:color-mix(in srgb,var(--ac) 14%,#fff);border-color:color-mix(in srgb,var(--ac) 55%,#fff);color:var(--deep)}
.adm2 #ab .ed .gh .ck,.adm2 #ab .ed .or .ck{padding:7px 12px;font-size:.78rem}
/* hierarki kategori > plan > durasi */
.adm2 #ab .ed .gc{border:1.5px solid color-mix(in srgb,var(--ac) 28%,#fff);border-left:6px solid var(--ac);background:color-mix(in srgb,var(--ac) 6%,#fff)}
.adm2 #ab .ed .pc2{border:1.5px solid var(--ln);background:#fff;box-shadow:0 6px 14px rgba(20,60,90,.06)}
.adm2 #ab .ed .gh{display:flex;flex-wrap:wrap;align-items:center}
.adm2 #ab .ed .gh input:not([type=checkbox]){flex:1 1 220px;width:auto;margin:0}
.adm2 #ab .ed .or{display:grid;grid-template-columns:minmax(0,1fr) 140px auto auto;align-items:center}
.adm2 #ab .ed .or input:not([type=checkbox]){margin:0}
/* tombol */
.adm2 #ab .ed .mini[data-a^="add"]{margin-top:12px;padding:8px 18px;border:1.5px solid color-mix(in srgb,var(--ac) 38%,#fff);background:color-mix(in srgb,var(--ac) 12%,#fff);color:var(--deep);font:600 .82rem Fredoka,sans-serif}
.adm2 #ab .ed .mini[data-a^="del"]{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;padding:0;border:1.5px solid #f4c3cc;background:#fff1f3;color:#d6405a;font-size:.95rem}
.adm2 #ab .ed .sv .mini[data-a="back"]{padding:11px 24px;border:1.5px solid var(--ln);background:#fff;color:var(--tx);font:600 .9rem Fredoka,sans-serif;box-shadow:0 4px 10px rgba(20,60,90,.08)}
.adm2 #ab .ed .sv{display:flex;gap:10px;align-items:center}
@media(max-width:560px){.adm2 #ab .ed .or{grid-template-columns:minmax(0,1fr) 110px}.adm2 #ab .ed .or .ck{justify-self:start}}

/* tahap 3: baris katalog */
.adm2 #ab .arow{border-radius:20px;padding:14px;gap:12px}
.adm2 #ab .arow .ar2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--ln,#d7e9ef);padding-top:10px;margin-top:6px}
.adm2 #ab .arow .sw2{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff;border:1.5px solid var(--ln,#d7e9ef);font-weight:700;font-size:13px;cursor:pointer}
.adm2 #ab .arow .sw2:has(input:checked){background:color-mix(in srgb,var(--ac,#0891b2) 14%,#fff);border-color:var(--ac,#0891b2)}
.adm2 #ab .arow .mini[data-a="edit"]{margin-left:auto;border:0;border-style:solid;background:linear-gradient(135deg,var(--ac,#0891b2),var(--deep,#0e6a8a));color:#fff;padding:8px 20px;border-radius:999px;font-weight:800;box-shadow:0 4px 10px rgba(8,100,140,.25)}

/* tahap 4: ukuran font minimum */
.adm2 #ab small,.adm2 #ab .gar0{font-size:max(12px,.78rem)}
.adm2 .agl{font-size:.72rem}
@media(max-width:699px){.adm2 .bn{height:62px}}
.adm2 .rg>div>:last-child{font-size:clamp(1.15rem,2.1vw,1.45rem);white-space:nowrap;position:relative;z-index:1}

/* tahap 5: isi kartu dashboard lebih kecil */
.adm2 #ab .rg small{font-size:12.5px;line-height:1.25}
.adm2 #ab .rg b,.adm2 .rg>div>:last-child{font-size:clamp(1rem,1.7vw,1.2rem)}
.adm2 .rg>div::after{width:38px;height:38px;font-size:1.2rem}
@media(max-width:699px){.adm2 #ab .rg small{font-size:12px}.adm2 #ab .rg b,.adm2 .rg>div>:last-child{font-size:1.05rem}.adm2 .rg>div::after{width:32px;height:32px;font-size:1rem}}

/* tahap 6: kartu dashboard tengah (ikon > judul > angka) */
.adm2 #ab .rg>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;min-height:132px;padding:16px 12px}
.adm2 #ab .rg>div::after{grid-area:auto;order:-1;width:44px;height:44px;margin:0 0 4px;font-size:1.4rem;border-radius:15px}
.adm2 #ab .rg small{grid-column:auto;align-self:center;font-size:13px;line-height:1.25;font-weight:600;opacity:.9}
.adm2 #ab .rg b,.adm2 #ab .rg>div>:last-child{grid-column:auto;align-self:center;font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.1}
@media(max-width:699px){.adm2 #ab .rg>div{min-height:112px;padding:12px 8px}.adm2 #ab .rg>div::after{width:38px;height:38px;font-size:1.2rem}.adm2 #ab .rg small{font-size:12.5px}.adm2 #ab .rg b,.adm2 #ab .rg>div>:last-child{font-size:1.4rem}}

/* tahap 7: desktop lebih ringkas */
@media(min-width:700px){.adm2 #ab .rg>div{min-height:108px;padding:12px 12px;gap:3px}.adm2 #ab .rg>div::after{width:36px;height:36px;font-size:1.15rem;border-radius:12px;margin-bottom:2px}.adm2 #ab .rg b,.adm2 #ab .rg>div>:last-child{font-size:clamp(1.25rem,2vw,1.5rem)}}

/* ================= PANEL ADMIN: Astronot Gelap & Elegan ================= */
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2{--ink:var(--tx);--ink2:var(--soft);--as-bg:linear-gradient(176deg,#5548c4 0,#3a3190 55%,#2f2886 100%)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm.adm2{background:radial-gradient(900px 420px at 85% 100%,rgba(122,79,176,.35),transparent 60%),radial-gradient(700px 360px at 10% 0,rgba(61,48,160,.45),transparent 60%),#241f70}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .ah{background:var(--sf);border-bottom:1px solid var(--ln);color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab :is(.oc,.arow,.ax-c,.ax-sec,.ed .pc2,.ed .gc,.ed .ck,.arow .sw2,.cl,.sc2,.stat,.ed .sv .mini[data-a=back],.em,.ag){background:var(--sf);color:var(--tx);border-color:var(--ln);box-shadow:none}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]){background:var(--sf2);color:var(--tx);border-color:var(--ln)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab input[type=file],html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab input[type=color]{background:var(--sf2);color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab .ed>h3{background:var(--sf);border:1px solid var(--ln);color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab table{background:var(--sf);color:var(--tx)}html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab :is(td,th){border-color:var(--ln)!important}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab .ed .gc{border-left-color:var(--ac)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab :is(.ed .ck,.arow .sw2):has(input:checked){background:color-mix(in srgb,var(--ac) 22%,var(--sf));border-color:var(--ac)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .rg>div:nth-child(n){background:var(--sf);border:1px solid var(--ln);box-shadow:none}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .rg>div::before{display:none}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .rg>div::after{background:var(--sf2);box-shadow:none}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab .rg b,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab .rg small{color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .bn{background:var(--sf);border-color:var(--ln)}html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .bn button{color:var(--soft)}html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .bn button.on{background:var(--ac);color:var(--on)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .as-av{background:var(--sf2);border-color:rgba(255,255,255,.7)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .as,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .as .at button,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .as-pf,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .as-pf *,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .as-ft .mini,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 .as .at .agl{color:#fff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab :is(.rkp .wn,.rkp .nw){color:#5a3b00}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab :is(label,h4,.ax-h,.ax-n,small){color:var(--soft)}html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab :is(.ax-c h3,.ed h3,.oc b){color:var(--tx)}

/* popup edit pesanan: gelap */
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe .box.oe{background:var(--sf);color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe .oe-bd{background:var(--sf)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe .oe-s,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe .oe-it{background:var(--sf2);border-color:var(--ln);box-shadow:none}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe .oe-s h4,html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe label{color:var(--soft)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe input{background:var(--sf);border-color:var(--ln);color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe .oe-tot{background:color-mix(in srgb,var(--ac) 22%,var(--sf));color:var(--tx)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe .oe-ft{background:var(--sf);border-top-color:var(--ln)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe .oe-ft .btn:not(.pk){background:var(--sf2);color:var(--tx);border:1px solid var(--ln)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe .oe-st{color:var(--deep);background:var(--sf2)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe .oe-hd{background:linear-gradient(135deg,#5a4fc0,#3a3190)}html[data-theme="luar angkasa&astronot"][data-variant="gelap"] #m-oe .oe-ft .btn.pk{color:#10083a}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab .rkT{background:linear-gradient(135deg,#5a50c0,#7a4fb0);border-color:rgba(214,208,255,.5);color:#fff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab .rkT :is(b,span,small,div,i){color:#fff}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab .rkT .rkp{background:rgba(255,255,255,.2)}
html[data-theme="luar angkasa&astronot"][data-variant="gelap"] .adm2 #ab .rkT .rkp.wn{background:#fff3cf;color:#5a3b00}


/* ===== tahap 8: rapikan Dashboard, Pesanan, Pelanggan, Katalog ===== */
/* Dashboard - rekap */
.adm2 #ab .rk2 .rk2h b{font-size:1.2rem;line-height:1.25}
.adm2 #ab .rk2 .rk2h .rkp{font-size:.72rem;padding:2px 9px;line-height:1.4}
.adm2 #ab .rk2 .rk2h button.rkp{font-family:inherit;cursor:pointer;border:0}
.adm2 #ab .rk2 .rk2h button.rkp:active{transform:scale(.96)}
.adm2 #ab .rk2 .rk2n{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.adm2 #ab .rk2 .rk2n small{font-size:.84rem}
.adm2 #ab .rk2 .rk2n b{font-size:1.4rem;line-height:1.2}
.adm2 #ab .ed>small{font-size:.76rem}
@media(max-width:560px){
 .adm2 #ab .rk2 .rk2n{grid-template-columns:1fr 1fr}
 .adm2 #ab .rk2 .rk2n>div:first-child{grid-column:1/-1}
}
/* Pesanan */
.adm2 #ab .stt .stt-b{font:inherit;font-size:.78rem;cursor:pointer;border:0;background:transparent;color:inherit;padding:0;text-decoration:underline dotted}
.adm2 #ab .stt .stt-b.on{font-weight:700}
.adm2 #ab .oflt{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem;padding:8px 12px;margin:6px 0;border-radius:12px;background:rgba(255,170,120,.18)}
.adm2 #ab .oflt button{font:inherit;font-size:.76rem;cursor:pointer;border:0;border-radius:999px;padding:4px 12px}
.adm2 #ab .oc .oc-who{font-size:.96rem;line-height:1.35}
.adm2 #ab .oc .oc-who b{font-size:1.04rem}
.adm2 #ab .oc .oc-dev,.adm2 #ab .oc .oc-nt{display:block;font-size:.78rem}
.adm2 #ab .oc .ocf{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.adm2 #ab .oc .ocf>b{flex:0 0 100%}
.adm2 #ab .oc .ocf>select{flex:1 1 calc(50% - 4px);min-width:0}
.adm2 #ab .oc .ocf .mini{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:38px;flex:1 1 auto;line-height:1.1}
.adm2 #ab .oc .gar0{font-size:.74rem}
/* Pelanggan */
.adm2 #ab .cuc .cuh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.adm2 #ab .cuc .cuh b,.adm2 #ab .cuc .cuh span{font-size:1.05rem}
.adm2 #ab .cuc .cuh+small{font-size:.8rem}
.adm2 #ab .cuc .gar0{font-size:.74rem}
.adm2 #ab .orow .mini{display:inline-flex;align-items:center;justify-content:center}
/* Katalog */
.adm2 #ab .arow .ai1 b{font-size:1.06rem}
.adm2 #ab .arow .ai1 small{font-size:.74rem}
.adm2 #ab .arow .mini[data-a="edit"]{padding:5px 15px;font-size:.78rem}