:root{--color-surface: #faf8ff;--color-surface-dim: #d2d9f4;--color-surface-bright: #faf8ff;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #f2f3ff;--color-surface-container: #eaedff;--color-surface-container-high: #e2e7ff;--color-surface-container-highest: #dae2fd;--color-on-surface: #131b2e;--color-on-surface-variant: #464555;--color-inverse-surface: #283044;--color-inverse-on-surface: #eef0ff;--color-outline: #777587;--color-outline-variant: #c7c4d8;--color-surface-tint: #4d44e3;--color-primary: #3525cd;--color-on-primary: #ffffff;--color-primary-container: #4f46e5;--color-on-primary-container: #dad7ff;--color-inverse-primary: #c3c0ff;--color-secondary: #505f76;--color-on-secondary: #ffffff;--color-secondary-container: #d0e1fb;--color-on-secondary-container: #54647a;--color-tertiary: #00534a;--color-on-tertiary: #ffffff;--color-tertiary-container: #006d62;--color-on-tertiary-container: #69f1de;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #93000a;--color-primary-fixed: #e2dfff;--color-primary-fixed-dim: #c3c0ff;--color-on-primary-fixed: #0f0069;--color-on-primary-fixed-variant: #3323cc;--color-secondary-fixed: #d3e4fe;--color-secondary-fixed-dim: #b7c8e1;--color-on-secondary-fixed: #0b1c30;--color-on-secondary-fixed-variant: #38485d;--color-tertiary-fixed: #71f8e4;--color-tertiary-fixed-dim: #4fdbc8;--color-on-tertiary-fixed: #00201c;--color-on-tertiary-fixed-variant: #005048;--color-background: #faf8ff;--color-on-background: #131b2e;--color-surface-variant: #dae2fd;--color-warning: #b45309;--color-on-warning: #ffffff;--color-warning-container: #fef3c7;--color-on-warning-container: #78350f;--font-family-display: "Manrope", ui-sans-serif, system-ui, sans-serif;--font-family-body: "Inter", ui-sans-serif, system-ui, sans-serif;--display-ticket-size: 72px;--display-ticket-weight: 800;--display-ticket-line-height: 80px;--display-ticket-tracking: -.04em;--display-timer-size: 48px;--display-timer-weight: 600;--display-timer-line-height: 56px;--display-timer-tracking: -.02em;--headline-lg-size: 32px;--headline-lg-weight: 700;--headline-lg-line-height: 40px;--headline-lg-mobile-size: 24px;--headline-lg-mobile-weight: 700;--headline-lg-mobile-line-height: 32px;--headline-md-size: 24px;--headline-md-weight: 600;--headline-md-line-height: 32px;--body-lg-size: 18px;--body-lg-weight: 400;--body-lg-line-height: 28px;--body-md-size: 16px;--body-md-weight: 400;--body-md-line-height: 24px;--label-caps-size: 12px;--label-caps-weight: 700;--label-caps-line-height: 16px;--label-caps-tracking: .05em;--label-sm-size: 12px;--label-sm-weight: 500;--label-sm-line-height: 16px;--space-base: 8px;--space-component: 24px;--space-section: 40px;--container-max: 1280px;--gutter: 24px;--margin-desktop: 40px;--margin-mobile: 16px;--radius-sm: .25rem;--radius-default: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}:root{--color-surface: #0a0714;--color-surface-dim: #060410;--color-surface-bright: #241d42;--color-surface-container-lowest: #050310;--color-surface-container-low: #120e24;--color-surface-container: #181231;--color-surface-container-high: #241c42;--color-surface-container-highest: #2f2554;--color-on-surface: #ebe7ff;--color-on-surface-variant: #bdb6e0;--color-inverse-surface: #ebe7ff;--color-inverse-on-surface: #181231;--color-outline: #8d84bb;--color-outline-variant: #372f5c;--color-surface-tint: #b6a5ff;--color-primary: #b6a5ff;--color-on-primary: #241466;--color-primary-container: #4f46e5;--color-on-primary-container: #e7e2ff;--color-inverse-primary: #4f46e5;--color-secondary: #c0cdf2;--color-on-secondary: #1a2740;--color-secondary-container: #324464;--color-on-secondary-container: #dbe6ff;--color-tertiary: #6df7dd;--color-on-tertiary: #00382f;--color-tertiary-container: #00534a;--color-on-tertiary-container: #9dfff0;--color-error: #ffb4a9;--color-on-error: #690003;--color-error-container: #93000a;--color-on-error-container: #ffdad4;--color-background: #0a0714;--color-on-background: #ebe7ff;--color-surface-variant: #372f5c;--color-warning: #ffb86b;--color-on-warning: #4a2800;--color-warning-container: #5c3600;--color-on-warning-container: #ffddb0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px -4px rgba(0, 0, 0, .55);--shadow-xl: 0 24px 60px -12px rgba(0, 0, 0, .65), 0 0 48px -8px rgba(79, 70, 229, .35);--glass-fill: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .015));--glass-border: rgba(255, 255, 255, .09);--glass-blur: 20px;--glow-primary: rgba(124, 108, 255, .45);--glow-tertiary: rgba(70, 240, 210, .35);--gradient-brand: linear-gradient(135deg, #7c6cff 0%, #4f46e5 55%, #2f1fb8 100%);--gradient-accent: linear-gradient(120deg, #6df7dd 0%, #7c6cff 60%, #d68bff 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-background);color:var(--color-on-surface);font-family:var(--font-family-body);font-size:var(--body-md-size);font-weight:var(--body-md-weight);line-height:var(--body-md-line-height)}h1,h2,h3,h4,h5,h6,p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-default);padding-block:12px;padding-inline:24px;font-family:var(--font-family-body);font-size:var(--body-md-size);font-weight:700;cursor:pointer;border:1px solid transparent;transition:background-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-standard);text-decoration:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--primary{background:var(--gradient-brand);color:var(--color-on-primary-container);box-shadow:var(--shadow-sm),0 0 0 1px #ffffff0f inset}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md),0 0 24px -4px var(--glow-primary);filter:brightness(1.08)}.btn--secondary{background:transparent;color:var(--color-on-surface-variant);border-color:var(--color-outline)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-container)}.btn--ghost{background:transparent;color:var(--color-on-surface-variant);padding-inline:16px}.btn--ghost:hover:not(:disabled){background:var(--color-surface-container)}.btn--danger{background:var(--color-error);color:var(--color-on-error)}.btn--full{width:100%}.btn--sm{padding-block:8px;padding-inline:16px;font-size:var(--label-sm-size)}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-family:var(--font-family-body);font-size:var(--label-sm-size);font-weight:var(--label-sm-weight);line-height:var(--label-sm-line-height);color:var(--color-on-surface-variant)}.field__error{font-family:var(--font-family-body);font-size:var(--label-sm-size);font-weight:var(--label-sm-weight);line-height:var(--label-sm-line-height);color:var(--color-error)}.field__hint{font-family:var(--font-family-body);font-size:var(--label-sm-size);font-weight:var(--label-sm-weight);line-height:var(--label-sm-line-height);color:var(--color-on-surface-variant);opacity:.8}.input,.select,.textarea{border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding-block:10px;padding-inline:12px;font-family:var(--font-family-body);font-size:var(--body-md-size);color:var(--color-on-surface);width:100%}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e526}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--color-on-surface-variant);opacity:.6}.input--invalid,.select--invalid,.textarea--invalid{border-color:var(--color-error)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-full);padding-block:4px;padding-inline:12px;font-family:var(--font-family-body);font-size:var(--label-sm-size);font-weight:var(--label-sm-weight);line-height:var(--label-sm-line-height);font-weight:700;white-space:nowrap}.badge--waiting{background:var(--color-surface-container-high);color:var(--color-on-surface-variant);border:1px solid var(--color-outline-variant)}.badge--called{background:var(--color-warning-container);color:var(--color-on-warning-container);animation:badge-pulse 2s ease-in-out infinite}.badge--serving{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.badge--rescheduled{background:transparent;color:var(--color-warning);border:1px solid var(--color-warning)}.badge--completed{background:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed)}.badge--cancelled,.badge--no-show,.badge--expired{background:var(--color-error-container);color:var(--color-on-error-container)}.badge--transferred,.badge--interrupted{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.55}}.card{background:var(--glass-fill);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-component)}.hero-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-backdrop__blob{position:absolute;border-radius:50%;filter:blur(72px);opacity:.55}.hero-backdrop__blob--a{inline-size:420px;block-size:420px;inset-inline-start:-10%;inset-block-start:-15%;background:radial-gradient(circle,var(--glow-primary),transparent 70%);animation:hero-drift 16s ease-in-out infinite}.hero-backdrop__blob--b{inline-size:360px;block-size:360px;inset-inline-end:-8%;inset-block-start:10%;background:radial-gradient(circle,var(--glow-tertiary),transparent 70%);animation:hero-drift 20s ease-in-out infinite reverse}.hero-backdrop__blob--c{inline-size:320px;block-size:320px;inset-inline-start:30%;inset-block-end:-20%;background:radial-gradient(circle,rgba(214,139,255,.35),transparent 70%);animation:hero-drift 24s ease-in-out infinite}@keyframes hero-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4%,6%) scale(1.08)}}@media(prefers-reduced-motion:reduce){.hero-backdrop__blob{animation:none}}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.queue-card{display:flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);box-shadow:var(--shadow-sm)}.queue-card__position{display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:88px;padding:16px;background:var(--color-primary-container);color:var(--color-on-primary)}.queue-card__position .label{font-family:var(--font-family-body);font-size:var(--label-sm-size);font-weight:var(--label-sm-weight);line-height:var(--label-sm-line-height);opacity:.85}.queue-card__position .value{font-family:var(--font-family-display);font-size:var(--headline-md-size);font-weight:var(--headline-md-weight);line-height:var(--headline-md-line-height);font-weight:800}.queue-card__body{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px}.queue-card__divider{border:none;border-block-end:1px dashed var(--color-outline-variant)}.queue-card__footer{display:flex;align-items:center;justify-content:space-between}.queue-card__staff{font-family:var(--font-family-body);font-size:var(--label-sm-size);font-weight:var(--label-sm-weight);line-height:var(--label-sm-line-height);color:var(--color-on-surface-variant)}.skeleton{background:linear-gradient(90deg,var(--color-surface-container) 25%,var(--color-surface-container-high) 37%,var(--color-surface-container) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-default)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:var(--space-section) var(--space-component);color:var(--color-on-surface-variant)}.empty-state__illustration{width:120px;height:120px;opacity:.7}.empty-state__title{font-family:var(--font-family-display);font-size:var(--headline-md-size);font-weight:var(--headline-md-weight);line-height:var(--headline-md-line-height);color:var(--color-on-surface)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--ease-emphasized: cubic-bezier(.05, .7, .1, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--motion-fast: .12s;--motion-base: .22s;--motion-medium: .36s;--motion-slow: .52s;--stagger-step: 45ms}@keyframes motion-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.motion-rise{animation:motion-rise var(--motion-medium) var(--ease-emphasized) both}@keyframes motion-fade{0%{opacity:0}to{opacity:1}}.motion-fade{animation:motion-fade var(--motion-base) var(--ease-standard) both}@keyframes motion-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.motion-pop{animation:motion-pop var(--motion-slow) var(--ease-spring) both}.motion-live-dot{position:relative;display:inline-flex;width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.motion-live-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;animation:motion-live-ring 1.8s var(--ease-standard) infinite}@keyframes motion-live-ring{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.motion-pressable{transition:transform var(--motion-fast) var(--ease-standard)}.motion-pressable:active{transform:scale(.97)}@keyframes motion-value-change{0%{opacity:.4;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.motion-value-change{animation:motion-value-change var(--motion-base) var(--ease-emphasized)}::view-transition-old(root){animation:motion-view-out var(--motion-base) var(--ease-standard) both}::view-transition-new(root){animation:motion-view-in var(--motion-medium) var(--ease-emphasized) both}@keyframes motion-view-out{to{opacity:0;transform:translateY(-6px)}}@keyframes motion-view-in{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:1ms!important}.motion-rise,.motion-fade,.motion-pop,.motion-value-change{animation-duration:1ms!important;animation-delay:0ms!important}.motion-live-dot:after{animation:none;opacity:.35}.motion-pressable:active{transform:none}*{scroll-behavior:auto!important}}body{min-height:100dvh}