.dashboard{max-width:1400px;margin:0 auto;padding:1.25rem;display:grid;gap:1rem}.top-bar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.top-bar h1{margin:0;font-size:1.9rem}.top-bar p{margin:.35rem 0 0;color:#475569}.stream-badge{border-radius:12px;padding:.6rem .8rem;border:1px solid transparent;min-width:220px}.stream-badge span{display:block;text-transform:uppercase;font-weight:700;font-size:.8rem}.stream-badge small{display:block;margin-top:.2rem}.badge-connected{background:#dcfce7;border-color:#86efac;color:#166534}.badge-pending{background:#fef9c3;border-color:#fde047;color:#854d0e}.badge-error{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.error-banner{margin:0;background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:.6rem .8rem;border-radius:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}.stat-card{border:1px solid #dbe2ec;background:#fff;border-radius:12px;padding:.9rem;display:grid;gap:.25rem}.stat-card h3{margin:0;font-size:.85rem;font-weight:600;color:#64748b}.stat-card strong{font-size:1.55rem}.stat-card span{font-size:.8rem;color:#64748b}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel{border:1px solid #dbe2ec;background:#fff;border-radius:12px;padding:.9rem}.panel h2{margin:0 0 .65rem;font-size:1.05rem}.empty{margin:0;color:#64748b}.active-call-list,.extension-list,.event-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.active-call-list li,.extension-list li,.event-list li{display:flex;align-items:baseline;gap:.45rem;padding:.45rem .5rem;background:#f8fafc;border-radius:8px}.active-call-list em,.event-list em{margin-left:auto;font-style:normal;font-size:.8rem;color:#64748b}.extension-list em{margin-left:auto;font-style:normal;font-size:.8rem;color:#475569}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{border-bottom:1px solid #e2e8f0;text-align:left;padding:.45rem;white-space:nowrap}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b}footer{color:#64748b;font-size:.82rem;padding:.35rem .1rem}@media(max-width:980px){.two-column{grid-template-columns:1fr}.top-bar{flex-direction:column}.stream-badge{min-width:0;width:100%}}:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a;background:#f1f5f9}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}