:root{--bg-primary:#050505;--bg-secondary:#0f0f0f;--bg-card:#121212f5;--bg-card-hover:#1c1c1c;--text-primary:#fff;--text-secondary:#d8d8d8;--text-muted:#888;--color-teal:#d99b26;--color-teal-hover:#e6a82e;--color-teal-light:#d99b261f;--color-teal-glow:#d99b2640;--color-emerald:#34d399;--color-emerald-light:#34d3991a;--color-gold:#d99b26;--color-gold-light:#d99b2626;--border-light:#d99b2633;--border-teal:#d99b2666;--shadow-sm:0 2px 10px #00000080;--shadow-md:0 8px 30px #000000b3;--shadow-lg:0 16px 40px #000000e6;--shadow-teal:0 12px 30px #d99b2659;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}body{background-image:radial-gradient(var(--bg-secondary) 1px, transparent 0), radial-gradient(var(--bg-secondary) 1px, transparent 0);background-position:0 0,10px 10px;background-size:20px 20px;background-color:var(--bg-primary);width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}.kiosk-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.kiosk-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:8px 24px;display:flex}.brand-wrapper{align-items:center;gap:12px;display:flex}.brand-logo{background-color:#0000;justify-content:center;align-items:center;padding:0;display:flex}.brand-title{text-transform:uppercase;letter-spacing:.5px;color:#fff;font-size:20px;font-weight:900}.brand-title span{color:var(--color-teal);font-weight:900}.brand-subtitle{color:#a0a0a0;letter-spacing:3px;text-transform:uppercase;font-size:9px;font-weight:700}.system-status{align-items:center;gap:16px;display:flex}.status-badge{background-color:var(--color-emerald-light);color:var(--color-emerald);border:1px solid #34d3991a;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.status-dot{background-color:var(--color-emerald);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseGreen}.mute-btn{border:1px solid var(--border-light);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.mute-btn:hover{background-color:var(--bg-card-hover)}.header-clock{border-left:1px solid var(--border-light);align-items:center;gap:8px;padding-left:16px;display:flex}.clock-info{text-align:right;flex-direction:column;display:flex}.clock-date{color:var(--text-secondary);font-size:11px;font-weight:600}.clock-time{color:var(--text-primary);letter-spacing:.5px;font-size:15px;font-weight:700}.kiosk-main{background-color:var(--bg-primary);flex:1;gap:20px;padding:20px;display:flex;overflow:hidden}.kiosk-panel-left{flex-direction:column;flex:7;gap:20px;min-height:0;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.kiosk-panel-left.full-width{flex:10}.kiosk-panel-right{flex-direction:column;flex:3;gap:20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.kiosk-card{background-color:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px;position:relative;overflow:hidden}.queue-giant-card{text-align:center;color:#fff;border:2px solid var(--color-teal);background-color:#141211;background-image:linear-gradient(90deg,#ffffff03 50%,#0000 50%),radial-gradient(circle,#cca2670d 0%,#0000 100%);background-size:8px 100%,100% 100%;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:10px;animation:.5s forwards slideUp;display:flex;box-shadow:0 12px 45px #cca26726}.queue-giant-tag{color:var(--color-teal);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:8px;margin-bottom:2px;font-size:14px;font-weight:800;display:flex}.queue-giant-number-box{flex:1;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex}.queue-giant-number{color:#fff;text-shadow:0 12px 45px #cca26759;font-weight:300;line-height:.8;font-size:clamp(280px, var(--cctv-font-size,680px), min(75vh, 68vw));transition:all .25s cubic-bezier(.16,1,.3,1)}.queue-giant-hint{color:var(--text-muted);max-width:380px;margin-top:2px;font-size:13px;line-height:1.4}.btn-print-queue{color:#000;cursor:pointer;background:linear-gradient(135deg,#d99b26 0%,#c4891e 100%);border:2px solid #e6a82e;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);animation:2.5s ease-in-out infinite buttonGlowPulse;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #d99b264d}@keyframes buttonGlowPulse{0%{box-shadow:0 0 #d99b2680,0 10px 30px #d99b264d}70%{box-shadow:0 0 0 20px #d99b2600,0 10px 30px #d99b264d}to{box-shadow:0 0 #d99b2600,0 10px 30px #d99b264d}}.btn-print-queue:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff40 0%,#0000 60%);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%}.btn-print-queue:hover{background:linear-gradient(135deg,#e6a82e 0%,#d99b26 100%);border-color:#fff;transform:translateY(-3px)}.btn-print-queue:active{transform:translateY(1px)}.btn-label-sub{letter-spacing:2px;color:#000000d9;text-transform:uppercase;font-size:11px;font-weight:900}.btn-label-main{letter-spacing:.5px;color:#000;justify-content:center;align-items:center;gap:12px;font-size:22px;font-weight:900;display:flex}.btn-label-hint{color:#000000bf;font-size:11px;font-weight:700}.hand-tap-indicator{animation:1.6s ease-in-out infinite tapMove;display:inline-flex}@keyframes tapMove{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(.85)translateY(4px)}}.blink-text{animation:1.8s ease-in-out infinite textBlink}@keyframes textBlink{0%,to{opacity:.5}50%{opacity:1}}.stats-container{grid-template-columns:repeat(3,1fr);gap:12px;animation:.5s .1s forwards slideUp;display:grid}.stat-item-box{background-color:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:12px;display:flex}.stat-icon{margin-bottom:6px}.stat-icon.indigo,.stat-icon.gold{color:var(--color-teal)}.stat-icon.emerald{color:var(--color-emerald)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:9px;font-weight:700}.stat-value{color:var(--text-primary);font-size:15px;font-weight:700}.barber-monitor-card{flex-direction:column;flex:1;padding:16px;animation:.5s .2s forwards slideUp;display:flex;overflow:hidden}.section-title{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.barber-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.barber-row{border:1px solid var(--border-light);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.barber-row.busy{background-color:var(--color-teal-glow);border-color:#cca2670d}.barber-row.ready{background-color:var(--color-emerald-light);border-color:#34d3990a}.chair-badge{border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.barber-row.busy .chair-badge{background-color:var(--color-teal-light);color:var(--color-teal-hover)}.barber-row.ready .chair-badge{background-color:var(--bg-secondary);color:var(--color-emerald);border:1px solid #34d39926}.barber-meta-name{color:var(--text-primary);font-size:13px;font-weight:700}.barber-meta-chair{color:var(--text-muted);font-size:10px}.barber-status-indicator{align-items:center;gap:12px;display:flex}.serving-group{flex-direction:column;align-items:flex-end;display:flex}.serving-label{color:var(--text-muted);text-transform:uppercase;font-size:8px;font-weight:700}.serving-value{color:var(--color-teal-hover);font-size:13px;font-weight:800}.badge-time{color:var(--color-teal-hover);background-color:#cca26714;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.badge-ready{background-color:var(--bg-secondary);color:var(--color-emerald);border:1px solid #34d39933;border-radius:100px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:flex}.info-promo-panel{flex-direction:column;flex:1;gap:16px;padding-right:2px;display:flex;overflow-y:auto}.info-promo-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:20px}.promo-badge{background-color:var(--color-teal-light);color:var(--color-teal-hover);text-transform:uppercase;border-radius:6px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.promo-title{color:var(--text-primary);margin-bottom:6px;font-size:18px;font-weight:700}.promo-desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.premium-pricelist-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.premium-pricelist-card:hover{border-color:var(--color-teal);transform:translate(4px);box-shadow:0 6px 18px #cca26714}.pricelist-left-line{background-color:var(--color-teal);border-radius:10px 0 0 10px;width:6px;position:absolute;top:0;bottom:0;left:0}.premium-pricelist-card.featured{background-color:var(--color-teal-light);border-color:#cca26733}.premium-pricelist-card.featured .pricelist-left-line{background-color:var(--color-teal)}.pricelist-meta-area{flex-direction:column;gap:4px;display:flex}.pricelist-service-name{color:var(--text-primary);font-size:16px;font-weight:700}.pricelist-service-duration{color:var(--text-muted);font-size:12px;font-weight:600}.pricelist-price-badge{color:var(--color-teal-hover);background-color:var(--color-teal-light);border:1px solid #cca2671a;border-radius:10px;padding:6px 14px;font-size:16px;font-weight:800}.premium-pricelist-card.featured .pricelist-price-badge{color:var(--color-teal-hover);background-color:#cca26726;border-color:#cca2674d}.kiosk-log-card{flex-direction:column;height:120px;padding:16px;animation:.5s .3s forwards slideUp;display:flex;overflow:hidden}.log-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.log-row{border-bottom:1px solid #ffffff05;justify-content:space-between;align-items:flex-start;padding-bottom:6px;font-size:11px;display:flex}.kiosk-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-light);color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 24px;font-size:11px;display:flex}.footer-tip{align-items:center;gap:4px;display:flex}.footer-tip svg{color:var(--color-teal)}.printer-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background-color:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.printer-wrapper{box-shadow:var(--shadow-lg);border:1px solid var(--border-light);background-color:#1a1817;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:650px;padding:36px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex}.printer-slit{background-color:#27282b;border-radius:10px;width:90%;height:10px;margin-bottom:30px;position:relative;box-shadow:inset 0 3px 6px #0009}.printer-slit:after{content:"";background-color:#18191b;width:96%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.receipt-paper{color:#000;text-align:center;transform-origin:top;background-color:#fff;border:1px solid #dcdbd5;flex-direction:column;align-items:center;width:100%;padding:40px 48px;animation:.75s cubic-bezier(.25,1,.5,1) forwards printTicket;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0003}.receipt-paper:before{content:"";background:radial-gradient(circle at bottom,#ecebe6 6px,#0000 8px) 0 0/16px 8px repeat-x;height:8px;position:absolute;top:0;left:0;right:0}.receipt-paper:after{content:"";background:radial-gradient(circle at top,#ecebe6 6px,#0000 8px) 0 0/16px 8px repeat-x;height:8px;position:absolute;bottom:0;left:0;right:0}.receipt-header{flex-direction:column;align-items:center;margin-top:10px;margin-bottom:16px;display:flex}.receipt-title{letter-spacing:1px;text-transform:uppercase;color:var(--color-teal-hover);font-size:26px;font-weight:900}.receipt-subtitle{color:#444;letter-spacing:1px;margin-top:4px;font-size:14px;font-weight:700}.receipt-address{color:#666;max-width:320px;margin-top:8px;font-size:11px;line-height:1.4}.receipt-divider{border-top:2px dashed #bbb;width:100%;margin:16px 0}.receipt-queue-label{color:#444;text-transform:uppercase;letter-spacing:2px;font-size:18px;font-weight:700}.receipt-queue-number{color:#000;letter-spacing:2px;margin:12px 0;font-size:96px;font-weight:900}.receipt-details{text-align:left;flex-direction:column;gap:10px;width:100%;margin:12px 0;padding:0 10px;font-size:16px;display:flex}.receipt-row{justify-content:space-between;display:flex}.receipt-row-label{color:#555}.receipt-row-value{font-weight:800}.receipt-barcode-box{flex-direction:column;align-items:center;width:100%;margin:16px 0;display:flex}.receipt-barcode{background-color:#fff;justify-content:center;align-items:center;gap:3px;width:100%;max-width:360px;height:56px;padding:10px;display:flex}.barcode-bar{background-color:#000;height:100%}.receipt-barcode-txt{color:#555;letter-spacing:2px;margin-top:6px;font-family:monospace;font-size:11px}.receipt-message{color:#333;margin:12px 0;font-size:14px;font-weight:700;line-height:1.4}.receipt-timestamp{color:#777;margin-top:6px;font-size:11px}.printer-actions{flex-direction:column;gap:12px;width:100%;margin-top:30px;display:flex}.btn-close-receipt{background-color:var(--color-teal);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:16px;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #008b9033}.btn-close-receipt:hover{background-color:var(--color-teal-hover);transform:translateY(-1px)}.close-countdown{text-align:center;color:var(--text-secondary);font-size:13px}.close-countdown span{color:var(--color-teal-hover);font-weight:700}@keyframes pulseGlow{0%{transform:scale(.98);box-shadow:inset 0 0 40px #00323433}50%{transform:scale(1);box-shadow:inset 0 0 60px #00323466}to{transform:scale(.98);box-shadow:inset 0 0 40px #00323433}}@keyframes printTicket{0%{opacity:0;transform:translateY(-100px)scaleY(.1)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGreen{0%,to{opacity:1}50%{opacity:.3}}@media (width<=1280px){.kiosk-main{gap:12px;padding:12px}.kiosk-panel-left,.kiosk-panel-right{gap:8px}.kiosk-card{border-radius:12px;padding:14px}.queue-giant-card{padding:8px}.btn-print-queue{border-radius:12px;padding:12px 16px}.btn-label-main{font-size:18px}.stats-container{gap:8px}.stat-item-box{padding:8px}.barber-row{padding:8px 10px}.premium-pricelist-card{padding:12px 14px}.pricelist-service-name{font-size:14px}.pricelist-price-badge{padding:4px 10px;font-size:14px}.printer-wrapper{max-width:500px;padding:24px}.receipt-paper{padding:24px 30px}.receipt-queue-number{margin:8px 0;font-size:72px}}@media (width<=960px){body{overflow:auto}.kiosk-container{height:auto;min-height:100vh;overflow:auto}.kiosk-main{flex-direction:column;overflow:visible}.kiosk-panel-left,.kiosk-panel-right{width:100%;overflow:visible;flex:none!important}.queue-giant-card{min-height:320px}.queue-giant-number{font-size:clamp(280px, var(--cctv-font-size,680px), 70vw)}.kiosk-log-card{height:auto;max-height:200px}}@media (width<=480px){.kiosk-header{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:12px 16px}.header-clock{border-left:none;padding-left:0}.clock-info{text-align:center}.queue-giant-card{min-height:240px}.queue-giant-number{font-size:clamp(180px, var(--cctv-font-size,680px), 75vw)}.btn-label-main{font-size:16px}.btn-label-sub{font-size:9px}.stats-container{grid-template-columns:1fr}.kiosk-footer{text-align:center;flex-direction:column;gap:6px;padding:12px}}@media print{@page{margin:0;size:auto}body{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important}.kiosk-container,.printer-overlay,.printer-wrapper,.printer-slit,.printer-actions{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important}body>#root>div>:not(.printer-overlay){display:none!important}.printer-overlay{padding:0!important;display:block!important;position:static!important;inset:auto!important}.printer-wrapper{max-width:100%!important;margin:0!important;padding:0!important}.printer-slit,.printer-actions{display:none!important}.receipt-paper{width:80mm!important;max-width:100%!important;box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;margin:0 auto!important;padding:8mm 6mm!important;animation:none!important;position:absolute!important;top:0!important;left:0!important}.receipt-paper:before,.receipt-paper:after{display:none!important}.receipt-title{color:#000!important}.btn-close-receipt,.close-countdown{display:none!important}}