:root{--bg-color:#0d1117;--panel-bg:#161b22;--border-color:#30363d;--text-primary:#c9d1d9;--text-secondary:#8b949e;--accent-color:#58a6ff;--allow-color:#238636;--allow-bg:#23863626;--block-color:#f85149;--block-bg:#f8514926;--warn-color:#d29922;--warn-bg:#d2992226;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;margin:0;padding:0}button,input{font:inherit}#root{min-height:100vh;display:flex}.sidebar{background-color:var(--panel-bg);border-right:1px solid var(--border-color);flex-direction:column;gap:2rem;width:260px;padding:1.5rem;display:flex}.brand{color:#fff;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.api-panel{flex-direction:column;gap:.65rem;margin:0;display:flex}.panel-label,.field-label,.panel-help,.page-note,.state-panel{color:var(--text-secondary);font-size:.875rem}.panel-label{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.field-label{color:#fff;font-weight:600}.text-input{box-sizing:border-box;border:1px solid var(--border-color);width:100%;color:var(--text-primary);font:inherit;background:#0f141a;border-radius:8px;padding:.75rem .9rem}.text-input:focus{border-color:var(--accent-color);outline:2px solid #58a6ff59}.panel-help,.page-note{line-height:1.5}.state-panel{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem}.state-error{color:#ffb4ad;border-color:#f8514966}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-size:.75rem}.metric-value{color:#fff;font-size:1.75rem;font-weight:700}.metric-small{font-size:1rem;font-weight:600;line-height:1.4}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;display:grid}.pill{color:var(--accent-color);background:#58a6ff1f;border:1px solid #58a6ff40;border-radius:999px;padding:.5rem .9rem;font-size:.8125rem;font-weight:600}.nav-link{color:var(--text-secondary);border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--text-primary);background-color:#ffffff0d}.nav-link.active{color:var(--accent-color);background-color:#58a6ff1a}.main-content{flex:1;padding:2.5rem 4rem;overflow-y:auto}h1{color:#fff;margin-top:0;margin-bottom:2rem;font-size:1.75rem;font-weight:600}h2{color:#fff;margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.card{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:10px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.connect-shell{background:radial-gradient(circle at top, #58a6ff24, transparent 34%), radial-gradient(circle at bottom right, #2386361f, transparent 28%), var(--bg-color);place-items:center;min-height:100vh;padding:2rem;display:grid}.connect-card{width:min(560px,100%);margin:0}.connect-brand{margin-bottom:1rem}.connect-copy h1{margin-bottom:.5rem}.connect-copy p{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.connect-form{gap:.85rem;display:grid}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;transition:transform .15s,background-color .15s,border-color .15s;display:inline-flex}.primary-button{background:var(--accent-color);color:#08111f;padding:.85rem 1rem;font-weight:700}.primary-button:disabled{cursor:wait;opacity:.75}.secondary-button{width:100%;color:var(--text-primary);border-color:var(--border-color);background:0 0;margin-top:1rem;padding:.75rem .9rem}.primary-button:hover:not(:disabled),.secondary-button:hover{transform:translateY(-1px)}.status-message{min-height:1.5em;margin-top:1rem;font-size:.875rem;line-height:1.5}.status-message.success{color:#9ae6b4}.status-message.error{color:#ffb4ad}.status-message.loading{color:var(--accent-color)}.connect-loading{color:var(--text-secondary);align-items:center;gap:.65rem;display:inline-flex}.spin{animation:1s linear infinite spin}.connection-state{color:#9ae6b4;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.connection-dot{background:#3fb950;border-radius:999px;width:.625rem;height:.625rem;box-shadow:0 0 0 4px #3fb95024}.table-container{border:1px solid var(--border-color);background-color:var(--panel-bg);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background-color:#ffffff05}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.metric-bars{gap:1rem;display:grid}.metric-bar-group{gap:.4rem;display:grid}.metric-bar-head{color:var(--text-secondary);justify-content:space-between;gap:1rem;font-size:.875rem;display:flex}.metric-bar{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.metric-bar-fill{border-radius:inherit;height:100%;display:block}.metric-bar-allow{background:linear-gradient(90deg,#2ea043,#238636)}.metric-bar-block{background:linear-gradient(90deg,#ff7b72,#f85149)}.metric-bar-degraded{background:linear-gradient(90deg,#d29922,#bb8009)}@keyframes spin{to{transform:rotate(360deg)}}