@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary-50: #f0fdfa;--color-primary-100: #ccfbf1;--color-primary-200: #99f6e4;--color-primary-300: #5eead4;--color-primary-400: #2dd4bf;--color-primary-500: #14b8a6;--color-primary-600: #0d9488;--color-primary-700: #0f766e;--color-primary-800: #115e59;--color-primary-900: #134e4a;--color-accent-400: #34d399;--color-accent-500: #10b981;--color-accent-600: #059669;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-neutral-950: #020617;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--bg-primary: #0a0f1c;--bg-secondary: #111827;--bg-card: #1a2234;--bg-card-hover: #1e293b;--bg-elevated: #243044;--bg-glass: rgba(26, 34, 52, .8);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #2dd4bf;--border-subtle: rgba(148, 163, 184, .1);--border-default: rgba(148, 163, 184, .15);--border-emphasis: rgba(45, 212, 191, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(20, 184, 166, .15);--shadow-glow-strong: 0 0 40px rgba(20, 184, 166, .25);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(20,184,166,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 50%,rgba(16,185,129,.05),transparent),radial-gradient(ellipse 60% 40% at 20% 80%,rgba(59,130,246,.04),transparent);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.text-gradient{background:linear-gradient(135deg,var(--color-primary-300),var(--color-accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-mono{font-family:var(--font-mono)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.card--glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card--glow{border-color:var(--border-emphasis);box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.625rem 1.25rem;font-family:var(--font-sans);font-size:.875rem;font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{box-shadow:0 0 0 3px #14b8a666}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn:not(:disabled):active{transform:scale(.97)}.btn--primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border-color:var(--color-primary-500);box-shadow:var(--shadow-sm),0 0 20px #14b8a626}.btn--primary:not(:disabled):hover{background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));box-shadow:var(--shadow-md),0 0 30px #14b8a640;transform:translateY(-1px)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:not(:disabled):hover{background:var(--bg-card-hover);border-color:var(--border-emphasis);transform:translateY(-1px)}.btn--danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#dc2626}.btn--danger:not(:disabled):hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:var(--shadow-md),0 0 20px #ef444433;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn--ghost:not(:disabled):hover{background:var(--bg-elevated);color:var(--text-primary)}.btn--lg{padding:.875rem 1.75rem;font-size:1rem;border-radius:var(--radius-xl)}.btn--xl{padding:1.125rem 2.25rem;font-size:1.125rem;border-radius:var(--radius-xl)}.btn--icon{padding:.5rem;min-width:2.25rem;min-height:2.25rem}.btn--call-next{background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-600));color:#fff;font-size:1.25rem;font-weight:700;padding:1rem 2.5rem;border-radius:var(--radius-2xl);border:2px solid rgba(45,212,191,.3);box-shadow:var(--shadow-lg),0 0 30px #14b8a633,inset 0 1px #ffffff1a;position:relative;overflow:hidden;letter-spacing:.02em}.btn--call-next:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.btn--call-next:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 50px #14b8a64d,inset 0 1px #ffffff26}.btn--call-next:not(:disabled):hover:before{transform:translate(100%)}@keyframes pulse-ring{0%{box-shadow:0 0 #14b8a666}70%{box-shadow:0 0 0 15px #14b8a600}to{box-shadow:0 0 #14b8a600}}.btn--call-next.pulse{animation:pulse-ring 2s infinite}.input{width:100%;padding:.75rem 1rem;font-family:var(--font-sans);font-size:.9375rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #14b8a626}.input--lg{padding:1rem 1.25rem;font-size:1.0625rem}.input-group{display:flex;gap:var(--space-sm)}.input-group .input{flex:1}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.badge--success{background:#10b98126;color:var(--color-accent-400);border:1px solid rgba(16,185,129,.2)}.badge--warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge--danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}.badge--info{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.badge--neutral{background:#94a3b81a;color:var(--text-secondary);border:1px solid var(--border-subtle)}.token-display{font-family:var(--font-mono);font-weight:800;letter-spacing:-.02em}.token-display--sm{font-size:1.5rem}.token-display--md{font-size:2.5rem}.token-display--lg{font-size:4rem}.token-display--xl{font-size:6rem}.token-display--giant{font-size:10rem}.connection-indicator{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500}.connection-dot{width:8px;height:8px;border-radius:50%;position:relative}.connection-dot--connected{background:var(--color-success);box-shadow:0 0 8px #10b98180}.connection-dot--connected:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(16,185,129,.3);animation:ping 2s infinite}.connection-dot--disconnected{background:var(--color-danger);box-shadow:0 0 8px #ef444480}.connection-dot--connecting{background:var(--color-warning);animation:blink 1s infinite}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(1.8);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.queue-item-enter{animation:slideInRight .3s ease forwards}.queue-item-exit{animation:slideOutLeft .3s ease forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes tokenReveal{0%{opacity:0;transform:scale(.5) rotateX(30deg)}50%{transform:scale(1.1) rotateX(-5deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.token-reveal{animation:tokenReveal .6s var(--transition-spring) forwards}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md)}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;transition:all var(--transition-base)}.stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card__value{font-size:1.75rem;font-weight:800;font-family:var(--font-mono);color:var(--text-accent);line-height:1;margin-bottom:var(--space-xs)}.stat-card__label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.page-container{min-height:100vh;display:flex;flex-direction:column}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.page-header__logo{display:flex;align-items:center;gap:var(--space-sm)}.page-header__logo-icon{width:36px;height:36px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500));display:flex;align-items:center;justify-content:center;font-size:1.125rem}.page-header__title{font-size:1.125rem;font-weight:700}.page-header__subtitle{font-size:.75rem;color:var(--text-muted);font-weight:500}.page-content{flex:1;padding:var(--space-xl);max-width:1400px;margin:0 auto;width:100%}.queue-list{display:flex;flex-direction:column;gap:var(--space-sm)}.queue-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base)}.queue-item:hover{border-color:var(--border-default);background:var(--bg-card-hover)}.queue-item__token{font-family:var(--font-mono);font-weight:700;font-size:1.25rem;color:var(--text-accent);min-width:3.5rem;text-align:center;padding:var(--space-xs) var(--space-sm);background:#14b8a61a;border-radius:var(--radius-md);border:1px solid rgba(20,184,166,.15)}.queue-item__info{flex:1;min-width:0}.queue-item__name{font-weight:600;font-size:.9375rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item__meta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.queue-item__actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast)}.queue-item:hover .queue-item__actions{opacity:1}.queue-item__wait{text-align:right;min-width:80px}.queue-item__wait-time{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--color-warning)}.queue-item__wait-label{font-size:.6875rem;color:var(--text-muted)}.serving-card{background:linear-gradient(135deg,#14b8a61a,#10b9810d);border:2px solid rgba(20,184,166,.25);border-radius:var(--radius-2xl);padding:var(--space-xl);text-align:center;position:relative;overflow:hidden}.serving-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(20,184,166,.05),transparent,rgba(20,184,166,.05),transparent);animation:rotate 8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.serving-card__content{position:relative;z-index:1}.serving-card__label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-accent);margin-bottom:var(--space-md)}.serving-card__main{display:flex;align-items:center;justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-lg)}.serving-card__left{text-align:center}.serving-card__token{font-family:var(--font-mono);font-size:5rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--color-primary-300),var(--color-accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.serving-card__name{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.serving-card__actions{display:flex;gap:var(--space-sm);justify-content:center}.circular-timer{position:relative;width:110px;height:110px;flex-shrink:0}.circular-timer__time{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.circular-timer__value{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.circular-timer__label{font-size:.625rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.serving-card--active{border-color:#14b8a659;box-shadow:var(--shadow-glow)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.empty-state__title{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.empty-state__description{font-size:.875rem;max-width:300px;margin:0 auto}.patient-display{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;overflow:hidden}.patient-display__bg{position:fixed;inset:0;background:radial-gradient(ellipse 100% 60% at 50% -10%,rgba(20,184,166,.12),transparent),radial-gradient(ellipse 80% 50% at 20% 100%,rgba(59,130,246,.06),transparent),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(16,185,129,.06),transparent);z-index:0}.patient-display__content{position:relative;z-index:1;width:100%;max-width:900px;text-align:center}.patient-display__current-section{margin-bottom:var(--space-3xl)}.patient-display__label{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-accent);margin-bottom:var(--space-md)}.patient-display__token-number{font-family:var(--font-mono);font-size:12rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--color-primary-200),var(--color-accent-400),var(--color-primary-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(20,184,166,.3));margin-bottom:var(--space-md)}.patient-display__patient-name{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.patient-display__wait-info{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xl);margin-top:var(--space-xl)}.patient-display__wait-card{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-lg) var(--space-2xl);min-width:180px}.patient-display__wait-value{font-family:var(--font-mono);font-size:2.5rem;font-weight:800;color:var(--text-accent);line-height:1;margin-bottom:var(--space-xs)}.patient-display__wait-label{font-size:.875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.patient-display__queue-preview{margin-top:var(--space-2xl);width:100%}.patient-display__queue-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.patient-display__queue-tokens{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.patient-display__queue-token{font-family:var(--font-mono);font-weight:700;font-size:1.25rem;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);min-width:60px;text-align:center;transition:all var(--transition-base)}.patient-display__queue-token--next{border-color:var(--color-primary-500);color:var(--text-accent);background:#14b8a61a;box-shadow:var(--shadow-glow)}.receptionist-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--space-xl);min-height:calc(100vh - 73px)}.receptionist-main{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl)}.receptionist-sidebar{border-left:1px solid var(--border-subtle);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);background:#11182780}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-header__title{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.section-header__count{font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.125rem .5rem;background:#14b8a61a;color:var(--text-accent);border-radius:var(--radius-full);border:1px solid rgba(20,184,166,.15)}.kbd{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .375rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);min-width:1.5rem;line-height:1.4}.toast-container{position:fixed;top:var(--space-xl);right:var(--space-xl);z-index:9999;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toastIn .3s ease forwards;min-width:280px}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-danger)}.toast--info{border-left:3px solid var(--color-info)}@keyframes toastIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@media(max-width:1024px){.receptionist-layout{grid-template-columns:1fr}.receptionist-sidebar{border-left:none;border-top:1px solid var(--border-subtle)}}@media(max-width:768px){.page-content{padding:var(--space-md)}.patient-display__token-number{font-size:8rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.serving-card__token{font-size:3.5rem}}@media(max-width:480px){.patient-display__token-number{font-size:5rem}.patient-display__wait-info{flex-direction:column;align-items:center}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral-700);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-600)}::selection{background:#14b8a64d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.avg-time-setting{display:flex;align-items:center;gap:var(--space-sm)}.avg-time-setting .input{width:80px;text-align:center;font-family:var(--font-mono);padding:.5rem}.avg-time-setting__label{font-size:.8125rem;color:var(--text-secondary)}.dialog-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9998;animation:fadeIn .2s ease}.dialog{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-xl);max-width:400px;width:90%;box-shadow:var(--shadow-xl);animation:scaleIn .2s ease}.dialog__title{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-sm)}.dialog__message{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nav-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl)}.nav-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-3xl);background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-base);text-decoration:none;color:inherit;min-width:280px}.nav-card:hover{border-color:var(--color-primary-500);transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.nav-card__icon{font-size:3rem}.nav-card__title{font-size:1.25rem;font-weight:700}.nav-card__description{font-size:.875rem;color:var(--text-muted);text-align:center;max-width:200px}.particle-field{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;background:var(--color-primary-400);border-radius:50%;animation:floatParticle linear infinite}@keyframes floatParticle{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:.4}50%{transform:translateY(-40vh) translate(20px) scale(1.2);opacity:.2}90%{opacity:.1}to{transform:translateY(-80vh) translate(-10px) scale(.8);opacity:0}}.token-flash-overlay{position:fixed;inset:0;background:radial-gradient(ellipse at center,rgba(20,184,166,.2),transparent 70%);z-index:50;animation:flashPulse .8s ease-out forwards;pointer-events:none}@keyframes flashPulse{0%{opacity:0}20%{opacity:1}to{opacity:0}}.animated-token-number{display:flex;justify-content:center;gap:.25rem;perspective:600px}.flip-digit{display:inline-block;font-family:var(--font-mono);font-size:11rem;font-weight:900;line-height:1;background:linear-gradient(180deg,var(--color-primary-200) 0%,var(--color-accent-400) 50%,var(--color-primary-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 50px rgba(20,184,166,.35));transition:transform .3s ease;transform-style:preserve-3d}.flip-digit--flipping{animation:digitFlip .6s ease-in-out}@keyframes digitFlip{0%{transform:rotateX(0) scale(1)}25%{transform:rotateX(-90deg) scale(.9)}50%{transform:rotateX(-90deg) scale(.9)}75%{transform:rotateX(0) scale(1.05)}to{transform:rotateX(0) scale(1)}}.token-number-empty{font-family:var(--font-mono);font-size:8rem;font-weight:800;color:var(--text-muted);opacity:.3}.pd-header{position:fixed;top:0;left:0;right:0;padding:var(--space-md) var(--space-xl);display:flex;justify-content:space-between;align-items:center;z-index:10;background:#0a0f1cd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.pd-header__left{display:flex;align-items:center}.pd-header__logo{display:flex;align-items:center;gap:var(--space-sm)}.pd-header__logo-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500));border-radius:var(--radius-lg)}.pd-header__title{font-weight:700;font-size:1.125rem}.pd-header__subtitle{font-size:.75rem;color:var(--text-muted)}.pd-header__right{display:flex;align-items:center;gap:var(--space-lg)}.live-clock{font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.pd-main{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px var(--space-xl) 60px;gap:var(--space-2xl)}.pd-current{text-align:center;width:100%;max-width:800px}.pd-current__bell{font-size:2.5rem;margin-bottom:var(--space-sm);display:inline-block;filter:grayscale(.3);transition:all .3s ease}.pd-current__bell--ring{animation:bellRing 1.5s ease;filter:grayscale(0) drop-shadow(0 0 20px rgba(255,200,50,.4))}@keyframes bellRing{0%{transform:rotate(0) scale(1)}5%{transform:rotate(15deg) scale(1.2)}10%{transform:rotate(-15deg) scale(1.2)}15%{transform:rotate(12deg) scale(1.15)}20%{transform:rotate(-12deg) scale(1.15)}25%{transform:rotate(8deg) scale(1.1)}30%{transform:rotate(-8deg) scale(1.1)}35%{transform:rotate(4deg) scale(1.05)}40%{transform:rotate(-4deg) scale(1.05)}50%{transform:rotate(0) scale(1)}to{transform:rotate(0) scale(1)}}.pd-current__label{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text-accent);margin-bottom:var(--space-lg);text-shadow:0 0 30px rgba(20,184,166,.3)}.pd-current__token-area{position:relative;padding:var(--space-xl) 0;animation:tokenAreaReveal .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes tokenAreaReveal{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.pd-current__token-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(20,184,166,.15),transparent 70%);border-radius:50%;pointer-events:none;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.pd-current__patient-name{font-size:2.25rem;font-weight:600;color:var(--text-primary);margin-top:var(--space-md);letter-spacing:-.01em}.pd-current__empty{padding:var(--space-3xl) 0}.pd-current__empty-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.4;animation:gentleBounce 3s ease-in-out infinite}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pd-current__empty-text{font-size:1.25rem;color:var(--text-muted)}.pd-stats{display:flex;justify-content:center;gap:var(--space-lg);width:100%;max-width:700px}.pd-stat-card{flex:1;background:#1a2234b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-lg) var(--space-xl);text-align:center;transition:all var(--transition-base);min-width:140px}.pd-stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.pd-stat-card--accent{border-color:#14b8a633;background:#14b8a60d}.pd-stat-card__icon{font-size:1.5rem;margin-bottom:var(--space-xs)}.pd-stat-card__value{font-family:var(--font-mono);font-size:2.5rem;font-weight:800;color:var(--text-accent);line-height:1.1}.pd-stat-card__label{font-size:.8125rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-xs)}.pd-queue-section{width:100%;max-width:700px}.pd-queue-section__title{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.pd-queue-section__count{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-accent);background:#14b8a61a;padding:.25rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(20,184,166,.15)}.pd-queue-list{display:flex;flex-direction:column;gap:var(--space-xs)}.pd-queue-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:#1a223480;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);animation:slideInRight .3s ease forwards;opacity:0}.pd-queue-item--next{background:#14b8a614;border-color:#14b8a633;box-shadow:0 0 15px #14b8a614}.pd-queue-item--more{justify-content:center;color:var(--text-muted);font-size:.875rem;font-style:italic;border:1px dashed var(--border-subtle);background:transparent;opacity:1}.pd-queue-item__rank{font-family:var(--font-mono);font-weight:700;font-size:.875rem;color:var(--text-muted);min-width:1.5rem;text-align:center}.pd-queue-item--next .pd-queue-item__rank{color:var(--text-accent);font-size:1rem}.pd-queue-item__token{font-family:var(--font-mono);font-weight:600;font-size:1rem;color:var(--text-accent);min-width:3rem}.pd-queue-item__name{flex:1;font-weight:500;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-queue-item__wait{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-warning);font-weight:500;min-width:80px;text-align:right}.pd-empty-full{text-align:center;position:relative}.pd-empty-full__pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:radial-gradient(circle,rgba(20,184,166,.08),transparent 70%);border-radius:50%;animation:glowPulse 4s ease-in-out infinite}.pd-empty-full__icon{font-size:4rem;position:relative;margin-bottom:var(--space-md);animation:gentleBounce 3s ease-in-out infinite}.pd-empty-full__text{font-size:1.5rem;font-weight:600;color:var(--text-secondary);position:relative}.pd-empty-full__subtext{font-size:1rem;color:var(--text-muted);margin-top:var(--space-xs);position:relative}.pd-footer{position:fixed;bottom:0;left:0;right:0;padding:var(--space-sm) var(--space-xl);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);background:#0a0f1cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);z-index:10}@media(max-width:768px){.flip-digit{font-size:7rem}.pd-current__label{font-size:1.125rem}.pd-current__patient-name{font-size:1.5rem}.pd-stats{flex-wrap:wrap}.pd-stat-card__value{font-size:1.75rem}}@media(max-width:480px){.flip-digit{font-size:5rem}.pd-stats{flex-direction:column;align-items:center}}