:root{--bg: #0f1419;--surface: #1a1f26;--surface-2: #232a33;--border: #2c333d;--text: #e6eaf0;--text-dim: #98a3b3;--accent: #4f8cff;--accent-hover: #3b78ee;--danger: #ef4444;--radius: 10px;--shadow: 0 4px 16px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{padding:16px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar__lo{display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto;width:100%}.topbar__headshot{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.topbar__name{font-weight:600;font-size:16px}.topbar__meta{font-size:13px;color:var(--text-dim);display:flex;gap:8px;align-items:center}.dot{color:var(--text-dim);opacity:.6}.layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:24px;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.video-col{min-width:0}.video-wrap{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;box-shadow:var(--shadow)}.player{width:100%;height:100%;display:block;background:#000}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:14px;padding:24px;text-align:center}.lower-third{position:absolute;left:16px;bottom:56px;background:linear-gradient(to right,#000000c7,#0000008c);padding:10px 16px;border-left:3px solid var(--accent);border-radius:0 6px 6px 0;pointer-events:none;max-width:80%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lower-third__name{font-size:18px;font-weight:600;color:#fff}.lower-third__meta{margin-top:2px;font-size:12px;color:#ffffffd9;display:flex;gap:6px;align-items:center}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.btn{padding:10px 18px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn--secondary:hover:not(:disabled){background:var(--border)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn--ghost:hover{background:var(--surface-2)}.sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;height:fit-content}.sidebar__title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:12px}.sidebar--empty .sidebar__placeholder{color:var(--text-dim);font-size:14px;text-align:center;padding:24px 0}.agent-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.agent-card__headshot{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.agent-card__headshot--placeholder{display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-dim);font-size:36px;font-weight:600}.agent-card__name{font-weight:600;font-size:16px}.agent-card__phone{font-size:14px}.agent-switch{margin-top:16px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.agent-switch select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:14px;text-transform:none;letter-spacing:0}.msg{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;gap:6px}.msg__title{font-size:20px;font-weight:600}.msg__sub{color:var(--text-dim);font-size:14px}