@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--text-xs: .75rem;--text-sm: .875rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem}}@layer utilities{.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.lowercase{text-transform:lowercase}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--color-tomato: #F0492B;--color-pan-teal: #0F4C4A;--color-butter: #FFC94A;--color-crust: #FFF0D4;--color-ink: #1C1A17;--color-bg: var(--color-crust);--color-surface: #FFF8EA;--color-text: var(--color-pan-teal);--color-text-strong: var(--color-ink);--color-text-muted: #4D6B69;--color-primary: var(--color-tomato);--color-on-primary: var(--color-crust);--color-accent: var(--color-butter);--color-on-accent: var(--color-ink);--color-band-dark: var(--color-pan-teal);--color-on-band-dark: var(--color-crust);--color-line: var(--color-ink);--color-status-preparing: var(--color-butter);--color-status-ready: var(--color-tomato);--color-status-completed: #7FA3A1;--color-success: var(--color-pan-teal);--color-warning: var(--color-butter);--color-danger: #B42318;--color-info: var(--color-pan-teal);--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Bricolage Grotesque", system-ui, sans-serif;--font-hand: "Caveat", "Comic Sans MS", cursive;--weight-display: 800;--weight-body: 400;--weight-strong: 600;--tracking-display: -.04em;--tracking-label: .12em;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 4rem;--text-hero: clamp(3.5rem, 9vw, 7.5rem);--text-order-number: clamp(3.5rem, 18vw, 6rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 28px;--radius-icon: 22%;--radius-full: 999px;--border-ink: 2px solid var(--color-ink);--shadow-hard-sm: 2px 2px 0 var(--color-ink);--shadow-hard: 4px 4px 0 var(--color-ink);--shadow-hard-lg: 6px 6px 0 var(--color-ink);--ripple-band: 24px;--duration-fast: .16s;--duration-base: .32s;--duration-slow: .7s;--ease-standard: cubic-bezier(.2, .7, .2, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;overflow-x:clip;-webkit-tap-highlight-color:transparent}svg{display:block;max-width:100%}a{color:inherit}ul,ol{margin:0;padding:0;list-style:none}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:.92;margin:0;text-wrap:balance;color:var(--color-pan-teal)}h2{font-size:clamp(2.5rem,6.4vw,4.75rem)}h3{font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.03em}:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}[hidden]{display:none!important}.container{width:100%;max-width:1200px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.label{font-weight:var(--weight-strong);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase}.lead{font-size:var(--text-lg);max-width:46ch}.muted{color:var(--color-text-muted)}.hand{font-family:var(--font-hand);font-weight:500;font-size:1.7rem;line-height:1.05;color:var(--color-pan-teal)}.hl{background:linear-gradient(var(--color-butter),var(--color-butter)) no-repeat 0 88%/100% .45em;padding-inline:.08em;color:inherit}.num{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}body:not([data-state=loading]) [data-loading]{display:none!important}body[data-state=loading] [data-content]{display:none!important}.logo-mark{color:var(--color-tomato)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:1.65rem;letter-spacing:-.055em;line-height:1;color:inherit}.brand svg{width:34px;height:34px}.brand--sm{font-size:1.2rem;gap:7px}.brand--sm svg{width:24px;height:24px}.icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.icon--sm{width:18px;height:18px}.icon--lg{width:32px;height:32px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font:600 var(--text-md)/1 var(--font-body);padding:15px 24px;border-radius:var(--radius-full);border:var(--border-ink);box-shadow:var(--shadow-hard);text-decoration:none;cursor:pointer;color:var(--color-ink);background:var(--color-surface);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast)}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lg)}.btn:active{transform:translate(2px,2px);box-shadow:var(--shadow-hard-sm)}.btn--primary{background:var(--color-tomato);color:var(--color-crust)}.btn--butter{background:var(--color-butter)}.btn--teal{background:var(--color-pan-teal);color:var(--color-crust)}.btn--ghost{background:transparent;box-shadow:none;border-color:transparent;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.btn--ghost:hover,.btn--ghost:active{transform:none;box-shadow:none}.btn--danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger);box-shadow:2px 2px 0 var(--color-danger)}.btn--danger:hover{box-shadow:4px 4px 0 var(--color-danger)}.btn--sm{min-height:40px;padding:11px 18px;font-size:var(--text-sm);box-shadow:var(--shadow-hard-sm)}.btn--ghost.btn--sm{box-shadow:none}.btn--block{display:flex;width:100%}.btn[disabled],.btn.is-disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:var(--shadow-hard-sm)}.btn.is-loading{color:transparent;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid currentColor;border-color:var(--color-crust) var(--color-crust) transparent transparent;animation:spin .7s linear infinite}.btn:not(.btn--primary):not(.btn--teal).is-loading:after{border-color:var(--color-ink) var(--color-ink) transparent transparent}.icon-btn{width:44px;height:44px;flex:none;display:inline-grid;place-items:center;border-radius:var(--radius-full);border:var(--border-ink);background:var(--color-surface);color:var(--color-ink);cursor:pointer;text-decoration:none;box-shadow:var(--shadow-hard-sm);transition:transform var(--duration-fast) var(--ease-standard)}.icon-btn:active{transform:translate(2px,2px);box-shadow:none}.icon-btn--plain{border-color:transparent;background:transparent;box-shadow:none}.badge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:var(--radius-full);border:2px solid var(--color-ink);font-weight:600;font-size:var(--text-sm);line-height:1.2;white-space:nowrap}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.badge--preparing{background:var(--color-status-preparing);color:var(--color-ink)}.badge--ready{background:var(--color-status-ready);color:var(--color-crust)}.badge--completed{background:var(--color-status-completed);color:var(--color-ink)}.badge--plain:before{display:none}.badge--lg{font-size:var(--text-md);padding:7px 16px}.sticker{width:104px;height:104px;flex:none;border-radius:50%;background:var(--color-butter);border:2px dashed var(--color-ink);display:grid;place-items:center;text-align:center;font-family:var(--font-display);font-weight:800;font-size:.82rem;line-height:1;text-transform:uppercase;color:var(--color-ink)}.sticker span{display:block;transform:rotate(-12deg)}.speech{position:relative;display:inline-block;background:var(--color-tomato);color:var(--color-crust);font-weight:600;font-size:var(--text-sm);padding:8px 16px;border-radius:var(--radius-full);border:var(--border-ink);box-shadow:var(--shadow-hard-sm);white-space:nowrap}.speech:before{content:"";position:absolute;left:-8px;top:50%;width:13px;height:13px;background:inherit;border-left:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);transform:translateY(-50%) rotate(45deg)}.speech--butter{background:var(--color-butter);color:var(--color-ink)}.speech--down:before{left:28px;top:auto;bottom:-8px;transform:rotate(-45deg)}.banner{display:inline-block;background:var(--color-butter);color:var(--color-ink);font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,4.2vw,3rem);letter-spacing:-.035em;line-height:1.05;padding:.14em .5em .2em;border:var(--border-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-hard);transform:rotate(-3deg)}.ripple-pattern{background:repeating-radial-gradient(circle at 100% 0%,var(--color-butter) 0 var(--ripple-band),var(--color-tomato) var(--ripple-band) calc(var(--ripple-band) * 2))}.rings{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.rings span{position:absolute;left:0;top:0;border-radius:50%;border:var(--ripple-band) solid var(--color-butter);transform:translate(-50%,-50%)}.rings span:nth-child(1){width:150px;height:150px;border-color:var(--color-butter)}.rings span:nth-child(2){width:246px;height:246px;border-color:var(--color-tomato);opacity:.18}.rings span:nth-child(3){width:342px;height:342px;border-color:var(--color-butter);opacity:.35}.burst{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:10px solid var(--color-butter);opacity:0;pointer-events:none}.mascot{width:68px;height:68px;flex:none}.mascot .smile-happy{opacity:0}.mascot.is-happy .smile-happy{opacity:1}.mascot.is-happy .smile{opacity:0}.qr{background:#fff;border:var(--border-ink);border-radius:var(--radius-md);padding:10px;aspect-ratio:1;max-width:100%}.qr svg{width:100%;height:100%}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-weight:600;font-size:var(--text-sm);color:var(--color-ink)}.field__control{position:relative;display:flex;align-items:center}.field__input{width:100%;min-height:54px;padding:14px 16px;background:#fff;border:var(--border-ink);border-radius:var(--radius-md);font-size:var(--text-md);color:var(--color-ink);box-shadow:inset 0 0 0 0 transparent;transition:box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast)}.field__input::placeholder{color:#8a9493}.field__input:hover{box-shadow:var(--shadow-hard-sm)}.field__input:focus{outline:none;box-shadow:var(--shadow-hard);border-color:var(--color-ink)}.field__input:focus-visible{outline:none}.field__control .icon{position:absolute;left:16px;color:var(--color-text-muted);pointer-events:none}.field__control .icon~.field__input{padding-left:48px}.field__toggle{position:absolute;right:6px;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--radius-full);cursor:pointer;color:var(--color-pan-teal)}.field__toggle .icon{position:static;color:inherit}.field__toggle~.field__input,.field__input:has(~.field__toggle){padding-right:52px}.field__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.field--error .field__input{border-color:var(--color-danger);box-shadow:3px 3px 0 var(--color-danger);background:#fff6f4}.field--error .field__label{color:var(--color-danger)}.field--error .field__hint{display:none}.field__input:disabled{background:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}.inline-error{display:flex;align-items:flex-start;gap:8px;color:var(--color-danger);font-size:var(--text-sm);font-weight:600}.inline-error .icon{width:18px;height:18px;margin-top:1px}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:2px solid var(--color-danger);border-radius:var(--radius-md);background:#fff1ee;color:var(--color-danger);font-weight:600;font-size:var(--text-sm);line-height:1.4;box-shadow:3px 3px 0 var(--color-danger)}.alert .icon{margin-top:-1px}.alert a{font-weight:700}.alert--success{border-color:var(--color-ink);background:var(--color-butter);color:var(--color-ink);box-shadow:var(--shadow-hard-sm)}.points-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;background:var(--color-surface);border:var(--border-ink);border-radius:var(--radius-full);box-shadow:var(--shadow-hard-sm);font-weight:700;font-size:var(--text-sm);color:var(--color-ink);text-decoration:none;white-space:nowrap}.coin{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--color-butter);border:2px solid var(--color-ink);font-family:var(--font-display);font-weight:800;font-size:.72rem;color:var(--color-ink)}.coin:after{content:"";width:12px;height:12px;border-radius:50%;border:1.5px dashed var(--color-ink)}.order-no{font-family:var(--font-display);font-weight:800;letter-spacing:-.05em;line-height:.85;font-variant-numeric:tabular-nums;color:inherit}.order-no--sm{font-size:var(--text-2xl)}.order-no--lg{font-size:3.25rem}.order-no--hero{font-size:var(--text-order-number)}.order-no small{font-size:.45em;letter-spacing:-.02em;vertical-align:.7em;margin-right:.04em;opacity:.7}.order-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;background:var(--color-surface);border:var(--border-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard-sm);text-decoration:none;color:var(--color-pan-teal);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.order-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard)}.order-card:active{transform:translate(1px,1px);box-shadow:none}.order-card__no{min-width:64px;display:grid;place-items:center;padding:8px 6px;border:var(--border-ink);border-radius:var(--radius-md);background:var(--color-crust);color:var(--color-ink)}.order-card__body{min-width:0;display:flex;flex-direction:column;gap:2px}.order-card__title{font-weight:700;font-size:var(--text-md);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-card__meta{font-size:var(--text-sm);color:var(--color-text-muted)}.order-card__end{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.order-card__amount{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-ink)}.order-card[data-status=READY] .order-card__no{background:var(--color-tomato);color:var(--color-crust)}.order-card[data-status=PREPARING] .order-card__no{background:var(--color-butter)}.order-card[data-status=COMPLETED]{background:transparent;box-shadow:none;border-style:dashed}.order-card[data-status=COMPLETED]:hover{box-shadow:var(--shadow-hard-sm);border-style:solid}.stepper{position:relative;display:flex;flex-direction:column;gap:0}.stepper li{position:relative;display:grid;grid-template-columns:28px 1fr;gap:14px;padding-bottom:22px}.stepper li:last-child{padding-bottom:0}.stepper__dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;border:var(--border-ink);background:var(--color-surface);display:grid;place-items:center;color:var(--color-ink)}.stepper__dot .icon{width:16px;height:16px;stroke-width:3;opacity:0}.stepper li:not(:last-child):after{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--color-ink);opacity:.2}.stepper__fill{position:absolute;left:13px;top:14px;width:2px;height:calc(100% - 28px);background:var(--color-ink);transform-origin:50% 0;transform:scaleY(0);z-index:0}.stepper__text{display:flex;flex-direction:column;gap:2px;padding-top:2px}.stepper__text b{font-weight:700;font-size:var(--text-lg);line-height:1.2}.stepper__text small{font-size:var(--text-sm);opacity:.8}.stepper li.is-done .stepper__dot{background:var(--color-ink);color:var(--color-crust)}.stepper li.is-done .stepper__dot .icon{opacity:1}.stepper li.is-current .stepper__dot{background:var(--color-butter);box-shadow:0 0 0 5px #1c1a171f}.stepper li.is-todo{opacity:.5}.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;margin:-2px}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:var(--border-ink);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-ink);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast),transform var(--duration-fast) var(--ease-standard)}.tab__count{min-width:22px;padding:1px 6px;border-radius:var(--radius-full);background:#1c1a171a;font-size:var(--text-xs);text-align:center;font-variant-numeric:tabular-nums}.tab[aria-selected=true]{background:var(--color-pan-teal);color:var(--color-crust);box-shadow:var(--shadow-hard-sm)}.tab[aria-selected=true] .tab__count{background:var(--color-butter);color:var(--color-ink)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px 16px;background:var(--color-bg);border-bottom:var(--border-ink)}.top-bar__title{flex:1;min-width:0;font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.03em;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar--center .top-bar__title{text-align:center}.top-bar__spacer{width:44px;flex:none}.bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px 12px max(10px,env(safe-area-inset-bottom,0px));background:var(--color-bg);border-top:var(--border-ink)}.bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:var(--text-xs);color:var(--color-text-muted)}.bottom-nav a[aria-current=page]{color:var(--color-ink)}.bottom-nav a[aria-current=page] .icon{background:var(--color-butter);border:2px solid var(--color-ink);border-radius:var(--radius-full);padding:3px;width:52px;height:30px;stroke-width:2.4;box-shadow:var(--shadow-hard-sm)}.bottom-nav .icon{width:52px;height:30px;padding:3px;border:2px solid transparent}.bottom-nav__dot{position:absolute;top:2px;right:calc(50% - 30px);min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-tomato);color:var(--color-crust);border:2px solid var(--color-ink);font-size:10px;font-weight:800;display:grid;place-items:center;line-height:1}.list{display:flex;flex-direction:column;background:var(--color-surface);border:var(--border-ink);border-radius:var(--radius-lg);overflow:hidden}.list-row{display:flex;align-items:center;gap:14px;min-height:60px;padding:12px 16px;text-decoration:none;color:var(--color-ink);background:transparent;border:0;width:100%;text-align:left;cursor:pointer}.list-row+.list-row{border-top:2px solid rgba(28,26,23,.12)}.list-row:hover{background:#ffc94a40}.list-row__body{flex:1;min-width:0;display:flex;flex-direction:column}.list-row__body small{color:var(--color-text-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.list-row__end{color:var(--color-text-muted)}.list-row--danger{color:var(--color-danger)}.toasts{position:fixed;left:50%;top:max(16px,env(safe-area-inset-top,0px));z-index:300;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(420px,calc(100% - 32px));transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:var(--border-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);font-weight:600;font-size:var(--text-sm);line-height:1.35;pointer-events:auto;background:var(--color-pan-teal);color:var(--color-crust)}.toast--success{background:var(--color-butter);color:var(--color-ink)}.toast--error{background:var(--color-danger);color:#fff}.toast--ready{background:var(--color-tomato);color:var(--color-crust)}.scrim{position:fixed;inset:0;z-index:200;background:#0f4c4a8c;display:flex;align-items:flex-end;justify-content:center}.scrim[hidden]{display:none}.sheet{width:100%;max-width:480px;background:var(--color-bg);border:var(--border-ink);border-bottom:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:12px 20px max(24px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px;box-shadow:0 -4px 0 var(--color-ink)}.sheet:before{content:"";align-self:center;width:44px;height:5px;border-radius:var(--radius-full);background:var(--color-ink);opacity:.25}.sheet h2{font-size:var(--text-2xl);letter-spacing:-.035em}.sheet__actions{display:flex;flex-direction:column;gap:10px}.dialog{width:min(440px,calc(100% - 32px));margin:auto;background:var(--color-bg);border:var(--border-ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-hard-lg);padding:28px;display:flex;flex-direction:column;gap:16px}.scrim--center{align-items:center}.skel{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,#0f4c4a14 0 40%,#0f4c4a29 50%,#0f4c4a14 60% 100%) 0 0/300% 100%;animation:shimmer 1.4s linear infinite}.skel--line{height:14px}.skel--title{height:28px;width:60%}.skel--card{height:78px;border-radius:var(--radius-lg)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 16px}.empty .mascot{width:104px;height:104px;margin-bottom:6px}.empty h3{font-size:var(--text-2xl)}.empty p{max-width:30ch;color:var(--color-text-muted)}.empty .hand{font-size:1.45rem;transform:rotate(-3deg)}.wipe{position:fixed;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--color-tomato);z-index:400;pointer-events:none;transform:scale(0)}.qr-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--color-surface);border:var(--border-ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-hard-lg)}.qr-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-ink)}.qr-card__top .label{color:var(--color-tomato)}.qr-card__name{font-weight:700;font-size:var(--text-sm)}.qr-card__code{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--radius-md)}.qr-card__code .qr{width:100%;padding:16px}.qr-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--text-sm)}.qr-card__foot b{color:var(--color-ink);letter-spacing:.06em;white-space:nowrap}.qr-full{position:fixed;inset:0;z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:64px 24px 40px;background:#fff;color:var(--color-ink);text-align:center}.qr-full[hidden]{display:none}.qr-full__close{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:16px}.device .qr-full__close{top:52px}.qr-full .qr{width:min(330px,84vw);border-width:3px;padding:14px}.qr-full__name{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-.035em}.qr-full__tip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-full);background:var(--color-butter);border:2px solid var(--color-ink);font-weight:600;font-size:var(--text-sm)}.qr-full__code{font-size:var(--text-sm);color:var(--color-text-muted)}.qr-full__code b{color:var(--color-ink);letter-spacing:.08em}.ready-banner{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-tomato);color:var(--color-crust);border:var(--border-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);text-decoration:none;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.ready-banner:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lg)}.ready-banner__icon{position:relative;z-index:1;width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--color-butter);color:var(--color-ink);border:2px solid var(--color-ink)}.ready-banner__text{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:26px}.ready-banner__text b{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.025em;line-height:1.1}.ready-banner__text small{font-size:var(--text-sm);opacity:.92}.ready-banner>.icon{position:relative;z-index:1}.ready-banner__ripple{position:absolute;right:-2px;top:-2px;width:66px;height:66px;border-bottom-left-radius:100%;border-left:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);--ripple-band: 9px;opacity:.9}.ready-banner .burst{left:39px;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-width:5px}.points-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;background:var(--color-butter);color:var(--color-ink);border:var(--border-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard-sm)}.points-card__coin{width:52px;height:52px}.points-card__value{display:flex;flex-direction:column;line-height:1}.points-card__value b{font-family:var(--font-display);font-weight:800;font-size:2.25rem;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.points-card__value span{font-weight:600;font-size:var(--text-sm);margin-top:4px}.points-card .hand{font-size:1.3rem;color:var(--color-ink);text-align:right;transform:rotate(-4deg)}.live{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase}.live:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--color-tomato);box-shadow:0 0 #f0492b80;animation:live 1.6s ease-out infinite}@keyframes live{to{box-shadow:0 0 0 9px #f0492b00}}.avatar{position:relative;width:84px;height:84px;flex:none;display:grid;place-items:center;color:var(--color-crust)}.avatar svg{position:absolute;inset:0;width:100%;height:100%;color:var(--color-tomato)}.avatar span{position:relative;font-family:var(--font-display);font-weight:800;font-size:1.8rem;letter-spacing:-.04em;transform:translate(-6px,6px)}.details{display:flex;flex-direction:column;border:var(--border-ink);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.details div{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;font-size:var(--text-sm)}.details div+div{border-top:2px dashed rgba(28,26,23,.18)}.details dt{color:var(--color-text-muted)}.details dd{margin:0;font-weight:700;color:var(--color-ink);text-align:right;font-variant-numeric:tabular-nums}.toast__text{flex:1}.toast__action{flex:none;min-height:34px;padding:6px 14px;border:2px solid currentColor;border-radius:var(--radius-full);background:transparent;color:inherit;font-weight:700;font-size:var(--text-sm);cursor:pointer}.toast__action:hover{background:#ffffff26}.status-control{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:var(--border-ink);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-hard-sm)}.status-control button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;padding:12px 8px;border:0;background:transparent;font-weight:700;font-size:var(--text-md);color:var(--color-ink);cursor:pointer;transition:background-color var(--duration-fast)}.status-control button+button{border-left:2px solid var(--color-ink)}.status-control button:hover{background:#ffc94a40}.status-control button:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--color-ink);background:var(--dot)}.status-control [data-status=PREPARING]{--dot: var(--color-status-preparing)}.status-control [data-status=READY]{--dot: var(--color-status-ready)}.status-control [data-status=COMPLETED]{--dot: var(--color-status-completed)}.status-control button[aria-pressed=true]{background:var(--dot);color:var(--color-ink)}.status-control button[aria-pressed=true][data-status=READY]{color:var(--color-crust)}.status-control button[aria-pressed=true]:before{background:var(--color-crust)}.viewfinder{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:4/3;padding:0;border:var(--border-ink);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;color:var(--color-crust);background:radial-gradient(120% 90% at 30% 20%,#3a4a48,#1c2423 55%,#111615);box-shadow:var(--shadow-hard)}.viewfinder__frame{position:absolute;inset:16% 26%;border-radius:12px;background:linear-gradient(var(--c),var(--c)) 0 0/28px 5px no-repeat,linear-gradient(var(--c),var(--c)) 0 0/5px 28px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0/28px 5px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0/5px 28px no-repeat,linear-gradient(var(--c),var(--c)) 0 100%/28px 5px no-repeat,linear-gradient(var(--c),var(--c)) 0 100%/5px 28px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100%/28px 5px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100%/5px 28px no-repeat;--c: var(--color-butter)}.viewfinder__qr{position:absolute;inset:20% 30%;opacity:0;padding:8px;transform:rotate(-6deg) scale(.9)}.viewfinder__line{position:absolute;left:24%;right:24%;top:18%;height:3px;border-radius:3px;background:var(--color-tomato);box-shadow:0 0 14px 2px #f0492bb3;opacity:0}.viewfinder__msg{position:absolute;left:50%;bottom:14px;transform:translate(-50%);max-width:calc(100% - 32px);padding:7px 14px;border-radius:var(--radius-full);background:#1c1a17bf;font-weight:600;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewfinder__result{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px}.viewfinder__result .icon{width:56px;height:56px;padding:10px;border-radius:50%;border:2px solid var(--color-ink);stroke-width:3}.viewfinder__result b{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-.03em}[data-scan=scanning] .viewfinder__qr{opacity:1}[data-scan=scanning] .viewfinder__line{opacity:1;animation:scanline 1.2s ease-in-out infinite alternate}@keyframes scanline{to{top:80%}}[data-scan=found] .viewfinder{background:var(--color-butter);color:var(--color-ink)}[data-scan=found] .viewfinder__frame,[data-scan=failed] .viewfinder__frame,[data-scan=found] .viewfinder__msg,[data-scan=failed] .viewfinder__msg{display:none}[data-scan=found] .viewfinder__result[data-for=found],[data-scan=failed] .viewfinder__result[data-for=failed]{display:flex}[data-scan=found] .viewfinder__result .icon{background:var(--color-pan-teal);color:var(--color-crust)}[data-scan=failed] .viewfinder{background:#3b1a15;border-color:var(--color-danger)}[data-scan=failed] .viewfinder__result .icon{background:var(--color-danger);color:#fff}.amount-display{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;padding:14px 20px;background:#fff;border:var(--border-ink);border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;color:var(--color-ink);font-variant-numeric:tabular-nums}.amount-display b{font-size:3.5rem;line-height:1}.amount-display span{font-size:var(--text-md);font-family:var(--font-body);font-weight:600;letter-spacing:0;color:var(--color-text-muted);margin-right:auto}.amount-display.is-empty b{color:#b5bdbc}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.keypad button{min-height:60px;border:var(--border-ink);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-display);font-weight:800;font-size:1.6rem;letter-spacing:-.02em;cursor:pointer;box-shadow:var(--shadow-hard-sm);transition:transform 80ms,box-shadow 80ms;display:grid;place-items:center}.keypad button:active{transform:translate(2px,2px);box-shadow:none;background:var(--color-butter)}.keypad [data-key=back]{background:transparent;box-shadow:none;border-style:dashed}[data-scan=found] .viewfinder__result[data-for=found]{color:var(--color-ink)}[data-scan=failed] .viewfinder__result[data-for=failed]{color:#fff}.table-wrap{border:var(--border-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-hard);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{padding:14px 20px;text-align:left;font-weight:600;font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);background:#0f4c4a0f;border-bottom:2px solid var(--color-ink);white-space:nowrap}.table td{padding:12px 20px;border-top:2px dashed rgba(28,26,23,.14);color:var(--color-ink);vertical-align:middle}.table tbody tr:first-child td{border-top:0}.table tbody tr{cursor:pointer;transition:background-color var(--duration-fast)}.table tbody tr:hover,.table tbody tr:focus-within{background:#ffc94a38}.table tbody tr.is-new{background:#ffc94a80}.table .num{font-variant-numeric:tabular-nums;white-space:nowrap}.table .end{width:56px;text-align:right;color:var(--color-text-muted)}.table a.row-link{text-decoration:none;color:inherit}.table a.row-link:focus-visible{outline:none}.table tr:has(a.row-link:focus-visible){outline:3px solid var(--color-ink);outline-offset:-3px}.table__empty{padding:8px}.r-cell{display:flex;align-items:center;gap:14px;font-weight:700}.r-tile{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:var(--radius-icon);border:2px solid var(--color-ink);background:var(--tile,var(--color-tomato));color:var(--tile-ink,var(--color-crust));font-family:var(--font-display);font-weight:800;font-size:.95rem;letter-spacing:-.02em}.r-tile--lg{width:88px;height:88px;font-size:2rem;box-shadow:var(--shadow-hard-sm)}.new-chip{padding:2px 8px;border-radius:var(--radius-full);background:var(--color-tomato);color:var(--color-crust);border:2px solid var(--color-ink);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase}.search{position:relative;flex:1;max-width:420px}.search .field__input{padding-left:48px;padding-right:48px}.search__clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer}.search__clear:hover{background:#1c1a1714;color:var(--color-ink)}.field,.field__control,.field__input,.details dd{min-width:0}.details dd{overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow-x:auto}.scrim{padding:max(12px,env(safe-area-inset-top,0px)) 0 max(12px,env(safe-area-inset-bottom,0px));overflow-y:auto}.dialog,.sheet{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.dialog{flex-shrink:0}.qr-full{justify-content:safe center;overflow-y:auto;overscroll-behavior:contain}.qr-full>*{flex-shrink:0}.qr-full .qr{width:min(330px,calc(100vw - 48px),max(120px,calc(100dvh - 260px)))}@media(max-width:480px){.dialog{padding:20px}.details div{gap:10px}}.arcs{position:absolute;pointer-events:none;z-index:0}.arcs--tr{top:0;right:0;width:clamp(120px,22vw,320px)}.arcs--bl{left:0;bottom:0;width:clamp(90px,13vw,190px)}@media(max-width:600px){.arcs--tr{width:96px}.arcs--bl{width:64px}}.l-auth{position:relative;min-height:100vh;min-height:100dvh;overflow-x:clip;display:flex;flex-direction:column}.auth__top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px max(20px,env(safe-area-inset-left,0px))}.auth__back{display:flex;width:max-content;margin:22px auto 0;align-items:center;gap:6px;font-weight:600;font-size:var(--text-sm);text-decoration:none}.auth__back:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.auth__main{position:relative;z-index:1;flex:1;display:grid;place-items:center;padding:16px 20px 64px}.auth__wrap{position:relative;width:min(460px,100%)}.auth__card{position:relative;display:flex;flex-direction:column;gap:22px;background:var(--color-surface);border:var(--border-ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-hard-lg);padding:clamp(24px,5vw,40px)}.auth__head{display:flex;flex-direction:column;gap:10px}.auth__head h1{font-size:clamp(2.4rem,7vw,3.25rem);line-height:.9}.auth__head p{color:var(--color-text-muted)}.auth__form{display:flex;flex-direction:column;gap:18px}.auth__switch{text-align:center;font-size:var(--text-sm)}.auth__switch a{font-weight:700}.auth__note{position:absolute;max-width:13ch;transform:rotate(-6deg);pointer-events:none}.auth__note--left{right:calc(100% + 28px);top:22%}.auth__note--right{left:calc(100% + 28px);bottom:16%;transform:rotate(5deg)}.auth__sticker{position:absolute;right:-34px;top:-38px;width:92px;height:92px;font-size:.72rem;z-index:2}@media(max-width:1000px){.auth__note{display:none}}@media(max-width:600px){.auth__sticker{right:-6px;top:-44px;width:78px;height:78px;font-size:.62rem}}.auth__roles{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;font-size:var(--text-xs);color:var(--color-text-muted)}.auth__roles span{padding:6px 12px;border:1.5px dashed rgba(28,26,23,.35);border-radius:var(--radius-md);text-align:center}.l-customer{background:var(--color-bg)}.app{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text);transition:background-color var(--duration-base),color var(--duration-base)}.app>.top-bar{position:sticky;top:0;z-index:20;padding-top:max(10px,env(safe-area-inset-top,0px));transition:background-color var(--duration-base),color var(--duration-base)}.app__main{position:relative;flex:1;display:flex;flex-direction:column;gap:20px;padding:20px 16px 28px}.app__main>*{flex-shrink:0}.app>.bottom-nav{position:sticky;bottom:0;z-index:20}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-title h2{font-size:var(--text-xl);letter-spacing:-.03em;color:var(--color-ink)}.section-title a{font-weight:600;font-size:var(--text-sm)}.rapp{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.rail{position:sticky;top:0;z-index:30;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;background:var(--color-pan-teal);color:var(--color-crust);border-right:var(--border-ink)}.rail__logo{width:56px;height:56px;flex:none;display:grid;place-items:center;margin-bottom:18px;border-radius:var(--radius-icon);background:var(--color-tomato);border:2px solid var(--color-ink);box-shadow:var(--shadow-hard-sm);color:var(--color-crust)}.rail__logo svg{width:36px;height:36px}.rail__nav{display:flex;flex-direction:column;gap:8px;width:100%}.rail__nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:76px;padding:10px 4px;border:2px solid transparent;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:var(--text-xs);text-align:center;line-height:1.15;color:var(--color-crust);opacity:.82;transition:background-color var(--duration-fast),opacity var(--duration-fast)}.rail__nav a:hover{opacity:1;background:#fff0d41a}.rail__nav a[aria-current=page]{opacity:1;background:var(--color-butter);color:var(--color-ink);border-color:var(--color-ink);box-shadow:var(--shadow-hard-sm)}.rail__nav .icon{width:28px;height:28px}.rail__badge{position:absolute;margin:-46px 0 0 34px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-tomato);color:var(--color-crust);border:2px solid var(--color-ink);font-size:11px;font-weight:800;display:grid;place-items:center}.rail__nav a{position:relative}.rail__foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;opacity:.75;text-align:center}.rail__foot .icon{width:22px;height:22px}.rmain{min-width:0;display:flex;flex-direction:column}.rbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;min-height:78px;padding:12px 28px;background:var(--color-bg);border-bottom:var(--border-ink)}.rbar__title{display:flex;flex-direction:column;gap:2px;min-width:0}.rbar__title .label{color:var(--color-tomato)}.rbar h1{font-size:1.9rem;line-height:1;letter-spacing:-.04em;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rbar__meta{margin-left:auto;display:flex;align-items:center;gap:18px;font-weight:600;font-size:var(--text-sm);white-space:nowrap}.rbar__clock{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-ink)}.rcontent{position:relative;flex:1;display:flex;flex-direction:column;gap:24px;padding:24px 28px 36px}.rcontent>*{flex-shrink:0}.panel{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--color-surface);border:var(--border-ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-hard)}.panel__head{display:flex;align-items:center;gap:12px}.panel__head h2{font-size:var(--text-xl);letter-spacing:-.03em;color:var(--color-ink)}.step-no{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--color-pan-teal);color:var(--color-crust);border:2px solid var(--color-ink);font-family:var(--font-display);font-weight:800}@media(max-width:700px){.rapp{grid-template-columns:minmax(0,1fr)}.rail{position:fixed;inset:auto 0 0;height:auto;flex-direction:row;padding:8px 10px max(8px,env(safe-area-inset-bottom,0px));border-right:0;border-top:var(--border-ink)}.rail__logo,.rail__foot{display:none}.rail__nav{flex-direction:row}.rail__nav a{flex:1;min-height:58px}.rmain{padding-bottom:84px}.rbar{padding:10px 16px;min-height:64px}.rbar h1{font-size:1.5rem}.rbar__meta .live{display:none}.rcontent{padding:16px}}.l-admin{background:var(--color-bg)}.aapp{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px;padding:22px 16px;background:var(--color-pan-teal);color:var(--color-crust);border-right:var(--border-ink)}.sidebar__brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px}.sidebar .brand{color:var(--color-crust)}.sidebar .brand .logo-mark{color:var(--color-butter)}.sidebar__role{padding:3px 10px;border-radius:var(--radius-full);background:var(--color-butter);color:var(--color-ink);border:2px solid var(--color-ink);font-weight:700;font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase}.sidebar__nav{display:flex;flex-direction:column;gap:6px}.sidebar__nav .label{padding:0 10px 6px;opacity:.6}.sidebar__nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border:2px solid transparent;border-radius:var(--radius-md);text-decoration:none;font-weight:600;color:var(--color-crust);opacity:.85}.sidebar__nav a:hover{opacity:1;background:#fff0d41a}.sidebar__nav a[aria-current=page]{opacity:1;background:var(--color-butter);color:var(--color-ink);border-color:var(--color-ink);box-shadow:var(--shadow-hard-sm)}.sidebar__count{margin-left:auto;min-width:26px;padding:1px 8px;border-radius:var(--radius-full);background:#fff0d42e;font-size:var(--text-xs);text-align:center;font-variant-numeric:tabular-nums}a[aria-current=page] .sidebar__count{background:#1c1a171f}.sidebar__foot{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding:0 10px}.sidebar__foot .hand{color:var(--color-butter);font-size:1.35rem}.sidebar__foot small{opacity:.6;font-size:var(--text-xs)}.amain{min-width:0;display:flex;flex-direction:column}.abar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;min-height:72px;padding:12px 32px;background:var(--color-bg);border-bottom:var(--border-ink)}.crumbs{display:flex;align-items:center;gap:8px;min-width:0;font-weight:600;font-size:var(--text-sm);color:var(--color-text-muted)}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline;text-underline-offset:4px}.crumbs [aria-current=page]{color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumbs .icon{width:16px;height:16px;opacity:.6}.account-menu{position:relative;margin-left:auto}.account-menu__btn{display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 12px 4px 4px;border:var(--border-ink);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-ink);cursor:pointer;box-shadow:var(--shadow-hard-sm);text-align:left}.account-menu__btn[aria-expanded=true]{background:var(--color-butter)}.account-menu__avatar{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--color-tomato);color:var(--color-crust);border:2px solid var(--color-ink);font-family:var(--font-display);font-weight:800;font-size:.9rem}.account-menu__who{display:flex;flex-direction:column;line-height:1.15}.account-menu__who b{font-size:var(--text-sm)}.account-menu__who small{font-size:var(--text-xs);color:var(--color-text-muted)}.account-menu__list{position:absolute;right:0;top:calc(100% + 10px);z-index:40;width:270px;display:flex;flex-direction:column;padding:8px;background:var(--color-surface);border:var(--border-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard)}.account-menu__list[hidden]{display:none}.account-menu__head{padding:10px 12px 12px;border-bottom:2px dashed rgba(28,26,23,.18);margin-bottom:6px;font-size:var(--text-sm);color:var(--color-text-muted);overflow-wrap:anywhere}.account-menu__head b{display:block;color:var(--color-ink);font-size:var(--text-md)}.account-menu__list a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:var(--radius-md);text-decoration:none;font-weight:600;color:var(--color-ink)}.account-menu__list a:hover{background:#ffc94a4d}.account-menu__list a.is-danger{color:var(--color-danger)}.acontent{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1240px;padding:32px}.acontent>*{flex-shrink:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-head h1{font-size:clamp(2.4rem,4vw,3.25rem);line-height:.9;color:var(--color-ink)}.page-head p{margin-top:8px;color:var(--color-text-muted)}@media(max-width:900px){.aapp{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px}.sidebar__nav{flex-direction:row}.sidebar__nav .label,.sidebar__foot,.sidebar__count{display:none}.abar{padding:10px 16px}.account-menu__who{display:none}.acontent{padding:20px 16px}}.account-menu__btn>.icon{transform:rotate(90deg);transition:transform var(--duration-fast)}.account-menu__btn[aria-expanded=true]>.icon{transform:rotate(-90deg)}.l-customer .app__main{width:100%;max-width:720px;margin-inline:auto}.account-menu__list{max-width:calc(100vw - 32px)}@media(max-width:480px){.sidebar__nav{width:100%;flex-wrap:wrap}.sidebar__nav a{flex:1;justify-content:center}.abar{gap:8px}.crumbs{flex-wrap:wrap;gap:4px}}@media(max-height:500px)and (min-width:701px){.rail,.sidebar{height:100dvh;overflow-y:auto}}beep-root{display:contents}router-outlet{display:none}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}