@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300;400;500&family=Geist:wght@300;400;500&display=swap";:root{--bg: #080c0e;--sidebar: #050709;--surface: #0d1215;--elevated: #111820;--border: #1a2228;--border-hover: rgba(34,211,238,.35);--border-focus: #22d3ee;--text: #dde4e8;--text-secondary: #5a6470;--text-disabled: #2e3a42;--accent: #22d3ee;--accent-dim: rgba(34,211,238,.08);--success: #22c55e;--success-dim: rgba(34,197,94,.1);--danger: #ef4444;--danger-dim: rgba(239,68,68,.1);--warning: #f59e0b;--warning-dim: rgba(245,158,11,.1);--mono: "Geist Mono", "SF Mono", "Fira Code", monospace;--sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);font-weight:300;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--mono);font-weight:400}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}a{color:var(--text);text-decoration:none;transition:color .15s ease}a:hover{color:#fff}button,.btn{font-family:var(--mono);cursor:pointer;border:none;border-radius:var(--radius-md);padding:8px 16px;font-size:13px;font-weight:400;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.25}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-accent{background:var(--accent);color:var(--bg)}.btn-accent:hover:not(:disabled){opacity:.88}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-hover)}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:var(--danger-dim);border-color:#ef444480}.btn-sm{padding:4px 10px;font-size:12px}input,select,textarea{font-family:var(--mono);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;font-size:13px;width:100%;outline:none;transition:border-color .15s ease}input::placeholder,textarea::placeholder{color:var(--text-disabled)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%235a6470' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}table{width:100%;border-collapse:collapse}th{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--text-disabled);text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:12px 16px}td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .15s ease;height:40px}tbody tr:hover{background:var(--surface)}code,pre{font-family:var(--mono)}pre{background:var(--sidebar);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;overflow-x:auto;font-size:13px;line-height:1.6}.mono{font-family:var(--mono)}.text-muted{color:var(--text-secondary)}.text-dim{color:var(--text-disabled)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-sm{font-size:13px}.text-xs{font-size:12px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.toggle{position:relative;width:36px;height:20px;border-radius:10px;border:none;background:var(--border);cursor:pointer;padding:0;transition:background .15s ease;flex-shrink:0}.toggle.active{background:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle.active .toggle-thumb{transform:translate(16px)}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--success);animation:pulse 2s ease infinite}.status-dot.offline{background:var(--text-disabled)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-block;font-family:var(--mono);font-size:11px;padding:2px 8px;border-radius:var(--radius-sm)}.badge-success{background:var(--success-dim);color:var(--success)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-neutral{background:var(--elevated);color:var(--text-secondary)}.chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:11px;padding:3px 8px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a2228;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2e3a42}