:root{--bg: #eef2f7;--surface: #ffffff;--surface-muted: #f4f6fb;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--primary: #2563eb;--primary-dark: #1d4ed8;--preparing-from: #3b82f6;--preparing-to: #2563eb;--preparing-mobile-from: #8b5cf6;--preparing-mobile-to: #6d28d9;--calling-from: #fb7185;--calling-to: #e11d48;--calling-mobile-from: #fbbf24;--calling-mobile-to: #f97316;--success: #16a34a;--danger: #ef4444;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 14px rgba(15, 23, 42, .1);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--header-bg: linear-gradient(135deg, #1e293b 0%, #334155 100%)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background-color:var(--bg)}#root{width:100%;height:100vh}@keyframes pop-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes calling-glow{0%,to{box-shadow:0 8px 24px #e11d4859}50%{box-shadow:0 8px 36px #e11d48b3}}@keyframes congestion-critical-bg{0%,to{background-color:#fecaca}50%{background-color:#ef4444}}@keyframes recall-flash{0%,to{transform:scale(1);filter:brightness(1);box-shadow:0 8px 24px #e11d4873}25%,75%{transform:scale(1.045);filter:brightness(1.35);box-shadow:0 0 0 8px #facc15b8,0 12px 42px #e11d48d9}50%{transform:scale(1.015);filter:brightness(1.1);box-shadow:0 0 0 3px #ffffffe6,0 10px 32px #e11d48a6}}.congestion-critical{animation:congestion-critical-bg 1.15s ease-in-out infinite}.public-ticket-recalled{z-index:3;animation:recall-flash .85s ease-in-out 5!important}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot--on{background-color:#4ade80;box-shadow:0 0 0 3px #4ade8040;animation:pulse-dot 1.8s ease-in-out infinite}.status-dot--off{background-color:#f87171;box-shadow:0 0 0 3px #f8717140;animation:pulse-dot 1s ease-in-out infinite}.ticket-card{animation:pop-in .28s cubic-bezier(.16,1,.3,1)}.ticket-card:hover{transform:translateY(-4px) scale(1.02);filter:brightness(1.05)}.ticket-card:active{transform:translateY(-1px) scale(.99)}.ticket-card:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:2px}.ticket-card--calling{animation:pop-in .28s cubic-bezier(.16,1,.3,1),calling-glow 2.2s ease-in-out infinite .3s}.kp-btn{transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.kp-btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-md)}.kp-btn:active:not(:disabled){transform:translateY(2px) scale(.98);filter:brightness(.96)}.kp-btn:disabled{opacity:.45;cursor:not-allowed}.text-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #2563eb26}.scroll-area::-webkit-scrollbar{width:8px}.scroll-area::-webkit-scrollbar-thumb{background:#64748b59;border-radius:8px}.scroll-area::-webkit-scrollbar-track{background:transparent}@media (max-width: 768px){.display-main{flex-direction:column!important}}