: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)}*{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 .15s ease,box-shadow .15s ease,transform .1s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--primary{background:var(--color-primary-container);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md);background:var(--color-primary)}.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(--color-surface-container-lowest);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);padding:var(--space-component)}.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}body{min-height:100dvh}