:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--bg:oklch(94.8% .003 85);--bg-deep:oklch(92.5% .004 85);--surface:oklch(97.5% .002 85);--raised:oklch(99.2% .001 85);--sunken:oklch(93.5% .003 85);--ink:oklch(17% .004 200);--ink-2:oklch(40% .005 85);--ink-3:oklch(52% .005 85);--ink-4:oklch(70% .004 85);--line:#00000014;--line-strong:#00000024;--hover:#0000000a;--orange:oklch(76% .135 60);--orange-ink:oklch(52% .13 55);--orange-soft:oklch(93% .05 65);--red:oklch(60% .225 27);--red-ink:oklch(52% .2 27);--red-soft:oklch(93% .045 25);--green:oklch(66% .16 148);--green-ink:oklch(47% .12 148);--green-soft:oklch(93% .05 150);--primary:var(--ink);--on-primary:oklch(98.5% 0 0);--elev-1:0 0 0 1px #0000000b, 0 1px 2px #0000000a, 0 4px 12px -6px #0000000f;--elev-2:0 0 0 1px #0000000d, 0 2px 6px #0000000d, 0 16px 40px -12px #00000024;--elev-3:0 0 0 1px #0000000f, 0 8px 24px #00000014, 0 32px 80px -20px #00000040;--r-xl:28px;--r-lg:20px;--r-md:14px;--r-sm:10px;--ease-out:cubic-bezier(.32, .72, 0, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--z-bar:20;--z-cmd:30;--z-sheet:40;--z-toast:50;--hairline:1px;--gutter:clamp(16px, 3vw, 36px)}@media (resolution>=2x){:root{--hairline:.5px}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(17% .003 85);--bg-deep:oklch(14% .003 85);--surface:oklch(20.5% .003 85);--raised:oklch(24.5% .003 85);--sunken:oklch(18.5% .003 85);--ink:oklch(96% .002 85);--ink-2:oklch(80% .004 85);--ink-3:oklch(68% .004 85);--ink-4:oklch(48% .004 85);--line:oklch(30% .003 85);--line-strong:oklch(38% .003 85);--hover:#ffffff0d;--orange:oklch(74% .11 60);--orange-ink:oklch(80% .1 62);--orange-soft:oklch(30% .05 60);--red:oklch(64% .18 27);--red-ink:oklch(76% .14 25);--red-soft:oklch(30% .07 25);--green:oklch(68% .13 148);--green-ink:oklch(80% .11 148);--green-soft:oklch(29% .05 150);--primary:oklch(96% .002 85);--on-primary:oklch(17% .003 85);--elev-1:0 0 0 1px #ffffff12;--elev-2:0 0 0 1px #ffffff17, 0 16px 40px -12px #00000080;--elev-3:0 0 0 1px #ffffff1a, 0 32px 80px -20px #000000b3}:root[data-switching] *{transition:none!important}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.45}h1,h2,h3,h4,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:400}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}::selection{background:color-mix(in oklch, var(--orange) 35%, transparent)}.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;border-radius:var(--r-sm);background:var(--primary);color:var(--on-primary);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:var(--z-bar);padding:14px var(--gutter);background:color-mix(in oklch, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:sticky;top:0}.brand{letter-spacing:-.02em;color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:19px;text-decoration:none;display:flex}.brand-mark{background:#0b0b0a;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.brand-mark img{display:block}.auth-logo{width:min(300px,70%);height:auto;display:block}.brand small{color:var(--ink-3);margin-inline-start:2px;font-size:13px}.nav{gap:8px;display:flex}.nav-btn{background:var(--surface);width:52px;height:52px;color:var(--ink);box-shadow:var(--elev-1);transition:background-color .15s ease, color .15s ease, box-shadow .15s ease, scale .15s var(--ease-out);border:0;border-radius:14px;place-items:center;display:grid;position:relative}.nav-btn:active{scale:.96}.nav-btn[aria-current=page]{background:var(--primary);width:auto;color:var(--on-primary);box-shadow:none;grid-auto-flow:column;gap:8px;padding:0 18px 0 16px;font-weight:500}@media (hover:hover) and (pointer:fine){.nav-btn:not([aria-current=page]):hover{background:var(--raised)}}.nav-btn .nav-label{white-space:nowrap;display:none}.nav-dot{background:var(--red);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:9px;right:9px}.nav-btn[aria-current=page] .nav-btn .nav-label{white-space:nowrap;display:none}.nav-btn[aria-current=page] .nav-label{display:inline}.nav-dot{box-shadow:0 0 0 2px var(--primary)}.topbar-end{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.search-trigger{background:var(--surface);min-width:0;height:52px;box-shadow:var(--elev-1);color:var(--ink-3);text-align:start;border:0;border-radius:14px;flex:0 300px;align-items:center;gap:10px;padding:0 8px 0 16px;transition:background-color .15s;display:flex}.search-trigger span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (hover:hover) and (pointer:fine){.search-trigger:hover{background:var(--raised)}}.kbd{background:var(--sunken);min-width:24px;height:24px;color:var(--ink-3);font-variant-numeric:tabular-nums;border-radius:7px;place-items:center;padding:0 6px;font-size:12px;display:inline-grid}.icon-btn{background:var(--surface);width:52px;height:52px;color:var(--ink);box-shadow:var(--elev-1);transition:background-color .15s ease, scale .15s var(--ease-out);border:0;border-radius:14px;flex:none;place-items:center;display:grid;position:relative}.icon-btn:active{scale:.96}.icon-btn.sm{border-radius:10px;width:36px;height:36px}.icon-btn.quiet{box-shadow:none;color:var(--ink-2);background:0 0}@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--raised)}.icon-btn.quiet:hover{background:var(--hover)}}.icon-btn .badge{background:var(--red);color:#fff;font-variant-numeric:tabular-nums;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);border-radius:9px;padding:0 5px;font-size:11px;line-height:18px;position:absolute;top:6px;right:6px}.user-chip{text-align:start;white-space:nowrap;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;height:52px;padding:0 14px 0 6px;display:flex}.avatar{background:var(--orange-soft);width:40px;height:40px;color:var(--orange-ink);border-radius:11px;place-items:center;font-weight:500;display:grid}.user-chip b{font-weight:500;display:block}.user-chip small{color:var(--ink-3);font-size:12px}.sync-pill{background:var(--surface);height:36px;box-shadow:var(--elev-1);color:var(--ink-2);white-space:nowrap;border:0;border-radius:18px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.sync-pill i{background:var(--green);border-radius:50%;width:8px;height:8px}.sync-pill[data-state=offline]{background:var(--orange-soft);color:var(--orange-ink);box-shadow:none}.sync-pill[data-state=offline] i{background:var(--orange)}.sync-pill[data-state=failed]{background:var(--red-soft);color:var(--red-ink);box-shadow:none}.sync-pill[data-state=failed] i{background:var(--red)}.demo-banner{padding:8px var(--gutter);background:var(--orange-soft);color:var(--orange-ink);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;font-size:13px;display:flex}.demo-banner button{color:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}main{width:100%;max-width:1600px;padding:8px var(--gutter) 120px;flex:1;margin:0 auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;padding:18px 0 22px;display:flex}.page-head h1{letter-spacing:-.03em;font-size:clamp(32px,4vw,44px);font-weight:300;line-height:1.05}.crumbs{color:var(--ink-3);align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.title-row{flex-wrap:wrap;align-items:baseline;gap:8px 22px;display:flex}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--elev-1);min-width:0;padding:20px;position:relative}.card.flush{padding:0;overflow:hidden}.card-head{justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:14px;display:flex}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:500}.muted{color:var(--ink-3)}.grid{gap:16px;display:grid}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.split-wide{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}@media (width<=1180px){.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split-wide,.cols-3{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.cols-4,.cols-2{grid-template-columns:minmax(0,1fr)}}.btn{background:var(--surface);height:44px;color:var(--ink);box-shadow:var(--elev-1);white-space:nowrap;transition:background-color .15s ease, color .15s ease, box-shadow .15s ease, scale .15s var(--ease-out), opacity .15s ease;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:500;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){scale:.97}.btn:disabled{cursor:not-allowed;background:var(--sunken);color:var(--ink-4);box-shadow:none}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:none}.btn-quiet{box-shadow:none;color:var(--ink-2);background:0 0}.btn-danger{background:var(--red-soft);color:var(--red-ink);box-shadow:none}.btn-green{background:var(--green);color:oklch(99% 0 0);box-shadow:none}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background:var(--raised)}.btn-primary:hover:not(:disabled){background:color-mix(in oklch, var(--primary) 86%, var(--bg))}.btn-quiet:hover:not(:disabled){background:var(--hover)}.btn-danger:hover:not(:disabled){background:color-mix(in oklch, var(--red-soft) 80%, var(--red))}.btn-green:hover:not(:disabled){background:color-mix(in oklch, var(--green) 88%, black)}}.btn-sm{border-radius:10px;height:36px;padding:0 12px;font-size:13px}.btn-lg{border-radius:16px;height:56px;padding:0 24px;font-size:16px}.btn-block{width:100%}.link-btn{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;background:0 0;border:0;padding:0}.seg{background:var(--sunken);border-radius:14px;gap:2px;padding:4px;display:inline-flex;position:relative}.seg button{height:36px;color:var(--ink-3);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:0 14px;font-weight:500;transition:color .15s;position:relative}.seg button[aria-pressed=true]{color:var(--ink)}.seg-pill{background:var(--raised);box-shadow:var(--elev-1);border-radius:10px;position:absolute;inset:0}.seg button span{position:relative}.tabs-text{gap:18px;display:flex}.tabs-text button{color:var(--ink-3);background:0 0;border:0;border-bottom:1.5px solid #0000;padding:4px 0;transition:color .15s,border-color .15s}.tabs-text button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);height:40px;box-shadow:var(--elev-1);color:var(--ink-2);white-space:nowrap;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary);box-shadow:none}.chip .count{background:var(--sunken);min-width:22px;height:22px;color:var(--ink-2);text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;padding:0 6px;font-size:12px;line-height:22px}.chip[aria-pressed=true] .count{background:color-mix(in oklch, var(--on-primary) 18%, transparent);color:var(--on-primary)}.chip i{border-radius:50%;width:8px;height:8px}.tag{background:var(--sunken);height:26px;color:var(--ink-2);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.tag-green{background:var(--green);color:oklch(99% 0 0)}.tag-red{background:var(--red);color:oklch(99% 0 0)}.tag-orange{background:var(--orange-soft);color:var(--orange-ink)}.tag-soft-green{background:var(--green-soft);color:var(--green-ink)}.tag-soft-red{background:var(--red-soft);color:var(--red-ink)}.s-dot{background:var(--ink-4);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.s-dot.green{background:var(--green)}.s-dot.red{background:var(--red)}.s-dot.orange{background:var(--orange)}.delta{font-variant-numeric:tabular-nums;background:var(--green-soft);height:22px;color:var(--green-ink);border-radius:7px;align-items:center;gap:2px;padding:0 7px;font-size:12px;font-weight:500;display:inline-flex}.delta.down{background:var(--red-soft);color:var(--red-ink)}.field{gap:6px;min-width:0;display:grid}.field>span{color:var(--ink-2);font-size:13px;font-weight:500}.field small{color:var(--ink-3);font-size:12px}.input,.select,.textarea{border:var(--hairline) solid var(--line-strong);background:var(--raised);border-radius:12px;width:100%;height:48px;padding:0 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;height:auto;min-height:88px;padding:12px 14px}.input:hover,.select:hover{border-color:color-mix(in oklch, var(--line-strong) 60%, var(--ink-3))}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in oklch, var(--ink) 12%, transparent);outline:none}.input[aria-invalid=true]{border-color:var(--red)}.input-wrap{position:relative}.input-wrap>svg{color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.input-wrap .input{padding-left:44px}.input-wrap .input-end{position:absolute;top:50%;right:6px;translate:0 -50%}.form-error{background:var(--red-soft);color:var(--red-ink);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.form-note{background:var(--sunken);color:var(--ink-2);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.form-note.warn{background:var(--orange-soft);color:var(--orange-ink)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=560px){.form-grid{grid-template-columns:minmax(0,1fr)}}.check{background:var(--sunken);cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin:1px 0 0}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.table th{text-align:start;color:var(--ink-3);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:500}.table td{border-top:var(--hairline) solid var(--line);vertical-align:middle;padding:12px 16px}.table .r{text-align:end}.table tbody tr[data-click]{cursor:pointer;transition:background-color .12s}@media (hover:hover) and (pointer:fine){.table tbody tr[data-click]:hover{background:var(--hover)}}.prod{align-items:center;gap:12px;min-width:0;display:flex}.prod-img{background:var(--sunken);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.prod-img img{object-fit:contain;width:34px;height:38px}.prod b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.prod small{color:var(--ink-3)}.empty{text-align:center;color:var(--ink-3);justify-items:center;gap:10px;padding:40px 20px;display:grid}.empty b{color:var(--ink);font-size:15px;font-weight:500}.empty p{text-wrap:pretty;max-width:40ch}.skeleton{background:linear-gradient(90deg, var(--sunken) 30%, var(--surface) 50%, var(--sunken) 70%) 0 0 / 300% 100%;border-radius:12px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.overlay{z-index:var(--z-sheet);background:#0a0a0a52;position:fixed;inset:0}.sheet-wrap{z-index:var(--z-sheet);pointer-events:none;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{pointer-events:auto;overscroll-behavior:contain;background:var(--surface);border-radius:var(--r-xl);width:min(560px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--elev-3);will-change:transform;overflow:auto}.sheet.wide{width:min(860px,100%)}.sheet-head{z-index:1;background:var(--surface);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 14px;display:flex;position:sticky;top:0}.sheet-head h2{letter-spacing:-.02em;font-size:24px;font-weight:400}.sheet-head p{color:var(--ink-3);margin-top:4px}.sheet-body{gap:16px;padding:4px 22px 22px;display:grid}.sheet-foot{background:var(--surface);justify-content:flex-end;gap:10px;padding:14px 22px 22px;display:flex;position:sticky;bottom:0}.drawer{z-index:var(--z-sheet);background:var(--surface);border-radius:var(--r-xl);width:min(520px,100vw - 20px);box-shadow:var(--elev-3);will-change:transform;flex-direction:column;display:flex;position:fixed;top:10px;bottom:10px;right:10px;overflow:hidden}.drawer-body{overscroll-behavior:contain;flex:1;align-content:start;gap:18px;padding:0 22px 22px;display:grid;overflow:auto}@media (width<=640px){.sheet-wrap{place-items:end center;padding:0}.sheet{border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom)}.drawer{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;height:92dvh;inset:auto 0 0}}.toasts{z-index:var(--z-toast);pointer-events:none;justify-items:center;display:grid;position:fixed;bottom:112px;left:50%;translate:-50%}.island{color:oklch(97% 0 0);pointer-events:auto;cursor:default;will-change:transform;background:oklch(16% .004 200);max-width:min(460px,100vw - 32px);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 40px -12px #00000080}.island-body{align-items:center;gap:12px;padding:10px 18px 10px 10px;display:flex}.island-body b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.island-body small{color:#fff9;font-variant-numeric:tabular-nums;font-size:12.5px;display:block}.island-icon{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.island[data-tone=paid] .island-icon,.island[data-tone=ok] .island-icon{background:var(--green);color:oklch(99% 0 0)}.island[data-tone=error] .island-icon{background:var(--red);color:oklch(99% 0 0)}.island[data-tone=offline] .island-icon,.island[data-tone=sync] .island-icon{background:var(--orange);color:oklch(17% .004 200)}.island[data-tone=paid] .island-body{padding:12px 22px 12px 12px}.island[data-tone=paid] .island-body b{font-variant-numeric:tabular-nums;font-size:17px}.roll{white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-flex}.roll-char{display:inline-block;position:relative}.roll-old{pointer-events:none;position:absolute;inset:0}.shader-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.auth-art>:not(.shader-bg),.vault>:not(.shader-bg){z-index:1;position:relative}.success-wrap{place-items:center;width:200px;height:200px;margin:-64px 0;display:grid;position:relative}.success-wrap .success-mark{z-index:1;position:relative}.success-wrap canvas{width:100%;height:100%;position:absolute;inset:0}.pay-btn,.chip{isolation:isolate;position:relative}.pay-pill,.chip-pill{z-index:-1;border-radius:inherit;background:var(--primary);position:absolute;inset:0}.pay-btn[aria-pressed=true],.chips.sliding .chip[aria-pressed=true]{background:0 0}.tile.bump{animation:bump .22s var(--ease-out)}@keyframes bump{40%{scale:1.035}}.cmdbar{z-index:var(--z-cmd);-webkit-backdrop-filter:blur(16px);width:min(720px,100vw - 32px);box-shadow:var(--elev-3);color:oklch(97% 0 0);background:oklch(24% .004 200/.9);border-radius:22px;padding:8px;position:fixed;bottom:20px;left:50%;translate:-50%}.cmd-chips{scrollbar-width:none;gap:6px;padding:0 0 8px;display:flex;overflow-x:auto}.cmd-chips button{color:#ffffffc7;white-space:nowrap;background:#ffffff14;border:0;border-radius:10px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;transition:background-color .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.cmd-chips button:hover{background:#ffffff24}}.cmd-main{align-items:center;gap:8px;display:flex}.cmd-go{background:var(--orange);color:oklch(17% .004 200);border:0;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.cmd-input{color:oklch(97% 0 0);text-align:start;background:oklch(13% .003 200/.6);border:0;border-radius:14px;flex:1;height:52px;padding:0 18px;font-size:16px}.cmd-input span{color:#ffffff9e}.palette{pointer-events:auto;background:var(--surface);border-radius:var(--r-xl);width:min(640px,100%);max-height:min(560px,100dvh - 80px);box-shadow:var(--elev-3);flex-direction:column;display:flex;overflow:hidden}.sheet-wrap.top{place-items:start center;padding-top:12vh}.palette-input{border-bottom:var(--hairline) solid var(--line);align-items:center;gap:12px;padding:0 18px;display:flex}.palette-input input{background:0 0;border:0;outline:none;flex:1;height:60px;font-size:17px}.palette-list{overscroll-behavior:contain;padding:8px;overflow:auto}.palette-group{padding:10px 12px 6px}.palette-item{text-align:start;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:48px;padding:6px 12px;display:flex}.palette-item[data-active=true]{background:var(--hover)}.palette-item .meta{color:var(--ink-3);white-space:nowrap;margin-inline-start:auto;font-size:13px}.hero-num{text-align:center;justify-items:center;gap:6px;display:grid}.hero-num .big{letter-spacing:-.055em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(56px,9vw,128px);font-weight:300;line-height:.95}.hero-num .big .cur{letter-spacing:0;vertical-align:.55em;color:var(--ink-3);margin-inline-end:.06em;font-size:.55em}.hero-top{grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;display:grid}.legend{flex-wrap:wrap;gap:4px 18px;padding-top:10px;display:flex}.legend button{height:36px;color:var(--ink-2);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.legend .radio{border:1.5px solid var(--ink-4);border-radius:50%;width:14px;height:14px;transition:border-color .15s,background-color .15s}.legend button[aria-pressed=true]{color:var(--ink)}.legend button[aria-pressed=true] .radio{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 3px var(--surface)}@media (width<=900px){.hero-top{grid-template-columns:minmax(0,1fr);justify-items:center}.hero-top>:last-child{justify-self:center}}.chart{-webkit-user-select:none;user-select:none;touch-action:pan-y;position:relative}.chart svg{width:100%;display:block;overflow:visible}.chart .axis{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.chart-tip{z-index:2;background:var(--raised);min-width:170px;box-shadow:var(--elev-2);pointer-events:none;will-change:transform;border-radius:14px;padding:12px 14px;position:absolute;top:0}.chart-tip b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:400}.chart-tip p{color:var(--ink-3);font-size:12px}.kpi{gap:4px;display:grid}.kpi .v{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:300;line-height:1.05}.kpi .s{color:var(--ink-3)}.mix-bar{border-radius:6px;gap:3px;height:10px;display:flex;overflow:hidden}.mix-bar span{transform-origin:0;border-radius:3px;height:100%}.mix-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mix-list li{align-items:center;gap:10px;min-height:34px;display:flex}.mix-list li .amt{font-variant-numeric:tabular-nums;margin-inline-start:auto}.alerts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.alert{background:var(--sunken);text-align:start;border:0;border-radius:14px;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;transition:background-color .15s;display:flex}.alert .s-dot{margin-top:6px}.alert b{font-weight:500;display:block}.alert p{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.alert svg{color:var(--ink-3);margin-inline-start:auto;flex:none;margin-top:2px}@media (hover:hover) and (pointer:fine){.alert:hover{background:color-mix(in oklch, var(--sunken) 70%, var(--line-strong))}}.gauge{justify-items:center;display:grid}.gauge svg{width:100%;max-width:260px}.gauge .v{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:-54px;font-size:40px;font-weight:300}.pos{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:16px;display:grid}@media (width<=1020px){.pos{grid-template-columns:minmax(0,1fr)}}.pos-tools{gap:8px;margin-bottom:14px;display:flex}.pos-tools .input-wrap{flex:1}.pos-tools .input{border-radius:14px;height:52px}.tiles{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;display:grid}.tile{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--elev-1);text-align:start;transition:box-shadow .15s ease, scale .12s var(--ease-out);border:0;grid-template-rows:132px auto;gap:10px;padding:12px;display:grid;position:relative}.tile:active{scale:.97}@media (hover:hover) and (pointer:fine){.tile:hover{box-shadow:var(--elev-2)}}.tile-img{background:var(--sunken);border-radius:14px;place-items:center;display:grid;overflow:hidden}.tile-img img{object-fit:contain;filter:drop-shadow(0 8px 10px #00000024);width:100%;height:116px}.tile b{font-size:13.5px;font-weight:500;line-height:1.3;display:block}.tile small{color:var(--ink-3);font-size:12.5px;display:block}.tile-foot{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:6px;display:flex}.tile-foot b{font-size:15px}.tile-qty{background:var(--primary);min-width:28px;height:28px;color:var(--on-primary);text-align:center;font-variant-numeric:tabular-nums;border-radius:9px;padding:0 8px;font-size:13px;font-weight:500;line-height:28px;position:absolute;top:18px;left:18px}.stock-badge{color:var(--ink-3);font-size:12px}.stock-badge.low{color:var(--orange-ink)}.stock-badge.out{color:var(--red-ink)}.bill{flex-direction:column;max-height:calc(100dvh - 120px);padding:0;display:flex;position:sticky;top:96px;overflow:hidden}.bill-head{justify-content:space-between;align-items:center;padding:18px 20px 10px;display:flex}.bill-lines{overscroll-behavior:contain;flex:1;min-height:120px;margin:0;padding:0 12px;list-style:none;overflow:auto}.bill-line{border-top:var(--hairline) solid var(--line);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 8px;display:grid}.bill-line:first-child{border-top:0}.bill-line .name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.stepper{background:var(--sunken);border-radius:12px;align-items:center;display:inline-flex}.stepper button{width:36px;height:36px;color:var(--ink-2);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.stepper button:active{background:var(--hover)}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-weight:500}.bill-foot{border-top:var(--hairline) solid var(--line);background:var(--surface);gap:12px;padding:14px 20px 20px;display:grid}.bill-total{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.bill-total .v{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:48px;font-weight:300;line-height:1}.bill-rows{color:var(--ink-3);font-variant-numeric:tabular-nums;gap:4px;font-size:13px;display:grid}.bill-rows div{justify-content:space-between;display:flex}.pay-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pay-btn{background:var(--sunken);color:var(--ink-2);transition:background-color .15s ease, color .15s ease, scale .12s var(--ease-out);border:0;border-radius:14px;justify-items:center;gap:6px;padding:12px 4px 10px;font-size:13px;font-weight:500;display:grid}.pay-btn:active:not(:disabled){scale:.96}.pay-btn[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.pay-btn:disabled{color:var(--ink-4);cursor:not-allowed}.qr-box{border-radius:var(--r-lg);background:var(--raised);box-shadow:var(--elev-1);justify-items:center;gap:12px;padding:20px;display:grid}.qr-box img,.qr-box canvas{width:240px;height:240px;image-rendering:pixelated;border-radius:8px}.money-xl{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:300;line-height:1}.quick-cash{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.success-mark{background:var(--green);color:#fff;border-radius:24px;place-items:center;width:72px;height:72px;display:grid}.vault{margin:0 calc(var(--gutter) * -1) 20px;padding:22px var(--gutter) 26px;color:oklch(96% 0 0);border-radius:0 0 var(--r-xl) var(--r-xl);background:radial-gradient(60% 80% at 50% 0,oklch(32% .04 150/.55),#0000 70%),radial-gradient(oklch(100% 0 0/.06) 1px,#0000 1px) 0 0/18px 18px,oklch(15% .004 200);position:relative;overflow:hidden}.vault .page-head{padding-top:8px}.vault .crumbs,.vault .muted{color:oklch(72% 0 0)}.vault-stats{flex-wrap:wrap;gap:12px 40px;display:flex}.vault-stats .kpi .v{font-size:40px}.vault-stats .kpi .s{color:oklch(72% 0 0)}.fan{scrollbar-width:none;margin-top:10px;padding:26px 0 10px;position:relative;overflow:auto hidden}.fan::-webkit-scrollbar{display:none}.fan-track{height:250px;margin:0 auto;position:relative}.fan-card{text-align:start;color:oklch(96% 0 0);transform-origin:0;width:150px;height:220px;transition:transform .2s var(--ease-out), background-color .15s ease;background:linear-gradient(160deg,oklch(42% .004 200),oklch(24% .004 200));border:0;border-radius:20px;grid-template-rows:auto 1fr auto;padding:14px;display:grid;position:absolute;top:0;transform:perspective(1200px)rotateY(-14deg);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.14),0 20px 40px -12px #0009}.fan-card[data-tone=low]{background:linear-gradient(160deg,oklch(55% .1 60),oklch(30% .05 55))}.fan-card[data-tone=out]{background:linear-gradient(160deg,oklch(50% .16 27),oklch(27% .08 27))}@media (hover:hover) and (pointer:fine){.fan-card:hover{background:linear-gradient(160deg,oklch(62% .15 148),oklch(36% .09 150));transform:perspective(1200px)translateY(-16px)rotateY(0);z-index:200!important}}.fan-card:focus-visible{outline-color:#fff;transform:perspective(1200px)translateY(-16px)rotateY(0);z-index:200!important}.fan-card:active{transform:perspective(1200px)translateY(-12px)rotateY(0)scale(.98);z-index:200!important}.fan-card img{object-fit:contain;filter:drop-shadow(0 10px 14px #00000073);align-self:center;width:100%;height:108px}.fan-card .n{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:300;line-height:1}.fan-card small{color:oklch(100% 0 0/.72);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.fan-card b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.vault .btn{color:oklch(97% 0 0);background:oklch(100% 0 0/.1);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.12)}.vault .btn-primary{color:oklch(15% .004 200);box-shadow:none;background:oklch(97% 0 0)}@media (hover:hover) and (pointer:fine){.vault .btn:hover:not(:disabled){background:oklch(100% 0 0/.16)}.vault .btn-primary:hover:not(:disabled){background:oklch(90% 0 0)}}.batch-list{gap:8px;display:grid}.batch{background:var(--sunken);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 14px;display:grid}.batch .exp{font-variant-numeric:tabular-nums}.batch .bar{background:var(--line);border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.batch .bar i{background:var(--green);border-radius:2px;height:100%;display:block}.moves{margin:0;padding:0;list-style:none;display:grid}.moves li{border-top:var(--hairline) solid var(--line);grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:grid}.moves .q{font-variant-numeric:tabular-nums;font-weight:500}.moves .q.in{color:var(--green-ink)}.pipeline{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}@media (width<=1100px){.pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}.stage{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--elev-1);text-align:start;transition:background-color .15s ease, color .15s ease, scale .12s var(--ease-out);border:0;gap:2px;padding:14px 16px;display:grid}.stage:active{scale:.98}.stage[aria-pressed=true]{background:var(--primary);color:var(--on-primary);box-shadow:none}.stage .n{letter-spacing:-.035em;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:34px;font-weight:300;line-height:1.1;display:flex}.stage small{color:var(--ink-3)}.stage[aria-pressed=true] small{color:color-mix(in oklch, var(--on-primary) 70%, transparent)}.desk{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:16px;display:grid}@media (width<=1020px){.desk{grid-template-columns:minmax(0,1fr)}}.order-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.order-row{background:var(--surface);width:100%;box-shadow:var(--elev-1);text-align:start;border:0;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 16px;transition:box-shadow .15s,background-color .15s;display:grid}.order-row[aria-current=true]{box-shadow:0 0 0 2px var(--ink), var(--elev-1)}.order-row b{font-weight:500}.order-row .sub{color:var(--ink-3);font-size:13px}.order-panel{gap:18px;display:grid;position:sticky;top:96px}.timeline{margin:0;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:20px minmax(0,1fr) auto;gap:12px;padding-bottom:14px;display:grid;position:relative}.timeline li:before{content:"";background:var(--line-strong);width:1.5px;position:absolute;top:16px;bottom:0;left:9px}.timeline li:last-child:before{display:none}.timeline .s-dot{width:9px;height:9px;margin:5px 0 0 5px}.timeline small{color:var(--ink-3);white-space:nowrap;font-size:12px}.pack-line{background:var(--sunken);border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;transition:background-color .2s;display:grid}.pack-line[data-state=done]{background:var(--green-soft)}.pack-line[data-state=over]{background:var(--red-soft)}.denoms{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.denom{background:var(--sunken);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.denom b{font-variant-numeric:tabular-nums;min-width:46px;font-weight:500}.denom input{text-align:end;height:40px}.ledger{font-variant-numeric:tabular-nums;gap:2px;margin:0;padding:0;list-style:none;display:grid}.ledger li{border-top:var(--hairline) solid var(--line);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.ledger li:first-child{border-top:0}.ledger li.total{border-top:1.5px solid var(--ink);font-weight:500}.settings{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.settings-nav{gap:2px;display:grid;position:sticky;top:96px}.settings-nav button{text-align:start;height:40px;color:var(--ink-2);background:0 0;border:0;border-radius:10px;padding:0 12px;transition:background-color .15s}.settings-nav button[aria-current=true]{background:var(--surface);color:var(--ink);box-shadow:var(--elev-1)}@media (width<=860px){.settings{grid-template-columns:minmax(0,1fr)}.settings-nav{scrollbar-width:none;display:flex;position:static;overflow-x:auto}.settings-nav button{white-space:nowrap}}.conn{background:var(--sunken);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.conn-icon{background:var(--raised);width:44px;height:44px;box-shadow:var(--elev-1);border-radius:12px;place-items:center;display:grid}code{background:var(--sunken);border-radius:6px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.auth{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:100dvh;display:grid}.auth-art{color:oklch(97% 0 0);background:radial-gradient(70% 60% at 30% 20%,oklch(76% .135 60/.45),#0000 70%),radial-gradient(oklch(100% 0 0/.06) 1px,#0000 1px) 0 0/18px 18px,oklch(15% .004 200);align-content:end;gap:18px;padding:48px;display:grid;position:relative;overflow:hidden}.auth-art h1{letter-spacing:-.045em;max-width:11ch;font-size:clamp(40px,5vw,72px);font-weight:300;line-height:1}.auth-art p{color:oklch(80% 0 0);max-width:42ch;font-size:15px}.auth-packs{opacity:.95;pointer-events:none;gap:4px;display:flex;position:absolute;top:40px;right:-40px;rotate:-8deg}.auth-packs img{filter:drop-shadow(0 18px 24px #00000080);height:150px}.auth-form{place-items:center;padding:32px 20px;display:grid}.auth-form form{gap:16px;width:min(400px,100%);display:grid}.auth-form h2{letter-spacing:-.03em;font-size:32px;font-weight:300}@media (width<=860px){.auth{grid-template-columns:minmax(0,1fr)}.auth-art{min-height:260px;padding:28px 20px}}@media (width<=1480px){.search-trigger{flex:0 0 52px;justify-content:center;padding:0}.search-trigger span,.search-trigger .kbd{display:none}}@media (width<=900px){.topbar{grid-template-columns:auto 1fr;padding-block:10px}.topbar .nav{left:50%;bottom:calc(10px + env(safe-area-inset-bottom));z-index:var(--z-cmd);background:color-mix(in oklch, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);box-shadow:var(--elev-3);border-radius:20px;gap:4px;padding:6px;position:fixed;translate:-50%}.nav-btn{width:48px;height:48px;box-shadow:none;background:0 0}.search-trigger{flex:0 0 52px;justify-content:center;padding:0}.search-trigger span,.search-trigger .kbd,.user-chip>div,.cmdbar{display:none}main{padding-bottom:110px}.bill{max-height:none;position:static}.order-panel{position:static}}@media (width<=480px){.brand small,.sync-pill span{display:none}.nav-btn{width:42px;height:44px}}.print-root{display:none}@media print{@page{margin:0}body *{visibility:hidden}.print-root,.print-root *{visibility:visible}.print-root{color:#000;background:#fff;display:block;position:absolute;inset:0 auto auto 0}}.receipt{font-variant-numeric:tabular-nums;width:72mm;padding:4mm;font:11px/1.35 Helvetica Neue,Arial,sans-serif}.receipt h3{text-align:center;font-size:15px;font-weight:500}.receipt .c{text-align:center}.receipt table{border-collapse:collapse;width:100%;margin:6px 0}.receipt td{vertical-align:top;padding:2px 0}.receipt .r{text-align:right}.receipt hr{border:0;border-top:1px dashed #000;margin:6px 0}.label-4x6{border:1px solid #000;grid-template-rows:auto auto 1fr auto;gap:10px;width:4in;height:6in;padding:.2in;font:12px/1.35 Helvetica Neue,Arial,sans-serif;display:grid}.label-4x6 .test{text-align:center;letter-spacing:.04em;border:2px solid #000;padding:6px;font-weight:700}.label-4x6 .awb{letter-spacing:.06em;text-align:center;font-size:22px;font-weight:700}.label-4x6 .to{font-size:14px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{rotate:360deg}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}.photo-picker{align-items:flex-start;gap:14px;display:flex}.photo-frame{background:var(--raised);width:96px;height:96px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3);border-radius:14px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.photo-frame img{object-fit:contain;width:100%;height:100%;padding:6px}.photo-frame.is-empty{border:1.5px dashed var(--line-strong);box-shadow:none}.photo-busy{background:color-mix(in oklch, var(--bg) 78%, transparent);color:var(--ink);place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;inset:0}.photo-side{gap:6px;min-width:0;display:grid}.photo-title{font-size:14px;font-weight:600}.photo-actions{align-items:center;gap:14px;margin-top:2px;display:flex}.cat-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cat-list li{grid-template-columns:1fr auto auto auto auto;align-items:center;gap:6px;display:grid}.cat-count{white-space:nowrap;padding:0 6px;font-size:12px}.cat-list .icon-btn:disabled{opacity:.3}