@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Inter:wght@400;500;700&display=swap";:root{--bg-dark: #0a0908;--bg-card: #1a1816;--border: #2d2a26;--accent: #cd7f32;--text-primary: #f5f2f0;--text-dim: #a8a098;--success: #10b981;--warning: #f59e0b;--error: #ef4444}*{box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}.nav-brand{font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:-.5px}.nav-brand span{color:var(--accent)}.system-stats{font-size:.65rem;font-weight:700;color:var(--text-dim);display:flex;align-items:center;gap:.4rem}.pulse-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.dashboard-content{padding:1rem;max-width:1200px;margin:0 auto}.summary-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;background:var(--bg-card);padding:1rem;border-radius:12px;border:1px solid var(--border)}.summary-item:last-child{grid-column:span 2;border-top:1px solid var(--border);padding-top:.75rem;text-align:center}.summary-item .label{font-size:.6rem;font-weight:700;color:var(--text-dim);letter-spacing:.5px}.summary-item .value{font-size:1rem;font-weight:700;color:#fff}.trend-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.trend-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.v-header{font-family:Outfit,sans-serif;font-size:.65rem;font-weight:800;color:var(--text-dim);letter-spacing:1px}.range-selector{display:flex;background:var(--bg-dark);padding:2px;border-radius:6px;overflow-x:auto}.range-selector button{flex:1;background:transparent;border:none;color:var(--text-dim);font-size:.6rem;font-weight:700;padding:6px 4px;border-radius:4px;cursor:pointer}.range-selector button.active{background:var(--accent);color:#fff}.trend-container{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto 1fr;gap:.5rem}.chart-legend.left-legend{grid-column:1 / -1;width:100%}.y-axis{display:flex;flex-direction:column;justify-content:space-between;text-align:right;font-size:.7rem;font-weight:700;color:var(--text-dim);padding:10px 5px 25px 0}.trend-chart{position:relative;height:140px}.sparkline{width:100%;height:120px;cursor:crosshair}.chart-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.7rem;font-weight:600;color:var(--text-dim)}.chart-labels span:nth-child(2n){display:none}.chart-tooltip{position:absolute;top:-10px;transform:translate(-50%);background:#09090bfa;border:1px solid var(--accent);border-radius:6px;padding:.5rem;z-index:100;pointer-events:none;min-width:120px;box-shadow:0 4px 12px #00000080}.tooltip-header{font-size:.55rem;color:var(--text-dim);margin-bottom:.25rem}.tooltip-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.15rem}.tooltip-row .name{font-size:.6rem;flex:1;color:var(--text-primary)}.tooltip-row .val{font-size:.65rem;font-weight:700;color:#fff}.chart-legend.left-legend{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:var(--text-dim);justify-content:center;border-bottom:1px solid var(--border);padding-bottom:15px;width:100%}.legend-item{display:flex;align-items:center;gap:.35rem;cursor:pointer;transition:opacity .2s,transform .2s;white-space:nowrap}.legend-item .dot{display:inline-block;flex-shrink:0;width:8px;height:8px;border-radius:50%;box-shadow:0 0 3px currentColor}.legend-item:hover{transform:translateY(-1px)}.legend-item.muted{opacity:.3}.trend-path{transition:opacity .3s}.server-list{display:flex;flex-direction:column;gap:1rem}.server-row{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;gap:1rem}.row-status{display:none}.row-info{border-bottom:1px solid var(--border);padding-bottom:.75rem}.row-header{display:flex;flex-direction:column;gap:.25rem}.server-id{font-family:Outfit,sans-serif;font-size:.65rem;color:var(--accent)}.server-name{font-weight:700;font-size:1rem;color:#fff}.server-desc{font-size:.75rem;color:var(--text-dim);margin-top:.4rem}.row-metrics{display:flex;justify-content:space-between;background:var(--bg-dark);padding:.75rem;border-radius:8px}.metric{flex:1;text-align:center}.m-val{display:block;font-size:.85rem;font-weight:700;color:#fff}.m-lab{display:block;font-size:.55rem;font-weight:600;color:var(--text-dim)}.row-stage{text-align:right}.stage-badge{display:inline-block;font-size:.6rem;font-weight:800;padding:4px 10px;border-radius:4px;text-transform:uppercase}.stage-online{background:#10b9811a;color:var(--success);border:1px solid var(--success)}.stage-warning{background:#f59e0b1a;color:var(--warning);border:1px solid var(--warning)}.stage-offline{background:#ef44441a;color:var(--error);border:1px solid var(--error)}@media(min-width:768px){.dashboard-content{padding:2rem}.summary-bar{grid-template-columns:repeat(3,1fr);padding:1.25rem 2rem;gap:2rem}.summary-item:last-child{grid-column:auto;border-top:none;padding-top:0;text-align:left}.summary-item .value{font-size:1.25rem}.trend-section{padding:1.5rem 2rem}.trend-header{flex-direction:row;justify-content:space-between;align-items:center}.range-selector{padding:2px}.range-selector button{font-size:.65rem;padding:4px 12px}.trend-container{flex-direction:row;gap:1rem}.trend-container{display:flex;flex-direction:row;height:200px}.chart-legend.left-legend{flex-direction:column;flex-wrap:nowrap;justify-content:center;border-bottom:none;border-right:1px solid var(--border);padding-right:15px;padding-bottom:0;width:auto;min-width:80px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:20px;font-size:.6rem;font-weight:700;color:var(--text-dim);min-width:30px;text-align:right}.trend-chart{height:200px}.sparkline{height:180px}.chart-labels span:nth-child(2n){display:inline}.chart-labels{font-size:.6rem}.server-row{flex-direction:row;align-items:center;padding:1rem 1.5rem;display:grid;grid-template-columns:1fr 200px 140px;gap:2rem}.row-info{border-bottom:none;padding-bottom:0}.server-desc{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-metrics{background:transparent;padding:0;gap:1.5rem}.m-val{font-size:.9rem}.server-row:hover{border-color:var(--accent);box-shadow:0 4px 24px #0006;transform:translateY(-2px)}.trend-path{stroke-width:2px}.sparkline:hover .trend-path{opacity:.2}.sparkline:hover .trend-path:hover{opacity:1;stroke-width:3px}}.detail-view{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.back-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-size:.65rem;font-weight:800;padding:6px 12px;border-radius:4px;cursor:pointer;width:fit-content;transition:all .2s}.back-btn:hover{border-color:var(--accent);color:#fff}.detail-title h1{font-family:Outfit,sans-serif;font-size:1.75rem;margin:.5rem 0 0;letter-spacing:-.5px}.id-tag{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:800;color:var(--accent);letter-spacing:1px}.logs-link{display:inline-flex;align-items:center;gap:.75rem;background:#3b82f61a;border:1px solid var(--accent);color:var(--accent);padding:.75rem 1.25rem;border-radius:8px;text-decoration:none;font-size:.7rem;font-weight:800;transition:all .2s}.logs-link:hover{background:var(--accent);color:#fff}.detail-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}.markdown-text{font-size:.95rem;line-height:1.6;color:var(--text-dim);margin-top:1rem}.tool-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.tool-list code{background:var(--bg-dark);border:1px solid var(--border);color:var(--success);padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600}.code-container{background:#0d0d0f;border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-top:1rem;overflow-x:auto}.code-container code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:#9cdcfe;line-height:1.5}.endpoint-badge{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-dim);padding:.75rem;border-radius:8px;font-family:monospace;font-size:.75rem;margin-top:1rem}@media(min-width:768px){.detail-header{flex-direction:row;align-items:flex-end;justify-content:space-between}.detail-grid{grid-template-columns:1fr 1fr}.detail-title h1{font-size:2.25rem}}.status-indicator-pill{display:inline-flex;align-items:center;gap:.5rem;background:#cd7f321a;border:1px solid var(--accent);color:var(--accent);padding:.4rem 1rem;border-radius:64px;font-size:.6rem;font-weight:800;letter-spacing:.5px}.log-terminal{background:#050505;border:1px solid var(--border);border-radius:8px;padding:1rem;margin-top:1rem;height:200px;overflow-y:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:#00ff41;line-height:1.4;box-shadow:inset 0 0 10px #000c}.log-terminal pre{margin:0;white-space:pre-wrap;word-break:break-all}@media(min-width:768px){.log-terminal{height:300px}}#mcp-hub{width:100%;max-width:1000px;margin:0 auto}