:root{--hutan:#1b3827;--hutan-900:#0f2118;--hutan-800:#17301f;--hutan-700:#1f4330;--zaitun:#425027;--mustard:#ae833f;--mustard-terang:#d4a65a;--mustard-ink:#6e5020;--krem:#eae1d3;--krem-terang:#f0e6d5;--bg:var(--krem);--surface:var(--krem-terang);--surface-2:#e3d8c6;--ink:var(--hutan);--ink-muted:#55604d;--line:#1b382724;--line-strong:#1b382747;--primary:var(--hutan);--on-primary:var(--krem-terang);--support:var(--zaitun);--accent:var(--mustard-terang);--on-accent:var(--hutan-900);--accent-ink:var(--mustard-ink);--danger:#9b2c2c;--danger-bg:#9b2c2c1a;--ok-bg:#42502724;--grid-line:#1b38270b;--shadow:0 1px 2px #0f21180f, 0 8px 24px -12px #0f21182e;--focus:var(--mustard);--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--r-sm:10px;--r-md:16px;--r-lg:24px;--ease:cubic-bezier(.22, 1, .36, 1);--sidebar-w:264px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--peta-filter:none;--peta-bg:#e3dccb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--g-bg,#0e1a13);--surface:var(--g-surface,#15261c);--surface-2:var(--g-surface-2,#1c3125);--ink:var(--krem);--ink-muted:#a9b39d;--line:#eae1d31f;--line-strong:#eae1d33d;--primary:var(--mustard-terang);--on-primary:var(--hutan-900);--support:#b8c2aa;--accent-ink:var(--mustard-terang);--danger:#e8857a;--danger-bg:#e8857a1f;--ok-bg:#b8c2aa1f;--grid-line:#eae1d309;--shadow:0 1px 2px #0000004d, 0 12px 32px -16px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--peta-filter:invert(1) hue-rotate(180deg) brightness(.86) contrast(.92) saturate(.7);--peta-bg:var(--hutan-900)}}:root[data-theme=dark]{--bg:var(--g-bg,#0e1a13);--surface:var(--g-surface,#15261c);--surface-2:var(--g-surface-2,#1c3125);--ink:var(--krem);--ink-muted:#a9b39d;--line:#eae1d31f;--line-strong:#eae1d33d;--primary:var(--mustard-terang);--on-primary:var(--hutan-900);--support:#b8c2aa;--accent-ink:var(--mustard-terang);--danger:#e8857a;--danger-bg:#e8857a1f;--ok-bg:#b8c2aa1f;--grid-line:#eae1d309;--shadow:0 1px 2px #0000004d, 0 12px 32px -16px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--peta-filter:invert(1) hue-rotate(180deg) brightness(.86) contrast(.92) saturate(.7);--peta-bg:var(--hutan-900)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html[data-huruf=kecil]{font-size:90%}html[data-huruf=besar]{font-size:112.5%}html[data-huruf=sangat-besar]{font-size:125%}body{min-height:100dvh;font:400 1rem/1.55 var(--font-body);color:var(--ink);background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:32px 32px;margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;line-height:1.2}h1{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:600}h2{font-size:1.25rem;font-weight:600}h3{font-size:1.05rem;font-weight:600}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.muted{color:var(--ink-muted)}.small{font-size:.875rem}.eyebrow{font:600 .72rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.stack{gap:var(--gap,16px);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap,12px);flex-wrap:wrap;display:flex}.between{justify-content:space-between}.grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--min,240px)), 1fr));gap:16px;display:grid}.page{width:100%;max-width:1180px;margin:0 auto;padding:20px 16px 104px}@media (width>=900px){.page{padding:32px 40px 48px}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head .stack{--gap:6px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);padding:20px}.card.flat{box-shadow:none}.card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.stat{flex-direction:column;gap:6px;display:flex}.stat .value{font:600 1.75rem/1.1 var(--font-mono);letter-spacing:-.03em}.stat .label{color:var(--ink-muted);font-size:.875rem}.stat .icon{background:var(--ok-bg);width:36px;height:36px;color:var(--support);border-radius:10px;place-items:center;margin-bottom:6px;display:grid}.stat-row{scrollbar-width:thin;align-items:flex-start;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.stat-row>*{flex:1 1 0;min-width:160px}.stat-row .card.stat{gap:4px;padding:14px 16px}.stat-row .stat .icon{border-radius:8px;width:30px;height:30px;margin-bottom:2px}.stat-row .stat .icon svg{width:16px;height:16px}.stat-row .stat .value{font-size:1.4rem}.stat-row .stat .label{font-size:.8rem}.stat-row .kartu-angka>span.small.muted{display:none}.holo{isolation:isolate;color:var(--krem-terang);background:radial-gradient(120% 80% at 100% 0%, #d4a65a47, transparent 55%), radial-gradient(90% 70% at 0% 100%, #425027bf, transparent 60%), linear-gradient(150deg, var(--hutan-700) 0%, var(--hutan) 45%, var(--hutan-900) 100%);border-radius:var(--r-lg);border:1px solid #d4a65a59;position:relative;overflow:hidden;box-shadow:0 20px 48px -24px #0f2118b3,inset 0 1px #f0e6d51f}.holo:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#f0e6d50f 1px,#0000 1px),linear-gradient(90deg,#f0e6d50f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(160deg,#000 10%,#0000 75%);mask-image:linear-gradient(160deg,#000 10%,#0000 75%)}.holo:after{content:"";z-index:-1;width:70%;height:140%;animation:sheen 7s var(--ease) infinite;pointer-events:none;background:linear-gradient(105deg,#0000 40%,#f0e6d51a 50%,#0000 60%);position:absolute;inset:-40% -10% auto auto;transform:translate(-120%)rotate(8deg)}@keyframes sheen{0%,70%{transform:translate(-120%)rotate(8deg)}to{transform:translate(160%)rotate(8deg)}}.holo .eyebrow{color:var(--mustard-terang)}.holo .muted{color:#b8c2aa}.btn{--bg-btn:var(--primary);--fg-btn:var(--on-primary);background:var(--bg-btn);min-height:44px;color:var(--fg-btn);cursor:pointer;transition:transform .16s var(--ease), background-color .16s var(--ease), box-shadow .16s var(--ease);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:0 6px 18px -8px #0f211873}.btn:active{transform:scale(.98)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn.accent{--bg-btn:var(--accent);--fg-btn:var(--on-accent)}.btn.ghost{--bg-btn:transparent;--fg-btn:var(--ink);border-color:var(--line-strong)}.btn.ghost:hover{background:var(--surface-2);box-shadow:none}.btn.danger{--bg-btn:transparent;--fg-btn:var(--danger);border-color:currentColor}.btn.block{width:100%}.btn.sm{border-radius:10px;min-height:36px;padding:0 12px;font-size:.875rem}.icon-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:12px;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2)}.glass-btn{min-height:72px;color:var(--krem-terang);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .16s var(--ease);background:#f0e6d514;border:1px solid #f0e6d529;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:.82rem;font-weight:600;text-decoration:none;display:flex}.glass-btn:hover{background:#f0e6d524}.glass-btn svg{color:var(--mustard-terang)}.badge{background:var(--ok-bg);color:var(--support);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge.gold{background:var(--accent);color:var(--on-accent)}.badge.off{background:var(--danger-bg);color:var(--danger)}.badge.outline{border:1px solid var(--line-strong);color:var(--ink-muted);background:0 0}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:.9rem;font-weight:600}.field .hint{color:var(--ink-muted);font-size:.8rem}.field .err{color:var(--danger);font-size:.82rem;font-weight:600}.input,.select,.textarea{border:1px solid var(--line-strong);background:var(--bg);width:100%;min-height:44px;color:var(--ink);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);border-radius:12px;padding:10px 14px}.textarea{resize:vertical;min-height:88px}.input:focus,.select:focus,.textarea:focus{border-color:var(--mustard);outline:none;box-shadow:0 0 0 3px #ae833f40}.input[aria-invalid=true]{border-color:var(--danger)}.pin-input{font:600 1.6rem/1 var(--font-mono);letter-spacing:.6em;text-align:center;padding-left:.6em}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.check input{width:20px;height:20px;accent-color:var(--hutan)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:.875rem;font-weight:600;display:inline-flex}.chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:#0000}.table-wrap{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th{text-align:left;font:600 .75rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 16px}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}.table tr:last-child td{border-bottom:0}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover{background:var(--surface-2)}.list{flex-direction:column;display:flex}.list-item{border-bottom:1px solid var(--line);min-height:64px;color:inherit;align-items:center;gap:14px;padding:14px 4px;text-decoration:none;display:flex}.list-item:last-child{border-bottom:0}a.list-item:hover{background:var(--surface-2);border-radius:12px}.avatar{width:40px;height:40px;font:600 .95rem/1 var(--font-display);background:var(--hutan);color:var(--mustard-terang);border-radius:12px;flex:none;place-items:center;display:grid}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 16px;display:flex}.empty .ico{background:var(--ok-bg);width:56px;height:56px;color:var(--support);border-radius:16px;place-items:center;display:grid}.alert{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.9rem;display:flex}.alert.error{background:var(--danger-bg);color:var(--danger)}.alert.info{background:var(--ok-bg);color:var(--support)}.skeleton{background:linear-gradient(90deg, var(--surface-2), var(--surface), var(--surface-2));background-size:200% 100%;border-radius:10px;min-height:18px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:60;background:var(--hutan-900);color:var(--krem-terang);box-shadow:var(--shadow);animation:toast-in .26s var(--ease);border:1px solid #d4a65a66;border-radius:14px;max-width:calc(100vw - 32px);padding:12px 18px;font-size:.9rem;font-weight:600;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}@media (width>=900px){.toast{bottom:32px}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .2s var(--ease);background:#0f21188c;align-items:end;display:grid;position:fixed;inset:0}@media (width>=700px){.overlay{place-items:center;padding:24px}}.sheet{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:92dvh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border:1px solid var(--line);animation:rise .28s var(--ease);overflow:auto}@media (width>=700px){.sheet{border-radius:var(--r-lg);max-width:520px}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.jam-baris{border-bottom:1px solid #1b382712;flex-wrap:wrap;align-items:center;gap:12px;padding:6px 0;display:flex}.jam-baris:last-of-type{border-bottom:0}.jam-baris .input[type=time]{min-width:112px;padding-block:8px}.kartu-angka.bisa-buka{cursor:pointer;transition:border-color .16s var(--ease), transform .16s var(--ease)}.kartu-angka.bisa-buka:hover,.kartu-angka.bisa-buka:focus-visible{border-color:#d4a65a80}.kartu-angka .rincian{border-top:1px solid #f0e6d51f;flex-direction:column;gap:6px;width:100%;margin-top:10px;padding-top:10px;display:flex}.kartu-angka .rincian[hidden]{display:none}.peta{isolation:isolate;z-index:0;height:clamp(440px,64vh,720px);transition:height .24s var(--ease);border-radius:var(--r-md);border:1px solid var(--line);background:var(--peta-bg);position:relative;overflow:hidden}.peta.besar{height:max(520px,100dvh - 140px)}.peta-ukuran{z-index:1000;border:1px solid var(--line-strong);cursor:pointer;background:var(--surface);width:34px;height:34px;color:var(--ink);border-radius:8px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.peta-ukuran:hover{background:var(--surface-2)}.peta .leaflet-tile-pane{filter:var(--peta-filter)}.peta .leaflet-container{background:var(--peta-bg);font:inherit}.peta .leaflet-popup-content-wrapper,.peta .leaflet-popup-tip{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}.peta .leaflet-popup-content{margin:12px 14px;font-size:.86rem;line-height:1.45}.peta .leaflet-popup-content strong{color:var(--accent-ink)}.peta .leaflet-control-attribution{background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--ink-muted);font-size:.66rem}.peta .leaflet-control-attribution a{color:var(--ink)}.peta .leaflet-bar a{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.peta .leaflet-bar a:hover{background:var(--surface-2)}.shell{min-height:100dvh;display:flex}.sidebar{height:100dvh;width:var(--sidebar-w);color:var(--krem-terang);background:radial-gradient(80% 40% at 0% 0%, #d4a65a2e, transparent 60%), linear-gradient(180deg, var(--hutan-800), var(--hutan-900));border-right:1px solid #d4a65a2e;flex-direction:column;flex:none;gap:6px;padding:20px 14px;display:none;position:sticky;top:0}@media (width>=900px){.sidebar{display:flex}}.brand{color:inherit;align-items:center;gap:10px;padding:4px 8px 18px;text-decoration:none;display:flex}.brand-name{font:700 1.15rem/1 var(--font-display);letter-spacing:-.01em}.brand-name span{color:var(--mustard-terang)}.portal-tag{font:600 .68rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#b8c2aa;padding:0 10px 8px}.nav-scroll{scrollbar-width:thin;scrollbar-color:#f0e6d52e transparent;flex:auto;min-height:0;overflow-y:auto}.nav-scroll::-webkit-scrollbar{width:6px}.nav-scroll::-webkit-scrollbar-thumb{background:#f0e6d52e;border-radius:3px}.nav-group{font:600 .62rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#8e9a80;padding:16px 10px 6px}.nav-link{color:#c9d0be;min-height:44px;transition:background-color .16s var(--ease), color .16s var(--ease);border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:.92rem;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-link:hover{color:var(--krem-terang);background:#f0e6d50f}.nav-link.active{color:var(--krem-terang);background:#d4a65a24}.nav-link.active:before{content:"";background:var(--mustard-terang);view-transition-name:nav-indicator;border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-14px}.nav-link.soon{opacity:.55}.nav-link .soon-tag{font:600 .62rem/1 var(--font-mono);letter-spacing:.08em;background:#f0e6d514;border-radius:6px;margin-left:auto;padding:4px 6px}.sidebar-foot{border-top:1px solid #f0e6d51a;flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;display:flex}.me{align-items:center;gap:10px;padding:6px 8px;display:flex}.me .avatar{background:#d4a65a2e}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:30;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}@media (width>=900px){.topbar{display:none}}.topbar .brand{padding:0}.bottom-nav{z-index:40;grid-template-columns:repeat(var(--cols,5), 1fr);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--hutan-900) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #d4a65a38;display:grid;position:fixed;bottom:0;left:0;right:0}@media (width>=900px){.bottom-nav{display:none}}.bottom-link{color:#a9b39d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:56px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex;position:relative}.bottom-link.active{color:var(--mustard-terang)}.bottom-link.active:after{content:"";background:var(--mustard-terang);view-transition-name:bottom-indicator;border-radius:3px;width:28px;height:3px;position:absolute;top:2px}.drawer{z-index:55;animation:fade .2s var(--ease);background:#0f21188c;position:fixed;inset:0}.drawer .sidebar{width:min(300px,86vw);height:100dvh;animation:slide .26s var(--ease);display:flex;position:absolute;top:0;left:0}@keyframes slide{0%{transform:translate(-100%)}}.auth-screen{background:radial-gradient(60% 50% at 85% 10%, #d4a65a38, transparent 60%), radial-gradient(70% 60% at 10% 100%, #425027cc, transparent 60%), linear-gradient(160deg, var(--hutan-800), var(--hutan-900));min-height:100dvh;color:var(--krem-terang);place-items:center;padding:24px 16px;display:grid;position:relative;overflow:hidden}.auth-screen:before{content:"";pointer-events:none;background-image:linear-gradient(#f0e6d50d 1px,#0000 1px),linear-gradient(90deg,#f0e6d50d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f21188c;border:1px solid #d4a65a47;border-radius:28px;width:100%;max-width:420px;padding:32px 24px;position:relative;box-shadow:0 30px 80px -30px #000000b3,inset 0 1px #f0e6d514}.auth-card .input{color:var(--krem-terang);background:#f0e6d50f;border-color:#f0e6d538}.auth-card .input::placeholder{color:#8e9883}.auth-card .field label{color:var(--krem-terang)}.auth-card .hint{color:#a9b39d}.auth-card .btn{--bg-btn:var(--mustard-terang);--fg-btn:var(--hutan-900)}.auth-card .btn.ghost{--bg-btn:transparent;--fg-btn:#c9d0be;border-color:#f0e6d538}.auth-card .btn.ghost:hover{background:#f0e6d514}.auth-card .alert.error{color:#f2b2aa;background:#e8857a24}.orbit{pointer-events:none;border:1px dashed #d4a65a2e;border-radius:50%;animation:80s linear infinite spin;position:absolute}.member-card{flex-direction:column;gap:18px;padding:22px;display:flex}.member-card .points{font:600 clamp(2.2rem, 1.6rem + 3vw, 3rem)/1 var(--font-mono);letter-spacing:-.04em;color:var(--krem-terang)}.member-card .points small{font:600 .9rem/1 var(--font-body);color:var(--mustard-terang);letter-spacing:0;margin-left:6px}.member-card .code{font:500 .82rem/1 var(--font-mono);letter-spacing:.12em;color:#c9d0be}.qr-box{background:var(--krem-terang);border-radius:18px;place-items:center;padding:16px;display:grid}.qr-box canvas,.qr-box img{width:min(260px,70vw)!important;height:auto!important}.quick{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.progress{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--zaitun), var(--mustard-terang));border-radius:inherit;height:100%;display:block}.steps{flex-direction:column;gap:0;display:flex}.step{grid-template-columns:28px 1fr;gap:12px;padding-bottom:16px;display:grid;position:relative}.step:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:28px;bottom:0;left:13px}.step .dot{width:28px;height:28px;font:600 .75rem/1 var(--font-mono);border:2px solid var(--line-strong);background:var(--surface);border-radius:50%;place-items:center;display:grid}.step.done .dot{background:var(--zaitun);color:var(--krem-terang);border-color:var(--zaitun)}.step.now .dot{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}::view-transition-group(*){animation-duration:.34s;animation-timing-function:var(--ease)}::view-transition-old(root){animation:.18s var(--ease) both vt-out}::view-transition-new(root){animation:.3s var(--ease) 60ms both vt-in}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)scale(.995)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)scale(.995)}}::view-transition-old(brand){object-fit:cover;width:100%;height:100%}::view-transition-new(brand){object-fit:cover;width:100%;height:100%}::view-transition-old(member-card){object-fit:cover;width:100%;height:100%}::view-transition-new(member-card){object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.accent-ink{color:var(--accent-ink);font-weight:600}.err{color:var(--danger);font-weight:600}.badge.warn{color:var(--accent-ink);background:#ae833f29}.badge.warn.strong{background:var(--accent);color:var(--on-accent)}.dep-list{flex-direction:column;display:flex}.dep-row{border-bottom:1px solid var(--line);min-height:72px;color:inherit;border-radius:12px;grid-template-columns:1fr auto 18px;align-items:center;gap:12px;padding:14px 8px;text-decoration:none;display:grid}.dep-row:last-child{border-bottom:0}.dep-row:hover{background:var(--surface-2)}.dep-main{flex-direction:column;gap:4px;min-width:0;display:flex}.dep-main .small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dep-title{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.dep-nums{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.dep-kg{font-size:1.05rem;font-weight:600}@media (width<=420px){.dep-chev{display:none}.dep-row{grid-template-columns:1fr auto}}.stepper{gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.stepper li{color:var(--ink-muted);background:var(--surface);border:1px solid var(--line);border-radius:12px;flex:1;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;font-weight:600;display:flex}.stepper li .num{border:1.5px solid;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.72rem;display:grid}.stepper li.now{color:var(--on-primary);background:var(--primary);border-color:#0000}.stepper li.done{color:var(--support)}.stepper li.done .num{background:var(--support);color:var(--surface);border-color:var(--support)}.scanner{aspect-ratio:4/3;background:var(--hutan-900);border-radius:18px;place-items:center;max-height:52vh;display:grid;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-frame{aspect-ratio:1;width:min(62%,260px);position:relative}.scanner-frame span{border:3px solid var(--mustard-terang);width:34px;height:34px;position:absolute}.scanner-frame span:first-child{border-bottom:0;border-right:0;border-radius:12px 0 0;top:0;left:0}.scanner-frame span:nth-child(2){border-bottom:0;border-left:0;border-radius:0 12px 0 0;top:0;right:0}.scanner-frame span:nth-child(3){border-top:0;border-right:0;border-radius:0 0 0 12px;bottom:0;left:0}.scanner-frame span:nth-child(4){border-top:0;border-left:0;border-radius:0 0 12px;bottom:0;right:0}.scanner-line{background:linear-gradient(90deg, transparent, var(--mustard-terang), transparent);height:2px;box-shadow:0 0 12px var(--mustard-terang);animation:scan 2.2s var(--ease) infinite alternate;position:absolute;top:10%;left:8%;right:8%}@keyframes scan{to{top:88%}}.scanner-hint{color:var(--krem-terang);white-space:nowrap;background:#0f2118bf;border-radius:999px;padding:6px 12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.scanner-off{aspect-ratio:auto;color:#c9d0be;text-align:center;gap:10px;padding:28px 18px}.member-chip{background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.holo .member-chip{color:var(--krem-terang);text-align:left;background:#f0e6d514;border-color:#f0e6d52e;width:100%}.holo .member-chip .muted{color:#b8c2aa}.weigh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=640px){.weigh-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.weigh-field{color:var(--ink-muted);flex-direction:column;gap:6px;font-size:.82rem;font-weight:600;display:flex}.weigh-input{position:relative}.weigh-input .input{min-height:52px;color:var(--ink);padding-right:40px;font-size:1.25rem;font-weight:600}.weigh-input em{color:var(--ink-muted);font-size:.8rem;font-style:normal;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.weigh-neto{background:var(--ok-bg);border-radius:12px;justify-content:flex-end;min-height:52px;padding:8px 12px}.weigh-neto strong{color:var(--support);font-size:1.25rem}.photo-row{flex-wrap:wrap;gap:10px;display:flex}.photo{border:1px solid var(--line-strong);background:var(--surface-2);cursor:pointer;border-radius:14px;width:88px;height:88px;padding:0;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo.add{color:var(--ink-muted);border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.photo-x{color:#fff;cursor:pointer;background:#0f2118bf;border:0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:4px;right:4px}.submit-bar{bottom:calc(76px + env(safe-area-inset-bottom));z-index:20;color:var(--krem-terang);background:linear-gradient(150deg, var(--hutan-700), var(--hutan-900));border:1px solid #d4a65a66;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex;position:sticky;box-shadow:0 16px 40px -18px #0f2118cc}@media (width>=900px){.submit-bar{bottom:16px}}.submit-bar .btn{flex:none;min-height:52px;padding:0 22px}.receipt{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex}.receipt-icon{width:64px;height:64px;color:var(--mustard-terang);background:#d4a65a29;border:1px solid #d4a65a66;border-radius:20px;place-items:center;display:grid}.receipt-nums{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.receipt-nums>div{flex-direction:column;gap:2px;display:flex}.receipt-nums strong{color:var(--krem-terang);letter-spacing:-.03em;font-size:clamp(1.6rem,1.2rem + 2vw,2.2rem)}.receipt-meta{color:#c9d0be;flex-wrap:wrap;gap:8px 18px;font-size:.88rem;display:flex}.receipt-meta span{align-items:center;gap:6px;display:inline-flex}.timeline{margin:0;padding:0;list-style:none}.timeline li{flex-direction:column;gap:2px;padding:0 0 16px 22px;display:flex;position:relative}.timeline li:before{content:"";background:var(--line-strong);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:4px}.timeline li:not(:last-child):after{content:"";background:var(--line);width:2px;position:absolute;top:18px;bottom:0;left:8px}.timeline li.tl-terverifikasi:before{background:var(--zaitun)}.timeline li.tl-ditolak:before{background:var(--danger)}.timeline li.tl-perlu_tinjau:before,.timeline li.tl-diajukan:before{background:var(--mustard)}.kv{grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:.92rem;display:grid}.kv dt{color:var(--ink-muted)}.kv dd{margin:0;font-weight:600}tfoot td{border-top:1px solid var(--line-strong);padding:12px 16px}.holo .badge{color:#dce3d0;background:#b8c2aa29}.holo .badge.warn{color:#f2d49b;background:#d4a65a38}.holo .badge.warn.strong{background:var(--mustard-terang);color:var(--hutan-900)}.holo .badge.off{color:#f4bdb5;background:#e8857a2e}.holo .badge.outline{color:#dce3d0;background:0 0;border-color:#f0e6d54d}.items-compact{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.items-compact li{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:12px 0;display:flex}.items-compact li:last-child{border-bottom:0}.items-table{display:none}@media (width>=640px){.items-compact{display:none}.items-table{display:block}}.submit-bar{bottom:calc(12px + env(safe-area-inset-bottom))}.shell:has(.bottom-nav) .submit-bar{bottom:calc(76px + env(safe-area-inset-bottom))}@media (width>=900px){.shell:has(.bottom-nav) .submit-bar{bottom:16px}}@media (width<=480px){.stat .value{font-size:1.4rem}.card.stat{padding:16px}}.seg{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.seg button{min-height:44px;color:var(--ink-muted);cursor:pointer;isolation:isolate;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:flex;position:relative}.seg button.on{color:var(--on-primary)}.seg-pill{background:var(--primary);z-index:-1;border-radius:10px;position:absolute;inset:0}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;padding:22px 14px 0;display:grid}.podium-col{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.podium-medal{color:#c9d0be;background:#f0e6d51a;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.p1 .podium-medal{background:var(--mustard-terang);width:52px;height:52px;color:var(--hutan-900);box-shadow:0 0 0 6px #d4a65a2e}.p2 .podium-medal{color:#e3e7dc}.p3 .podium-medal{color:#d9a877}.podium-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;font-size:.95rem;display:inline-flex;overflow:hidden}.podium-sub{color:#b8c2aa;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;overflow:hidden}.podium-kg{color:var(--mustard-terang);font-weight:600}.podium-block{color:#dce3d0;background:#f0e6d514;border:1px solid #f0e6d524;border-bottom:0;border-radius:12px 12px 0 0;place-items:center;width:100%;margin-top:6px;font-weight:700;display:grid}.p1 .podium-block{height:86px;color:var(--krem-terang);background:linear-gradient(#d4a65a59,#d4a65a14);border-color:#d4a65a80;font-size:1.4rem}.p2 .podium-block{height:62px}.p3 .podium-block{height:44px}.podium-col.me .podium-name{color:var(--mustard-terang)}.board{margin:0;padding:0;list-style:none}.board li{border-bottom:1px solid var(--line);border-radius:10px;align-items:center;gap:14px;min-height:60px;padding:12px 6px;display:flex}.board li:last-child{border-bottom:0}.board li.me{background:#ae833f1f}.board-rank{text-align:center;width:34px;color:var(--ink-muted);flex:none;font-weight:700}.board-kg{flex:none;font-weight:600}.board-me{bottom:calc(80px + env(safe-area-inset-bottom));border-color:var(--mustard);align-items:center;gap:14px;display:flex;position:sticky;box-shadow:0 12px 30px -16px #0f211880}@media (width>=900px){.board-me{bottom:16px}}.level{flex-direction:column;gap:8px;display:flex}.progress.dark{background:#f0e6d51f}.case-dep{border:1px solid var(--line-strong);color:inherit;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.case-dep:hover{background:var(--surface-2)}.case-dep>svg{margin-left:auto}.resolution.pos{border-color:var(--zaitun)}.resolution.neg{border-color:var(--danger)}.thread{flex-direction:column;gap:10px;max-height:52vh;padding:4px 2px;display:flex;overflow-y:auto}.bubble{background:var(--surface-2);border-radius:16px 16px 16px 4px;flex-direction:column;align-self:flex-start;gap:4px;max-width:86%;padding:10px 14px;display:flex}.bubble.mine{background:var(--primary);color:var(--on-primary);border-radius:16px 16px 4px;align-self:flex-end}.bubble.staff:not(.mine){border:1px solid #ae833f66}.bubble-author{opacity:.85;font-weight:600}.bubble-time{opacity:.7;font-size:.72rem}.reply{align-items:flex-end;gap:8px;margin-top:14px;display:flex}.reply .textarea{min-height:52px}.bell{text-decoration:none;position:relative}.bell-count{background:var(--mustard-terang);min-width:18px;height:18px;color:var(--hutan-900);border-radius:9px;place-items:center;padding:0 4px;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.notif-ico{background:var(--ok-bg);width:38px;height:38px;color:var(--support);border-radius:12px;flex:none;place-items:center;display:grid}.notif-ico.neg{background:var(--danger-bg);color:var(--danger)}.notif.fresh{background:#ae833f14}.unread-dot{background:var(--mustard);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block}.wallet{flex-wrap:wrap;align-items:center;gap:14px 28px;padding:18px 20px;display:flex}.wallet>div{flex-direction:column;gap:4px;display:flex}.wallet strong{color:var(--krem-terang);letter-spacing:-.02em;font-size:1.5rem}.wallet>a{margin-left:auto}@media (width<=520px){.wallet>a{justify-content:center;width:100%;margin-left:0}}.rw-card{color:inherit;transition:transform .2s var(--ease), box-shadow .2s var(--ease);flex-direction:column;padding:10px;text-decoration:none;display:flex}.rw-card:hover{transform:translateY(-2px)}.rw-card.out{opacity:.6}.rw-img{aspect-ratio:4/3;color:var(--support);background:radial-gradient(80% 80% at 70% 20%, #d4a65a40, transparent 60%), linear-gradient(150deg, var(--surface-2), var(--ok-bg));border-radius:12px;place-items:center;display:grid;overflow:hidden}.rw-img img{object-fit:cover;width:100%;height:100%}.rw-img.big{aspect-ratio:16/9;border-radius:var(--r-lg);max-height:360px}.rw-name{font-size:1.05rem;line-height:1.3}.rw-cost{color:var(--accent-ink);font-size:1.2rem;font-weight:700}.rw-cost small{font-family:var(--font-body);font-size:.8rem;font-weight:600}.rw-thumb{background:var(--surface-2);width:48px;height:48px;color:var(--support);border-radius:12px;flex:none;place-items:center;display:grid;overflow:hidden}.rw-thumb.lg{border-radius:14px;width:64px;height:64px}.rw-thumb img{object-fit:cover;width:100%;height:100%}.rw-admin.out{opacity:.65}.stock-list{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.site-opt{border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;min-height:60px;color:inherit;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.site-opt.on{border-color:var(--mustard);background:#ae833f14;box-shadow:0 0 0 3px #ae833f2e}.site-opt:disabled{opacity:.5;cursor:not-allowed}.terms{flex-direction:column;gap:8px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.terms li{align-items:flex-start;gap:8px;display:flex}.terms svg{color:var(--support);flex:none;margin-top:3px}.confirm-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;font-size:.92rem;display:flex}.confirm-row>span{color:var(--ink-muted)}.confirm-row>strong{text-align:right}.pickup-code{letter-spacing:.08em;color:var(--mustard-terang);font-size:clamp(1.8rem,1.4rem + 2vw,2.4rem);font-weight:700}@media (width<=520px){.rw-grid{gap:10px}.rw-card{padding:8px}.rw-card .rw-img{aspect-ratio:1}.rw-card .rw-name{font-size:.95rem}.rw-card .rw-cost{font-size:1.05rem}}.stat .value{overflow-wrap:anywhere;font-size:clamp(1.2rem,.9rem + 1vw,1.75rem)}.batch-head{flex-direction:column;gap:16px;padding:20px;display:flex}.batch-head h1{font-size:clamp(1.4rem,1.1rem + 1.4vw,2rem)}.flow{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin:0;padding:0;list-style:none;display:grid}.flow li{font:600 .72rem/1.2 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#8e9a84;flex-direction:column;gap:6px;display:flex;position:relative}.flow li>span{background:#f0e6d524;border-radius:4px;height:4px}.flow li.done{color:#b8c2aa}.flow li.done>span{background:#8fa36b}.flow li.now{color:var(--mustard-terang)}.flow li.now>span{background:linear-gradient(90deg, var(--mustard), var(--mustard-terang));box-shadow:0 0 12px #d4a65a8c}.flow li.bad,.flow li.now.bad{color:#f0a8a0}.flow li.bad>span{background:#c0504a;box-shadow:0 0 12px #c0504a80}@media (prefers-reduced-motion:no-preference){.flow li.now>span{animation:2.4s ease-in-out infinite flowPulse}}@keyframes flowPulse{50%{opacity:.55}}.raw-box{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.raw-box .err,.num.err{color:var(--danger)}.param-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (width<=520px){.param-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow li{letter-spacing:0;font-size:.62rem}}.search-box{align-items:center;gap:8px;display:flex;position:relative}.search-box svg{color:var(--ink-muted);pointer-events:none;position:absolute;left:12px}.search-box .input{padding-left:36px}.stock-table .r,.stock-table th.r{text-align:right}.move-dot{background:var(--zaitun);border-radius:50%;flex:none;width:10px;height:10px}.move-dot.b-dipesan{background:var(--mustard)}.move-dot.b-karantina{background:var(--danger)}@media (width<=640px){.stock-table thead{display:none}.stock-table,.stock-table tbody,.stock-table tr,.stock-table td{width:100%;display:block}.stock-table tr{border-bottom:1px solid var(--line);padding:10px 14px}.stock-table td{text-align:right;border:0;justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.stock-table td:before{content:attr(data-label);color:var(--ink-muted);text-align:left;font-size:.8rem}.stock-table td[data-label=Batch]:before{content:none}.stock-table td[data-label=Batch]{justify-content:flex-start;gap:8px}}.banding{background:var(--surface-2);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;padding:12px 14px;display:flex}.banding>div{flex-direction:column;gap:2px;min-width:110px;display:flex}.banding strong{font-size:1.15rem}.luring{background:var(--danger-bg);color:var(--danger);border-bottom:1px solid #9b2c2c4d;align-items:flex-start;gap:10px;padding:10px 16px;font-size:.86rem;line-height:1.4;display:flex}.luring svg{flex:none;margin-top:2px}.bagan{width:100%}.bagan svg text{font-family:var(--font-mono)}.bagan-nilai{fill:var(--ink);font-size:11px;font-weight:700}.bagan-sumbu{fill:var(--ink-muted);font-size:10px}.bagan-pusat{fill:var(--ink);font-size:15px;font-weight:700;font-family:var(--font-mono)}.bagan-ket{min-height:2.4em;margin-top:10px}.bagan g:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.bagan-legenda,.lingkaran-ket{margin:0;padding:0;list-style:none}.bagan-legenda{flex-wrap:wrap;gap:6px 16px;margin-top:4px;display:flex}.bagan-legenda li,.lingkaran-ket li{color:var(--ink-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.titik{background:var(--c);border-radius:3px;flex-shrink:0;width:10px;height:10px}.lingkaran-bungkus{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.lingkaran-ket{flex:1;gap:8px;min-width:180px;display:grid}.lingkaran-ket li{justify-content:flex-start}.lingkaran-ket .nama{color:var(--ink);flex:1}.lingkaran-ket .num{color:var(--ink-muted)}@media (width<=520px){.lingkaran-bungkus{justify-content:center}}html[data-sudut=tajam]{--r-sm:4px;--r-md:6px;--r-lg:10px}html[data-sudut=bulat]{--r-sm:14px;--r-md:22px;--r-lg:32px}html[data-sudut=tajam] .btn,html[data-sudut=tajam] .input,html[data-sudut=tajam] .select,html[data-sudut=tajam] .textarea,html[data-sudut=tajam] .nav-link{border-radius:6px}html[data-sudut=bulat] .input,html[data-sudut=bulat] .select,html[data-sudut=bulat] .nav-link{border-radius:18px}html[data-lebar=ringkas] .page{max-width:960px}html[data-lebar=lebar] .page{max-width:1560px}html[data-kartu=bergaris] .card{box-shadow:none;border:1.5px solid var(--line-strong)}@media (width>=900px){html[data-sidebar=ramping]{--sidebar-w:76px}html[data-sidebar=ramping] .shell>.sidebar{align-items:stretch;padding-inline:10px}html[data-sidebar=ramping] .shell>.sidebar :is(.brand-name,.portal-tag,.nav-group,.nav-link span:not(.soon-tag),.soon-tag,.me>div){display:none}html[data-sidebar=ramping] .shell>.sidebar .brand{justify-content:center;padding-inline:0}html[data-sidebar=ramping] .shell>.sidebar .nav-link{justify-content:center;padding:0}html[data-sidebar=ramping] .shell>.sidebar .nav-link.active:before{left:-10px}html[data-sidebar=ramping] .shell>.sidebar .me{justify-content:center;padding:6px 0}html[data-sidebar=ramping] .shell>.sidebar .nav-link svg{flex:none}}.tema-pemicu{z-index:50;border:1px solid var(--line-strong);cursor:pointer;background:var(--primary);width:44px;height:44px;color:var(--on-primary);box-shadow:var(--shadow);border-right:0;border-radius:14px 0 0 14px;place-items:center;display:grid;position:fixed;bottom:120px;right:0}.tema-pemicu:hover svg{animation:tema-putar .9s var(--ease)}@keyframes tema-putar{to{transform:rotate(180deg)}}.tema-lapis{z-index:80;animation:fade .2s var(--ease);background:#0f211873;position:fixed;inset:0}.tema-panel{background:var(--surface);width:min(380px,100vw);height:100dvh;color:var(--ink);border-left:1px solid var(--line-strong);animation:tema-masuk .26s var(--ease);flex-direction:column;display:flex;position:absolute;top:0;right:0;box-shadow:-12px 0 40px -16px #0006}@keyframes tema-masuk{0%{transform:translate(100%)}}.tema-kepala{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.tema-isi{flex-direction:column;gap:4px;padding:8px 20px 28px;display:flex;overflow-y:auto}.tema-bagian{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:14px 0;display:flex}.tema-bagian:last-child{border-bottom:0}.tema-bagian h3{font:600 .72rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}.tema-opsi{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;display:grid}.tema-kotak{border:1.5px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;min-height:52px;color:var(--ink);text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:.82rem;font-weight:600;display:flex}.tema-kotak:hover{background:var(--surface-2)}.tema-kotak[aria-checked=true]{border-color:var(--mustard);box-shadow:0 0 0 2px color-mix(in srgb, var(--mustard) 35%, transparent)}.tema-opsi.gambar{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.tema-warna{flex-wrap:wrap;gap:10px;display:flex}.tema-swatch{cursor:pointer;border:2px solid var(--surface);width:40px;height:40px;box-shadow:0 0 0 1px var(--line-strong);color:#fff;border-radius:12px;place-items:center;display:grid;position:relative}.tema-swatch[aria-checked=true],.tema-swatch[data-aktif=true]{box-shadow:0 0 0 2px var(--mustard)}.tema-swatch.kustom{background:conic-gradient(#d4503c,#d4a65a,#6fa84f,#3f9bd4,#8a5bc4,#d4503c);font-size:1.1rem;font-weight:700}.tema-swatch.kustom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mini-bg{fill:var(--bg);stroke:var(--line-strong)}.mini-sb{fill:var(--hutan-900)}.mini-ln{fill:var(--mustard-terang);opacity:.8}.mini-kt{fill:var(--surface);stroke:var(--line)}.mini-garis{stroke:var(--ink-muted);stroke-width:1.5px}.mini-bayang{stroke:none;filter:drop-shadow(0 1px 2px #00000059)}@media (width>=900px){.shell:has(.bottom-nav) .tema-pemicu{bottom:40px}}@media (width<=899px){.shell:has(.bottom-nav) .tema-pemicu{bottom:96px}}@media print{.tema-pemicu,.tema-lapis{display:none}}