:root{--bg-primary:#070b14;--bg-surface:#0e1526;--bg-surface-elevated:#151f38;--bg-card:#111827bf;--border-subtle:#ffffff14;--border-bright:#38bdf859;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-cyan:#06b6d4;--color-emerald:#10b981;--color-amber:#f59e0b;--color-sky:#38bdf8;--color-rose:#f43f5e;--color-indigo:#6366f1;--status-idle:#64748b;--status-working:#06b6d4;--status-waiting:#f59e0b;--status-warning:#eab308;--status-error:#ef4444;--status-success:#10b981;--status-unavailable:#475569;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, monospace;--shadow-glow:0 0 25px #06b6d426;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;display:flex}.top-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:50;background:#0e1526d9;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.brand-section{align-items:center;gap:.85rem;display:flex}.brand-logo-glow{border-radius:var(--radius-md);background:linear-gradient(135deg,#0284c7,#06b6d4);justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 0 15px #06b6d466}.brand-title{letter-spacing:-.02em;background:linear-gradient(90deg,#f8fafc,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700}.brand-subtitle{color:var(--text-muted);font-size:.75rem;display:block}.nav-actions{align-items:center;gap:.75rem;display:flex}.badge-demo{color:#fbbf24;border-radius:var(--radius-full);letter-spacing:.05em;background:#f59e0b26;border:1px solid #f59e0b66;padding:.2rem .6rem;font-size:.72rem;font-weight:700;animation:2s infinite pulse-slow}.badge-live{color:#34d399;border-radius:var(--radius-full);letter-spacing:.05em;background:#10b98126;border:1px solid #10b98166;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.conn-pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0a;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.75rem;display:flex}.conn-dot{border-radius:50%;width:7px;height:7px}.conn-dot.connected{background-color:var(--status-success);box-shadow:0 0 8px var(--status-success)}.conn-dot.connecting{background-color:var(--status-waiting);animation:1s infinite blink}.conn-dot.disconnected{background-color:var(--status-error)}.view-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172acc;padding:3px;display:flex}.view-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.view-btn.active{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid #ffffff1a;box-shadow:0 2px 8px #0000004d}.btn-icon{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.btn-icon:hover{color:var(--text-primary);background:#ffffff1a}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 2px 10px #0284c74d}.btn-primary:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 4px 15px #0284c780}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-secondary:hover{color:var(--text-primary);background:#ffffff1a}.main-stage{flex-direction:column;flex:1;display:flex;position:relative}.demo-floating-banner{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fde68a;background:#0f172aeb;border:1px solid #f59e0b80;border-radius:30px;align-items:center;gap:16px;padding:8px 18px;font-size:.82rem;animation:.3s ease-out fadeInDown;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080,0 0 15px #f59e0b33}.demo-banner-content{align-items:center;gap:10px;display:flex}.btn-demo-exit{color:#fbbf24;cursor:pointer;white-space:nowrap;background:#f59e0b33;border:1px solid #f59e0b;border-radius:20px;padding:3px 12px;font-size:.76rem;font-weight:600;transition:all .2s}.btn-demo-exit:hover{color:#0f172a;background:#f59e0b}.canvas-wrapper{background:radial-gradient(circle,#0d1527 0%,#050811 100%);width:100%;height:calc(100vh - 65px);position:relative}.canvas-hints{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);pointer-events:none;background:#0e1526d9;padding:.4rem 1rem;font-size:.78rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.operational-panel{flex-direction:column;gap:1.75rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem;display:flex}.section-block{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:0 4px 20px #00000040}.section-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.1rem;padding-bottom:.75rem;display:flex}.section-header h2{align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.section-hint{color:var(--text-muted);font-size:.78rem}.disclaimer-tag{color:#fbbf24;border-radius:var(--radius-sm);background:#f59e0b1a;border:1px solid #f59e0b33;padding:.2rem .6rem;font-size:.75rem}.desk-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.desk-card{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;padding:1rem;transition:all .2s;position:relative;overflow:hidden}.desk-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.status-border-working{border-top:3px solid var(--status-working)}.status-border-warning{border-top:3px solid var(--status-warning)}.status-border-error{border-top:3px solid var(--status-error)}.status-border-idle{border-top:3px solid var(--status-idle)}.status-border-unavailable{border-top:3px solid var(--status-unavailable)}.desk-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;display:flex}.title-area{align-items:center;gap:.6rem;display:flex}.title-area h3{font-size:.95rem;font-weight:600}.subtitle{color:var(--text-muted);font-size:.72rem;display:block}.icon-desk{width:20px;height:20px}.news-color{color:var(--color-amber)}.chart-color{color:var(--color-cyan)}.risk-color{color:var(--color-emerald)}.ops-color{color:var(--color-sky)}.desk-card-body{flex-direction:column;gap:.45rem;font-size:.82rem;display:flex}.metric-row{justify-content:space-between;align-items:center;display:flex}.metric-row .label{color:var(--text-secondary)}.metric-row .val{font-weight:500}.embargo-box{border-radius:var(--radius-sm);color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d;margin-top:.2rem;padding:.35rem .55rem;font-size:.75rem;font-weight:500}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:.15rem .5rem;font-size:.68rem;font-weight:700}.badge-unavailable{color:#64748b;background:#47556933;border:1px solid #4755694d}.badge-info{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.positions-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.position-card{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:1rem}.position-card.side-buy{border-left:4px solid var(--color-emerald)}.position-card.side-sell{border-left:4px solid var(--color-rose)}.pos-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;display:flex}.symbol-title{font-size:1.05rem;font-weight:700;display:block}.source-label{color:var(--text-muted);font-size:.72rem}.badge-side{border-radius:var(--radius-sm);padding:.15rem .5rem;font-size:.7rem;font-weight:700}.side-buy{color:#34d399;background:#10b98126}.side-sell{color:#fb7185;background:#f43f5e26}.badge-status{border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff0d;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.price-grid{border-radius:var(--radius-sm);background:#0003;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:.75rem;padding:.75rem;display:grid}.price-item{flex-direction:column;display:flex}.price-label{color:var(--text-muted);font-size:.7rem}.price-val{font-size:.92rem;font-family:var(--font-mono);font-weight:600}.timing-info{color:var(--text-secondary);flex-direction:column;gap:.35rem;font-size:.75rem;display:flex}.time-row{align-items:center;gap:.4rem;display:flex}.two-columns-layout{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem;display:grid}.table-responsive{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.03em;padding:.6rem .75rem;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid #ffffff0a;padding:.65rem .75rem}.score-pill{color:#38bdf8;border-radius:var(--radius-sm);font-family:var(--font-mono);background:#06b6d426;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.calendar-list{flex-direction:column;gap:.6rem;display:flex}.calendar-item{border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.calendar-item-near{background:#f59e0b14;border-color:#f59e0b80}.cal-time{flex-direction:column;min-width:75px;display:flex}.time-val{font-weight:600;font-family:var(--font-mono);font-size:.85rem}.date-val{color:var(--text-muted);font-size:.7rem}.cal-info{flex:1;padding:0 .85rem}.event-title{font-size:.85rem;font-weight:500;display:block}.event-countdown{color:var(--text-secondary);font-size:.72rem}.badge-embargo{color:#fbbf24;border-radius:var(--radius-sm);background:#f59e0b33;border:1px solid #f59e0b66;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;display:flex}.recap-stats-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.recap-stat-box{border-radius:var(--radius-sm);text-align:center;background:#0003;padding:.75rem}.stat-label{color:var(--text-muted);margin-bottom:.2rem;font-size:.7rem;display:block}.stat-val{font-size:1.25rem;font-weight:700;font-family:var(--font-mono)}.recap-details-list{color:var(--text-secondary);border-top:1px solid var(--border-subtle);flex-direction:column;gap:.4rem;padding-top:.75rem;font-size:.8rem;display:flex}.detail-item{justify-content:space-between;display:flex}.recap-note{color:var(--text-muted);border-top:1px dashed var(--border-subtle);margin-top:.75rem;padding-top:.5rem;font-size:.72rem;line-height:1.4}.events-timeline{flex-direction:column;gap:.5rem;max-height:380px;display:flex;overflow-y:auto}.event-item{background:var(--bg-surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:1rem;padding:.6rem .85rem;transition:all .15s;display:flex}.event-item:hover{background:#ffffff0d;border-color:#ffffff26}.ev-meta{align-items:center;gap:.5rem;min-width:110px;display:flex}.ev-id{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.ev-time{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}.ev-body{flex:1;align-items:center;gap:.6rem;display:flex;overflow:hidden}.badge-event{border-radius:var(--radius-sm);font-size:.68rem;font-weight:700;font-family:var(--font-mono);padding:.12rem .45rem}.badge-ev-calendar_updated{color:#34d399;background:#10b98126}.badge-ev-news_embargo_started{color:#fbbf24;background:#eab30833}.badge-ev-news_embargo_ended{color:#94a3b8;background:#64748b33}.badge-ev-signal_candidate_created{color:#38bdf8;background:#06b6d426}.badge-ev-signal_rejected{color:#fb7185;background:#f43f5e26}.badge-ev-entry_pending{color:#fbbf24;background:#f59e0b26}.badge-ev-simulation_opened{color:#34d399;background:#10b98133}.badge-ev-simulation_closed{color:#7dd3fc;background:#38bdf826}.badge-ev-simulation_cancelled{color:#94a3b8;background:#64748b33}.badge-ev-notification_delivered{color:#34d399;background:#10b98126}.badge-ev-notification_retry{color:#fbbf24;background:#f59e0b26}.badge-ev-notification_delivery_unknown{color:#f87171;background:#ef444433}.ev-symbol{font-size:.8rem;font-weight:600}.ev-summary{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{border:1px solid var(--border-bright);border-radius:var(--radius-lg);background:#0d1527;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0009}.modal-sm{max-width:420px}.modal-lg{max-width:780px}.modal-xl{width:95vw;max-width:1140px}.history-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.history-kpi-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex;position:relative;overflow:hidden}.history-kpi-card:before{content:"";background:var(--border-bright);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.history-kpi-card.kpi-success:before{background:var(--color-emerald)}.history-kpi-card.kpi-danger:before{background:var(--color-rose)}.history-kpi-card.kpi-cyan:before{background:var(--color-cyan)}.kpi-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.72rem;font-weight:600}.kpi-value{font-size:1.4rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em}.kpi-sub{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.history-filter-bar{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0e152699;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.filter-group{align-items:center;gap:.4rem;display:flex}.filter-btn-pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;padding:.3rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.filter-btn-pill:hover{color:var(--text-primary);border-color:#fff3}.filter-btn-pill.active{color:#38bdf8;border-color:var(--color-cyan);background:#06b6d433}.sl-distance-pill{color:#f43f5e;border-radius:var(--radius-sm);font-size:.7rem;font-family:var(--font-mono);background:#f43f5e1f;margin-left:.3rem;padding:.1rem .35rem;display:inline-block}.tp-distance-pill{color:#10b981;border-radius:var(--radius-sm);font-size:.7rem;font-family:var(--font-mono);background:#10b9811f;margin-left:.3rem;padding:.1rem .35rem;display:inline-block}.status-badge-tp{color:#34d399;border-radius:var(--radius-sm);letter-spacing:.03em;background:#10b98133;border:1px solid #10b98166;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.status-badge-sl{color:#fb7185;border-radius:var(--radius-sm);letter-spacing:.03em;background:#f43f5e33;border:1px solid #f43f5e66;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.status-badge-expired{color:#94a3b8;border-radius:var(--radius-sm);background:#94a3b826;border:1px solid #94a3b84d;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-area{align-items:center;gap:.75rem;display:flex}.modal-title-area h3{font-size:1.15rem;font-weight:700}.modal-body{padding:1.5rem}.detail-status-banner{background:var(--bg-surface-elevated);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.diagnostics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.diag-item{border-radius:var(--radius-sm);background:#0003;padding:.75rem}.diag-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.72rem;display:block}.diag-val{font-size:.85rem;font-weight:500}.events-sublist{flex-direction:column;gap:.4rem;margin-top:.75rem;display:flex}.event-row{background:var(--bg-surface-elevated);border-radius:var(--radius-sm);align-items:center;gap:.6rem;padding:.4rem .6rem;font-size:.8rem;display:flex}.ev-dt{font-family:var(--font-mono);color:var(--text-secondary);min-width:140px}.ev-tt{flex:1}.cooldown-item{background:var(--bg-surface-elevated);border-radius:var(--radius-sm);justify-content:space-between;margin-top:.5rem;padding:.5rem .75rem;font-size:.82rem;display:flex}.auth-header{text-align:center;padding:1.5rem 1.5rem .5rem}.auth-icon-wrap{border-radius:var(--radius-full);background:#0284c726;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto .85rem;display:flex}.auth-desc{color:var(--text-secondary);margin-top:.4rem;font-size:.8rem}.auth-alert{color:#f87171;border-radius:var(--radius-sm);background:#ef444426;border:1px solid #ef44444d;align-items:center;gap:.4rem;margin:0 1.5rem;padding:.5rem .75rem;font-size:.78rem;display:flex}.auth-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.input-group label{margin-bottom:.35rem;font-size:.8rem;font-weight:500;display:block}.input-group input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#fff;background:#0000004d;outline:none;width:100%;padding:.65rem .85rem;font-size:.9rem;transition:border-color .2s}.input-group input:focus{border-color:var(--color-cyan)}.input-hint{color:var(--text-muted);margin-top:.35rem;font-size:.7rem;display:block}.auth-actions{flex-direction:column;gap:.5rem;display:flex}.webgl-fallback-container{justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.fallback-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;max-width:500px;padding:2rem}.fallback-card h3{margin-bottom:.75rem;font-size:1.15rem}.fallback-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.85rem}.text-success{color:var(--color-emerald)}.text-danger{color:var(--color-rose)}.text-warning{color:var(--color-amber)}.text-highlight{color:var(--color-cyan)}.text-muted{color:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.icon-xs{width:14px;height:14px}.icon-sm{width:18px;height:18px}.icon-md{width:24px;height:24px}.icon-lg{width:32px;height:32px}.empty-box{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){.top-nav{flex-direction:column;align-items:stretch;gap:.75rem}.nav-actions{justify-content:space-between}.two-columns-layout{grid-template-columns:1fr}}.desk-monitor-screen{color:#f1f5f9;width:270px;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1424f0;border:1px solid #38bdf859;border-radius:10px;padding:10px 12px;font-size:11px;line-height:1.4;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 12px 36px #000000bf,0 0 18px #38bdf833}.desk-monitor-screen:hover{border-color:#38bdf8cc;transform:scale(1.04);box-shadow:0 16px 42px #000000d9,0 0 26px #38bdf866}.monitor-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.monitor-title-wrap{align-items:center;gap:6px;display:flex}.monitor-title{letter-spacing:-.01em;color:#f8fafc;font-size:12px;font-weight:700}.monitor-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.monitor-badge.badge-valid,.monitor-badge.badge-working,.monitor-badge.badge-success,.monitor-badge.badge-online{color:#34d399;background:#10b98133;border:1px solid #10b98173}.monitor-badge.badge-warning,.monitor-badge.badge-degraded,.monitor-badge.badge-waiting{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b73}.monitor-badge.badge-error,.monitor-badge.badge-invalid,.monitor-badge.badge-offline{color:#f87171;background:#ef444433;border:1px solid #ef444473}.monitor-badge.badge-unavailable,.monitor-badge.badge-idle{color:#94a3b8;background:#64748b33;border:1px solid #64748b66}.monitor-body{flex-direction:column;gap:5px;display:flex}.monitor-row{justify-content:space-between;align-items:center;font-size:10.5px;display:flex}.monitor-label{color:#94a3b8}.monitor-val{color:#f8fafc;font-weight:600}.monitor-val-accent{color:#38bdf8;font-weight:600}.monitor-alert-box{color:#fde68a;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:5px;align-items:center;gap:5px;margin-top:2px;padding:4px 7px;font-size:10px;display:flex}.monitor-alert-box.alert-danger{color:#fca5a5;background:#ef44441f;border-color:#ef444459}.monitor-alert-box.alert-info{color:#bae6fd;background:#38bdf81a;border-color:#38bdf84d}.monitor-symbol-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:3px;display:grid}.monitor-symbol-card{background:#0f172ab3;border:1px solid #ffffff14;border-radius:5px;padding:4px 6px}.monitor-symbol-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.monitor-symbol-name{font-size:11px;font-weight:700}.monitor-symbol-status{border-radius:3px;padding:1px 4px;font-size:8.5px;font-weight:700}.monitor-symbol-reason{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:9px;overflow:hidden}.monitor-footer{color:#64748b;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;font-size:9.5px;display:flex}.monitor-footer .btn-link{color:#38bdf8;align-items:center;gap:2px;font-size:9.5px;font-weight:600;text-decoration:none;display:flex}.monitor-footer .btn-link:hover{color:#7dd3fc;text-decoration:underline}.office-camera-toolbar{z-index:20;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);background:#0e1526e0;border:1px solid #ffffff1f;align-items:center;gap:.85rem;max-width:95vw;padding:.35rem .85rem;display:flex;position:absolute;top:16px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.camera-btn-group{white-space:nowrap;align-items:center;gap:.35rem;display:flex}.toolbar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:.2rem;font-size:.72rem;font-weight:600}.cam-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;align-items:center;gap:.35rem;padding:.28rem .7rem;font-size:.76rem;font-weight:500;transition:all .2s;display:inline-flex}.cam-btn:hover{color:var(--text-primary);border-color:var(--border-bright);background:#ffffff1f}.cam-btn.active{color:#f8fafc;background:linear-gradient(135deg,#06b6d447,#38bdf861);border-color:#38bdf8;font-weight:600;box-shadow:0 0 12px #38bdf859}.quality-group{border-left:1px solid #ffffff1a;margin-left:.35rem;padding-left:.75rem}.quality-select{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#0f172ad9;outline:none;padding:.25rem .5rem;font-size:.74rem;transition:border-color .2s}.quality-select:hover,.quality-select:focus{color:var(--text-primary);border-color:#38bdf8}.compact-desk-badge{-webkit-backdrop-filter:blur(10px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172ae6;border:1px solid #ffffff1f;border-radius:8px;min-width:140px;max-width:200px;padding:6px 10px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 6px 22px #0000008c}.compact-desk-badge:hover{border-color:#38bdf899;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #06b6d466}.badge-header-row{justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px;display:flex}.badge-desk-name{color:#f8fafc;white-space:nowrap;font-size:11px;font-weight:700}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot-working{background:#06b6d4;animation:1.5s infinite pulse-slow;box-shadow:0 0 6px #06b6d4}.dot-warning{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.dot-error{background:#ef4444;box-shadow:0 0 6px #ef4444}.dot-idle{background:#64748b}.dot-healthy{background:#10b981;box-shadow:0 0 6px #10b981}.dot-offline{background:#475569}.badge-desk-sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;line-height:1.25;overflow:hidden}.badge-click-hint{color:#38bdf8;text-align:right;opacity:.85;margin-top:4px;font-size:8.5px;font-weight:600}.compact-desk-badge:hover .badge-click-hint{opacity:1;text-decoration:underline}.desk-screen-surface{color:#f8fafc;box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:none;background:#020617;border:2px solid;border-radius:4px;flex-direction:column;justify-content:space-between;width:720px;height:400px;padding:16px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:flex;box-shadow:inset 0 0 35px #000000e6}.screen-header-bar{border-bottom:2px solid #ffffff1f;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.screen-tag-box{align-items:center;gap:8px;display:flex}.screen-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px}.screen-tag-title{letter-spacing:.8px;color:#e2e8f0;font-size:15px;font-weight:800}.screen-pill{letter-spacing:.6px;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:800}.badge-healthy{color:#34d399;background:#10b98140;border:1px solid #10b981}.badge-working{color:#38bdf8;background:#06b6d440;border:1px solid #06b6d4}.badge-warning{color:#fbbf24;background:#f59e0b40;border:1px solid #f59e0b}.badge-error{color:#f87171;background:#ef444440;border:1px solid #ef4444}.badge-idle{color:#94a3b8;background:#64748b40;border:1px solid #64748b}.screen-hero-card{background:#0f172abf;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;gap:4px;padding:14px 18px;display:flex}.screen-hero-val{letter-spacing:.5px;color:#f8fafc;font-size:24px;font-weight:900;line-height:1.15}.screen-hero-sub{color:#94a3b8;font-size:14px}.screen-grid-rows{flex-direction:column;gap:6px;padding:2px 0;display:flex}.screen-row{background:#0f172a73;border-left:2px solid #ffffff26;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:13.5px;display:flex}.row-k{color:#94a3b8;font-weight:600}.row-v{color:#f1f5f9;font-weight:700}.screen-footer-bar{color:#64748b;border-top:2px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:8px;font-size:12px;display:flex}.screen-hint{color:#38bdf8;font-weight:700}.avatar-hover-tag{-webkit-backdrop-filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0f172af0;border:1px solid #ffffff1a;border-left:3px solid;border-radius:6px;min-width:80px;padding:3px 8px;transition:all .2s;box-shadow:0 4px 16px #000000a6}.avatar-tag-main{justify-content:space-between;align-items:center;gap:6px;display:flex}.avatar-tag-name{color:#f8fafc;white-space:nowrap;font-size:10px;font-weight:700}.avatar-tag-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.avatar-tag-sub{color:#38bdf8;white-space:nowrap;margin-top:2px;font-size:8.5px}.tag-followed{box-shadow:0 0 12px #38bdf899;border-color:#38bdf8!important}.btn-reset-view{border-color:#ef444466!important}.btn-reset-view:hover{color:#fca5a5!important;background:#ef444426!important;border-color:#ef4444!important}@media (width<=768px){.office-camera-toolbar{gap:.5rem;padding:.25rem .5rem;top:8px}.toolbar-label{display:none}.cam-btn{padding:.25rem .5rem;font-size:.7rem}}.agent-dispatch-container{z-index:1200;font-family:inherit;position:fixed;bottom:22px;right:22px}.dispatch-floating-trigger{-webkit-backdrop-filter:blur(16px);color:#f8fafc;cursor:pointer;background:#0f172ae0;border:1px solid #38bdf873;border-radius:9999px;align-items:center;gap:10px;padding:12px 20px;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 10px 30px #0009,0 0 16px #38bdf840}.dispatch-floating-trigger:hover{background:#1e293bf2;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 12px 36px #000000bf,0 0 24px #38bdf866}.trigger-pulse-glow{pointer-events:none;border:1px solid #38bdf899;border-radius:9999px;animation:2.4s cubic-bezier(.24,0,.38,1) infinite pulse-ring;position:absolute;inset:-2px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.96)}50%{opacity:0;transform:scale(1.05)}to{opacity:0;transform:scale(1.05)}}.trigger-label{letter-spacing:.02em}.trigger-status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.trigger-active-pill{color:#38bdf8;background:#06b6d440;border:1px solid #06b6d4;border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:700;animation:1.5s infinite pulse-fast}@keyframes pulse-fast{0%,to{opacity:1}50%{opacity:.6}}.trigger-badge{color:#fff;background:#ef4444;border-radius:9999px;padding:2px 7px;font-size:.75rem;font-weight:700;box-shadow:0 0 10px #ef444499}.dispatch-window{-webkit-backdrop-filter:blur(24px);background:#0a0f1df0;border:1px solid #38bdf84d;border-radius:16px;flex-direction:column;width:440px;max-width:calc(100vw - 32px);height:580px;max-height:calc(100vh - 100px);animation:.25s cubic-bezier(.16,1,.3,1) dispatch-enter;display:flex;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 30px #38bdf826}@keyframes dispatch-enter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dispatch-header{background:#0f172acc;border-bottom:1px solid #33415580;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.dispatch-header-title{align-items:center;gap:10px;display:flex}.title-text{color:#f8fafc;letter-spacing:.04em;font-size:.88rem;font-weight:700;display:block}.sub-text{color:#94a3b8;font-size:.72rem;display:block}.text-emerald{color:#10b981}.dispatch-operator-strip{background:#0f172a66;border-bottom:1px solid #3341554d;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 14px;display:grid}.operator-chip{cursor:pointer;background:#1e293b80;border:1px solid #33415566;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;transition:all .2s;display:flex;position:relative}.operator-chip:hover{background:#334155b3;border-color:#38bdf8;transform:translateY(-1px)}.operator-chip.working{background:#10b9811f;border-color:#10b98199}.op-icon{font-size:1.1rem}.op-info{flex-direction:column;align-items:center;margin-top:2px;display:flex}.op-role{color:#f8fafc;white-space:nowrap;font-size:.68rem;font-weight:700}.op-status{color:#94a3b8;white-space:nowrap;font-size:.62rem}.operator-chip.working .op-status{color:#34d399;font-weight:600}.op-dot{border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.dispatch-quick-section{background:#0f172a33;border-bottom:1px solid #33415540;align-items:center;gap:8px;padding:8px 14px;display:flex}.quick-label{color:#64748b;white-space:nowrap;font-size:.72rem;font-weight:700}.quick-chips-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:6px;display:flex;overflow-x:auto}.quick-chips-scroll::-webkit-scrollbar{display:none}.quick-chip-btn{color:#cbd5e1;white-space:nowrap;cursor:pointer;background:#1e293bb3;border:1px solid #47556966;border-radius:9999px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .2s}.quick-chip-btn:hover{color:#38bdf8;background:#38bdf833;border-color:#38bdf8;transform:translateY(-1px)}.dispatch-messages-body{scrollbar-width:thin;scrollbar-color:#33415580 transparent;flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.chat-bubble-row{width:100%;display:flex}.user-row{justify-content:flex-end}.agent-row{justify-content:flex-start}.chat-bubble{border-radius:12px;max-width:88%;padding:10px 14px;font-size:.82rem;line-height:1.45;box-shadow:0 4px 14px #0000004d}.bubble-user{color:#fff;background:linear-gradient(135deg,#0369a1,#0284c7);border:1px solid #38bdf866;border-bottom-right-radius:2px}.bubble-agent{color:#f1f5f9;background:#0f172ad9;border:1px solid #33415580;border-bottom-left-radius:2px}.bubble-system{color:#fef08a;text-align:center;background:#1e293bbf;border:1px dashed #f59e0b80;width:100%;max-width:100%;font-size:.78rem}.bubble-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.bubble-sender{letter-spacing:.02em;font-size:.74rem;font-weight:700}.bubble-time{opacity:.7;font-size:.65rem}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble-meta-tag{color:#38bdf8;background:#06b6d433;border:1px solid #06b6d4;border-radius:4px;align-items:center;gap:6px;margin-top:6px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.icon-xxs{width:12px;height:12px}.dispatch-input-bar{background:#0f172af2;border-top:1px solid #33415580;align-items:center;gap:8px;padding:12px 14px;display:flex}.dispatch-input{color:#f8fafc;background:#1e293b99;border:1px solid #33415599;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:.82rem;transition:border-color .2s}.dispatch-input:focus{background:#1e293be6;border-color:#38bdf8}.dispatch-send-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:8px;justify-content:center;align-items:center;padding:9px 14px;transition:all .2s;display:flex}.dispatch-send-btn:hover:not(:disabled){background:#0369a1;transform:translateY(-1px)}.dispatch-send-btn:disabled{color:#94a3b880;cursor:not-allowed;background:#33415566}.bot-status-toast-container{z-index:9999;-webkit-backdrop-filter:blur(14px);color:#f8fafc;pointer-events:auto;border-radius:9999px;align-items:center;gap:12px;padding:8px 18px;font-size:13px;animation:.35s cubic-bezier(.16,1,.3,1) slideDownToast;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0009,0 0 15px #0000004d}@keyframes slideDownToast{0%{opacity:0;transform:translate(-50%,-20px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.bot-status-toast-container.toast-online{background:#10b98138;border:1px solid #10b98180;box-shadow:0 0 25px #10b98159}.bot-status-toast-container.toast-stale{background:#f59e0b38;border:1px solid #f59e0b80;box-shadow:0 0 25px #f59e0b59}.bot-status-toast-container.toast-offline{background:#ef444438;border:1px solid #ef444480;box-shadow:0 0 25px #ef444459}.toast-pill-tag{letter-spacing:.6px;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:700}.toast-online .toast-pill-tag{color:#022c22;background:#10b981}.toast-stale .toast-pill-tag{color:#451a03;background:#f59e0b}.toast-offline .toast-pill-tag{color:#450a0a;background:#ef4444}.toast-text{color:#f1f5f9;font-weight:500}.toast-time{color:#94a3b8;margin-left:4px;font-size:11px}.toast-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;transition:color .15s}.toast-close-btn:hover{color:#fff}.avatar-speech-bubble{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;max-width:240px;font-family:var(--font-sans,system-ui, -apple-system, sans-serif);background:#0f172af0;border:1px solid #ffffff1f;border-left-width:3px;border-radius:8px;padding:6px 10px;animation:.25s cubic-bezier(.16,1,.3,1) forwards speechBubblePop;box-shadow:0 8px 24px #00000080,0 0 12px #06b6d426}.avatar-speech-bubble:after{content:"";border-top:6px solid #0f172af0;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@keyframes speechBubblePop{0%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.speech-sender-tag{letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700}.speech-body-text{color:#f8fafc;font-size:11.5px;font-weight:500;line-height:1.35}
