:root{color-scheme:dark;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--bg-base: #0a0e17;--bg-header: #0f172a;--bg-sider: #0d1322;--bg-card: #131b2e;--bg-card-secondary: #17223b;--bg-tile-idle: #090d16;--bg-tile-playing: #080f1d;--border-subtle: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .12);--border-active: #2dd4bf;--text-main: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--primary-teal: #0f766e;--primary-teal-light: #2dd4bf;--primary-blue: #2563eb;--primary-blue-light: #38bdf8;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .35);--shadow-glow-teal: 0 0 20px rgba(45, 212, 191, .18);--shadow-glow-blue: 0 0 20px rgba(37, 99, 235, .22)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:var(--bg-base);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.dark-theme-shell{height:100vh;background:var(--bg-base);color:var(--text-main);overflow:hidden}.console-header{height:68px!important;line-height:normal!important;padding:0 20px!important;background:var(--bg-header)!important;border-bottom:1px solid var(--border-card)!important;box-shadow:var(--shadow-subtle);position:relative;z-index:10;display:flex!important;align-items:center!important}.header-inner{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-group{-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.brand-logo-box{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0f766e,#2563eb);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow-teal);flex-shrink:0}.brand-logo-icon{font-size:20px;color:#fff}.brand-title{margin:0!important;color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:.2px}.brand-sub{font-size:11px;color:var(--text-muted);line-height:1.25;margin-top:2px;display:block}.version-pill{font-size:10px;line-height:16px;padding:0 6px;border-radius:4px;font-family:var(--font-mono);margin-inline-end:0!important}.main-nav-segmented{background:#00000073!important;border:1px solid var(--border-subtle);padding:3px;border-radius:10px;flex-shrink:0}.main-nav-segmented .ant-segmented-item{border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.main-nav-segmented .ant-segmented-item-selected{background:linear-gradient(135deg,#0f766ef2,#2563ebf2)!important;color:#fff!important;font-weight:600;box-shadow:0 2px 10px #0006}.header-status-box{display:flex;align-items:center;flex-shrink:0;gap:8px}.status-capsule{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:20px}.status-text{color:var(--text-main)}.current-meet-capsule{padding:3px 10px;border-radius:12px;font-size:12px}.incoming-call-floating-card{position:absolute;top:72px;right:24px;z-index:1000;min-width:440px;padding:14px 20px;background:linear-gradient(135deg,#1e1b4b,#0f172a);border:1px solid #6366f1;border-radius:12px;box-shadow:0 10px 30px #6366f159;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.pulsing-call-icon{width:40px;height:40px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;animation:pulseGlow 1.5s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 #6366f1b3}70%{box-shadow:0 0 0 12px #6366f100}to{box-shadow:0 0 #6366f100}}.login-page-shell{min-height:100vh;background:var(--bg-base)}.login-page-main{flex:1;display:grid;place-items:center;padding:32px 20px}.login-page-panel{width:min(100%,460px)}.login-page-brand{margin-bottom:18px}.login-page-title{margin:0!important;color:var(--text-main)!important;font-size:24px!important;line-height:1.25!important;letter-spacing:0!important}.login-page-card{background:var(--bg-card)!important;border:1px solid var(--border-card)!important;border-radius:8px!important;box-shadow:var(--shadow-subtle)}.login-page-card .ant-card-body{padding:22px}.console-body-layout{height:calc(100vh - 62px);background:var(--bg-base);overflow:hidden}.console-sider{background:var(--bg-sider)!important;border-right:1px solid var(--border-card);position:relative}.sider-scroll-content{height:100%;overflow-y:auto;padding:16px}.sider-trigger-btn{height:36px;line-height:36px;text-align:center;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-top:1px solid var(--border-subtle)}.sider-trigger-btn:hover{color:var(--text-main);background:var(--bg-card-secondary)}.sider-section-header{margin-bottom:14px}.operator-profile-card{background:var(--bg-card)!important;border:1px solid var(--border-card)!important;border-radius:8px;margin-bottom:16px}.profile-meta-grid{display:grid;gap:6px}.profile-meta-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.auth-form .ant-form-item-label>label{color:var(--text-secondary)!important;font-size:12px}.captcha-wrapper{display:grid;grid-template-columns:1fr 100px;gap:8px}.captcha-img-btn{height:32px;padding:0;border:1px solid var(--border-subtle);border-radius:6px;background:#fff;overflow:hidden;cursor:pointer}.captcha-img-btn img{width:100%;height:100%;object-fit:cover}.sider-collapsed-icons{display:flex;flex-direction:column;align-items:center;padding-top:20px}.console-content-container{height:100%;padding:16px;overflow-y:auto;background:var(--bg-base)}.workspace-playground-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;height:100%;min-height:600px}.playground-left-col{display:flex;flex-direction:column;gap:14px;height:100%;overflow-y:auto}.playground-right-col{height:100%;overflow-y:auto}.video-workspace-card{height:460px;min-height:380px;display:flex;flex-direction:column;background:var(--bg-card)!important;border:1px solid var(--border-card)!important;border-radius:10px;box-shadow:var(--shadow-subtle)}.video-workspace-card .ant-card-head{border-bottom:1px solid var(--border-subtle)!important;padding:0 16px;min-height:48px}.video-workspace-card .ant-card-body{flex:1;padding:0!important;background:#000;border-radius:0 0 10px 10px;display:flex;overflow:hidden;position:relative}.live-code-card{background:var(--bg-card)!important;border:1px solid var(--border-card)!important;border-radius:10px;box-shadow:var(--shadow-subtle)}.live-code-card .ant-card-head{border-bottom:1px solid var(--border-subtle)!important;padding:0 14px;min-height:42px}.code-box-header{margin-bottom:6px}.live-code-snippet{background:#090d16;border:1px solid rgba(56,189,248,.2);border-radius:6px;padding:10px 12px;color:#38bdf8;font-size:12px;line-height:1.5;height:155px;overflow-y:auto;margin:0;white-space:pre-wrap;word-break:break-all}.response-inspector-box{background:#090d16;border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;height:155px;overflow-y:auto}.response-json-pre{color:#4ade80;font-size:11px;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-all}.empty-response-hint{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 16px}.modal-code-snippet{background:#080c14;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:14px 16px;color:#38bdf8;font-size:13px;line-height:1.6;max-height:380px;overflow-y:auto;margin:0}.video-player-host-wrapper{width:100%;height:100%;position:relative;background:#000;border-radius:0 0 10px 10px;overflow:hidden;display:flex}.video-player-host-mount{width:100%!important;height:100%!important;min-height:100%!important;background:#000;position:relative;overflow:hidden}.video-player-host-mount .video-main,.video-player-host-mount ul.video-main,#video-grid-host .video-main{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;list-style:none!important}.video-player-host-mount .video-main>li,#video-grid-host .video-main>li{box-sizing:border-box!important;list-style:none!important}.video-player-host-mount>*{width:100%!important;height:100%!important}.meeting-side-control-panel{display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto}.control-group-card{background:var(--bg-card)!important;border:1px solid var(--border-card)!important;border-radius:8px}.members-manager-section{max-height:220px;display:flex;flex-direction:column}.members-tag-list{max-height:180px;overflow-y:auto;display:grid;gap:6px;padding-right:4px}.member-chip-card{padding:6px 10px;background:var(--bg-card-secondary);border:1px solid var(--border-subtle);border-radius:6px;transition:background .2s}.member-chip-card:hover{background:#ffffff14}.p2p-call-workspace{height:100%}.p2p-video-card{height:380px;background:var(--bg-card)!important;border:1px solid var(--border-card)!important;border-radius:10px;box-shadow:var(--shadow-subtle);margin-bottom:16px}.p2p-video-card .ant-card-body{height:calc(100% - 48px);padding:0!important;background:#000;border-radius:0 0 10px 10px;overflow:hidden;position:relative}.p2p-video-container-wrapper{width:100%;height:100%;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.soft-remote-video-mount{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.soft-remote-video-mount video{width:100%!important;height:100%!important;object-fit:contain;position:absolute;top:0;left:0;z-index:2}.soft-local-video-mount{position:absolute;right:14px;bottom:14px;width:150px;height:100px;border:2px solid #2dd4bf;border-radius:8px;background:#090d16;overflow:hidden;z-index:10;box-shadow:0 6px 18px #0009}.soft-local-video-mount video{width:100%!important;height:100%!important;object-fit:cover;position:absolute;top:0;left:0}.p2p-video-placeholder{color:var(--text-muted);text-align:center;font-size:13px;pointer-events:none;z-index:1}.dialer-console-card{background:var(--bg-card)!important;border:1px solid var(--border-card)!important;border-radius:10px}.dialer-input-section{margin-bottom:14px}.dialer-input{background:#000!important;border-color:var(--border-card)!important;color:#2dd4bf!important;letter-spacing:1px}.quick-contacts-box{margin-bottom:12px}.contact-chip{background:var(--bg-card-secondary)!important;border:1px solid var(--border-subtle)!important;color:var(--text-main)!important;padding:4px 10px!important;border-radius:6px!important;cursor:pointer}.contact-chip.ant-tag-checkable-checked{background:#2563eb!important;border-color:#3b82f6!important}.events-monitor-card{background:var(--bg-card)!important;border:1px solid var(--border-card)!important;border-radius:10px;height:100%}.events-monitor-card .ant-card-body{padding:0}.json-pre-viewer{max-height:520px;overflow:auto;padding:14px;background:#070a11;color:#7dd3fc;border-radius:8px;border:1px solid var(--border-subtle);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.trace-list-item{padding:10px 0!important;border-bottom:1px solid var(--border-subtle)!important}.trace-json-box{margin:6px 0 0;padding:8px;background:#070a11;border-radius:4px;color:#94a3b8;max-height:120px;overflow:auto;white-space:pre-wrap;word-break:break-all}.btn-gradient-primary{background:linear-gradient(135deg,#0f766e,#2563eb)!important;border:none!important;box-shadow:0 4px 12px #0f766e59}.btn-gradient-primary:hover{opacity:.92}.btn-gradient-teal{background:linear-gradient(135deg,#0d9488,#14b8a6)!important;border:none!important}.btn-gradient-blue{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;border:none!important}.code-font{font-family:SFMono-Regular,Consolas,Monaco,Liberation Mono,Menlo,monospace}.font-10{font-size:10px}.font-11{font-size:11px}.font-12{font-size:12px}.font-13{font-size:13px}.font-14{font-size:14px}.font-15{font-size:15px}.font-16{font-size:16px}.font-18{font-size:18px}.text-white{color:#fff!important}.text-light{color:#f1f5f9!important}.text-secondary{color:var(--text-secondary)!important}.opacity-80{opacity:.8}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}@media(max-width:1200px){.workspace-grid-layout{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;overflow-y:auto}.video-workspace-card{min-height:480px}}@media(max-width:768px){.login-page-main{padding:20px 14px;align-items:start}.login-page-panel{width:100%}.console-header{height:auto;line-height:normal;padding:10px 14px}.header-inner{flex-direction:column;gap:10px;align-items:flex-start}.main-nav-segmented{width:100%}.console-body-layout{height:auto;overflow-y:auto}.incoming-call-floating-card{top:auto;bottom:20px;right:14px;left:14px;min-width:auto}}