*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-body: #f0f2f5;--bg-card: #ffffff;--bg-card-alt: #fafafa;--bg-card-hover: #f5f7fa;--bg-sidebar: #222733;--bg-topbar: #1a1f2e;--bg-raised: #ffffff;--bg-void: var(--bg-body);--bg-panel: #f7f8fa;--primary: #0052d9;--primary-hover: #003cbb;--primary-dark: #0034b0;--primary-light: #ebf2fe;--primary-border: rgba(0, 82, 217, .18);--success: #2bc48a;--success-light: rgba(43, 196, 138, .12);--warning: #ffa000;--warning-light: rgba(255, 160, 0, .12);--danger: #e34d59;--danger-light: rgba(227, 77, 89, .12);--info: #0052d9;--info-light: rgba(0, 82, 217, .12);--accent: var(--primary);--accent-dim: var(--primary-hover);--accent-glow: var(--primary-light);--warn: var(--warning);--warn-glow: var(--warning-light);--danger-glow: var(--danger-light);--success-glow: var(--success-light);--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--text-inverse: #e8eaf0;--text-sidebar: rgba(255, 255, 255, .72);--text-sidebar-muted: rgba(255, 255, 255, .45);--border: #e5e5e5;--border-input: #dcdfe6;--border-hover: #c0c4cc;--border-strong: #d4d7de;--border-hi: var(--border-hover);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 28px;--text-4xl: 36px;--text-hero: clamp(40px, 6vw, 72px);--mono: "Consolas", "JetBrains Mono", "Microsoft YaHei", monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--cond: var(--sans);--touch-sm: 32px;--touch-md: 40px;--touch-lg: 48px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12)}.theme-dark{--bg-body: #1a1f2e;--bg-card: #222733;--bg-card-alt: #252b3a;--bg-card-hover: #2a3142;--bg-sidebar: #151821;--bg-topbar: #12151e;--bg-raised: #252b3a;--bg-void: var(--bg-body);--bg-panel: #202636;--primary: #0052d9;--primary-hover: #2b6de5;--primary-dark: #0034b0;--primary-light: rgba(0, 82, 217, .18);--primary-border: rgba(0, 82, 217, .28);--success: #2bc48a;--success-light: rgba(43, 196, 138, .18);--warning: #ffa000;--warning-light: rgba(255, 160, 0, .18);--danger: #e34d59;--danger-light: rgba(227, 77, 89, .18);--info: #0052d9;--info-light: rgba(0, 82, 217, .18);--accent: var(--primary);--accent-dim: var(--primary-hover);--accent-glow: var(--primary-light);--warn: var(--warning);--warn-glow: var(--warning-light);--danger-glow: var(--danger-light);--success-glow: var(--success-light);--text-primary: #e8eaf0;--text-secondary: #a0a8b8;--text-muted: #6b7a8d;--text-inverse: #ffffff;--text-sidebar: rgba(255, 255, 255, .78);--text-sidebar-muted: rgba(255, 255, 255, .48);--border: #2a3040;--border-input: #3d4f70;--border-hover: #52627f;--border-strong: #3a4458;--border-hi: var(--border-hover);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5)}html,body{height:100%;background:var(--bg-body);color:var(--text-primary);font-family:var(--sans)}body{font-size:var(--text-base);line-height:1.5}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c8cdd7;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#aeb6c3}.theme-dark ::-webkit-scrollbar-thumb{background:#4b5568}.theme-dark ::-webkit-scrollbar-thumb:hover{background:#62708a}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.el-button{font-family:var(--sans);font-weight:500;letter-spacing:0;border-radius:var(--radius-md)}.el-button--primary{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:none!important}.el-button--primary:hover,.el-button--primary:focus{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important;color:#fff!important}.el-button.is-plain,.el-button--default{background:#fff!important;border-color:var(--border-input)!important;color:var(--text-primary)!important}.el-button.is-plain:hover,.el-button--default:hover{color:var(--primary)!important;border-color:var(--primary)!important;background:var(--primary-light)!important}.el-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important}.el-table{background:var(--bg-card)!important;color:var(--text-primary)!important;--el-table-border-color: var(--border);--el-table-bg-color: var(--bg-card);--el-table-tr-bg-color: var(--bg-card);--el-table-row-hover-bg-color: var(--bg-card-hover);--el-table-header-bg-color: #f7f8fa;--el-table-header-text-color: var(--text-secondary);--el-table-text-color: var(--text-primary)}.theme-dark .el-table{--el-table-header-bg-color: #202636}.el-table .el-table__body>tbody>tr:nth-child(2n)>td{background:var(--bg-card-alt)!important}.el-table .el-table__body>tbody>tr:nth-child(odd)>td{background:var(--bg-card)!important}.el-table .el-table__body>tbody>tr:hover>td{background:var(--bg-card-hover)!important}.el-table__empty-text,.el-empty__description,.el-select-dropdown__empty{color:var(--text-muted)!important}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{background:#fff!important;border:1px solid var(--border-input)!important;box-shadow:none!important;border-radius:var(--radius-sm)!important}.theme-dark .el-input__wrapper,.theme-dark .el-textarea__inner,.theme-dark .el-select__wrapper{background:var(--bg-raised)!important}.el-input__wrapper:hover,.el-textarea__inner:hover,.el-select__wrapper:hover{border-color:var(--border-hover)!important}.el-input__wrapper:focus-within,.el-select__wrapper.is-focused,.el-textarea__inner:focus{border-color:var(--primary)!important}.el-input__inner,.el-textarea__inner{color:var(--text-primary)!important;font-family:var(--sans)!important}.el-dialog{border-radius:var(--radius-lg)!important;overflow:hidden}.el-dialog__header{margin:0!important;padding:16px 20px!important;border-bottom:1px solid var(--border);background:#f7f8fa}.theme-dark .el-dialog__header{background:#202636}.el-dialog__body{background:var(--bg-card)}.el-tag{border-radius:var(--radius-sm)!important}.el-menu{border-right:none!important}.mono{font-family:var(--mono)}.cond{font-family:var(--cond)}.text-accent{color:var(--primary)}.text-warn{color:var(--warning)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-muted{color:var(--text-muted)}.glow{text-shadow:none}.page-shell{min-height:100vh;background:var(--bg-body);display:flex;flex-direction:column}.page-header{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-8);border-bottom:1px solid var(--border);background:var(--bg-topbar);color:var(--text-inverse);position:sticky;top:0;z-index:100;flex-wrap:wrap}.page-header .logo{font-family:var(--cond);font-size:var(--text-lg);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}.page-header .sep{width:1px;height:20px;background:#ffffff29;margin:0 var(--sp-2);flex-shrink:0}.page-header .page-title{font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;color:#ffffffb3}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:blink 1.6s ease-in-out infinite;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.badge-waiting{background:var(--warning-light);color:var(--warning);border:1px solid rgba(255,160,0,.2)}.badge-called{background:var(--info-light);color:var(--info);border:1px solid rgba(0,82,217,.2)}.badge-serving{background:var(--success-light);color:var(--success);border:1px solid rgba(43,196,138,.2)}.badge-done{background:#9999991f;color:var(--text-muted);border:1px solid rgba(153,153,153,.2)}.badge-skipped{background:var(--danger-light);color:var(--danger);border:1px solid rgba(227,77,89,.2)}.btn-i{margin-right:4px;flex-shrink:0}.brand-icon{display:inline-block;height:1em;width:auto;vertical-align:-.15em;flex-shrink:0}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding-right:8px}.dialog-title{font-size:16px;font-weight:600;color:var(--text-primary)}.icon-close-btn{background:#fff!important;border:1px solid var(--border-input)!important;color:var(--text-secondary)!important;transition:all .15s;padding:4px}.icon-close-btn:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--primary-light)!important}.icon-close-btn .close-icon{width:20px;height:20px;display:block}.icon-close-btn:hover .close-icon{animation:rotate-close .4s ease}@keyframes rotate-close{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@media (max-width: 1024px){.page-header{padding:var(--sp-3) var(--sp-6)}}@media (max-width: 768px){.page-header{padding:var(--sp-3) var(--sp-4);gap:var(--sp-2)}.page-header .page-title,.page-header .sep{display:none}}@media (max-width: 480px){.page-header{padding:var(--sp-2) var(--sp-3)}.page-header .logo{font-size:var(--text-sm)}}:root{--screen-bg-dark: #0d1b3a;--screen-panel-bg: rgba(255,255,255,.08);--screen-accent: #0052d4;--screen-footer-bg: #1e293b;--screen-text-muted: #94a3b8;--screen-text-dark: #1e293b;--screen-calling-row-bg: rgba(30, 64, 175, .72)}.region-select .el-select__wrapper.is-focused,.region-select .el-input__wrapper:focus-within,.region-select .el-select__wrapper:hover,.region-select:focus-visible,.region-select *:focus-visible{border-color:var(--border-input)!important;box-shadow:none!important;outline:none!important}