@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#F5F6FA 0%,#E4E7F0 100%);font-family:Inter,sans-serif}.home-header{text-align:center;margin-bottom:50px}.home-header h1{font-size:36px;font-weight:800;color:#1a1d2e;margin-bottom:10px;letter-spacing:-1px}.home-header p{font-size:18px;color:#6b7280}.home-cards{display:flex;gap:40px;max-width:900px;width:100%;padding:0 40px}.home-card{flex:1;background:white;border-radius:24px;padding:40px 30px;text-align:center;box-shadow:0 10px 30px #0000000d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.home-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.home-card.operator:hover{border-color:#2563eb}.home-card.tv:hover{border-color:#16a34a}.card-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.home-card h2{font-size:24px;font-weight:700;color:#1a1d2e;margin-bottom:15px}.home-card p{font-size:15px;color:#6b7280;margin-bottom:30px;line-height:1.5;height:45px}.card-btn{background:#F0F2F8;color:#1a1d2e;border:none;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:all .2s}.home-card.operator:hover .card-btn{background:#2563EB;color:#fff}.home-card.tv:hover .card-btn{background:#16A34A;color:#fff}:root{--bg: #F5F6FA;--surface: #FFFFFF;--surface-2: #F0F2F8;--border: #E4E7F0;--text-primary: #1A1D2E;--text-secondary: #6B7280;--text-muted: #9CA3AF;--accent: #2563EB;--accent-light: #EFF6FF;--accent-border: #BFDBFE;--green: #16A34A;--green-light: #F0FDF4;--green-border: #BBF7D0;--amber: #D97706;--amber-light: #FFFBEB;--amber-border: #FDE68A;--red-light: #FEF2F2;--red-border: #FECACA;--red: #DC2626;--radius: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08)}html,body,#root{width:100%;height:100%;font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);overflow:hidden}.display-tv{display:grid;grid-template-rows:72px 1fr 60px;height:100vh;background:var(--bg)}.tv-header{display:flex;align-items:center;justify-content:space-between;padding:0 10vw;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.header-brand{display:flex;align-items:center;gap:12px}.brand-logo-img{width:42px;height:42px;object-fit:contain}.header-brand h1{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.brand-subtitle{font-size:11px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-weight:500;margin-top:1px}.header-right{display:flex;align-items:center;gap:20px}.header-time .time-value{font-size:22px;font-weight:700;color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:1px}.header-time .time-date{font-size:11px;color:var(--text-muted);text-align:right;text-transform:capitalize}.connection-status{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.connection-status.connected{background:var(--green-light);border-color:var(--green-border);color:var(--green)}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.connection-status.connected .status-dot{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.tv-content{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,8vw,120px);padding:clamp(20px,4vh,40px) 10vw;overflow:hidden;min-height:0}.tv-section.current{display:flex;flex-direction:column;justify-content:center;gap:40px;height:100%;background:var(--surface);border-radius:32px;padding:clamp(20px,4vh,50px);box-shadow:0 8px 32px #0000000a;border:1px solid var(--border);min-height:0;overflow:hidden}.current-ticket-large{display:flex;flex-direction:column;gap:20px;width:100%}.current-ticket.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100%;text-align:center}.current-ticket.empty .empty-icon{width:120px;height:120px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:60px}.current-ticket.empty .empty-title{font-size:32px;font-weight:600;color:var(--text-secondary)}.current-ticket.empty .empty-sub{font-size:20px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.ticket-calling-text{font-size:40px;line-height:1.1;color:var(--text-primary);font-weight:300}.ticket-calling-text b{font-weight:800}.ticket-turn-box{background:var(--surface);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-md);border:3px solid var(--accent);margin:0 100px}.ticket-turn-label{background:var(--accent);color:#fff;font-size:24px;font-weight:700;padding:12px;text-align:center;text-transform:uppercase;letter-spacing:2px}.ticket-turn-value{font-size:160px;font-weight:800;color:var(--accent);text-align:center;padding:15px;line-height:1;font-variant-numeric:tabular-nums}.ticket-details-small{display:flex;gap:20px;flex-wrap:wrap;background:var(--surface-2);padding:20px;border-radius:16px;border:1px solid var(--border)}.client-name-large{font-size:28px;font-weight:800;color:var(--text-primary);text-align:center;background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:12px;box-shadow:var(--shadow)}.client-name-large .client-label{color:var(--accent);font-weight:700}.detail-item{display:flex;gap:8px;align-items:center;font-size:16px}.detail-label{font-weight:600;color:var(--text-muted)}.detail-val{font-weight:700;color:var(--text-primary)}.tv-section.queue-large{display:flex;flex-direction:column;gap:clamp(10px,2vh,20px);height:100%;background:var(--surface);border-radius:32px;padding:clamp(20px,4vh,50px);box-shadow:0 8px 32px #0000000a;border:1px solid var(--border);min-height:0;overflow:hidden}.queue-header-large{font-size:32px;font-weight:800;color:var(--text-primary);text-align:center;text-transform:uppercase;margin-bottom:8px}.queue-table-header{display:flex}.col-turno{background:var(--accent);color:#fff;font-size:24px;font-weight:700;padding:12px;border-radius:12px;text-align:center;width:100%;text-transform:uppercase;letter-spacing:2px}.list-items-large{display:flex;flex-direction:column;gap:clamp(8px,1.5vh,15px);overflow:hidden;flex:1}.list-item-large{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:clamp(8px,1.5vh,16px);text-align:center;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;flex:0 1 auto;min-height:0}.item-ticket-large{font-size:clamp(32px,6vh,70px);font-weight:800;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.item-client-large{font-size:clamp(14px,2vh,18px);font-weight:700;color:var(--text-secondary);margin-top:clamp(2px,.5vh,6px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-queue{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px}.no-queue-icon{font-size:28px;opacity:.25}.no-queue-text{font-size:13px;color:var(--text-muted)}.tv-ticker{background:var(--accent);color:#fff;display:flex;align-items:center;overflow:hidden;white-space:nowrap}.ticker-text{font-size:36px;font-weight:700;padding-left:100%;animation:ticker 15s linear infinite;text-transform:uppercase}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}.control-bar{display:flex;align-items:center;gap:12px;padding:0 40px;background:var(--surface);border-top:1px solid var(--border)}.control-btn{padding:0 28px;height:40px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.control-btn-serve{background:var(--green);color:#fff}.control-btn-serve:hover:not(:disabled){background:#15803D;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.control-btn-complete{background:var(--accent);color:#fff}.control-btn-complete:hover:not(:disabled){background:#1D4ED8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.control-btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.control-divider{flex:1}.control-info{display:flex;align-items:center;gap:8px;font-size:13px}.info-label{color:var(--text-muted);font-weight:500}.info-value{font-weight:700}.info-value.status-waiting{color:var(--amber)}.info-value.status-serving{color:var(--green)}.info-value.status-completed{color:var(--accent)}.control-footer-text{font-size:12px;color:var(--text-muted);border-left:1px solid var(--border);padding-left:12px}.loading{display:flex;align-items:center;justify-content:center;height:100%}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1400px){.ticket-number-big{font-size:72px}.tv-content{grid-template-columns:1fr 1fr}}.operator-layout{height:100vh;display:flex;flex-direction:column;background:#F0F2F8;font-family:Inter,sans-serif;overflow:hidden}.operator-header{height:64px;background:white;border-bottom:1px solid #E4E7F0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-shadow:0 2px 10px #00000005}.op-brand{display:flex;align-items:center;gap:20px}.back-btn{background:none;border:none;color:#6b7280;font-weight:600;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background .2s}.back-btn:hover{background:#F3F4F6;color:#1a1d2e}.brand-title{font-size:18px;font-weight:800;color:#1a1d2e;letter-spacing:-.5px}.op-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:6px 16px;border-radius:20px;background:#FFFBEB;color:#d97706}.op-status.connected{background:#F0FDF4;color:#16a34a}.op-status .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.op-status.connected .dot{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.operator-content{flex:1;display:flex;gap:20px;padding:20px;overflow:hidden}.op-main-panel{flex:2;display:flex;flex-direction:column;gap:20px}.op-actions{display:flex;gap:20px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;height:60px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000000d}.action-btn .icon{font-size:24px}.serve-btn{background:#2563EB;color:#fff}.serve-btn:hover:not(:disabled){background:#1D4ED8;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb4d}.serve-btn.pulse:not(:disabled){animation:btn-pulse 2s infinite}@keyframes btn-pulse{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 15px #2563eb00}to{box-shadow:0 0 #2563eb00}}.complete-btn{background:#16A34A;color:#fff}.complete-btn:hover:not(:disabled){background:#15803D;transform:translateY(-2px);box-shadow:0 8px 25px #16a34a4d}.action-btn:disabled{background:#E5E7EB;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.op-current-card{flex:1;background:white;border-radius:20px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;overflow:hidden}.card-header{padding:16px 24px;border-bottom:1px solid #F3F4F6;display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:18px;font-weight:700;color:#1a1d2e}.status-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px}.status-badge.serving{background:#F0FDF4;color:#16a34a}.status-badge.waiting{background:#FFFBEB;color:#d97706}.card-body{padding:24px 24px 40px;flex:1;display:flex;flex-direction:column;overflow-y:auto}.card-body::-webkit-scrollbar{width:6px}.card-body::-webkit-scrollbar-track{background:transparent}.card-body::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:10px}.no-current{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center}.no-current .empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-current p{font-size:24px;font-weight:700;color:#1a1d2e;margin-bottom:8px}.current-details{display:flex;flex-direction:column;gap:20px;height:100%}.ticket-hero-op{text-align:center;padding:20px;background:#F8FAFC;border-radius:16px;border:1px dashed #CBD5E1}.ticket-hero-op .ticket-label{font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.ticket-hero-op .ticket-number-op{font-size:64px;font-weight:800;color:#0f172a;line-height:1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:20px}.op-detail-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.op-detail-item label{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.op-detail-item .val{font-size:18px;font-weight:600;color:#0f172a}.op-detail-item .val.highlight{font-size:24px;color:#2563eb}.op-detail-item .val.tag{display:inline-block;background:#F1F5F9;padding:4px 12px;border-radius:6px;font-size:14px}.op-detail-item .val.size-tag{display:inline-block;background:#0F172A;color:#fff;padding:4px 12px;border-radius:6px;font-size:16px}.op-side-panel{flex:1;background:white;border-radius:20px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;overflow:hidden;max-width:450px}.queue-header-op{padding:16px 24px;border-bottom:1px solid #F3F4F6;display:flex;justify-content:space-between;align-items:center;background:#F8FAFC}.queue-header-op h3{font-size:16px;font-weight:700;color:#1a1d2e}.queue-count-op{background:#E2E8F0;color:#475569;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.queue-list-op{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.queue-list-op::-webkit-scrollbar{width:6px}.queue-list-op::-webkit-scrollbar-track{background:transparent}.queue-list-op::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:10px}.empty-queue-op{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.q-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:white;border:1px solid #E2E8F0;border-radius:12px;transition:all .2s}.q-item.next-up{border-color:#93c5fd;background:#EFF6FF}.q-pos{width:28px;height:28px;background:#F1F5F9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#64748b}.q-item.next-up .q-pos{background:#3B82F6;color:#fff}.q-ticket{font-size:20px;font-weight:800;color:#0f172a;width:60px}.q-info{flex:1;min-width:0}.q-sku{font-size:15px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-client{font-size:13px;color:#64748b;margin-top:4px}.q-badge{background:#DBEAFE;color:#1d4ed8;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:white}