:root{color:#1a2333;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{background:#111827;color:#dce4f3;display:flex;flex-direction:column;width:274px;padding:26px 16px 18px}.brand{align-items:center;display:flex;gap:11px;margin:0 12px 28px}.brand-mark{align-items:center;background:#77d5c7;border-radius:10px;color:#0f2733;display:flex;font-size:20px;font-weight:800;height:38px;justify-content:center;width:38px}.brand strong,.brand span{display:block;letter-spacing:.02em}.brand strong{color:#fff;font-size:16px}.brand div span{color:#93a7c4;font-size:12px;margin-top:2px}.environment-label{align-items:center;color:#8ca2bf;display:flex;font-size:11px;gap:8px;letter-spacing:.08em;margin:0 12px 16px;text-transform:uppercase}.dot{background:#77d5c7;border-radius:50%;height:7px;width:7px}nav{display:grid;gap:5px}.nav-item{background:transparent;border:0;border-radius:9px;color:#a8b8d0;cursor:pointer;padding:11px 12px;text-align:left;transition:background .15s,color .15s}.nav-item:hover,.nav-item:focus-visible{background:#1d293b;color:#fff;outline:2px solid #77d5c7;outline-offset:1px}.nav-item.active{background:#24344a;color:#fff;box-shadow:inset 3px 0 #77d5c7}.nav-item span,.nav-item small{display:block}.nav-item span{font-size:13px;font-weight:650}.nav-item small{color:#7890af;font-size:10px;margin-top:3px}.nav-item.active small{color:#b1c4df}.sidebar-footer{border-top:1px solid #26354b;margin-top:auto;padding:18px 12px 0}.sidebar-footer p{color:#778ba7;font-size:11px;line-height:1.5;margin:10px 0 0}.main-column{flex:1;min-width:0}.topbar{align-items:center;background:#ffffffdb;border-bottom:1px solid #e1e8f1;display:flex;height:70px;justify-content:space-between;padding:0 clamp(24px,4vw,52px)}.breadcrumbs{color:#74839b;font-size:12px;letter-spacing:.03em}.breadcrumbs span{color:#c3ccda;margin:0 8px}.topbar-actions{align-items:center;display:flex;gap:18px}.security-note{color:#7a889c;font-size:11px}.auth-button{align-items:center;background:#1769aa;border:1px solid #1769aa;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;min-height:38px;padding:0 15px;text-decoration:none;white-space:nowrap}.auth-button:hover,.auth-button:focus-visible{background:#0f548c;outline:2px solid #77d5c7;outline-offset:2px}.avatar{background:#e0f5f0;border:1px solid #bfe7de;border-radius:50%;color:#216056;cursor:pointer;font-size:12px;font-weight:700;height:30px;width:30px}.content{margin:0 auto;max-width:1250px;padding:42px clamp(24px,4vw,52px) 64px}.page-heading{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.eyebrow{color:#6d7f98;font-size:10px;font-weight:750;letter-spacing:.12em;margin:0 0 9px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:#162033;font-size:clamp(28px,3vw,38px);letter-spacing:-.04em;margin-bottom:8px}h2{color:#1c2a40;font-size:16px;margin-bottom:4px}h3{color:#26364d;font-size:13px;margin:0;text-transform:capitalize}.muted{color:#78879c;font-size:12px;line-height:1.55}.mode-badge{background:#fff6dc;border:1px solid #f0dca1;border-radius:999px;color:#8c6914;font-size:11px;font-weight:700;padding:7px 11px;text-transform:capitalize}.notice{background:#fffaf0;border:1px solid #f0dfad;border-radius:9px;color:#75591a;font-size:12px;line-height:1.55;margin-bottom:22px;padding:13px 16px}.metric-grid{display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px}.metric-card,.panel,.loading-card{background:#fff;border:1px solid #e1e8f1;border-radius:12px;box-shadow:0 4px 18px #1a2b4609}.metric-card{display:flex;flex-direction:column;min-height:125px;padding:20px}.metric-label{color:#718198;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metric-card strong{color:#19273a;font-size:24px;letter-spacing:-.03em;margin:13px 0 5px}.metric-detail{color:#98a5b6;font-size:11px}.capitalize{text-transform:capitalize}.panel{margin-bottom:20px;padding:22px}.panel-heading{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:19px}.panel-count{color:#7c8ba0;font-size:11px}.dependency-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.dependency-card{background:#f8fafc;border:1px solid #e8edf4;border-radius:9px;padding:16px}.dependency-title{align-items:center;display:flex;gap:10px;justify-content:space-between}.dependency-card p{color:#6d7d92;font-size:12px;line-height:1.5;margin:13px 0;min-height:36px}.provider-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.provider-card{background:#f8fafc;border:1px solid #e8edf4;border-radius:9px;padding:17px}.provider-heading{align-items:flex-start;display:flex;justify-content:space-between}.provider-category{color:#91a0b3;display:inline-block;font-size:10px;margin-top:4px;text-transform:capitalize}.provider-reason{color:#6d7d92;font-size:12px;line-height:1.5;margin:15px 0 12px;min-height:36px}.capability-list{display:flex;flex-wrap:wrap;gap:6px;min-height:27px}.capability{background:#edf3f8;border-radius:5px;color:#5c718a;font-size:10px;padding:6px 8px}.provider-footer{border-top:1px solid #e8edf4;display:flex;justify-content:space-between;margin-top:16px;padding-top:11px}.conversation-toolbar{align-items:end;display:flex;gap:15px}.conversation-toolbar label{display:grid;gap:7px;min-width:215px}.filter-label{color:#718198;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.conversation-toolbar input,.conversation-toolbar select{background:#f8fafc;border:1px solid #dce5ee;border-radius:7px;color:#34465e;font:inherit;font-size:12px;min-height:36px;padding:0 10px}.conversation-toolbar input:focus-visible,.conversation-toolbar select:focus-visible{outline:2px solid #77d5c7;outline-offset:1px}.conversation-toolbar .panel-count{margin-left:auto;padding-bottom:9px}.conversation-layout{display:grid;gap:20px;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr)}.conversation-list,.conversation-detail{min-width:0}.conversation-items{display:grid;gap:8px}.conversation-item{background:#f8fafc;border:1px solid #e5ebf2;border-radius:8px;color:inherit;cursor:pointer;display:block;padding:13px;text-align:left;width:100%}.conversation-item:hover,.conversation-item:focus-visible{border-color:#9fd7ce;outline:2px solid #77d5c7;outline-offset:1px}.conversation-item.selected{background:#eef9f6;border-color:#8bcfc3;box-shadow:inset 3px 0 #4ea99b}.conversation-item-heading{align-items:center;display:flex;gap:8px;justify-content:space-between}.conversation-item-heading strong{color:#2b3b52;font-size:12px}.conversation-preview{color:#63748b;display:block;font-size:11px;line-height:1.45;margin:9px 0 7px}.conversation-item-meta{color:#92a0b1;display:block;font-size:10px}.label-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.label-chip{background:#e9f0f5;border-radius:4px;color:#64778d;font-size:9px;padding:4px 6px}.conversation-detail-heading{align-items:flex-start;display:flex;justify-content:space-between}.conversation-detail-heading h2{font-size:19px;margin-bottom:5px}.conversation-facts{border-bottom:1px solid #edf1f5;border-top:1px solid #edf1f5;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0;padding:14px 0}.conversation-facts span{color:#607289;font-size:11px;line-height:1.45}.conversation-facts strong{color:#95a2b2;display:block;font-size:9px;letter-spacing:.07em;margin-bottom:3px;text-transform:uppercase}.timeline{display:grid;gap:10px}.message-row{display:flex}.message-row.outbound{justify-content:flex-end}.message-bubble{background:#f4f7fa;border:1px solid #e3eaf1;border-radius:9px 9px 9px 2px;max-width:84%;padding:11px 13px}.message-row.outbound .message-bubble{background:#eef9f6;border-color:#d5eee9;border-radius:9px 9px 2px}.message-meta{color:#8d9aac;display:flex;flex-wrap:wrap;font-size:9px;gap:8px;letter-spacing:.02em;text-transform:capitalize}.message-bubble p{color:#485a70;font-size:12px;line-height:1.55;margin:7px 0 5px}.message-bubble small{color:#91a0b0;font-size:9px}.status{border-radius:999px;display:inline-block;font-size:10px;font-weight:750;letter-spacing:.03em;padding:5px 8px;text-transform:capitalize;white-space:nowrap}.status-positive{background:#e2f7f1;color:#267366}.status-neutral{background:#edf1f6;color:#62738c}.status-warning{background:#fff3d4;color:#8a6716}.status-negative{background:#fde9e7;color:#a1463e}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:590px;width:100%}th{color:#8290a4;font-size:10px;letter-spacing:.08em;padding:0 13px 11px;text-align:left;text-transform:uppercase}td{border-top:1px solid #edf1f5;color:#42536b;font-size:12px;padding:13px}.mono{color:#71839d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.empty-state{background:#f8fafc;border:1px dashed #d9e1eb;border-radius:9px;color:#8290a3;font-size:12px;padding:28px;text-align:center}.monitor-window{color:#687a91;display:flex;flex-wrap:wrap;font-size:11px;gap:16px;justify-content:space-between;margin:18px 0;padding:14px 18px}.monitor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.refresh-button{background:#f2f7f8;border:1px solid #dce8e9;border-radius:7px;color:#276c68;cursor:pointer;font:inherit;font-size:11px;font-weight:700;padding:8px 12px}.refresh-button:disabled{cursor:wait;opacity:.65}.monitor-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.live-count-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.live-count-card{min-width:0;padding:18px}.live-count-card h2{color:#34465c;font-size:14px;margin:0}.live-count-value{color:#2f435b;display:block;font-size:34px;line-height:1.2;margin-top:18px}.live-count-card .muted{font-size:11px;margin:8px 0 0}.monitor-card{min-width:0;padding:18px}.monitor-card h2{color:#34465c;font-size:14px;margin:0}.monitor-card .muted{font-size:11px;margin:14px 0 2px}.monitor-metrics{margin:16px 0 0}.monitor-metric{align-items:center;border-top:1px solid #edf1f5;display:flex;gap:12px;justify-content:space-between;padding:10px 0}.monitor-metric dt{color:#61738a;font-size:11px;line-height:1.45}.monitor-metric dt small{color:#9aa7b7;display:block;font-size:9px}.monitor-metric dd{color:#2f435b;font-size:12px;font-weight:700;margin:0;text-align:right}.loading-card{align-items:center;color:#6e7f96;display:flex;gap:10px;margin:42px auto;max-width:430px;padding:22px}.spinner{animation:spin 1s linear infinite;border:2px solid #d5e2e5;border-radius:50%;border-top-color:#419b8d;height:16px;width:16px}.placeholder{align-items:center;display:flex;flex-direction:column;margin-top:50px;max-width:610px;padding:48px;text-align:center}.placeholder p{color:#6f7e93;font-size:13px;line-height:1.7}.placeholder-icon{color:#7ccfc2;font-size:40px;margin-bottom:14px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.sidebar{width:220px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dependency-grid,.provider-grid,.conversation-layout,.monitor-grid,.live-count-grid{grid-template-columns:1fr}.conversation-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-shell{display:block}.sidebar{min-height:auto;padding:16px;width:auto}.brand{margin-bottom:16px}nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px}.nav-item{min-width:135px}.nav-item small,.sidebar-footer,.environment-label{display:none}.topbar{height:56px;padding:0 18px}.security-note{display:none}.content{padding:28px 18px 46px}.page-heading{display:block}.mode-badge{display:inline-block;margin-top:12px}.conversation-toolbar{align-items:stretch;display:grid}.conversation-toolbar label{min-width:0}.conversation-toolbar .panel-count{margin-left:0;padding-bottom:0}.conversation-facts{grid-template-columns:1fr 1fr}}