:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#09090b;--bg-gradient:#09090b;--surface-card:#141417;--surface-card-subtle:#1c1c21;--surface-pill:#222227;--text-primary:#fafafa;--text-secondary:#d4d4d8;--text-muted:#a1a1aa;--text-light:#71717a;--accent-primary:#fafafa;--accent-primary-hover:#e4e4e7;--accent-primary-light:#ffffff1f;--brand-accent:#fafafa;--border-subtle:#ffffff1a;--border-dark:#27272a;--border-focus:#ffffff4d;--pastel-green:#34d399;--pastel-green-bg:#34d3991f;--pastel-green-border:#34d39947;--pastel-red:#fb7185;--pastel-red-bg:#fb71851f;--pastel-red-border:#fb718547;--pastel-amber:#fbbf24;--pastel-amber-bg:#fbbf241f;--pastel-amber-border:#fbbf2447;--pastel-blue:#38bdf8;--pastel-blue-bg:#38bdf81f;--pastel-blue-border:#38bdf847;--glass-reflection:inset 0 1px 1px #ffffff26, 0 8px 24px #00000080;--shadow-sm:0 2px 8px #0003;--shadow-md:0 10px 30px -4px #00000059;--shadow-lg:0 20px 40px -8px #00000080;--shadow-bubble:0 16px 36px #0009, inset 0 1px 1px #ffffff26;--radius-sm:14px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--radius-full:9999px;--transition-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-smooth:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;touch-action:pan-y;width:100%;min-height:100%;overflow-x:hidden}body{width:100%;min-height:100dvh;font-family:var(--font-body);background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;touch-action:pan-y;line-height:1.5;overflow:hidden auto}#root{background:var(--bg-main);flex-direction:column;width:100%;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}button{font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-body);-webkit-appearance:none;outline:none}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pop-in{animation:popIn .25s var(--transition-smooth) forwards}.slide-up{animation:slideUp .25s var(--transition-smooth) forwards}.bubbly-float{animation:4s ease-in-out infinite bubbleFloat}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}.app-container{background:var(--bg-main);flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative}.ambient-bubble{display:none!important}.content-wrapper{z-index:1;flex-direction:column;flex:1;width:100%;max-width:1280px;margin:0 auto;display:flex;position:relative}.header-bar{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#ffffffe6;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 24px;display:flex}.header-brand{align-items:center;gap:12px;display:flex}.brand-icon-bubble{color:#fff;background:#09090b;border-radius:16px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.staff-nav-bar{background:var(--surface-card,#18181b);border-radius:var(--radius-full);border:1px solid var(--border-subtle,#ffffff1f);box-shadow:var(--shadow-sm);box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 12px;display:flex}.shop-header-logo-container{justify-content:center;align-items:center;display:flex}.shop-header-logo{object-fit:contain;width:auto;max-width:100px;height:28px;transition:transform .2s,opacity .2s;display:block}.shop-header-logo:hover{transform:scale(1.05)}[data-theme=obsidian_noir] .shop-header-logo.is-default-logo,:root:not([data-theme=clean_studio]) .shop-header-logo.is-default-logo{filter:brightness(0)invert()drop-shadow(0 2px 8px #ffffff26)}.nav-pill-btn{border-radius:var(--radius-full);color:#52525b;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .25s;display:flex}.nav-pill-btn.active{color:#fff;background:#09090b;box-shadow:0 4px 12px #00000026}.nav-pill-btn:hover:not(.active){color:#09090b;background:#e4e4e7}.choice-cards-grid{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:960px;margin:0 auto;display:grid}.bubbly-choice-card{background:var(--surface-card,#18181b);border:1px solid var(--border-subtle,#ffffff1f);text-align:center;transition:all .3s var(--transition-spring);cursor:pointer;border-radius:36px;flex-direction:column;align-items:center;padding:38px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006}.bubbly-choice-card:hover{border-color:#f59e0b66;transform:translateY(-6px)scale(1.015);box-shadow:0 24px 60px #0009,0 0 40px #f59e0b33}.bubbly-choice-card:active{transform:scale(.98)}.bubbly-choice-card.primary-walkin-card{background:linear-gradient(135deg, #f59e0b24 0%, var(--surface-card,#18181b) 100%);border:2px solid var(--accent-primary,#f59e0b);box-shadow:0 20px 50px #0006,0 0 30px #f59e0b33}.bubbly-choice-card.primary-walkin-card:hover{box-shadow:0 28px 70px #0009,0 0 50px #f59e0b66}.card-icon-bubble{background:var(--surface-pill,#27272a);width:90px;height:90px;color:var(--text-primary,#fafafa);box-shadow:var(--shadow-sm);transition:transform .3s var(--transition-spring);border-radius:28px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.bubbly-choice-card:hover .card-icon-bubble{transform:scale(1.1)rotate(4deg)}.choice-card-title{color:var(--text-primary,#fafafa);letter-spacing:-.02em;margin-bottom:8px;font-size:1.85rem;font-weight:900}.choice-card-desc{color:var(--text-secondary,#d4d4d8);margin-bottom:18px;font-size:.95rem;line-height:1.45}.choice-card-action-btn{border-radius:var(--radius-full);background:var(--accent-primary,#f59e0b);color:#000;cursor:pointer;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-size:1.05rem;font-weight:850;transition:all .25s;display:flex}.choice-card-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b66}.kiosk-horizontal-layout{grid-template-columns:1.15fr 1fr;align-items:stretch;gap:24px;width:100%;max-width:1140px;margin:0 auto;display:grid}.kiosk-left-panel{background:var(--surface-card,#18181b);border:1px solid var(--border-subtle,#ffffff1f);justifyContent:space-between;border-radius:36px;flex-direction:column;padding:36px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0006,0 0 40px #0003}.kiosk-brand-header{margin-bottom:24px}.futuristic-logo-pill{background:var(--surface-pill,#27272a);border:1px solid var(--border-subtle,#ffffff26);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:12px;padding:8px 18px;display:inline-flex}.logo-icon-sparkle{background:var(--accent-primary-light,#f59e0b26);width:36px;height:36px;color:var(--accent-primary,#f59e0b);border-radius:12px;justify-content:center;align-items:center;display:flex}.logo-placeholder-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-primary,#f59e0b);font-size:10px;font-weight:800;display:block}.shop-title-text{color:var(--text-primary,#fafafa);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:900}.kiosk-tagline-text{color:var(--text-secondary,#a1a1aa);margin:10px 0 0;font-size:13px;font-weight:600}.kiosk-actions-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.futuristic-bubbly-btn{cursor:pointer;text-align:left;width:100%;transition:all .25s var(--transition-spring);border:none;border-radius:28px;align-items:center;gap:16px;padding:22px 24px;display:flex;position:relative}.futuristic-bubbly-btn:active{transform:scale(.98)}.primary-walkin-btn{border:2px solid var(--accent-primary,#f59e0b);background:linear-gradient(135deg,#f59e0b2e 0%,#f59e0b0f 100%);box-shadow:0 12px 36px -4px #f59e0b4d,inset 0 1px #fff3}.primary-walkin-btn:hover{transform:translateY(-4px);box-shadow:0 18px 44px -4px #f59e0b73}.secondary-appt-btn{background:var(--surface-pill,#27272a);border:1px solid var(--border-subtle,#ffffff1f);box-shadow:var(--shadow-sm)}.secondary-appt-btn:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-3px)}.btn-icon-bubble{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .25s;display:flex}.fire-bubble{background:var(--accent-primary,#f59e0b);color:#000;box-shadow:0 8px 20px #f59e0b66}.shears-bubble{color:var(--text-primary,#fafafa);background:#ffffff1a}.primary-walkin-btn:hover .btn-icon-bubble{transform:scale(1.1)rotate(6deg)}.btn-content-text{flex:1}.btn-title-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.btn-main-title{color:var(--text-primary,#fafafa);letter-spacing:-.01em;font-size:1.35rem;font-weight:900}.fast-badge{text-transform:uppercase;background:var(--accent-primary,#f59e0b);color:#000;border-radius:9999px;padding:3px 8px;font-size:10px;font-weight:850}.btn-sub-title{color:var(--text-secondary,#d4d4d8);margin:0;font-size:.88rem;font-weight:600}.btn-arrow-bubble{background:var(--accent-primary,#f59e0b);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.btn-arrow-bubble.subtle{color:var(--text-muted,#a1a1aa);background:#ffffff14}.supply-store-quick-strip{background:var(--surface-pill,#27272a);border:1px solid var(--border-subtle,#ffffff1a);border-radius:20px;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 16px;display:flex}.strip-action-btn{color:var(--text-primary);cursor:pointer;background:#ffffff14;border-radius:9999px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:750;display:flex}.strip-action-btn.checkout{background:var(--accent-primary,#f59e0b);color:#000}.kiosk-right-panel{background:var(--surface-card,#18181b);border:1px solid var(--border-subtle,#ffffff1f);border-radius:36px;flex-direction:column;gap:20px;padding:28px 24px;display:flex;box-shadow:0 24px 60px #0006}.queue-board-top-bar{border-bottom:1px solid var(--border-subtle,#ffffff14);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.live-status-indicator{align-items:center;gap:8px;display:flex}.live-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGlow;box-shadow:0 0 10px #10b981}.live-label{letter-spacing:.08em;color:#10b981;font-size:12px;font-weight:900}.wait-pill-badge{background:var(--surface-pill,#27272a);color:var(--text-primary);border:1px solid var(--border-subtle,#ffffff14);border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;display:flex}.section-label-row{letter-spacing:.06em;color:var(--text-muted,#a1a1aa);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:850;display:flex}.stations-bubbles-row{-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.station-pill-chip{background:var(--surface-pill,#27272a);border:1px solid var(--border-subtle,#ffffff14);border-radius:16px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.station-pill-chip.in-service{background:#f59e0b14;border-color:#f59e0b59}.station-pill-chip.chair-open{background:#10b98114;border-color:#10b98159}.station-avatar-mini{color:#000;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:900;display:flex}.station-info-text{flex-direction:column;display:flex}.station-barber-name{color:var(--text-primary);font-size:12px;font-weight:800}.station-status-text{color:var(--text-secondary);font-size:10px}.live-line-section{flex-direction:column;flex:1;display:flex}.queue-list-container{flex-direction:column;flex:1;gap:8px;max-height:260px;display:flex;overflow-y:auto}.queue-ticket-card{background:var(--surface-pill,#27272a);border:1px solid var(--border-subtle,#ffffff14);border-radius:18px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.next-up-card{border:2px solid var(--accent-primary,#f59e0b);background:linear-gradient(135deg,#f59e0b26 0%,#f59e0b0a 100%);box-shadow:0 6px 20px #f59e0b26}.ticket-left{align-items:center;gap:12px;display:flex}.position-bubble{width:32px;height:32px;color:var(--text-primary);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex}.next-up-card .position-bubble{background:var(--accent-primary,#f59e0b);color:#000}.client-name-title{color:var(--text-primary);font-size:14px;font-weight:850}.next-up-tag{color:#000;background:#f59e0b;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:900}.queue-type-sub{color:var(--text-muted);font-size:11px}.status-pill-subtle{color:var(--text-secondary);font-size:11px;font-weight:700}.queue-empty-state{text-align:center;background:var(--surface-pill,#27272a);border:1px dashed var(--border-subtle,#ffffff1a);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin:auto 0;padding:28px 16px;display:flex}.empty-sparkle-icon{color:#f59e0b;background:#f59e0b26;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:8px;display:flex}.empty-main-text{color:var(--text-primary);margin:0;font-size:14px;font-weight:800}.empty-sub-text{color:var(--text-secondary);margin:2px 0 0;font-size:11px}.futuristic-modal-bubble{background:var(--surface-card,#18181b);border:1px solid var(--border-subtle,#fff3);border-radius:32px;width:100%;max-width:440px;padding:32px 28px;position:relative;box-shadow:0 24px 60px #000c,0 0 40px #f59e0b26}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:20px;right:20px}.modal-header-icon-wrap{text-align:center;margin-bottom:24px}.modal-fire-icon{background:var(--accent-primary,#f59e0b);color:#000;border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 12px;display:flex;box-shadow:0 8px 24px #f59e0b59}.modal-main-title{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:900}.modal-sub-title{color:var(--text-secondary);margin:4px 0 0;font-size:.85rem}.modal-input-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.futuristic-text-input{background:var(--surface-pill,#27272a);border:1px solid var(--border-subtle,#ffffff26);width:100%;color:var(--text-primary);text-align:center;border-radius:18px;outline:none;padding:16px 18px;font-size:18px;font-weight:700;transition:border-color .2s}.futuristic-text-input::placeholder{color:var(--text-muted,#71717a);font-weight:500;opacity:.35!important}input::placeholder,textarea::placeholder{color:var(--text-muted,#71717a);opacity:.35!important}.futuristic-text-input:focus{border-color:var(--accent-primary,#f59e0b);box-shadow:0 0 16px #f59e0b33}.modal-cancel-btn{background:var(--surface-pill,#27272a);border:1px solid var(--border-subtle,#ffffff1a);color:var(--text-secondary);cursor:pointer;border-radius:16px;flex:1;padding:14px;font-size:14px;font-weight:700}.modal-submit-btn{background:linear-gradient(135deg, var(--accent-primary,#f59e0b) 0%, var(--accent-primary-hover,#d97706) 100%);color:#000;cursor:pointer;border-radius:16px;flex:2;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:900;display:flex;box-shadow:0 8px 24px #f59e0b59}@media (width<=900px){.kiosk-horizontal-layout{grid-template-columns:1fr;gap:16px}}.shopping-welcome-container{background:var(--surface-card,#18181b);border-radius:var(--radius-xl);max-width:680px;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle,#ffffff1f);text-align:center;color:var(--text-primary,#fafafa);margin:0 auto;padding:48px 36px;position:relative}.shopping-main-title{color:var(--text-primary,#fafafa);margin-bottom:12px;font-size:2.5rem;font-weight:850;line-height:1.2}.countdown-container{flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;display:flex}.countdown-bar-track{background:var(--surface-pill,#27272a);border-radius:var(--radius-full);width:100%;max-width:300px;height:8px;overflow:hidden}.countdown-bar-fill{background:var(--accent-primary,#f59e0b);border-radius:var(--radius-full);height:100%;transition:width 1s linear}.countdown-text{color:var(--text-muted,#a1a1aa);font-size:.85rem;font-weight:600}.barber-selection-container{box-sizing:border-box;width:100%;max-width:640px;margin:0 auto}.step-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.back-pill-btn{background:var(--surface-pill,#27272a);border-radius:var(--radius-full);border:1px solid var(--border-subtle,#ffffff1f);color:var(--text-primary,#fafafa);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex}.back-pill-btn:hover{background:var(--surface-card,#18181b);border-color:var(--accent-primary,#f59e0b)}.barbers-grid{flex-direction:column!important;gap:12px!important;width:100%!important;display:flex!important}.bubbly-barber-card{background:var(--surface-card,#18181b);border:1px solid var(--border-subtle,#ffffff1f);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:20px;padding:14px 20px;transition:all .2s;box-sizing:border-box!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;display:flex!important}.bubbly-barber-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary,#f59e0b);transform:translateY(-2px)}.barber-card-name{color:var(--text-primary,#fafafa);margin-bottom:12px;font-size:1.4rem;font-weight:850}.select-barber-btn{border-radius:var(--radius-full);background:var(--surface-pill,#27272a);width:auto;color:var(--text-primary,#fafafa);border:1px solid var(--border-subtle,#ffffff1f);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;font-size:.88rem;font-weight:750;transition:all .2s;display:inline-flex}.bubbly-barber-card:hover .select-barber-btn{background:var(--accent-primary,#f59e0b);color:#000}.modal-overlay{-webkit-backdrop-filter:blur(12px)!important;z-index:999999!important;width:100vw!important;height:100dvh!important;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)) 16px!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;box-sizing:border-box!important;background:#000000d1!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.bubbly-modal-card{background:var(--surface-card,#18181b);border-radius:var(--radius-xl);border:1px solid var(--border-subtle,#ffffff26);width:100%;max-width:480px;max-height:calc(100dvh - 36px);color:var(--text-primary,#fafafa);padding:30px 24px;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #000000d9;flex-shrink:0!important;margin:auto!important}.form-group{text-align:left;margin-bottom:14px}.form-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#a1a1aa);margin-bottom:6px;font-size:.74rem;font-weight:750;display:block}.bubbly-input{border:1px solid var(--border-subtle,#ffffff1f);background:var(--surface-pill,#1a1a1e);width:100%;color:var(--text-primary,#f4f4f5);box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;padding:10px 14px;font-size:.86rem;font-weight:700;transition:all .2s}.bubbly-input::placeholder{color:var(--text-muted,#71717a);opacity:.85;font-size:.82rem;font-weight:600}.bubbly-input:focus{border-color:var(--accent-primary,#f59e0b);outline:none;box-shadow:0 0 0 2px #f59e0b33}.touch-keyboard-container{background:var(--surface-pill,#27272a);border-radius:var(--radius-lg);margin-top:14px;padding:12px}.keyboard-row{justify-content:center;gap:6px;margin-bottom:6px;display:flex}.key-btn{background:var(--surface-card,#18181b);min-width:38px;height:44px;color:var(--text-primary,#fafafa);border:1px solid var(--border-subtle,#ffffff14);border-radius:10px;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;transition:transform .1s,background .1s;display:flex;box-shadow:0 2px 4px #00000026}.key-btn:active{background:var(--accent-primary,#f59e0b);color:#000;transform:scale(.92)}.key-space{flex:1;max-width:220px}.key-backspace{background:var(--surface-pill,#27272a);min-width:60px}.portal-header-banner{background:var(--surface-card,#18181b);border-radius:var(--radius-lg);border:1px solid var(--border-subtle,#ffffff1f);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:24px 28px;display:flex}.portal-barber-filter{flex-wrap:wrap;gap:8px;display:flex}.barber-tab-chip{border-radius:var(--radius-full);background:var(--surface-pill,#27272a);color:var(--text-secondary,#d4d4d8);align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.barber-tab-chip.active{background:var(--accent-primary,#f59e0b);color:#000;box-shadow:0 4px 12px #f59e0b4d}.queue-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.queue-card{background:var(--surface-card,#18181b);border-radius:var(--radius-lg);border:1px solid var(--border-subtle,#ffffff1f);box-shadow:var(--shadow-md);border-left:6px solid var(--accent-primary,#f59e0b);flex-direction:column;gap:14px;padding:22px;transition:all .3s;display:flex}.queue-card.completed{border-left:6px solid var(--text-muted,#71717a);opacity:.7}.queue-card-top{justify-content:space-between;align-items:flex-start;display:flex}.client-name-bold{color:var(--text-primary,#fafafa);font-size:1.3rem;font-weight:850}.time-badge{border-radius:var(--radius-full);background:var(--surface-pill,#27272a);color:var(--text-primary,#fafafa);border:1px solid var(--border-subtle,#ffffff14);padding:4px 10px;font-size:.78rem;font-weight:700}.queue-actions{gap:8px;margin-top:auto;display:flex}.btn-action-pill{border-radius:var(--radius-full);background:var(--surface-pill,#27272a);color:var(--text-primary,#fafafa);border:1px solid var(--border-subtle,#ffffff14);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-action-pill:hover{background:var(--surface-card,#18181b);border-color:var(--accent-primary,#f59e0b)}.admin-card{background:var(--surface-card,#18181b);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle,#ffffff1f);color:var(--text-primary,#fafafa);margin-bottom:24px;padding:32px}.table-responsive{width:100%;overflow-x:auto}.bubbly-table{border-collapse:collapse;text-align:left;width:100%}.bubbly-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#a1a1aa);border-bottom:2px solid var(--border-subtle,#ffffff1a);padding:14px 18px;font-size:.82rem;font-weight:700}.bubbly-table td{border-bottom:1px solid var(--border-subtle,#ffffff14);color:var(--text-primary,#fafafa);padding:16px 18px;font-size:.95rem}.kiosk-home-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:880px;margin:0 auto;display:flex}.kiosk-logo-wrapper{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.kiosk-brand-logo{object-fit:contain;filter:drop-shadow(0 4px 14px #00000014);width:auto;height:84px;margin-bottom:14px}.kiosk-welcome-subtitle{color:#52525b;font-size:1.25rem;font-weight:600}.staff-bottom-bar{bottom:max(16px, env(safe-area-inset-bottom,16px));z-index:100;align-items:center;gap:8px;display:flex;position:fixed;right:16px}.staff-trigger-pill{color:#09090b;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#fffffff2;border:1px solid #e4e4e7;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:750;transition:all .2s;display:flex;box-shadow:0 4px 14px #00000014}.staff-trigger-pill.barber-btn:hover{color:#fff;background:#09090b;border-color:#09090b;transform:translateY(-2px)}.staff-trigger-pill.owner-btn{color:#52525b;background:#f4f4f5f2}.staff-trigger-pill.owner-btn:hover{color:#fff;background:#09090b;border-color:#09090b;transform:translateY(-2px)}.staff-hub-trigger-btn{color:#09090b;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#fffffff2;border:1px solid #e4e4e7;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:750;transition:all .2s;display:flex;box-shadow:0 4px 14px #00000014}.staff-hub-trigger-btn:hover{color:#fff;background:#09090b;border-color:#09090b;transform:translateY(-2px)}.step-header-text{text-align:center}.step-title{color:#09090b;margin-bottom:4px;font-size:2.2rem;font-weight:850}.step-subtitle{color:#52525b;font-size:1rem;font-weight:600}@media (width<=768px){html,body,#root,.app-container{-webkit-tap-highlight-color:transparent;max-width:100vw}.app-container{padding-bottom:env(safe-area-inset-bottom,16px)}.content-wrapper{box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden;padding:max(54px, calc(env(safe-area-inset-top,24px) + 18px)) 12px calc(env(safe-area-inset-bottom,16px) + 40px)!important}.staff-nav-bar{box-sizing:border-box;gap:6px;width:100%;padding:2px 0;overflow:hidden}.kiosk-home-container{width:100%;max-width:100%;padding:4px 0}.kiosk-logo-wrapper{margin-bottom:16px}.kiosk-brand-logo{margin-bottom:6px;max-height:44px!important}.kiosk-welcome-subtitle{font-size:.92rem}.choice-cards-grid{gap:12px;width:100%;max-width:100%;grid-template-columns:1fr!important}.bubbly-choice-card{border-radius:24px;padding:20px 16px}.card-icon-bubble{border-radius:18px;width:60px;height:60px;margin-bottom:10px}.card-icon-bubble svg{width:30px;height:30px}.choice-card-title{margin-bottom:4px;font-size:1.35rem}.choice-card-desc{margin-bottom:12px;font-size:.85rem}.choice-card-action-btn{padding:12px 16px;font-size:.92rem}.step-header{text-align:left;align-items:center;gap:10px;margin-bottom:14px;display:flex}.step-title{font-size:1.25rem}.step-subtitle{font-size:.82rem}.barbers-grid{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.bubbly-barber-card{border-radius:18px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:12px 16px!important;display:flex!important}.queue-grid{grid-template-columns:1fr!important;gap:12px!important}.bubbly-modal-card{max-height:90vh;overflow-y:auto;border-radius:24px!important;padding:20px 16px!important}.staff-bottom-bar{bottom:max(env(safe-area-inset-bottom,8px), 8px);z-index:50;gap:6px;max-width:calc(100vw - 20px);position:fixed;left:10px;right:10px}.staff-trigger-pill{padding:7px 12px;font-size:.78rem}}.send-back-btn{background:var(--surface-pill,#27272a);border:1px solid var(--border-subtle,#ffffff1f);color:var(--text-secondary,#a1a1aa);cursor:pointer;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:.86rem;font-weight:800;transition:all .15s;display:inline-flex}.send-back-btn:hover{color:var(--text-primary,#fafafa);background:#ffffff14;border-color:#fff3}.send-back-btn:active{transform:scale(.98)}.undo-toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:10000;box-sizing:border-box;-webkit-backdrop-filter:blur(16px);background:#18181bfa;border:1px solid #ffffff29;border-radius:9999px;justify-content:space-between;align-items:center;gap:12px;width:calc(100% - 32px);max-width:420px;height:54px;padding:0 8px 0 18px;animation:.22s cubic-bezier(.16,1,.3,1) forwards undoToastIn;display:flex;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 40px #000000a6,0 0 0 1px #ffffff14}.undo-toast-message{min-width:0;color:var(--text-primary,#fafafa);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;font-weight:750;overflow:hidden}.undo-toast-btn{background:var(--accent-primary,#f59e0b);color:#000;cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:.86rem;font-weight:900;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 2px 8px #f59e0b4d}.undo-toast-btn:active{transform:scale(.96)}.undo-toast-progress{background:var(--accent-primary,#f59e0b);transform-origin:0;width:100%;height:3px;animation:6s linear forwards undoCountdown;position:absolute;bottom:0;left:0}@keyframes undoToastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes undoCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.finished-cut-card{background:var(--surface-card,#18181b);border:1px solid var(--border-subtle,#ffffff14);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;transition:border-color .15s,transform .15s;display:flex}.finished-cut-card:hover{border-color:#10b9814d}.finished-cut-remove-btn{color:var(--text-muted,#71717a);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.finished-cut-remove-btn:hover{color:#ef4444;background:#ef44441f}.support-bar-btn:hover{transform:translateY(-1px);background:#3b82f624!important;border-color:#3b82f673!important}.support-bar-btn:active{transform:translateY(0)}.access-panel{border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);border-radius:20px;margin:16px 0;padding:20px}.access-panel h3{margin:0 0 8px}.access-panel p{color:var(--text-secondary);font-size:.87rem;line-height:1.5}.access-button{border:1px solid var(--border-subtle);background:var(--surface-pill);color:var(--text-primary);cursor:pointer;white-space:normal;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.8rem;font-weight:750;text-decoration:none;display:inline-flex}.access-button:disabled{opacity:.55;cursor:wait}.access-button:focus-visible,.access-panel input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.access-primary{background:var(--accent-primary);color:var(--bg-main);width:100%;margin-top:18px}.access-panel label,.invite-result label{font-size:.82rem;font-weight:700;display:block}.access-panel input,.invite-result input{box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--surface-pill);width:100%;color:var(--text-primary);border-radius:10px;min-width:0;margin-top:6px;padding:12px;display:block}.portal-link-row{align-items:end;gap:10px;margin-top:14px;display:flex}.portal-link-row label{flex:1;min-width:0}.portal-link-row button{min-height:42px}.access-control{flex-direction:column;align-items:flex-start;gap:8px;min-width:170px;max-width:320px;font-size:.8rem;display:flex}.access-control small{color:var(--text-secondary);white-space:normal;line-height:1.45}.invite-result{overflow-wrap:anywhere;gap:8px;width:100%;display:grid}.account-setup-page{box-sizing:border-box;background:var(--bg-main);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.account-setup-card{box-sizing:border-box;width:100%;max-width:440px;padding:28px}.account-setup-card h1{margin:12px 0;font-size:1.7rem}.account-setup-card label{margin-top:16px}.account-setup-card input{letter-spacing:.2em;font-size:1.15rem}.access-eyebrow{letter-spacing:.13em;font-weight:800;font-size:.7rem!important}@media (width<=480px){.portal-link-row{flex-direction:column;align-items:stretch}.staff-nav-bar{flex-wrap:wrap}}