.cobra-main{max-width:1200px;padding:var(--space-6) var(--space-4);margin:0 auto}.cobra-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.cobra-header__title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text) 0%, var(--muted,#94a3b8) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.75rem;font-weight:700}.cobra-header__subtitle{color:var(--muted,#64748b);margin:var(--space-1) 0 0;font-size:.875rem}.cobra-header__stats{gap:var(--space-4);display:flex}.cobra-stat{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg,12px);background:#ffffff0a;border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:2px;display:flex}[data-theme=light] .cobra-stat{background:#00000008;border-color:#0000000f}.cobra-stat__value{color:var(--text);font-size:1.25rem;font-weight:700}.cobra-stat__label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#64748b);font-size:.7rem}.cobra-controls{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.cobra-tabs.tabs{margin-bottom:0!important}.search-bar{flex:1;min-width:200px;max-width:360px;position:relative}.search-bar__icon{color:var(--muted,#64748b);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar .search-bar__input{width:100%;color:var(--text);border-radius:var(--radius-lg,12px);background:#ffffff0a;border:1px solid #ffffff14;outline:none;padding:10px 40px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-bar__input::placeholder{color:var(--muted,#64748b)}.search-bar .search-bar__input:focus{border-color:#3ea6ff80;box-shadow:0 0 0 3px #3ea6ff1a}[data-theme=light] .search-bar__input{background:#00000008;border-color:#0000001a}.search-bar__kbd{font-size:11px;font-family:var(--wt-font-mono,monospace);color:var(--muted,#64748b);pointer-events:none;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}[data-theme=light] .search-bar__kbd{background:#0000000a;border-color:#0000001a}.service-tiles-grid{gap:var(--space-5,20px);margin-bottom:var(--space-6,24px);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}@media (width<=768px){.service-tiles-grid{gap:var(--space-4,16px);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.service-tile{justify-content:center;align-items:center;gap:var(--space-3,12px);aspect-ratio:1;padding:var(--space-4,16px);border-radius:var(--radius-xl,16px);-webkit-backdrop-filter:blur(var(--blur-lg,20px)) saturate(1.5);backdrop-filter:blur(var(--blur-lg,20px)) saturate(1.5);color:var(--text);background:linear-gradient(145deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff14;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.4s ease-out both tile-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff1a}[data-theme=light] .service-tile{background:linear-gradient(145deg,#fffffff2 0%,#ffffffd9 100%);border:1px solid #00000014;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #ffffff80}.service-tile:before{content:"";background:radial-gradient(circle at center, color-mix(in srgb, var(--tile-color,#3ea6ff) 25%, transparent) 0%, transparent 70%);opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.service-tile:hover:before{opacity:1}.service-tile:hover{border-color:color-mix(in srgb, var(--tile-color,#3ea6ff) 50%, transparent);box-shadow:0 20px 60px #0006, 0 8px 24px color-mix(in srgb, var(--tile-color,#3ea6ff) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--tile-color,#3ea6ff) 40%, transparent), inset 0 1px 0 #fff3;transform:translateY(-8px)scale(1.03)}[data-theme=light] .service-tile:hover{box-shadow:0 20px 60px #00000026, 0 8px 24px color-mix(in srgb, var(--tile-color,#3ea6ff) 20%, transparent), 0 0 0 1px color-mix(in srgb, var(--tile-color,#3ea6ff) 30%, transparent), inset 0 1px 0 #fffc}.service-tile>*{z-index:1;position:relative}.service-tile__status{z-index:2;position:absolute;top:12px;right:12px}.service-tile__external-badge{text-transform:uppercase;color:var(--muted,#64748b);letter-spacing:.05em;background:#ffffff1a;border-radius:4px;padding:1px 5px;font-size:10px}.service-tile__icon{justify-content:center;align-items:center;transition:transform .3s;display:flex}.service-tile:hover .service-tile__icon{transform:scale(1.1)}.service-tile__info{text-align:center}.service-tile__name{margin:0;font-size:.9rem;font-weight:600;line-height:1.3}.service-tile__desc{color:var(--muted,#64748b);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.7rem;line-height:1.4;display:-webkit-box;overflow:hidden}.service-tile__shortcut{font-size:10px;font-family:var(--wt-font-mono,monospace);color:var(--muted,#64748b);opacity:.3;z-index:2;position:absolute;bottom:8px;left:10px}.status-dot-wrapper{align-items:center;gap:4px;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot--pulse{animation:2s ease-in-out infinite pulse-glow}.status-time{font-size:10px;font-family:var(--wt-font-mono,monospace);color:var(--muted,#64748b)}.cobra-section{margin-bottom:var(--space-5,20px);border-radius:var(--radius-xl,16px);background:#ffffff08;border:1px solid #ffffff0f;overflow:hidden}[data-theme=light] .cobra-section{background:#00000005;border-color:#0000000f}.cobra-section__header{align-items:center;gap:var(--space-3,12px);width:100%;padding:var(--space-3,12px) var(--space-4,16px);cursor:pointer;color:var(--text);text-align:left;background:0 0;border:none;font-family:inherit;display:flex}.cobra-section__header:hover{background:#ffffff08}[data-theme=light] .cobra-section__header:hover{background:#00000005}.cobra-section__title{flex:1;margin:0;font-size:.9rem;font-weight:600}.cobra-section__count{color:var(--muted,#64748b);background:#ffffff14;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}[data-theme=light] .cobra-section__count{background:#0000000f}.cobra-section__chevron{color:var(--muted,#64748b);transition:transform .2s;display:flex}.cobra-section__chevron.expanded{transform:rotate(180deg)}.cobra-section__body{border-top:1px solid #ffffff0f}[data-theme=light] .cobra-section__body{border-top-color:#0000000f}.agent-row,.api-row{align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);transition:background .15s;display:flex}.agent-row:hover,.api-row:hover{background:#ffffff08}[data-theme=light] .agent-row:hover,[data-theme=light] .api-row:hover{background:#00000005}.agent-row+.agent-row,.api-row+.api-row{border-top:1px solid #ffffff0a}[data-theme=light] .agent-row+.agent-row,[data-theme=light] .api-row+.api-row{border-top-color:#0000000a}.agent-row__status,.api-row__status{flex-shrink:0}.agent-row__info,.api-row__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.agent-row__name,.api-row__name{color:var(--text);font-size:.85rem;font-weight:600}.agent-row__desc,.api-row__desc{color:var(--muted,#64748b);font-size:.75rem}.agent-row__meta{align-items:center;gap:var(--space-3,12px);flex-shrink:0;display:flex}.agent-row__port,.api-row__port{font-size:.75rem;font-family:var(--wt-font-mono,monospace);color:var(--muted,#64748b);background:#ffffff0f;border-radius:4px;padding:2px 6px}[data-theme=light] .agent-row__port,[data-theme=light] .api-row__port{background:#0000000a}.agent-row__lastseen{color:var(--muted,#64748b);white-space:nowrap;font-size:.7rem}.api-row__actions{align-items:center;gap:var(--space-2,8px);flex-shrink:0;display:flex}.api-row__copy{cursor:pointer;width:28px;height:28px;color:var(--muted,#64748b);background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.api-row__copy:hover{color:var(--text);background:#ffffff1f}[data-theme=light] .api-row__copy{background:#0000000a;border-color:#00000014}.service-row{align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);color:var(--text);cursor:pointer;text-decoration:none;transition:background .15s;display:flex}.service-row:hover{background:#ffffff08}[data-theme=light] .service-row:hover{background:#00000005}.service-row+.service-row{border-top:1px solid #ffffff0a}[data-theme=light] .service-row+.service-row{border-top-color:#0000000a}.service-row__status{flex-shrink:0}.service-row__icon{opacity:.8;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.service-row:hover .service-row__icon{opacity:1}.service-row__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.service-row__name{color:var(--text);font-size:.85rem;font-weight:600}.service-row__desc{color:var(--muted,#64748b);font-size:.75rem}.service-row__meta{align-items:center;gap:var(--space-3,12px);flex-shrink:0;display:flex}.service-row__port{font-size:.75rem;font-family:var(--wt-font-mono,monospace);color:var(--muted,#64748b);background:#ffffff0f;border-radius:4px;padding:2px 6px}[data-theme=light] .service-row__port{background:#0000000a}.ext-section__body{padding:var(--space-3,12px) var(--space-4,16px)}.ext-category{margin-bottom:var(--space-4,16px)}.ext-category:last-child{margin-bottom:0}.ext-category__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#64748b);padding-bottom:var(--space-2,8px);margin-bottom:var(--space-2,8px);border-bottom:1px solid #ffffff0f;font-size:.7rem;font-weight:600}[data-theme=light] .ext-category__label{border-bottom-color:#0000000f}.ext-tiles-grid{gap:var(--space-2,8px);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.ext-tile{align-items:center;gap:var(--space-2,8px);border-radius:var(--radius-lg,12px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);background:#ffffff0a;border:1px solid #ffffff0f;padding:10px 12px;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);animation:.35s ease-out both tile-enter;display:flex;position:relative;overflow:hidden}[data-theme=light] .ext-tile{background:#fffc;border-color:#0000000f}.ext-tile:before{content:"";background:radial-gradient(circle at left center, color-mix(in srgb, var(--tile-color,#3ea6ff) 15%, transparent) 0%, transparent 70%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.ext-tile:hover:before{opacity:1}.ext-tile:hover{border-color:color-mix(in srgb, var(--tile-color,#3ea6ff) 40%, transparent);box-shadow:0 8px 24px #0003, 0 0 0 1px color-mix(in srgb, var(--tile-color,#3ea6ff) 25%, transparent);transform:translateY(-4px)scale(1.02)}[data-theme=light] .ext-tile:hover{box-shadow:0 8px 24px #00000014, 0 0 0 1px color-mix(in srgb, var(--tile-color,#3ea6ff) 20%, transparent)}.ext-tile:focus-visible{outline:2px solid color-mix(in srgb, var(--tile-color,#3ea6ff) 70%, transparent);outline-offset:2px}.ext-tile__icon{color:var(--text);opacity:.8;z-index:1;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:relative}.ext-tile:hover .ext-tile__icon{opacity:1}.ext-tile__info{z-index:1;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;position:relative}.ext-tile__name{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;line-height:1.2;overflow:hidden}.ext-tile__desc{color:var(--muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;line-height:1.3;overflow:hidden}.ext-tile__arrow{opacity:0;color:var(--muted,#64748b);z-index:1;transition:opacity .2s;position:absolute;top:6px;right:6px}.ext-tile:hover .ext-tile__arrow{opacity:.6}.cobra-empty{text-align:center;padding:var(--space-8,48px) var(--space-4,16px);color:var(--muted,#64748b);font-size:.9rem}@keyframes tile-enter{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0}50%{opacity:.6;box-shadow:0 0 0 4px}}@media (width<=768px){.cobra-header{flex-direction:column;align-items:flex-start}.cobra-header__stats{justify-content:flex-start;width:100%}.cobra-controls{flex-direction:column;align-items:stretch}.search-bar{max-width:none}.agent-row__meta{flex-direction:column;align-items:flex-end;gap:2px}.ext-tiles-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=480px){.cobra-main{padding:var(--space-4) var(--space-3)}.cobra-header__title{font-size:1.3rem}}