@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";: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-dark:#09090b;--bg-card:#141419a6;--border-color:#ffffff14;--primary:#6366f1;--primary-glow:#6366f159;--secondary:#06b6d4;--secondary-glow:#06b6d459;--success:#10b981;--success-glow:#10b98140;--danger:#f43f5e;--danger-glow:#f43f5e40;--warning:#eab308;--warning-glow:#eab30840;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#6366f11f 0,#0000 50%),radial-gradient(at 100% 0,#06b6d41f 0,#0000 50%),radial-gradient(at 50% 100%,#6366f10d 0,#0000 50%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px}.glass-panel-interactive{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-interactive:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 30px -10px #00000080}.glow-text-primary{text-shadow:0 0 15px var(--primary-glow)}.glow-text-secondary{text-shadow:0 0 15px var(--secondary-glow)}.glow-text-warning{text-shadow:0 0 15px var(--warning-glow)}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--warning-glow);border-color:var(--warning)}50%{border-color:#eab308cc;box-shadow:0 0 35px #eab30880}}@keyframes call-flash{0%,to{background-color:var(--bg-card)}50%{background-color:#eab30826}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{opacity:.8;transform:scale(.95)}50%{opacity:.4;transform:scale(1.05)}to{opacity:0;transform:scale(1.2)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-call-flash{animation:1.5s ease-in-out infinite call-flash}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-up}.status-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.waiting{color:var(--primary);background:#6366f11a;border-color:#6366f133}.status-badge.calling{color:var(--warning);background:#eab3081a;border-color:#eab30833;animation:2s infinite pulse-glow}.status-badge.served{color:var(--success);background:#10b9811a;border-color:#10b98133}.status-badge.skipped{color:var(--danger);background:#f43f5e1a;border-color:#f43f5e33}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{color:var(--danger);cursor:pointer;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background:#f43f5e33;border-color:#f43f5e4d}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.input-control{border:1px solid var(--border-color);color:var(--text-primary);background:#00000040;border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:.95rem;transition:all .2s}.input-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}select.input-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a1a1aa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.audio-toggle-badge{border:1px solid var(--border-color);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;transition:all .2s;display:flex}.audio-toggle-badge:hover{background:#ffffff1a}.audio-toggle-badge.enabled{color:var(--secondary);background:#06b6d40d;border-color:#06b6d44d}.receptionist-container{flex-direction:column;gap:30px;max-width:1400px;margin:0 auto;padding:40px 20px;display:flex}.receptionist-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.brand-section{align-items:center;gap:12px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);width:40px;height:40px;box-shadow:0 4px 15px var(--primary-glow);border-radius:10px;justify-content:center;align-items:center;display:flex}.counter-selector-panel{align-items:center;gap:12px;display:flex}.counter-tag{border:1px solid var(--primary);color:var(--primary);background:#6366f126;border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.stat-card{align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.blue{color:var(--secondary);background:#06b6d41a}.stat-icon.green{color:var(--success);background:#10b9811a}.stat-icon.indigo{color:var(--primary);background:#6366f11a}.stat-icon.amber{color:var(--warning);background:#eab3081a}.stat-info{flex-direction:column;display:flex}.stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.8rem}.dashboard-grid{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=1024px){.dashboard-grid{grid-template-columns:350px 1fr}}.control-column{flex-direction:column;gap:30px;display:flex}.dashboard-panel{flex-direction:column;gap:20px;padding:24px;display:flex}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.panel-title{align-items:center;gap:8px;font-size:1.2rem;font-weight:600;display:flex}.caller-panel{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:30px 20px;display:flex}.active-token-display{border:2px dashed var(--border-color);background:radial-gradient(circle,#6366f10d 0%,#0006 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin:10px 0;display:flex;position:relative}.active-token-display.active{border-color:var(--warning);box-shadow:0 0 30px var(--warning-glow)}.active-token-num{font-family:var(--font-heading);letter-spacing:-.02em;font-size:3rem;font-weight:800}.active-token-label{color:var(--text-secondary);text-transform:uppercase;margin-top:4px;font-size:.8rem}.caller-actions{grid-template-columns:1fr;gap:12px;width:100%;display:grid}.caller-actions-sub{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.token-form-container{flex-direction:column;gap:15px;display:flex}.prefix-selector{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.prefix-option{border:1px solid var(--border-color);text-align:center;cursor:pointer;background:#ffffff08;border-radius:8px;padding:10px;transition:all .2s}.prefix-option:hover{background:#ffffff14}.prefix-option.selected{border-color:var(--primary);color:var(--text-primary);box-shadow:0 0 10px var(--primary-glow);background:#6366f126;font-weight:700}.prefix-letter{font-family:var(--font-heading);font-size:1.2rem;font-weight:700}.prefix-desc{color:var(--text-secondary);font-size:.65rem;display:block}.queue-tabs{border-bottom:1px solid var(--border-color);gap:10px;margin-bottom:15px;display:flex}.queue-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;position:relative}.queue-tab:hover{color:var(--text-primary)}.queue-tab.active{color:var(--primary)}.queue-tab.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.queue-tab-count{color:var(--text-secondary);background:#ffffff14;border-radius:9999px;margin-left:6px;padding:2px 6px;font-size:.75rem}.queue-tab.active .queue-tab-count{color:var(--primary);background:#6366f126}.queue-list{flex-direction:column;gap:12px;max-height:550px;padding-right:4px;display:flex;overflow-y:auto}.queue-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.queue-item:hover{background:#ffffff0a;border-color:#ffffff14}.queue-item-left{align-items:center;gap:16px;display:flex}.queue-item-number{font-family:var(--font-heading);color:var(--secondary);background:#06b6d414;border:1px solid #06b6d426;border-radius:8px;justify-content:center;align-items:center;width:75px;height:48px;font-size:1.3rem;font-weight:700;display:flex}.queue-item-details{flex-direction:column;gap:4px;display:flex}.patient-name{font-size:.95rem;font-weight:600}.patient-meta{color:var(--text-secondary);gap:12px;font-size:.75rem;display:flex}.queue-item-right{align-items:center;gap:12px;display:flex}.wait-estimate{text-align:right;flex-direction:column;gap:2px;display:flex}.wait-time{font-family:var(--font-heading);color:var(--warning);font-size:.9rem;font-weight:700}.wait-label{color:var(--text-muted);font-size:.65rem}.action-icon-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.action-icon-btn:hover{background:#ffffff1a;border-color:#fff3}.action-icon-btn.call:hover{color:var(--warning);background:#eab30814;border-color:#eab3084d}.action-icon-btn.serve:hover{color:var(--success);background:#10b98114;border-color:#10b9814d}.action-icon-btn.skip:hover{color:var(--danger);background:#f43f5e14;border-color:#f43f5e4d}.qr-code-btn{color:var(--secondary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{text-align:center;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:450px;padding:30px;display:flex}.qr-container{background:#fff;border-radius:12px;margin:10px 0;padding:15px;box-shadow:0 10px 25px #00000080}.ticket-print{border-top:1px dashed var(--border-color);flex-direction:column;gap:10px;width:100%;padding-top:20px;display:flex}.ticket-number{font-family:var(--font-heading);color:var(--secondary);font-size:2.5rem;font-weight:800}.ticket-url{color:var(--text-secondary);word-break:break-all;border:1px solid var(--border-color);background:#0003;border-radius:8px;padding:10px;font-size:.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state svg{opacity:.4}.login-container{justify-content:center;align-items:center;min-height:75vh;padding:20px;display:flex}.login-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:40px 30px;display:flex}.tv-container{background-image:radial-gradient(at 0 0,#6366f126 0,#0000 60%),radial-gradient(at 100% 100%,#06b6d41a 0,#0000 60%);flex-direction:column;justify-content:space-between;gap:30px;min-height:100vh;padding:40px;display:flex}.tv-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.tv-title-section{align-items:center;gap:16px;display:flex}.tv-logo{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tv-title-text h1{letter-spacing:-.01em;font-size:1.8rem;font-weight:800}.tv-title-text p{color:var(--text-secondary);font-size:.85rem}.tv-time-section{text-align:right}.tv-clock{font-family:var(--font-heading);color:var(--text-primary);font-size:1.8rem;font-weight:700}.tv-date{color:var(--text-secondary);font-size:.85rem}.tv-board-grid{flex-grow:1;grid-template-columns:1fr;gap:40px;display:grid}@media (width>=1024px){.tv-board-grid{grid-template-columns:1.2fr .8fr}}.now-calling-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.now-calling-label{font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;font-size:1.4rem;font-weight:800}.now-calling-token-box{border:2px solid var(--primary);width:100%;max-width:450px;box-shadow:0 0 50px var(--primary-glow);background:radial-gradient(circle,#6366f114 0%,#141419cc 100%);border-radius:24px;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px;padding:40px 20px;display:flex;position:relative}.now-calling-token-box.calling-flash{border-color:var(--warning);animation:1s infinite alternate tv-flash;box-shadow:0 0 70px #eab30899}.now-calling-num{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-size:6.5rem;font-weight:800;line-height:1}.now-calling-token-box.calling-flash .now-calling-num{color:var(--warning);text-shadow:0 0 30px #eab308cc}.now-calling-counter-badge{border:1px solid var(--secondary);color:var(--secondary);font-family:var(--font-heading);letter-spacing:.02em;background:#06b6d426;border-radius:9999px;padding:10px 24px;font-size:1.4rem;font-weight:700}.now-calling-token-box.calling-flash .now-calling-counter-badge{border-color:var(--warning);color:var(--warning);background:#eab30826}@keyframes tv-flash{0%{background:radial-gradient(circle,#eab3081a 0%,#141419cc 100%);transform:scale(.98)}to{background:radial-gradient(circle,#eab30840 0%,#141419d9 100%);transform:scale(1.02)}}.recent-calls-panel{flex-direction:column;gap:20px;padding:30px;display:flex}.recent-title{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding-bottom:12px;font-size:1.3rem;font-weight:700}.recent-list{flex-direction:column;gap:15px;display:flex}.recent-row{border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;justify-content:space-between;align-items:center;padding:20px;transition:all .3s;display:flex}.recent-row:hover{background:#ffffff0a}.recent-token{font-family:var(--font-heading);color:var(--secondary);font-size:1.8rem;font-weight:700}.recent-counter{font-family:var(--font-heading);color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d;border-radius:8px;padding:6px 16px;font-size:1.1rem;font-weight:600}.tv-footer{border:1px solid var(--border-color);background:#0006;border-radius:12px;align-items:center;gap:20px;padding:16px 24px;display:flex;overflow:hidden}.tv-footer-tag{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:.8rem;font-weight:700}.marquee-container{white-space:nowrap;flex-grow:1;overflow:hidden}.marquee-text{color:var(--text-secondary);padding-left:100%;font-size:.95rem;animation:25s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.patient-container{flex-direction:column;justify-content:space-between;gap:25px;max-width:500px;min-height:100vh;margin:0 auto;padding:30px 20px;display:flex}.patient-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.patient-header h1{background:linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:700}.patient-card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:30px 20px;display:flex;position:relative;overflow:hidden}.patient-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.patient-token-num{font-family:var(--font-heading);color:var(--secondary);text-shadow:0 0 20px var(--secondary-glow);margin-top:10px;font-size:3.5rem;font-weight:800}.patient-card-status-text{color:var(--text-secondary);font-size:.95rem;font-weight:500}.calling-banner{border:1px solid var(--warning);box-shadow:0 0 20px var(--warning-glow);text-align:center;background:linear-gradient(135deg,#eab30833 0%,#eab3080d 100%);border-radius:12px;padding:20px;animation:1.5s infinite alternate call-pulse}.calling-title{font-family:var(--font-heading);color:var(--warning);margin-bottom:6px;font-size:1.5rem;font-weight:800}.calling-counter{color:var(--text-primary);font-size:1.1rem;font-weight:600}@keyframes call-pulse{0%{transform:scale(.98);box-shadow:0 0 15px #eab3084d}to{transform:scale(1.02);box-shadow:0 0 30px #eab30899}}.patient-stats-grid{grid-template-columns:1fr 1fr;gap:15px;width:100%;display:grid}.patient-stat-box{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 15px;display:flex}.patient-stat-icon{color:var(--primary);opacity:.8}.patient-stat-val{font-family:var(--font-heading);color:var(--text-primary);font-size:1.6rem;font-weight:700}.patient-stat-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem}.progress-container{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.progress-info{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.progress-track{border:1px solid var(--border-color);background:#ffffff0d;border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);border-radius:9999px;height:100%;transition:width .5s ease-out}.guidance-box{color:var(--text-secondary);align-items:flex-start;gap:12px;padding:16px;font-size:.8rem;line-height:1.4;display:flex}.guidance-box svg{color:var(--secondary);flex-shrink:0}.patient-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:20px;padding-top:15px;font-size:.7rem}