body{font-family:var(--font-ui);background:var(--color-bg-primary);color:var(--color-text-primary);overflow:hidden;height:100vh;width:100vw;position:relative}.bg-accent{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 0%,rgba(var(--accent-r, 0),var(--accent-g, 207),var(--accent-b, 180),.06) 0%,transparent 50%);z-index:0;pointer-events:none}.icon{display:inline-block;vertical-align:middle}.container{position:relative;z-index:10;width:100%;height:100vh;display:flex;flex-direction:column;padding:40px 60px}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:var(--color-bg-secondary);border:1px solid var(--color-border);margin-bottom:40px}.logo-section{display:flex;align-items:center;gap:24px}.venue-logo{width:72px;height:72px;object-fit:contain;background:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:8px}.business-name{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.header-stats{display:flex;align-items:center;gap:32px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--color-text-primary)}.stat-label{font-family:var(--font-ui);font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.live-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);font-family:var(--font-ui);font-size:12px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.live-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:20px 0;overflow:hidden}.left-column{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.right-column{display:flex;flex-direction:column;padding:20px;overflow:hidden}.column-title{font-family:var(--font-display);text-align:center;font-size:28px;font-weight:700;letter-spacing:var(--tracking-wider);margin-bottom:24px;color:var(--color-text-secondary);text-transform:uppercase}.column-subtitle{text-align:center;font-family:var(--font-ui);font-size:16px;font-weight:700;color:var(--color-text-muted);margin-bottom:24px;text-transform:uppercase;letter-spacing:var(--tracking-widest)}.hero-card{position:relative;width:100%;padding:60px 40px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:4px solid var(--primary-color, #00cfb4)}.hero-badge{position:absolute;top:-14px;left:32px;padding:6px 16px;background:var(--color-bg-primary);border:1px solid var(--color-border);font-family:var(--font-ui);font-size:12px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.hero-name{font-family:var(--font-display);font-size:64px;font-weight:700;text-align:center;margin-bottom:16px;letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.hero-info{display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:24px}.hero-info-item{display:flex;align-items:center;gap:12px;font-family:var(--font-ui);font-size:24px;font-weight:600;color:var(--color-text-secondary)}.hero-info-item svg{opacity:.6}.hero-progress{width:100%;height:4px;background:var(--color-bg-tertiary);overflow:hidden;margin-top:16px}.hero-progress-bar{height:100%;background:var(--primary-color, #00cfb4);transition:width 1s ease}.queue-scroll-container{flex:1;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 92%,transparent 100%)}.queue-scroll-inner{animation:autoScroll 30s linear infinite;animation-play-state:running;will-change:transform}.queue-scroll-inner:hover{animation-play-state:paused}@keyframes autoScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.queue-section{width:100%;height:100%;display:flex;flex-direction:column}.queue-list{display:flex;flex-direction:column;gap:8px;padding-bottom:16px}.queue-item{display:flex;align-items:center;gap:20px;padding:20px 24px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:3px solid var(--primary-color, #00cfb4);transition:background var(--transition-standard) var(--easing-default);min-height:80px}.queue-item:hover{background:var(--color-bg-tertiary)}.queue-position{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--color-text-muted);min-width:56px;text-align:center}.queue-position:before{content:"#";opacity:.5}.queue-name{flex:1;font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--color-text-primary)}.queue-party{font-family:var(--font-ui);font-size:18px;color:var(--color-text-tertiary);font-weight:600;min-width:80px}.queue-preference{display:flex;align-items:center;font-family:var(--font-ui);font-size:14px;color:var(--color-text-muted);font-weight:500;min-width:140px}.queue-time{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--color-text-secondary);min-width:100px;text-align:right}.empty-state{text-align:center;padding:80px 40px}.empty-icon{width:80px;height:80px;margin:0 auto 24px;opacity:.15}.empty-icon svg{width:100%;height:100%;stroke:var(--color-text-primary)}.empty-title{font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--color-text-tertiary);margin-bottom:12px;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.empty-subtitle{font-family:var(--font-ui);font-size:20px;color:var(--color-text-muted);font-weight:500}.footer-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:var(--color-bg-secondary);border:1px solid var(--color-border);margin-top:40px}.qr-section{display:flex;align-items:center;gap:20px}.qr-code-container{width:88px;height:88px;background:#fff;padding:6px;border:1px solid var(--color-border)}.qr-code-container canvas,.qr-code-container img{width:100%;height:100%;display:block}.qr-info{display:flex;flex-direction:column;gap:4px}.qr-title{font-family:var(--font-ui);font-size:18px;font-weight:700;color:var(--color-text-primary)}.qr-subtitle{font-family:var(--font-ui);font-size:14px;color:var(--color-text-tertiary)}.footer-stats{display:flex;align-items:center;gap:40px}.footer-stat{text-align:center}.footer-stat-value{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.footer-stat-label{font-family:var(--font-ui);font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.updated-time{font-family:var(--font-mono);font-size:16px;color:var(--color-text-muted);font-weight:500}.slide-in{animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{to{opacity:0}}@media(max-width:1400px){.business-name{font-size:28px}.hero-name{font-size:52px}.hero-card{padding:40px 32px}}@media(max-height:800px){.container{padding:24px 40px}.header-bar{margin-bottom:24px}.content{gap:32px}.footer-bar{margin-top:24px}}