:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6f8;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#151d2b 0,#080b10 45%);min-height:100vh;margin:0}main{max-width:1180px;margin:0 auto;padding:48px 24px}.header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.eyebrow{color:#8aa4c7;letter-spacing:.12em;text-transform:uppercase;font-size:12px}h1{margin:10px 0 14px;font-size:clamp(32px,6vw,64px);line-height:1}p{color:#aab6c8;line-height:1.65}.badge{color:#b8d9ff;white-space:nowrap;background:#102034;border:1px solid #34506f;border-radius:999px;padding:9px 13px}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:#0f151fd1;border:1px solid #283446;border-radius:18px;min-height:150px;padding:22px}.card strong{margin:14px 0 8px;font-size:30px;display:block}.card span{color:#8fa0b6}.panel{background:#0f151fd1;border:1px solid #283446;border-radius:18px;margin-top:18px;padding:24px}.code{color:#c7d5e8;background:#070a0f;border:1px solid #242f3e;border-radius:12px;padding:16px;overflow:auto}@media (max-width:800px){.grid{grid-template-columns:1fr}.header{flex-direction:column}}.auth-panel,.toolbar,.panel-heading,.actions{justify-content:space-between;align-items:center;gap:20px;display:flex}.form{gap:14px;min-width:min(100%,420px);display:grid}label{color:#aab6c8;gap:7px;font-size:14px;display:grid}input,select{color:#f4f6f8;background:#070a0f;border:1px solid #334258;border-radius:10px;width:100%;padding:12px 13px}button{color:#07101d;cursor:pointer;background:#d7e8ff;border:0;border-radius:10px;padding:11px 15px;font-weight:700}button.secondary{color:#d7e8ff;background:#182335;border:1px solid #334258}button.danger{color:#ffd9de;background:#32171b;border:1px solid #81404a}button:disabled{opacity:.55;cursor:not-allowed}.toolbar strong{margin-top:6px;display:block}.muted,.metric-grid span{color:#8fa0b6}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.metric-grid div{background:#090e16;border:1px solid #283446;border-radius:12px;padding:16px}.metric-grid b{margin-top:10px;font-size:22px;display:block}.status{color:#8fa0b6;margin-top:18px;font-size:13px}@media (max-width:800px){.auth-panel,.toolbar,.panel-heading{flex-direction:column;align-items:stretch}.metric-grid{grid-template-columns:1fr 1fr}.actions{flex-wrap:wrap;justify-content:flex-start}}.header-actions,.chip-row,.tabs,.freshness{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.link-button{color:#d7e8ff;background:#182335;border:1px solid #334258;border-radius:10px;justify-content:center;align-items:center;padding:11px 15px;font-weight:700;text-decoration:none;display:inline-flex}.link-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #79b8ff}.exchange-shell{gap:18px;display:grid}.exchange-shell .panel{margin-top:0}.exchange-intro{justify-content:space-between;align-items:center;gap:24px;display:flex}.connection-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;display:grid}.connection-form button{min-height:43px}.read-only-mark{color:#bfe8ce;letter-spacing:.08em;background:#10271a;border:1px solid #386b4c;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.connection-card,.health-item{background:#090e16;border:1px solid #283446;border-radius:14px;min-width:0;padding:18px}.connection-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.connection-card h3{margin:6px 0 14px;font-size:18px}.connection-card dl{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px;display:grid}.connection-card dl div{min-width:0}.connection-card dt{color:#8fa0b6;font-size:12px}.connection-card dd{overflow-wrap:anywhere;margin:5px 0 0}.status-badge{letter-spacing:.04em;white-space:nowrap;border:1px solid;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.status-connected{color:#b9f3cb;background:#10271a;border-color:#386b4c}.status-degraded{color:#ffe1a3;background:#2c2410;border-color:#7c6828}.status-stale{color:#ffd3a5;background:#301e0e;border-color:#8d5727}.status-disconnected{color:#ffc8cf;background:#32171b;border-color:#81404a}.chip{color:#b8c8dd;border:1px solid #334258;border-radius:999px;padding:5px 8px;font-size:11px}.warning{border-left:4px solid;border-radius:8px;margin-top:12px;padding:11px 12px;line-height:1.5}.warning-high{color:#ffd8dd;background:#32171b;border-color:#f07887}.warning-medium{color:#ffe3aa;background:#2c2410;border-color:#d6aa44}.warning-info{color:#c6e0ff;background:#102034;border-color:#5794d4}.safe-error{color:#ffc8cf;font-size:13px}.empty-state{color:#aab6c8;text-align:center;border:1px dashed #334258;border-radius:12px;margin-top:14px;padding:24px}.tabs{margin:18px 0}.tabs button.active{background:#1c3453;border-color:#79b8ff}.freshness{color:#8fa0b6;margin-bottom:12px;font-size:12px}.freshness span{border-right:1px solid #334258;padding-right:10px}.table-wrap{border:1px solid #283446;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #283446;padding:11px 12px}th{color:#9fb0c5;background:#0b111b;font-size:12px}td{font-variant-numeric:tabular-nums}.permission-grid,.health-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.permission-grid div{background:#090e16;border:1px solid #283446;border-radius:10px;padding:13px}.permission-grid span,.health-item small{color:#8fa0b6;display:block}.permission-grid strong{margin-top:8px;display:block}.health-item{gap:9px;display:grid}.health-item .status-badge{justify-self:start}.auth-required{text-align:center}.sandbox-banner{background:linear-gradient(135deg,#3d2809eb,#0f151feb);border-color:#9b6a20}.sandbox-banner h2{margin:8px 0;font-size:34px}.sandbox-banner strong,.sandbox-mark{color:#ffe0a3;letter-spacing:.08em}.brain-banner{background:linear-gradient(135deg,#0a301de6,#0f151feb);border-color:#386b4c}.brain-banner strong{color:#b9f3cb;letter-spacing:.08em}.shadow-banner{background:linear-gradient(135deg,#0e2a3feb,#0f151feb);border-color:#476b88}.shadow-banner strong{color:#b8d9ff;letter-spacing:.08em}.comparison-card{background:#090e16;border:1px solid #283446;border-radius:12px;gap:10px;margin-top:12px;padding:16px;display:grid}.comparison-card>div:first-child{color:#8fa0b6;justify-content:space-between;gap:16px;display:flex}.sandbox-mark{background:#30200c;border:1px solid #9b6a20;border-radius:999px;padding:8px 12px;font-size:12px}@media (max-width:900px){.connection-form{grid-template-columns:1fr 1fr}.connection-grid{grid-template-columns:1fr}.permission-grid,.health-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){main{padding:28px 14px}.exchange-intro,.connection-card-head{flex-direction:column;align-items:stretch}.connection-form,.permission-grid,.health-grid,.connection-card dl{grid-template-columns:1fr}.header-actions{flex-direction:column;align-items:flex-start}.tabs{grid-template-columns:1fr 1fr;display:grid}.tabs button{width:100%}}