:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#dfe4ec;--bezel:#0c1018;--bezel-hi:#232a36;--ground:#f3f5f9;--surface:#fff;--surface-2:#eceff5;--surface-3:#f7f9fc;--ink:#101828;--ink-2:#344054;--muted:#667085;--line:#e4e8ef;--line-strong:#cfd6e1;--accent:#3d6ef5;--accent-soft:#e8efff;--accent-ink:#2350c9;--on-accent:#fff;--ok:#11905f;--ok-soft:#e1f5ec;--warn:#b86e00;--warn-soft:#fdf0d9;--danger:#d93a2f;--danger-soft:#fdeae8;--total-bg:#101828;--total-ink:#fff;--total-sub:#ffffff9e;--scrim:#10182875;--paper:#fff;--paper-ink:#000;--thumb:#10182857;--thumb-hover:#10182894;--on-danger:#fff;--shadow-sm:0 1px 2px #1018280f;--shadow:0 1px 2px #1018280d, 0 8px 24px -12px #1018282e;--shadow-lg:0 24px 60px -20px #10182873;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--t-xs:11px;--t-sm:12.5px;--t-base:14px;--t-md:15px;--t-lg:17px;--t-xl:21px;--t-2xl:26px;--r-sm:6px;--r:10px;--r-lg:16px;--r-pill:999px;--ctl-h:40px;--tap:44px;--ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#05070b;--bezel:#000;--bezel-hi:#1b212c;--ground:#0d121b;--surface:#151c28;--surface-2:#1d2634;--surface-3:#111823;--ink:#e9eef6;--ink-2:#c3ccda;--muted:#8e99ac;--line:#243044;--line-strong:#35435b;--accent:#6d93ff;--accent-soft:#1a2747;--accent-ink:#abc1ff;--on-accent:#08112b;--ok:#45cf92;--ok-soft:#0f2a20;--warn:#f0b24e;--warn-soft:#2d2411;--danger:#ff7d72;--danger-soft:#331a19;--total-bg:#1f2938;--total-ink:#f3f6fb;--total-sub:#9aa6ba;--scrim:#0009;--thumb:#ffffff4d;--thumb-hover:#ffffff8c;--on-danger:#2a0c09;--shadow-sm:0 1px 2px #00000080;--shadow:0 1px 2px #00000080, 0 10px 28px -14px #000c;--shadow-lg:0 24px 60px -20px #000000e6}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#05070b;--bezel:#000;--bezel-hi:#1b212c;--ground:#0d121b;--surface:#151c28;--surface-2:#1d2634;--surface-3:#111823;--ink:#e9eef6;--ink-2:#c3ccda;--muted:#8e99ac;--line:#243044;--line-strong:#35435b;--accent:#6d93ff;--accent-soft:#1a2747;--accent-ink:#abc1ff;--on-accent:#08112b;--ok:#45cf92;--ok-soft:#0f2a20;--warn:#f0b24e;--warn-soft:#2d2411;--danger:#ff7d72;--danger-soft:#331a19;--total-bg:#1f2938;--total-ink:#f3f6fb;--total-sub:#9aa6ba;--scrim:#0009;--thumb:#ffffff4d;--thumb-hover:#ffffff8c;--on-danger:#2a0c09;--shadow-sm:0 1px 2px #00000080;--shadow:0 1px 2px #00000080, 0 10px 28px -14px #000c;--shadow-lg:0 24px 60px -20px #000000e6}*{box-sizing:border-box}html{min-height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}svg{flex:none}body *{scrollbar-width:none}body ::-webkit-scrollbar{width:0;height:0;display:none}.app{background:var(--ground);color:var(--ink);font-size:var(--t-base);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.nav{background:var(--surface);border-bottom:1px solid var(--line);z-index:30;flex:none;align-items:center;gap:18px;height:68px;padding:0 22px;display:flex;position:relative}.dev-tablet .nav{gap:12px;height:64px;padding:0 16px}.logo{align-items:center;gap:10px;min-width:0;display:flex}.logo .mark{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:11px;place-items:center;display:grid}.logo b{white-space:nowrap;font-size:15px;line-height:1.1;display:block}.logo small{color:var(--muted);white-space:nowrap;font-size:11.5px;display:block}.tabs{background:var(--surface-2);border-radius:var(--r-pill);align-items:center;gap:2px;min-width:0;padding:4px;display:flex}.tab{border-radius:var(--r-pill);height:40px;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:flex;position:relative}.dev-tablet .tab{gap:6px;height:44px;padding:0 12px}@media (width<=900px){.dev-tablet .nav{gap:8px;padding:0 12px}.dev-tablet .tab{gap:3px;padding:0 5px}}.tab:hover{color:var(--ink)}.tab.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm), 0 0 0 1px var(--line)}.tab .badge{border-radius:var(--r-pill);background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);place-items:center;padding:0 6px;font-size:11px;display:grid}.nav-r{align-items:center;gap:10px;margin-left:auto;display:flex}.iconbtn{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink-2);border-radius:12px;place-items:center;display:grid;position:relative}.dev-tablet .iconbtn,.dev-mobile .iconbtn{width:44px;height:44px}.iconbtn:hover{border-color:var(--line-strong);color:var(--ink)}.iconbtn .dot{background:var(--danger);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:8px;right:9px}.profile{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:10px;height:46px;padding:0 12px 0 5px;display:flex}.profile .who{text-align:left;line-height:1.15}.profile .who b{font-size:13.5px;display:block}.profile .who small{color:var(--muted);font-size:11.5px}.av{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-ink);border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.av.lg{border-radius:13px;width:44px;height:44px;font-size:15px}.av.xl{border-radius:16px;width:56px;height:56px;font-size:18px}.term{border-radius:var(--r-pill);background:var(--surface-2);height:36px;color:var(--ink-2);white-space:nowrap;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:600;display:flex}.live{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 3px var(--ok-soft);border-radius:50%}.main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.page{flex:1;min-height:0;padding:24px 28px 32px;overflow:auto}.dev-tablet .page{padding:20px 20px 28px}.dev-mobile .page{padding:14px 16px 24px}.phead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;margin-bottom:18px;display:flex}.phead h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:24px;line-height:1.15}.dev-mobile .phead h1{display:none}.phead p{color:var(--muted);margin:4px 0 0}.phead .acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row{align-items:center;gap:8px;display:flex}.between{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:12.5px}.xs{font-size:11.5px}.b{font-weight:700}.grow{flex:1;min-width:0}.ell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hr{background:var(--line);height:1px;margin:12px 0}.btn{height:var(--ctl-h);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--ink-2)}.dev-tablet .btn,.dev-mobile .btn{height:var(--tap)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 6px 16px -8px var(--accent)}.btn.primary:hover{filter:brightness(1.06)}.btn.soft{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.btn.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.btn.danger-solid{background:var(--danger);border-color:var(--danger);color:var(--on-danger);box-shadow:0 6px 16px -8px var(--danger)}.btn.danger-solid:hover{filter:brightness(1.06)}.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn.big{border-radius:14px;height:54px;padding:0 22px;font-size:16px}.btn.sm{border-radius:9px;height:32px;padding:0 11px;font-size:13px}.dev-tablet .btn.sm,.dev-mobile .btn.sm{height:38px}.btn.block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;filter:none}.xclose{background:var(--ink);width:40px;height:40px;color:var(--surface);border:0;border-radius:12px;flex:none;place-items:center;display:grid}.chips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000)}.chips.fade-l{-webkit-mask-image:linear-gradient(90deg,#0000,#000 44px);mask-image:linear-gradient(90deg,#0000,#000 44px)}.chips.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,#0000,#000 44px calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#0000,#000 44px calc(100% - 44px),#0000)}.chips.wrap{flex-wrap:wrap;overflow:visible}.chip{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink-2);white-space:nowrap;flex:none;align-items:center;gap:7px;padding:0 13px;font-weight:600;display:inline-flex}.dev-tablet .chip,.dev-mobile .chip{height:40px}.chip:hover{border-color:var(--line-strong)}.chip .n{border-radius:var(--r-pill);background:var(--surface-2);min-width:22px;height:20px;color:var(--muted);place-items:center;padding:0 6px;font-size:11px;display:grid}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.chip.on .n{background:var(--accent);color:var(--on-accent)}.seg{border-radius:var(--r-pill);background:var(--surface-2);gap:2px;padding:4px;display:inline-flex}.seg button{border-radius:var(--r-pill);height:34px;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.dev-tablet .seg button,.dev-mobile .seg button{height:38px}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm), 0 0 0 1px var(--line)}.seg button[disabled]{opacity:.4;cursor:not-allowed}.seg.block{display:flex}.seg.block button{flex:1;justify-content:center}.pill{border-radius:var(--r-pill);white-space:nowrap;background:var(--surface-2);height:24px;color:var(--ink-2);align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.pill.accent{background:var(--accent-soft);color:var(--accent-ink)}.pill .d{background:currentColor;border-radius:50%;width:6px;height:6px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.card.pad{padding:18px}.dev-mobile .card.pad{padding:14px}.card-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.card-h h3{margin:0;font-size:15px}.card-b{padding:14px 18px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{color:var(--ink-2);font-size:12.5px;font-weight:600}.field .help{color:var(--muted);font-size:12px}.input{height:var(--ctl-h);border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:11px;min-width:0;padding:0 12px}.dev-tablet .input,.dev-mobile .input{height:var(--tap)}textarea.input{resize:none;height:auto;padding:10px 12px;line-height:1.45}select.input{padding-right:28px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search{align-items:center;min-width:0;display:flex;position:relative}.search svg{color:var(--muted);pointer-events:none;position:absolute;left:12px}.search .input{padding-left:38px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dev-mobile .grid2{grid-template-columns:1fr}.tablewrap{overflow:auto}table.data{border-collapse:collapse;width:100%}table.data th{color:var(--muted);text-align:left;background:var(--surface-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:600}table.data th.sortable{padding:0}.sorth{width:100%;font:inherit;color:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:10px 14px;display:flex}.sorth:hover{color:var(--ink)}th.r .sorth{justify-content:flex-end}.sorth .sico{opacity:.35;place-items:center;transition:opacity .12s;display:grid}.sorth:hover .sico{opacity:.8}th[aria-sort=ascending] .sorth,th[aria-sort=descending] .sorth{color:var(--accent-ink)}th[aria-sort=ascending] .sico,th[aria-sort=descending] .sico{opacity:1}table.data td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}table.data tr:last-child td{border-bottom:0}table.data tr.click{cursor:pointer}table.data tr.click:hover td{background:var(--surface-3)}table.data tr.sel td{background:var(--accent-soft)}.r{text-align:right!important}span.r{flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.c{text-align:center!important}.toggle{border-radius:var(--r-pill);background:var(--line-strong);border:0;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.toggle:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(18px)}.bar{border-radius:var(--r-pill);background:var(--surface-2);height:8px;overflow:hidden}.bar i{border-radius:inherit;background:var(--accent);height:100%;display:block}.bar.warn i{background:var(--warn)}.bar.danger i{background:var(--danger)}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty .ico{background:var(--surface-2);width:56px;height:56px;color:var(--muted);border-radius:16px;place-items:center;margin:0 auto 12px;display:grid}.empty b{color:var(--ink);margin-bottom:4px;font-size:15px;display:block}.scrim{background:var(--scrim);z-index:60;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.dialog{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;width:min(560px,100%);max-height:100%;display:flex;overflow:hidden}.dialog.wide{width:min(940px,100%)}.dialog.mid{width:min(700px,100%)}.dhead{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px 16px 22px;display:flex}.dhead h2{flex:1;min-width:0;margin:0;font-size:18px}.dbody{flex:1;min-height:0;padding:20px 22px;overflow:auto}.dfoot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex}.dev-tablet .scrim{padding:20px}.dev-mobile .scrim{align-items:flex-end;padding:0}.dev-mobile .dialog,.dev-mobile .dialog.wide,.dev-mobile .dialog.mid{border-radius:24px 24px 0 0;width:100%;max-height:94%}.dev-mobile .dialog.full{border-radius:0;height:100%;max-height:100%}.dev-mobile .dhead{padding:14px 14px 14px 18px}.dev-mobile .dbody{padding:16px 18px}.dev-mobile .dfoot{padding:12px 18px 26px}.dev-mobile .dfoot>.note{flex-basis:100%}.dev-mobile .dfoot .btn.primary,.dev-mobile .dfoot .btn.danger{flex:1}.grabber{background:var(--line-strong);border-radius:9px;flex:none;width:40px;height:5px;margin:8px auto 0}.drawer{background:var(--surface);border-left:1px solid var(--line);width:460px;max-width:100%;box-shadow:var(--shadow-lg);z-index:55;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.dev-mobile .drawer{border-left:0;width:100%}.pop{z-index:58;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:18px;position:absolute;overflow:hidden}.pop.notif{flex-direction:column;width:400px;max-height:calc(100% - 96px);display:flex;top:76px;right:22px}.pop.menu{width:240px;padding:6px;top:76px;right:22px}.menu-i{width:100%;height:42px;color:var(--ink-2);text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex}.menu-i:hover{background:var(--surface-2);color:var(--ink)}.toast{z-index:95;background:var(--ink);color:var(--surface);box-shadow:var(--shadow-lg);border-radius:14px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:11px 16px;font-weight:600;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.toast.err{background:var(--danger);color:#fff}.toast{width:max-content}.dev-mobile .toast{bottom:104px}.mtop{background:var(--surface);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;height:56px;padding:0 12px 0 18px;display:flex}.mtop h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:18px;overflow:hidden}.mtop .iconbtn{border:0}.mtabs{background:var(--surface);border-top:1px solid var(--line);flex:none;padding:6px 6px 26px;display:flex}.mtab{height:52px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex;position:relative}.mtab.on{color:var(--accent)}.mtab.on:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:-6px}.mtab .badge{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;display:grid;position:absolute;top:2px;left:calc(50% + 6px)}.mtabs.notched{z-index:25;filter:drop-shadow(0 -1px 0 var(--line)) drop-shadow(0 -8px 18px #1018280f);background:0 0;border-top:0;padding:0;position:relative}.mt-side{background:var(--surface);flex:1;padding:6px 4px 26px;display:flex}.mt-notch{flex:none;width:112px;position:relative}.mt-notch svg.bg{width:calc(100% + 2px);height:100%;display:block;position:absolute;top:0;left:-1px}.mt-notch svg.bg path{fill:var(--surface)}.fab-scan{color:#fff;background:linear-gradient(150deg,var(--accent),color-mix(in srgb,var(--accent) 62%,#000));width:64px;height:64px;box-shadow:0 14px 26px -8px color-mix(in srgb,var(--accent) 75%,transparent),0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent);border:0;border-radius:50%;place-items:center;margin-left:-32px;transition:transform .12s;display:grid;position:absolute;top:-30px;left:50%}.fab-scan:active{transform:scale(.94)}.fab-scan:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}.fab-l{text-align:center;color:var(--accent);pointer-events:none;font-size:11px;font-weight:600;position:absolute;top:42px;left:0;right:0}.app:has(.fab-scan) .toast{bottom:128px}.has-fab .mcartbar{bottom:40px}.cam{z-index:70;color:#fff;background:#07090d;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.cam-feed{filter:blur(.5px)saturate(.92);background:radial-gradient(90% 60% at 30% 18%,#5a4d3d,#221d17 58%,#0c0b09);transition:filter .25s;position:absolute;inset:0}.cam.flash .cam-feed{filter:blur(.5px)saturate(.92)brightness(1.35)}.cam-feed:after{content:"";background:radial-gradient(at 50% 45%,#0000 45%,#0000008c);position:absolute;inset:0}.cam.flash .cam-feed:before{content:"";z-index:1;background:radial-gradient(circle at 50% 44%,#fffaeb59,#0000 60%);position:absolute;inset:0}.cam-pkg{background:linear-gradient(165deg,#ffffff38,#ffffff0a 38%,#ffffff24 55%,#ffffff08 75%),var(--pkg,#22282f);border-radius:22px 22px 12px 12px;height:46%;position:absolute;top:25%;left:9%;right:9%;transform:rotate(-5deg);box-shadow:0 30px 60px -20px #000c}.cam-pkg:before{content:"";background:#ffffff1f;border-radius:4px;height:5%;position:absolute;top:6%;left:8%;right:8%}.cam-lbl{color:#222;background:#f3f1ea;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 10px 6px;display:flex;position:absolute;top:30%;left:14%;right:14%;box-shadow:0 2px 6px #00000059}.cam-lbl small{letter-spacing:.06em;text-transform:uppercase;opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:8px;font-weight:700;overflow:hidden}.cam-lbl svg{width:100%;height:44px;display:block}.cam-lbl span{font:600 9px var(--mono);letter-spacing:.14em}.cam-top{z-index:3;align-items:center;gap:10px;padding:4px 16px 0;display:flex;position:relative}.cam-top .t{text-align:center;flex:1;line-height:1.2}.cam-top .t b{font-size:16px;display:block}.cam-top .t small{opacity:.7;font-size:11.5px}.glass{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.glass.on{color:#1d1a10;background:#ffd54a}.cam-mid{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;display:flex;position:relative}.cam-frame{--c:#8fb0ff;cursor:pointer;background:0 0;border:0;border-radius:24px;width:80%;max-width:330px;height:172px;padding:0;position:relative;box-shadow:0 0 0 100vmax #04060a99}.cam-frame.ok{--c:#3ddc97;animation:.5s camOk}.cam-frame.bad{--c:#ff6b5e;animation:.35s camBad}.cam-frame.warn{--c:#ffc043}.cam-frame .cc{border:0 solid var(--c);width:38px;height:38px;transition:border-color .2s;position:absolute}.cam-frame .cc.tl{border-width:5px 0 0 5px;border-top-left-radius:24px;top:-2px;left:-2px}.cam-frame .cc.tr{border-width:5px 5px 0 0;border-top-right-radius:24px;top:-2px;right:-2px}.cam-frame .cc.bl{border-width:0 0 5px 5px;border-bottom-left-radius:24px;bottom:-2px;left:-2px}.cam-frame .cc.br{border-width:0 5px 5px 0;border-bottom-right-radius:24px;bottom:-2px;right:-2px}.cam-frame:after{content:"";border-radius:inherit;border:1px solid #ffffff2e;position:absolute;inset:0}.cam-laser{background:linear-gradient(90deg,transparent,var(--c) 18%,var(--c) 82%,transparent);height:2px;box-shadow:0 0 12px 2px color-mix(in srgb,var(--c) 70%,transparent);border-radius:2px;animation:2.1s ease-in-out infinite alternate camLaser;position:absolute;top:14%;left:14px;right:14px}.cam-frame.ok .cam-laser,.cam-frame.bad .cam-laser,.cam-frame.warn .cam-laser{animation:none;top:50%}.cam-frame.ok .cam-mark{opacity:1;transform:scale(1)}.cam-mark{color:#06281a;opacity:0;background:#3ddc97;border-radius:50%;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;transition:opacity .15s,transform .2s;display:grid;position:absolute;top:50%;left:50%;transform:scale(.6)}@keyframes camLaser{0%{top:12%}to{top:86%}}@keyframes camOk{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes camBad{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.cam-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#00000080;border-radius:999px;align-items:center;gap:8px;max-width:86%;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.cam-hint.ok{color:#06281a;background:#3ddc97}.cam-hint.bad{color:#2d0703;background:#ff6b5e}.cam-hint.warn{color:#2b1d00;background:#ffc043}.cam-demo{opacity:.55;margin-top:-8px;font-size:11px}.cam-hit{z-index:3;background:var(--surface);color:var(--ink);border-radius:18px;align-items:center;gap:12px;margin:0 12px 10px;padding:10px 10px 10px 12px;display:flex;position:relative;box-shadow:0 18px 40px -16px #000000b3}.cam-hit .tn{background:var(--ok-soft);width:42px;height:42px;color:var(--ok);border-radius:12px;flex:none;place-items:center;display:grid}.cam-hit.bad .tn{background:var(--danger-soft);color:var(--danger)}.cam-hit.warn .tn{background:var(--warn-soft);color:var(--warn)}.cam-hit .grow{min-width:0}.cam-hit b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.cam-tray{z-index:3;background:var(--surface);color:var(--ink);border-radius:26px 26px 0 0;flex-direction:column;gap:12px;padding:16px 16px 30px;display:flex;position:relative}.cam-sum{align-items:center;gap:12px;display:flex}.cam-sum .av{background:var(--accent-soft);color:var(--accent-ink)}.cam-sum b{font-size:18px}.cam-man{gap:8px;display:flex}.cam-man .scan-f{flex:1}.cam-man .scan-f input{height:var(--tap);border:1.5px solid var(--line-strong);background:var(--surface);width:100%;min-width:0;font:15px var(--mono);color:var(--ink);border-radius:12px;padding:0 10px 0 40px}.cam-man .scan-f{min-width:0}.cam-man .scan-f svg{left:12px}@media (prefers-reduced-motion:reduce){.cam-laser{animation:none;top:50%}.cam-frame.ok,.cam-frame.bad{animation:none}.fab-scan{transition:none}}.login{flex:1;grid-template-columns:1.05fr 1fr;min-height:0;display:grid}.dev-mobile .login{flex-direction:column;display:flex;overflow:auto}.login-art{background:var(--accent);color:var(--on-accent);flex-direction:column;justify-content:space-between;padding:44px;display:flex;position:relative;overflow:hidden}.dev-tablet .login-art{padding:32px}.dev-mobile .login-art{flex:none;padding:22px 20px 26px}.login-art .grid-bg{opacity:.14;background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(160deg,#000 20%,#0000 75%);mask-image:linear-gradient(160deg,#000 20%,#0000 75%)}.login-art>*{position:relative}.login-art h2{letter-spacing:-.03em;text-wrap:balance;max-width:12ch;margin:0 0 12px;font-size:40px;line-height:1.08}.dev-tablet .login-art h2{font-size:32px}.dev-mobile .login-art h2{max-width:none;margin:14px 0 6px;font-size:24px}.login-art p{opacity:.85;max-width:40ch;margin:0;line-height:1.5}.login-art .brand{align-items:center;gap:12px;font-size:17px;font-weight:700;display:flex}.login-art .brand .mark{background:#ffffff2e;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.dev-mobile .login-art .brand .mark{width:38px;height:38px}.stats{flex-wrap:wrap;gap:10px;display:flex}.stats div{background:#ffffff24;border-radius:14px;min-width:130px;padding:12px 14px}.stats b{font-size:18px;display:block}.stats span{opacity:.8;font-size:12px}.login-form{background:var(--surface);justify-content:center;align-items:flex-start;padding:32px;display:flex;overflow:auto}.dev-mobile .login-form{flex:1;align-items:flex-start;padding:20px 18px 40px}.login-box{flex-direction:column;gap:16px;width:100%;max-width:400px;margin-block:auto;display:flex}.login-box h3{letter-spacing:-.02em;margin:0;font-size:24px}.users{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ubtn{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:13px;font-weight:600;display:flex}.ubtn.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.pindots{justify-content:center;gap:12px;padding:6px 0;display:flex}.pindots i{border:2px solid var(--line-strong);border-radius:50%;width:14px;height:14px}.pindots i.f{background:var(--accent);border-color:var(--accent)}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.key{border:1px solid var(--line);background:var(--surface-3);border-radius:14px;place-items:center;height:54px;font-size:20px;font-weight:600;display:grid}.key:hover{border-color:var(--line-strong);background:var(--surface-2)}.key.fn{color:var(--muted);font-size:14px}.dev-desktop .key,.dev-tablet .dialog .key{height:48px}.acct{position:relative}.acct-btn{border:1px solid var(--line-strong);background:var(--surface-3);text-align:left;width:100%;color:var(--ink);border-radius:16px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.acct-btn:hover{border-color:var(--ink-2)}.acct-btn.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.acct-btn .chev{color:var(--muted);place-items:center;transition:transform .15s;display:grid}.acct-btn.open .chev{transform:rotate(180deg)}.acct-list{z-index:40;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0}.acct-i{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.acct-i:hover{background:var(--surface-2)}.acct-i.on{background:var(--accent-soft)}.acct-i.on>svg{color:var(--accent)}.acct-sep{background:var(--line);height:1px;margin:4px 6px}.pinboxes{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.pinboxes i{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;place-items:center;height:50px;display:grid}.dev-mobile .pinboxes i{height:46px}.pinboxes i.f:after{content:"";background:var(--ink);border-radius:50%;width:12px;height:12px}.pinboxes i.cur{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.devinfo{background:var(--surface-2);color:var(--ink-2);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;display:flex}.hs{min-width:0;position:relative}.hs-btn{display:none}.dev-desktop .hs-btn{z-index:2;width:32px;color:var(--ink-2);opacity:0;visibility:hidden;pointer-events:none;background:0 0;border:0;border-radius:10px;place-items:center;transition:opacity .22s,color .15s,visibility 0s linear .22s;display:grid;position:absolute;top:0;bottom:2px}.dev-desktop .hs-btn.prev{left:-12px}.dev-desktop .hs-btn.next{right:-12px}.dev-desktop .hs-btn:hover{color:var(--accent-ink)}.dev-desktop .hs.can-l:is(:hover,:has(:focus-visible)) .hs-btn.prev,.dev-desktop .hs.can-r:is(:hover,:has(:focus-visible)) .hs-btn.next{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s,color .15s,visibility}.sale>*,.split>*,.shift>*,.paygrid>*,.settings>*,.dgrid>*,.dgrid3>*,.ngrid>*,.kpis>*,.grid2>*,.devgrid>*,.users>*{min-width:0}.sale{flex:1;grid-template-columns:1fr 410px;min-height:0;display:grid}.dev-tablet .sale{grid-template-columns:1fr 372px}.dev-mobile .sale{flex-direction:column;display:flex}.catalog{flex-direction:column;gap:14px;min-height:0;padding:20px 22px 0;display:flex}.dev-tablet .catalog{gap:12px;padding:16px 16px 0}.dev-mobile .catalog{flex:1;gap:10px;padding:12px 16px 0}.scanrow{align-items:center;gap:10px;display:flex}.scan{flex:1;min-width:0;position:relative}.scan svg{color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.scan input{border:1.5px solid var(--line-strong);background:var(--surface);width:100%;height:50px;color:var(--ink);border-radius:14px;padding:0 16px 0 46px;font-size:15px}.scan input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.cat-list{flex:1;min-height:0;padding-bottom:20px;overflow:auto}.dev-desktop .cat-list{margin-right:-18px;padding-right:18px}.dev-tablet .cat-list{margin-right:-14px;padding-right:14px}.pgrid{grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:12px;display:grid}.dev-tablet .pgrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.pcard{text-align:left;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex;position:relative}.pcard:hover{border-color:var(--accent)}.pcard.in{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pcard.out{opacity:.55;cursor:not-allowed}.pcard.out:hover{border-color:var(--line)}.thumb{background:var(--surface-2);height:86px;color:var(--muted);border-radius:11px;place-items:center;display:grid;position:relative}.dev-tablet .thumb{height:74px}.thumb .qty{background:var(--accent);min-width:26px;height:26px;color:var(--on-accent);border-radius:9px;place-items:center;padding:0 7px;font-size:12.5px;font-weight:700;display:grid;position:absolute;top:7px;right:7px}.thumb .flag{position:absolute;top:7px;left:7px}.pcard .nm{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;padding:0 2px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pcard .meta{justify-content:space-between;align-items:baseline;gap:6px;padding:0 2px;display:flex}.price{color:var(--accent-ink);font-size:15px;font-weight:700}.price small{color:var(--muted);font-size:11.5px;font-weight:500;font-family:var(--ui)}.plist{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.prow{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:0 0;align-items:center;gap:12px;padding:10px 12px;display:flex}.prow:last-child{border-bottom:0}.prow:hover{background:var(--surface-3)}.prow.out{opacity:.55}.prow .tn{background:var(--surface-2);width:44px;height:44px;color:var(--muted);border-radius:11px;flex:none;place-items:center;display:grid;position:relative}.prow .add{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-ink);border-radius:11px;flex:none;place-items:center;display:grid}.prow .add.has{background:var(--accent);color:var(--on-accent);font-weight:700}.prow.m{align-items:center;padding:12px}.prow .nm2{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.prow .pr{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.cart{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.cart-h{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding:16px 18px 12px;display:flex}.cust{background:var(--surface-3);border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);border-radius:14px;align-items:center;gap:10px;padding:9px 10px;display:flex}.cust:hover{border-color:var(--line-strong)}.lines{flex:1;min-height:0;padding:10px 16px 10px 12px;overflow:auto}.line{border-bottom:1px dashed var(--line);flex-direction:column;gap:8px;padding:10px 8px 12px;display:flex}.line:last-child{border-bottom:0}.line.sel{background:var(--accent-soft);border-bottom-color:#0000;border-radius:12px}.line .top{align-items:flex-start;gap:8px;display:flex}.line .nm{flex:1;min-width:0;font-weight:600;line-height:1.3}.line .ctl{align-items:center;gap:8px;display:flex}.stepper{border:1px solid var(--line-strong);background:var(--surface);border-radius:11px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{width:34px;height:34px;color:var(--ink-2);background:0 0;border:0;place-items:center;display:grid}.dev-tablet .stepper button,.dev-mobile .stepper button{width:40px;height:40px}.stepper button:hover{background:var(--surface-2)}.stepper span{text-align:center;min-width:40px;font-weight:700}.uom{border:1px solid var(--line-strong);background:var(--surface);height:36px;color:var(--ink);border-radius:10px;padding:0 8px;font-weight:600}.dev-tablet .uom,.dev-mobile .uom{height:42px}.xbtn{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.xbtn:hover{background:var(--danger-soft);color:var(--danger)}.line .ctl .uom{flex:none}.line.compact .ctl .uom{flex:1;min-width:0}.tier{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.hint{color:var(--warn);background:var(--warn-soft);border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.cart-f{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex}.totalcard{background:var(--total-bg);color:var(--total-ink);border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.totalcard .rw{color:var(--total-sub);justify-content:space-between;font-size:13px;display:flex}.totalcard .big{border-top:1px dashed #ffffff2e;justify-content:space-between;align-items:baseline;margin-top:2px;padding-top:6px;display:flex}.totalcard .big b{letter-spacing:-.02em;color:var(--total-ink);font-size:28px}.mcartbar{z-index:20;background:var(--total-bg);color:var(--total-ink);box-shadow:var(--shadow-lg);text-align:left;border:0;border-radius:18px;align-items:center;gap:12px;padding:10px 10px 10px 16px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.mcartbar .grow small{color:var(--total-sub);font-size:12px;display:block}.mcartbar .grow b{font-size:18px}.steps{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.step{color:var(--muted);border-radius:var(--r-pill);border:1px solid #0000;align-items:center;gap:8px;height:34px;padding:0 12px 0 5px;font-size:13px;font-weight:600;display:flex}.step i{background:var(--surface-2);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;display:grid}.step.done i{background:var(--ok-soft);color:var(--ok)}.step.on{border-color:var(--line);color:var(--ink);background:var(--surface)}.step.on i{background:var(--accent);color:var(--on-accent)}.stepline{background:var(--line-strong);width:26px;height:1px}.paygrid{grid-template-columns:1fr 1.1fr;gap:20px;display:grid}.dev-mobile .paygrid{grid-template-columns:1fr;gap:14px}.amount{border:1.5px solid var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft);border-radius:14px;justify-content:space-between;align-items:baseline;gap:8px;padding:14px 16px;display:flex}.amount b{letter-spacing:-.02em;font-size:30px}.quick{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.dev-mobile .quick{grid-template-columns:1fr 1fr}.methods{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.methods button{border:1px solid var(--line);background:var(--surface);height:60px;color:var(--muted);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:flex}.methods button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.methods button[disabled]{opacity:.4;cursor:not-allowed}.quick button{border:1px solid var(--line);background:var(--surface-3);border-radius:11px;height:40px;font-size:13px;font-weight:600}.quick button:hover{border-color:var(--accent);color:var(--accent-ink)}.paylist{flex-direction:column;gap:6px;display:flex}.payrow{background:var(--surface-3);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.sumrow{color:var(--ink-2);justify-content:space-between;padding:6px 0;display:flex}.sumrow.big{color:var(--ink);font-size:17px;font-weight:700}.qr{border:1px solid var(--line);background:#fff;border-radius:14px;width:170px;height:170px;margin:0 auto;padding:10px}.change{background:var(--ok-soft);color:var(--ok);border-radius:14px;justify-content:space-between;align-items:baseline;padding:12px 16px;font-weight:600;display:flex}.change b{font-size:24px}.success{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.success .ok{background:var(--ok-soft);width:64px;height:64px;color:var(--ok);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.paper{background:var(--paper);color:var(--paper-ink);box-shadow:0 1px 0 var(--line), 0 10px 30px -18px #00000080;border-radius:6px;max-width:100%;margin:0 auto;padding:14px 12px;overflow:hidden}.paper pre{font-family:var(--mono);white-space:pre;color:#000;margin:0;font-size:10.5px;line-height:1.45}.rcpt-wrap{background:var(--surface-2);border-radius:14px;padding:18px 12px;overflow:auto}.dev-mobile .paper pre{font-size:8px}.dev-mobile .rcpt-wrap{padding:14px 8px}.paygrid.sukses-grid{grid-template-columns:1fr auto;align-items:start}.dev-mobile .paygrid.sukses-grid{grid-template-columns:1fr}.dfoot.sukses-foot{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sukses-foot .btn{width:100%}.sukses-foot .btn.primary{grid-column:1/-1}.dev-mobile .sukses-foot .btn:not(.primary){flex-direction:column;gap:4px;height:auto;min-height:64px;padding:8px 4px;font-size:13px}.pay-sub{min-height:32px;position:relative}.manual-menu{z-index:30;background:var(--surface);border:1px solid var(--line);width:min(330px,100%);box-shadow:var(--shadow-lg);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.manual-menu .menu-i{align-items:flex-start;gap:12px;height:auto;padding:10px 12px}.manual-menu .menu-i>svg{margin-top:2px}.manual-chip{gap:6px;height:32px;padding:0 4px 0 11px;font-size:13px}.manual-chip .xbtn{width:24px;height:24px;color:inherit}.mt-panel{border:1px solid var(--line);background:var(--surface-3);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.mt-by{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.mt-live{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.dev-mobile .mt-live{text-align:center;grid-template-columns:1fr;justify-items:center}.mt-qr{flex-direction:column;align-items:center;gap:6px;display:flex}.mt-qr .qr{border:1px solid var(--line);width:240px;height:240px;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;margin:0;padding:8px}.dev-mobile .mt-qr .qr{width:220px;height:220px}.mt-qr small{color:var(--muted);font-size:11px}.qris-zoom{cursor:zoom-in;color:inherit;background:0 0;border:0;border-radius:14px;padding:0;display:block;position:relative}.qris-zoom:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.qris-zoom .rcpt-hint{bottom:8px;right:8px}.qr.foto{padding:6px;overflow:hidden}.qr.foto img{object-fit:contain;width:100%;height:100%;display:block}.qr.kosong{color:var(--muted);justify-content:center;align-items:center;display:flex}.qris-thumb{border:1px solid var(--line);cursor:zoom-in;background:#fff;border-radius:10px;flex:none;width:48px;height:48px;padding:3px}.qris-thumb img{object-fit:contain;width:100%;height:100%;display:block}.dialog.qris-dlg{height:min(760px,100%)}.qris-full{background:var(--surface-2);flex-direction:column;gap:12px;display:flex}.qris-nominal{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex:none;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;display:flex}.qris-nominal span{color:var(--muted);font-weight:600}.qris-nominal b{letter-spacing:-.02em;font-size:26px}.qris-besar{border:1px solid var(--line);background:#fff;border-radius:14px;flex:1;min-height:0;position:relative}.qris-besar img{object-fit:contain;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.mt-info{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.dev-mobile .mt-info{align-items:center}.mt-info .btn{margin-top:4px}.mt-amt{letter-spacing:-.02em;font-size:26px;font-weight:700}.mt-live .mt-amt{font-size:24px}.dev-mobile .mt-live .mt-amt{font-size:26px}.mt-count{color:var(--ink);font-size:17px}.mt-wait{color:var(--warn);align-items:center;gap:8px;font-weight:600;display:inline-flex}.mt-live .mt-wait{white-space:nowrap;font-size:13px}.dev-mobile .mt-live .mt-wait{font-size:14px}.pulse{background:var(--warn);border-radius:50%;width:9px;height:9px;animation:1.4s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--warn-soft)}70%{box-shadow:0 0 0 8px var(--warn-soft)}to{box-shadow:0 0 0 12px #0000}}.spin{border:3px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mt-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;display:flex}.mt-state .ic{border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.simbar{border:1.5px dashed var(--line-strong);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 10px;display:flex}.simbar .lb{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.simbar .xs{margin-right:auto}.payrow.wait{background:var(--warn-soft);color:var(--warn);border-color:#0000}.hw-page{padding:24px;overflow:auto}.dev-tablet .hw-page{padding:20px}.dev-mobile .hw-page{padding:14px 16px 28px}.hw-wrap{flex-direction:column;gap:16px;width:100%;max-width:960px;margin:auto;display:flex}.hw-wrap.narrow{max-width:720px}.dev-mobile .hw-wrap{gap:12px}.hw-head{align-items:center;gap:12px;display:flex}.hw-head .mark{background:var(--accent);width:44px;height:44px;color:var(--on-accent);border-radius:13px;flex:none;place-items:center;display:grid}.hw-head b{letter-spacing:-.01em;font-size:20px}.dev-mobile .hw-head b{font-size:17px}.dev-mobile .hw-head .btn{height:40px;padding:0 12px}.hw-steps{justify-content:center}.dev-mobile .hw-steps .step:not(.on){gap:0;padding:0;font-size:0}.dev-mobile .hw-steps .stepline{width:12px}.hw-card{flex-direction:column;gap:14px;padding:20px;display:flex}.dev-mobile .hw-card{padding:14px}.hw-sec{align-items:flex-start;gap:12px;display:flex}.hw-sec h3{margin:0;font-size:16px}.hw-sec p{margin:2px 0 0}.hw-ic{background:var(--surface-2);width:40px;height:40px;color:var(--ink-2);border-radius:12px;flex:none;place-items:center;display:grid}.hw-ic.sm{border-radius:9px;width:32px;height:32px}.hw-ic.ok{background:var(--ok-soft);color:var(--ok)}.hw-ic.warn{background:var(--warn-soft);color:var(--warn)}.hw-ic.danger{background:var(--danger-soft);color:var(--danger)}.hw-ic.accent{background:var(--accent-soft);color:var(--accent-ink)}.hw-result{background:var(--surface-2);color:var(--ink-2);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.hw-result>svg,.hw-result>.spin{margin-top:1px}.hw-result b{color:inherit;display:block}.hw-result span{color:var(--ink-2);font-size:12.5px}.hw-result.ok{background:var(--ok-soft);color:var(--ok)}.hw-result.warn{background:var(--warn-soft);color:var(--warn)}.hw-result.danger{background:var(--danger-soft);color:var(--danger)}.hw-result .btn{align-self:center;margin-left:auto}.hw-kv{flex-wrap:wrap;gap:4px 14px;margin-top:4px;display:flex}.hw-kv span,.hw-kv b{color:var(--ink-2);font-size:12.5px}.hw-result .hw-kv b{display:inline}.hw-list{flex-direction:column;gap:8px;display:flex}.dev-radio{border:1px solid var(--line);background:var(--surface);text-align:left;width:100%;color:var(--ink);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.dev-radio:hover{border-color:var(--line-strong)}.dev-radio.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dev-radio .radio{border:2px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.dev-radio.on .radio{border-color:var(--accent)}.dev-radio.on .radio:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.dev-mobile .dev-radio{gap:10px;padding:10px}.dev-mobile .dev-radio .hw-ic{display:none}.hw-opts{grid-template-columns:auto auto auto;justify-content:start;align-items:start;gap:12px 28px;display:grid}.dev-mobile .hw-opts{grid-template-columns:1fr 1fr}.scanbox{border:1.5px dashed var(--line-strong);background:var(--surface-3);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.scanbox.ok{border-style:solid;border-color:var(--ok)}.scan-f{position:relative}.scan-f svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.scanbox .scan-f input{border:1.5px solid var(--line-strong);background:var(--surface);width:100%;height:52px;font-size:16px;font-family:var(--mono);color:var(--ink);border-radius:12px;padding:0 14px 0 44px}.scan-f input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.scan-f.mini input{font-family:var(--mono);padding-left:38px}.scan-f.mini svg{left:12px}.hw-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dev-mobile .hw-grid{grid-template-columns:1fr;gap:10px}.hw-grid>*{min-width:0}.hw-dcard{flex-direction:column;gap:12px;padding:16px;display:flex}.hw-dcard.bad{border-color:var(--danger)}.hw-cardh{align-items:center;gap:12px;display:flex}.hw-cardh b{font-size:15px}.hw-lines{flex-direction:column;gap:3px;min-width:0;display:flex}.hw-lines>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hw-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.hw-rows{flex-direction:column;display:flex}.hw-row{border-top:1px solid var(--line);align-items:flex-start;gap:10px;padding:9px 0;display:flex}.hw-row>.pill{margin-top:5px}.hw-dots{flex:none;gap:4px;display:flex}.hw-dot{background:var(--surface);width:26px;height:26px;color:var(--ink-2);border-radius:8px;place-items:center;display:grid;position:relative}.hw-dot i{background:var(--line-strong);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface-2);border-radius:50%;position:absolute;top:-2px;right:-2px}.hw-dot.ok i{background:var(--ok)}.hw-dot.warn i{background:var(--warn)}.hw-dot.danger i{background:var(--danger)}.hw-dot.accent i{background:var(--accent)}.hw-login{align-items:center}.hw-login .hw-ok{align-items:center;gap:8px;margin-top:3px;display:flex}.hw-login .hw-dot{border-radius:7px;width:22px;height:22px}.hw-login .hw-dot i{width:8px;height:8px}.hw-prob{align-items:flex-start;gap:5px;margin-top:2px;line-height:1.35;display:flex}.hw-prob svg{margin-top:1px}.hw-login.warn{background:var(--warn-soft)}.hw-login.danger{background:var(--danger-soft)}.hw-login.warn .xs{color:var(--warn)}.hw-login.danger .xs{color:var(--danger)}.hw-login.warn .hw-dot i,.hw-login.danger .hw-dot i{box-shadow:0 0 0 2px var(--surface)}.hw-check{border:1px solid var(--line);background:var(--surface-3);border-radius:14px;flex-direction:column;padding:10px 14px 4px;display:flex}.hw-check>.between{padding-bottom:6px}a.btn{text-decoration:none}.mt-set{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding:14px 0;display:flex}.mt-set .setrow{border:0;padding:0}.mt-set-act{flex-wrap:wrap;gap:8px;padding-left:54px;display:flex}.dev-mobile .mt-set-act{padding-left:0}.mt-set-act .btn{flex:none}.mt-set .hw-result{margin-left:54px}.dev-mobile .mt-set .hw-result{margin-left:0}.mt-set-meta{color:var(--muted);flex-wrap:wrap;gap:2px 14px;margin-left:54px;font-size:12.5px;display:flex}.mt-set-meta>span{gap:5px;display:inline-flex}.mt-set .simbar{margin-left:54px}.dev-mobile .mt-set-meta,.dev-mobile .mt-set .simbar{margin-left:0}.dev-mobile .mt-set .setrow{align-items:flex-start}.dev-mobile .mt-set-meta{border:1px solid var(--line);background:var(--surface-3);border-radius:12px;flex-direction:column;gap:0;padding:0 12px}.dev-mobile .mt-set-meta>span{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.dev-mobile .mt-set-meta>span:first-child{border-top:0}.dev-mobile .mt-set-meta>span>:last-child{color:var(--ink);text-align:right}.dev-mobile .mt-set-meta>span>.mtw-empty:last-child{color:var(--muted)}.dev-mobile .mt-set-act{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dev-mobile .mt-set-act .btn{min-width:0;padding:0 12px}.dev-mobile .mt-set-act .span2{grid-column:1/-1}.mtw-body{flex-direction:column;gap:16px;display:flex}.mtw-body .hw-steps{flex-wrap:nowrap;gap:4px;margin-bottom:2px}.mtw-body .hw-steps .step{white-space:nowrap;padding:0 10px 0 5px}.mtw-body .hw-steps .stepline{flex:8px;width:auto;min-width:6px;max-width:24px}.mtw-card .mtw-foot{margin-top:auto}.mtw-empty{color:var(--muted);font-weight:500;font-family:var(--ui)}.mtw-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.mtw-list li{align-items:flex-start;gap:12px;min-width:0;display:flex}.mtw-list .n{background:var(--accent-soft);width:26px;height:26px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:grid}.mtw-list li>div{min-width:0}.mtw-list b{display:block}.mtw-path{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mtw-path .chipx{border-radius:var(--r-pill);background:var(--surface-2);height:30px;color:var(--ink);align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.mtw-path svg{color:var(--muted)}.dev-mobile .mtw-path{flex-wrap:nowrap;gap:4px}.dev-mobile .mtw-path .chipx{white-space:nowrap;padding:0 10px}.dev-mobile .mtw-path svg{flex:none}.dev-mobile .mtw-path .mtw-hint{display:none}.mtw-envseg button{gap:0}.mtw-envseg .mtw-envd:before{content:" · " / ""}.dev-mobile .mtw-envseg{border-radius:18px}.dev-mobile .mtw-envseg button{white-space:normal;text-align:center;border-radius:14px;flex-direction:column;gap:1px;height:auto;min-height:52px;padding:6px 8px;line-height:1.25}.dev-mobile .mtw-envseg .mtw-envd{color:var(--muted);font-size:12px;font-weight:500}.dev-mobile .mtw-envseg .mtw-envd:before{content:none}.mtw-keys{border:1px solid var(--line);background:var(--surface-3);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.mtw-keys>div{border-top:1px solid var(--line);align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.mtw-keys>div:first-child{border-top:0}.mtw-keys>div>.grow{min-width:0}.mtw-keys .pill{flex:none;margin-top:1px}.mtw-key{align-items:center;gap:8px;display:flex}.mtw-key .input{font-family:var(--mono);flex:1}.mtw-key .btn{flex:none}.mtw-trk{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dev-mobile .mtw-trk{grid-template-columns:1fr}.mtw-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:14px;display:flex}.mtw-card.accent{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mtw-card h4{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14.5px;display:flex}.mtw-card ul,.mtw-card ol{color:var(--ink-2);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:12.5px;display:flex}.mtw-sum{border:1px solid var(--line);background:var(--surface-3);border-radius:14px;padding:4px 14px}.mtw-sum .kv{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.mtw-sum .kv:first-child{border-top:0}.mtw-sum .kv>span:first-child{color:var(--muted)}.mtw-link{color:var(--accent-ink);text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:600;display:inline-flex}.mtw-link:hover{text-decoration:underline}.mtw-ok{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:6px 0 2px;display:flex}.mtw-ok .ok{background:var(--ok-soft);width:60px;height:60px;color:var(--ok);border-radius:50%;place-items:center;display:grid}.ngrid{grid-template-columns:repeat(auto-fill,minmax(318px,1fr));gap:14px;display:grid}.dev-tablet .ngrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dev-mobile .ngrid{grid-template-columns:1fr}.ncard{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;padding:12px;display:flex}.nmeta{color:var(--muted);background:var(--surface-3);border-radius:10px;justify-content:space-between;gap:8px;padding:7px 10px;font-size:12px;display:flex}.nmeta b{color:var(--ink)}.nstat{border-radius:12px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:13px;font-weight:600;display:flex}.nstat.ok{background:var(--ok-soft);color:var(--ok)}.nstat.warn{background:var(--warn-soft);color:var(--warn)}.nstat.danger{background:var(--danger-soft);color:var(--danger)}.nstat.accent{background:var(--accent-soft);color:var(--accent-ink)}.mini{border:1px solid var(--line);border-radius:12px;overflow:hidden}.mini table{border-collapse:collapse;width:100%;font-size:13px}.mini th{color:var(--muted);text-align:left;background:var(--surface-3);padding:6px 10px;font-size:11px;font-weight:600}.mini td{border-top:1px solid var(--line);padding:5px 10px}.mini tfoot td{padding:8px 10px;font-size:14px;font-weight:700}.mini.fixed table{table-layout:fixed}.mini.fixed tbody td:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shift{grid-template-columns:1fr 1.15fr;align-items:start;gap:18px;display:grid}.dev-mobile .shift{grid-template-columns:1fr}.kv{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:8px 0;display:flex}.kv:last-child{border-bottom:0}.kv.total{border-top:2px solid var(--ink);border-bottom:0;margin-top:4px;padding-top:12px;font-size:16px;font-weight:700}.denom{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 120px;align-items:center;gap:10px;padding:6px 0;display:grid}.dev-mobile .denom{grid-template-columns:1fr auto 96px}.denom:last-child{border-bottom:0}.selisih{border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dev-mobile .kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.dev-mobile .kpi{gap:6px;padding:12px}.kpi .lb{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.kpi .lb .ic{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-ink);border-radius:9px;place-items:center;display:grid}.kpi .val{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:26px;font-weight:700;overflow:hidden}.dev-tablet .kpi .val{font-size:22px}.dev-mobile .kpi .val{font-size:17px}.kpi .sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.trend{border-radius:var(--r-pill);align-items:center;gap:3px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-flex}.trend.up{background:var(--ok-soft);color:var(--ok)}.trend.down{background:var(--danger-soft);color:var(--danger)}.dgrid{grid-template-columns:1.7fr 1fr;gap:14px;margin-top:14px;display:grid}.dgrid3{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.dev-tablet .dgrid3{grid-template-columns:1fr 1fr}.dev-tablet .dgrid3>:last-child{grid-column:1/-1}.dev-mobile .dgrid,.dev-mobile .dgrid3{grid-template-columns:1fr;gap:10px;margin-top:10px}.chart text{fill:var(--muted);font-size:11px;font-family:var(--ui)}.chart .gl{stroke:var(--line);stroke-width:1px}.chart .col{fill:var(--accent);opacity:.32}.chart .col.hi{opacity:1}.chart .vl{fill:var(--ink);font-weight:700;font-family:var(--mono)}.rank{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.rank:last-child{border-bottom:0}.rank .no{background:var(--surface-2);width:24px;height:24px;color:var(--ink-2);border-radius:7px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.listrow{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.listrow:last-child{border-bottom:0}.subtabs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.subtabs>.seg.block{flex:100%}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.split{grid-template-columns:1fr 420px;align-items:start;gap:16px;display:grid}.page.fill{flex-direction:column;display:flex;overflow:hidden}.page.fill>.phead,.page.fill>.kpis{flex:none}.split.fill{flex:1;align-items:stretch;min-height:0}.split.fill>.card{min-height:0}.listcard{flex-direction:column;display:flex}.listcard>.lhead{flex:none}.listcard>.lrows{border-top:1px solid var(--line);flex:1;min-height:0;padding-right:14px;overflow:auto}.detailcard{overflow:auto}.dev-tablet .page.fill .kpi{gap:6px;padding:12px}.dev-tablet .page.fill .kpi .val{font-size:20px}.dev-tablet .split{grid-template-columns:1fr 360px}.dev-mobile .split{grid-template-columns:1fr}.mcard{background:var(--surface);border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);border-radius:16px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.mlist{flex-direction:column;gap:10px;display:flex}.custrow{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:0 0;align-items:center;gap:12px;padding:12px 14px;display:flex}.custrow:hover{background:var(--surface-3)}.custrow.sel{background:var(--accent-soft)}.custrow:last-child{border-bottom:0}.sect-t{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px;font-size:12px;font-weight:700}.timeline{flex-direction:column;display:flex}.tl{border-bottom:1px solid var(--line);gap:12px;padding:9px 0;display:flex}.tl:last-child{border-bottom:0}.tl .ic{border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.devgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.dev-mobile .devgrid{grid-template-columns:1fr}.devcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.devcard.new{text-align:center;color:var(--muted);background:0 0;border-style:dashed;border-width:1.5px;justify-content:center;align-items:center;min-height:200px}.devcard .dic{background:var(--surface-2);width:46px;height:46px;color:var(--ink-2);border-radius:13px;place-items:center;display:grid}.unitcard{border:1px solid var(--line);background:var(--surface-3);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.unitcard .field label{font-size:11.5px}.bc-f{gap:8px;display:flex}.bc-f .input{flex:1}.bc-f .btn{flex:none}.paygrid.printer-grid{grid-template-columns:1fr auto;align-items:start}.dev-mobile .paygrid.printer-grid{grid-template-columns:1fr}.fgrid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.fgrid .btn,.fgrid .input{width:100%;padding:0 8px;font-size:13px}.dropzone{border:1.5px dashed var(--line-strong);text-align:center;background:var(--surface-3);border-radius:16px;padding:26px}.code{font-family:var(--mono);letter-spacing:.12em;text-align:center;background:var(--surface-2);border-radius:14px;padding:16px;font-size:30px;font-weight:700}.settings{grid-template-columns:250px 1fr;align-items:start;gap:16px;display:grid}.dev-tablet .settings{grid-template-columns:220px 1fr}.dev-mobile .settings{grid-template-columns:1fr}.setnav{flex-direction:column;gap:2px;padding:6px;display:flex}.setnav button{height:46px;color:var(--ink-2);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex}.setnav button:hover{background:var(--surface-2)}.setnav button.on{background:var(--accent-soft);color:var(--accent-ink)}.setrow{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.setrow:last-child{border-bottom:0}.setrow .ic{background:var(--surface-2);width:40px;height:40px;color:var(--ink-2);border-radius:12px;flex:none;place-items:center;display:grid}.nitem{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:0 0;gap:12px;padding:12px 16px;display:flex}.nitem:hover{background:var(--surface-3)}.nitem.unread,.nitem.unread:hover{background:var(--accent-soft)}.nitem .ic{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.ic.ok{background:var(--ok-soft);color:var(--ok)}.ic.warn{background:var(--warn-soft);color:var(--warn)}.ic.danger{background:var(--danger-soft);color:var(--danger)}.ic.accent{background:var(--accent-soft);color:var(--accent-ink)}.morelist{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.morelist button{border:0;border-bottom:1px solid var(--line);text-align:left;height:60px;color:var(--ink);background:0 0;align-items:center;gap:12px;padding:0 16px;font-weight:600;display:flex}.morelist button:last-child{border-bottom:0}.upd{border-radius:var(--r-pill);background:var(--accent-soft);height:30px;color:var(--accent-ink);white-space:nowrap;border:1px solid #0000;flex:none;align-items:center;gap:6px;padding:0 11px 0 9px;font-size:12.5px;font-weight:600;display:inline-flex}.upd:hover{border-color:var(--accent)}.dev-tablet .upd,.dev-mobile .upd{height:34px}.login-form{position:relative}.upd-corner{z-index:2;position:absolute;top:16px;right:16px}.dev-mobile .upd-corner{top:12px}.dev-mobile .login-form.has-upd{padding-top:58px}.login-art .brand .grow{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.login-art .upd{color:var(--on-accent);background:#fff3;border-color:#0000}.login-art .upd:hover{background:#ffffff47}.dev-mobile .login-art{padding:16px 18px}.dev-mobile .login-form{padding:16px 18px 30px}.dev-mobile .login-box{gap:12px}.dev-mobile .login-box .keypad{gap:8px}.dev-mobile .login-box .key{height:50px}.dev-mobile .login-box .pinboxes i{height:44px}.upd-notes{color:var(--ink-2);flex-direction:column;gap:4px;margin:0;padding-left:18px;line-height:1.45;display:flex}.upd-screen{background:var(--surface-2);flex:1;place-items:center;min-height:0;padding:24px;display:grid}.upd-win{background:var(--surface);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}#upd-bar{transition:width .15s linear}.upd-fill{animation:2.2s linear both updfill}@keyframes updfill{0%{width:6%}to{width:100%}}.upd-splash{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.upd-splash .mark{background:var(--accent);width:64px;height:64px;color:var(--on-accent);border-radius:18px;place-items:center;margin-bottom:4px;display:grid}.upd-splash b{font-size:18px}.subban{background:var(--warn-soft);color:var(--warn);border-bottom:1px solid color-mix(in srgb,var(--warn) 22%,transparent);flex:none;align-items:center;gap:10px;padding:10px 22px;font-size:13px;font-weight:600;display:flex}.subban.danger{background:var(--danger-soft);color:var(--danger);border-bottom-color:color-mix(in srgb,var(--danger) 22%,transparent)}.subban .grow{min-width:0}.subban .lnk{color:inherit;text-underline-offset:3px;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.dev-mobile .subban{padding:10px 16px;font-size:12.5px}.btn.badoi{background:var(--ink);color:var(--surface);border-color:#0000}.bd-code{border:1.5px dashed var(--line-strong);background:var(--surface-3);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:14px 16px;display:flex}.bd-code small{color:var(--muted);font-size:12px;font-weight:600}.bd-code b{font:700 30px/1.25 var(--mono);letter-spacing:.08em;color:var(--ink)}.bd-code span{color:var(--muted);font-size:12px}.bd-wait{color:var(--ink-2);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.spin.sm{border-width:2.5px;flex:none;width:18px;height:18px}.bd-or{color:var(--muted);align-items:center;gap:10px;margin-top:4px;font-size:11.5px;font-weight:600;display:flex}.bd-or:before,.bd-or:after{content:"";background:var(--line);flex:1;height:1px}.bd-sim{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.bd-sim .cap{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.bd-sim dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:12.5px;display:grid}.bd-sim dt{color:var(--muted)}.bd-sim dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-weight:600;overflow:hidden}.netpill{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);height:30px;color:var(--ink-2);white-space:nowrap;flex:none;align-items:center;gap:7px;padding:0 11px 0 9px;font-size:12.5px;font-weight:600;display:inline-flex}.netpill .d{background:var(--muted);border-radius:50%;width:8px;height:8px}.netpill.ok .d{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.netpill.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.netpill.danger .d{background:var(--danger)}.netpill.warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.netpill.warn .d{background:var(--warn)}.netdot{background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.netdot i{background:var(--muted);width:9px;height:9px;box-shadow:0 0 0 4px var(--surface-2);border-radius:50%}.netdot.ok i{background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}.netdot.danger i{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.netdot.warn i{background:var(--warn);box-shadow:0 0 0 4px var(--warn-soft)}button.uom{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.stepper button.qtyv{width:auto;min-width:40px;color:var(--ink);font-weight:700;font-size:inherit;padding:0 6px}.payrow.orphan{background:var(--ok-soft);border-color:#0000}kbd.k{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:12px}.rgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dev-mobile .rgrid{grid-template-columns:minmax(0,1fr)}.rgrid>.card,.rgrid .card-b{min-width:0}.rrow{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:7px 0;display:flex}.rrow:last-child{border-bottom:0}.rrow .grow{min-width:0}.rbar{background:var(--surface-2);border-radius:99px;flex:none;width:30%;height:8px;overflow:hidden}.rbar i{border-radius:inherit;background:var(--accent);height:100%;display:block}.hours{align-items:flex-end;gap:5px;height:150px;padding-top:8px;display:flex}.hours span{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.hours i{background:color-mix(in srgb,var(--accent) 70%,transparent);border-radius:6px 6px 3px 3px;width:100%;display:block}.hours small{color:var(--muted);font-size:10.5px}.ks-sum{background:var(--surface-3);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.boot{place-items:center;padding:24px;display:grid}.boot-box{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:420px;display:flex}.boot-box>b{font-size:19px}.boot-ic{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-ink);border-radius:18px;place-items:center;margin-bottom:4px;display:grid}.boot-ic.danger{background:var(--danger-soft);color:var(--danger)}.boot-ic.warn{background:var(--warn-soft);color:var(--warn)}.boot-err{font:12.5px var(--mono);background:var(--surface-2);border:1px solid var(--line);overflow-wrap:anywhere;max-width:100%;color:var(--ink-2);border-radius:10px;padding:8px 12px}.boot-steps{text-align:left;color:var(--ink-2);margin:4px 0 0;padding-left:20px;line-height:1.8}.btn3{flex-wrap:wrap;gap:8px;display:flex}.btn3 .btn{flex:128px}.dev-mobile .seg.block button{padding:0 8px}.kslist{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:0 12px}.ksrow{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:11px 0;display:flex}.ksrow:last-child{border-bottom:0}.ksrow .grow{min-width:0}.ksrow b{display:block}.ksrow .r{text-align:right;flex:none}.ksrow .r>*{display:block}.ksrow .in{color:var(--ok)}.ksrow .out{color:var(--danger)}.dev-mobile .setrow.wrap{flex-wrap:wrap}.dev-mobile .setrow.wrap>.grow{flex:calc(100% - 54px)}.dev-mobile .setrow.wrap>.row{box-sizing:border-box;flex:100%;min-width:0;padding-left:54px}.dev-mobile .setrow.wrap .input{flex:1;min-width:0;width:auto!important}textarea.input{resize:vertical;min-height:0;padding-top:10px;padding-bottom:10px;line-height:1.45;height:auto!important}.rcpt-zoom{cursor:zoom-in;text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:14px;padding:0;display:block;position:relative}.rcpt-zoom:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.rcpt-hint{background:var(--ink);color:var(--surface);opacity:.88;pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:10px;right:10px}.rcpt-full .rcpt-wrap{padding:22px 12px}.rcpt-full .paper pre{font-size:12.5px}.dev-mobile .rcpt-full .paper pre{font-size:10.5px}.dev-mobile .rcpt-full{background:var(--surface-2);flex-direction:column;padding:12px 6px;display:flex;container-type:inline-size}.dev-mobile .rcpt-full>.rcpt-wrap,.dev-mobile .rcpt-full>div:not(.seg){margin-block:auto}.dev-mobile .rcpt-full .rcpt-wrap{background:0 0;padding:0;overflow:visible}.dev-mobile .rcpt-full .paper{border-radius:8px;padding:16px 8px}.dev-mobile .rcpt-full .paper pre{font-size:10.5px;font-size:clamp(10.5px,calc((100cqw - 16px) / (var(--cols,48) * .605)),17px)}.st-text{border:1px solid var(--line);background:var(--surface-3);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.st-text pre{min-width:0;font:12.5px/1.5 var(--mono);white-space:pre-wrap;color:var(--ink-2);flex:1;margin:0}.dp{flex-direction:column;gap:10px;display:flex}.dp-f{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dp-f button{border:1.5px solid var(--line-strong);background:var(--surface);text-align:left;color:var(--ink);transition:border-color var(--d1),box-shadow var(--d1);border-radius:12px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px;display:flex}.dp-f button small{color:var(--muted);font-size:11.5px;font-weight:600}.dp-f button b{font-size:14.5px}.dp-f button.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dp-cal{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:8px 10px 10px}.dp-h{justify-content:space-between;align-items:center;padding:0 0 6px;display:flex}.dp-h b{font-size:15px}.dp-nav{width:36px;height:36px;color:var(--ink-2);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.dp-nav:hover:not(:disabled){background:var(--surface-2)}.dp-nav:disabled{opacity:.3;cursor:not-allowed}.dp-g{grid-template-columns:repeat(7,1fr);row-gap:2px;display:grid}.dp-w{color:var(--muted);text-align:center;padding:2px 0 6px;font-size:11.5px;font-weight:600}.dp-d{height:40px;color:var(--ink);background:0 0;border:0;place-items:center;padding:0;font-size:14px;font-weight:600;display:grid;position:relative}.dp-d>span{z-index:1;width:36px;height:36px;transition:background-color var(--d1),color var(--d1);border-radius:50%;place-items:center;display:grid;position:relative}button.dp-d:hover:not(:disabled)>span{background:var(--surface-2)}.dp-d.out,.dp-d.dis{color:var(--line-strong)}.dp-d.dis{cursor:not-allowed}.dp-d.today>span{box-shadow:inset 0 0 0 1.5px var(--accent)}.dp-d.in:before,.dp-d.st:not(.one):before,.dp-d.en:not(.one):before{content:"";background:var(--accent-soft);position:absolute;inset:4px 0}.dp-d.st:not(.one):before{left:50%}.dp-d.en:not(.one):before{right:50%}.dp-d.st.en:before{display:none}.dp-d.in>span{color:var(--accent-ink)}.dp-d.st>span,.dp-d.en>span,button.dp-d.st:hover>span,button.dp-d.en:hover>span{background:var(--accent);color:var(--on-accent)}.dp-trig{height:var(--tap);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex}.dp-trig.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dp-trig>svg:last-child{transition:transform var(--d2) var(--ease-out)}.dp-trig.open>svg:last-child{transform:rotate(180deg)}:root{--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--d1:.14s;--d2:.22s;--d3:.3s}.toggle,.seg button,.chip,.mtab,.tab,.methods button,.ubtn,.dev-radio,.acct-btn,.setnav button,.custrow,.line,.acct-i{transition:background-color var(--d1) var(--ease-out),color var(--d1) var(--ease-out),border-color var(--d1) var(--ease-out),box-shadow var(--d1) var(--ease-out)}.toggle:after{transition:transform var(--d2) var(--ease-out)}.prow .add,.mcartbar,.btn,.iconbtn,.pcard{transition:transform var(--d1) var(--ease-out),background-color var(--d1),border-color var(--d1),box-shadow var(--d1)}.prow:active .add,.mcartbar:active,.btn:active:not(:disabled),.pcard:active{transform:scale(.97)}.main{view-transition-name:vt-page;overflow:clip}.main.hw-page{overflow:auto}.main{background:var(--ground)}.nav,.mtop{view-transition-name:vt-top}.mtabs{view-transition-name:vt-tabs}.toast{view-transition-name:vt-toast}.mcartbar{view-transition-name:vt-cartbar}:root{--ease-slide:cubic-bezier(.3,.9,.3,1);--d-slide:.3s}.has-ind{position:relative}.has-ind>:not(.ind){z-index:1;position:relative}.ind{z-index:0;pointer-events:none;border-radius:var(--r-pill);transition:transform var(--d-slide) var(--ease-slide),width var(--d-slide) var(--ease-slide),height var(--d-slide) var(--ease-slide);position:absolute;top:0;left:0}.ind.still{transition:none}.tabs>.ind,.seg>.ind{background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px var(--line)}.tabs.has-ind>.on,.seg.has-ind>.on{box-shadow:none;background:0 0}.setnav>.ind{background:var(--accent-soft);border-radius:12px}.setnav.has-ind>.on{background:0 0}.chips>.ind{z-index:2;box-shadow:inset 0 0 0 1.5px var(--accent);background:0 0}.chips.has-ind>.on{border-color:#0000}.methods>.ind{z-index:2;box-shadow:inset 0 0 0 1.5px var(--accent);background:0 0;border-radius:13px}.methods.has-ind>.on{border-color:#0000}.nav{view-transition-class:tetap}::view-transition-old(*.tetap){display:none}::view-transition-new(*.tetap){animation:none}.mk-in{animation:mkIn var(--d2) var(--ease-out) backwards}.mk-pop{animation:mkPop .18s var(--ease-out) backwards;transform-origin:100% 0}.acct-list.mk-pop{transform-origin:50% 0}@keyframes mkIn{0%{opacity:0;transform:translateY(6px)}}@keyframes mkPop{0%{opacity:0;transform:translateY(-4px)scale(.97)}}::view-transition-group(*){animation-duration:var(--d2);animation-timing-function:var(--ease-out)}::view-transition-group(rcpt-paper){animation-duration:var(--d3);z-index:5;animation-timing-function:cubic-bezier(.32,.72,0,1)}[data-zoom=in]::view-transition-old(rcpt-paper){display:none}[data-zoom=out]::view-transition-new(rcpt-paper){display:none}[data-zoom=in]::view-transition-new(rcpt-paper){opacity:1;mix-blend-mode:normal;animation:none}[data-zoom=out]::view-transition-old(rcpt-paper){opacity:1;mix-blend-mode:normal;animation:none}::view-transition-old(root){animation-duration:var(--d2)}::view-transition-new(root){animation-duration:var(--d2)}[data-vtp]::view-transition-old(vt-page){animation:vtPageOut .12s var(--ease-in) both}[data-vtp]::view-transition-new(vt-page){animation:vtPageIn var(--d2) var(--ease-out) both}[data-vtd]::view-transition-old(vt-page){mix-blend-mode:normal;animation-duration:var(--d3);animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}[data-vtd]::view-transition-new(vt-page){mix-blend-mode:normal;animation-duration:var(--d3);animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}[data-vtd=push]::view-transition-new(vt-page){animation-name:vtSlideIn;box-shadow:-12px 0 28px -14px #0006}[data-vtd=push]::view-transition-old(vt-page){animation-name:vtSlideBack}[data-vtd=pop]::view-transition-old(vt-page){z-index:1;animation-name:vtSlideOut;box-shadow:-12px 0 28px -14px #0006}[data-vtd=pop]::view-transition-new(vt-page){animation-name:vtSlideFore}@keyframes vtSlideIn{0%{transform:translate(100%)}}@keyframes vtSlideBack{to{filter:brightness(.9);transform:translate(-28%)}}@keyframes vtSlideOut{to{transform:translate(100%)}}@keyframes vtSlideFore{0%{filter:brightness(.9);transform:translate(-28%)}}@keyframes vtPageOut{to{opacity:0;transform:translate(calc(var(--vt-x) * -.6),calc(var(--vt-y) * -.5))}}@keyframes vtPageIn{0%{opacity:0;transform:translate(var(--vt-x),var(--vt-y))}}::view-transition-new(*.vtc-scrim):only-child{animation:vtFadeIn var(--d2) var(--ease-out) both}::view-transition-old(*.vtc-scrim):only-child{animation:vtFadeOut .18s var(--ease-in) both}::view-transition-new(*.vtc-modal):only-child{animation:vtPopIn var(--d2) var(--ease-out) both}::view-transition-old(*.vtc-modal):only-child{animation:vtPopOut .15s var(--ease-in) both}::view-transition-new(*.vtc-sheet):only-child{animation:vtUpIn var(--d3) var(--ease-out) both}::view-transition-old(*.vtc-sheet):only-child{animation:vtUpOut var(--d2) var(--ease-in) both}::view-transition-new(*.vtc-drawer):only-child{animation:vtRightIn var(--d3) var(--ease-out) both}::view-transition-old(*.vtc-drawer):only-child{animation:vtRightOut var(--d2) var(--ease-in) both}::view-transition-new(*.vtc-pop):only-child{transform-origin:100% 0;animation:vtPopIn .18s var(--ease-out) both}::view-transition-old(*.vtc-pop):only-child{transform-origin:100% 0;animation:vtPopOut .13s var(--ease-in) both}::view-transition-new(*.vtc-cam):only-child{animation:vtCamIn var(--d3) var(--ease-out) both}::view-transition-old(*.vtc-cam):only-child{animation:vtCamOut var(--d2) var(--ease-in) both}::view-transition-new(vt-toast):only-child{animation:vtRiseIn var(--d2) var(--ease-out) both}::view-transition-new(vt-cartbar):only-child{animation:vtRiseIn var(--d2) var(--ease-out) both}::view-transition-old(vt-toast):only-child{animation:vtRiseOut .16s var(--ease-in) both}::view-transition-old(vt-cartbar):only-child{animation:vtRiseOut .16s var(--ease-in) both}@keyframes vtFadeIn{0%{opacity:0}}@keyframes vtFadeOut{to{opacity:0}}@keyframes vtPopIn{0%{opacity:0;transform:scale(.96)}}@keyframes vtPopOut{to{opacity:0;transform:scale(.97)}}@keyframes vtUpIn{0%{transform:translateY(100%)}}@keyframes vtUpOut{to{transform:translateY(100%)}}@keyframes vtRightIn{0%{transform:translate(100%)}}@keyframes vtRightOut{to{transform:translate(100%)}}@keyframes vtRiseIn{0%{opacity:0;transform:translateY(14px)}}@keyframes vtRiseOut{to{opacity:0;transform:translateY(14px)}}@keyframes vtCamIn{0%{clip-path:circle(0 at 50% calc(100% - 60px))}to{clip-path:circle(150% at 50% calc(100% - 60px))}}@keyframes vtCamOut{to{opacity:0;transform:scale(.98)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}*{transition:none!important;animation:none!important}}[hidden]{display:none!important}html,body{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;overflow:hidden}::selection{background:var(--accent-soft)}.mark .logo-img{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}#panel,#panel>div{display:contents}.subtabs:empty{display:none}.sr-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.login-box>form{display:contents}dialog{width:auto;max-width:none;height:auto;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;overflow:clip}dialog::backdrop{background:0 0}dialog.scrim:not([open]),dialog.pop-host:not([open]),dialog.cam:not([open]),dialog.app:not([open]){display:none}dialog.scrim.tertutupi{visibility:hidden}dialog.pop-host{z-index:58;position:absolute;inset:0}#toasts{z-index:95;pointer-events:none;position:fixed;inset:0}#toasts .toast{pointer-events:auto}body:has(.fab-scan) .toast{bottom:128px}.ovbar{z-index:200;opacity:0;pointer-events:none;transition:opacity .28s;position:fixed}.ovbar.show{opacity:1;pointer-events:auto}.ovbar i{background:var(--thumb);border-radius:99px;transition:width .12s,height .12s,right .12s,bottom .12s,background .12s;position:absolute}.ovbar.y i{right:calc((var(--gut,16px) - 6px) / 2);width:6px}.ovbar:hover i,.ovbar.drag i{background:var(--thumb-hover)}.ovbar.y:hover i,.ovbar.y.drag i{width:9px;right:calc((var(--gut,16px) - 9px) / 2)}body.dragging{-webkit-user-select:none;user-select:none}.cam-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cam-hit-slot,.cam-man-slot{display:contents}.glass.kosong{visibility:hidden}.picklist{flex-direction:column;gap:4px;display:flex}.picklist .custrow{border-bottom:0;border-radius:12px}.picklist .custrow:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}dialog{transition:opacity var(--d2) var(--ease-out),overlay var(--d2) allow-discrete,display var(--d2) allow-discrete}dialog:not([open]){opacity:0;transition-duration:.18s;transition-timing-function:var(--ease-in);pointer-events:none}dialog>.dialog,dialog>.drawer,dialog>.pop{transition:transform var(--d2) var(--ease-out),opacity var(--d2) var(--ease-out)}dialog:not([open])>.dialog{transform:scale(.97)}dialog:not([open])>.drawer{transform:translate(100%)}dialog:not([open])>.pop{transform-origin:100% 0;transform:translateY(-4px)scale(.97)}.dev-mobile dialog:not([open])>.dialog{transform:translateY(100%)}@starting-style{dialog[open]{opacity:0}dialog[open]>.dialog{transform:scale(.96)}dialog[open]>.drawer{transform:translate(100%)}dialog[open]>.pop{transform-origin:100% 0;transform:translateY(-4px)scale(.97)}.dev-mobile dialog[open]>.dialog{transform:translateY(100%)}}dialog.cam{transition:opacity var(--d3) var(--ease-out),overlay var(--d3) allow-discrete,display var(--d3) allow-discrete}:where(dialog:not([open])){position:fixed}.toast,.mcartbar{animation:naikMasuk var(--d2) var(--ease-out) both}@keyframes naikMasuk{0%{opacity:0;transform:translate(var(--tx,0),14px)}}.toast{--tx:-50%}.mcartbar{--tx:0}@media (prefers-reduced-motion:reduce){dialog::backdrop{transition:none!important}}.isi-masuk{animation:mkIn var(--d2) var(--ease-out) backwards}:root{--tepi-atas:env(safe-area-inset-top,0px);--tepi-bawah:env(safe-area-inset-bottom,0px)}:root.tepi-asli{--tepi-atas:0px;--tepi-bawah:0px}.dev-tablet body,.dev-mobile body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.dev-tablet button,.dev-mobile button{touch-action:manipulation}.dev-mobile .mtop{height:calc(56px + var(--tepi-atas));padding-top:var(--tepi-atas)}.dev-mobile .login-art{padding-top:calc(16px + var(--tepi-atas))}.dev-mobile .hw-page,.dev-mobile .drawer>.dhead:first-child,.dev-mobile .dialog.full>.dhead:first-child{padding-top:calc(14px + var(--tepi-atas))}.dev-mobile .cam-top{padding-top:calc(4px + var(--tepi-atas))}.dev-mobile .mtabs,.dev-mobile .mt-side{padding-bottom:calc(6px + var(--tepi-bawah))}.dev-mobile .dfoot{padding-bottom:calc(12px + var(--tepi-bawah))}.dev-mobile .cam-tray{padding-bottom:calc(10px + var(--tepi-bawah))}.dev-mobile .dbody.acct-sheet{padding-bottom:calc(6px + var(--tepi-bawah))}.dev-mobile.papan-ketik .mtabs,.dev-mobile.papan-ketik .mcartbar{display:none}