@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300;400;500&family=Geist:wght@300;400;500&display=swap";:root{--bg: #f4f5f6;--sidebar: #eceef0;--surface: #ffffff;--surface-alt: #f0f1f3;--elevated: #eef0f2;--input-bg: #ffffff;--code-bg: #ffffff;--code-text: #1a1a2e;--code-border: #e2e5e8;--border: #e2e5e8;--border-subtle: #eef0f2;--border-hover: rgba(6, 182, 212, .4);--border-focus: #06b6d4;--text: #0d1117;--text-secondary: #5a6472;--text-disabled: #b0b8c1;--text-muted: #8b949e;--accent: #06b6d4;--accent-dim: rgba(6, 182, 212, .08);--success: #16a34a;--success-dim: rgba(22, 163, 74, .08);--danger: #dc2626;--danger-dim: rgba(220, 38, 38, .06);--warning: #d97706;--warning-dim: rgba(217, 119, 6, .08);--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}html.dark{--bg: #080c0e;--sidebar: #050709;--surface: #0d1215;--surface-alt: #0a1014;--elevated: #111820;--input-bg: #080c0e;--code-bg: #0d1117;--code-text: #dde4e8;--code-border: #1a2228;--border: #1a2228;--border-subtle: #131b21;--border-hover: rgba(34, 211, 238, .35);--border-focus: #22d3ee;--text: #dde4e8;--text-secondary: #5a6470;--text-disabled: #2e3a42;--text-muted: #3a4450;--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)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);font-weight:400;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.dark body{font-weight:300}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:var(--accent)}html.dark 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:#fff}html.dark .btn-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(220,38,38,.3)}html.dark .btn-danger{border-color:#ef44444d}.btn-danger:hover:not(:disabled){background:var(--danger-dim);border-color:#dc262680}html.dark .btn-danger:hover:not(:disabled){border-color:#ef444480}.btn-ai{position:relative;background:var(--surface);color:var(--text);border:1px solid transparent;background-clip:padding-box}.btn-ai:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,#a855f773,#22d3ee73,#a855f773);background-size:200% 200%;animation:ai-glow 4s ease infinite;z-index:-1}.btn-ai:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:10px;background:linear-gradient(135deg,#a855f71f,#22d3ee1f,#a855f71f);background-size:200% 200%;animation:ai-glow 4s ease infinite;filter:blur(6px);z-index:-2}.btn-ai:hover:not(:disabled):before{background:linear-gradient(135deg,#a855f799,#22d3ee99,#a855f799);background-size:200% 200%;animation:ai-glow 4s ease infinite}.btn-ai:hover:not(:disabled):after{background:linear-gradient(135deg,#a855f733,#22d3ee33,#a855f733);background-size:200% 200%;animation:ai-glow 4s ease infinite}@keyframes ai-glow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-sm{padding:4px 10px;font-size:12px}input,select,textarea{font-family:var(--mono);background:var(--input-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}:root .card{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}html.dark .card{box-shadow:none}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(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);padding:16px;overflow-x:auto;font-size:13px;line-height:1.6;color:var(--code-text)}.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.partial{background:var(--warning);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:6px;font-family:var(--mono);font-size:12px;padding:6px 10px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}html.dark .modal-backdrop{background:#0009}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:500px;max-width:calc(100vw - 48px);max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}:root .modal{box-shadow:0 4px 24px #0000001f}html.dark .modal{box-shadow:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:14px;font-weight:400}.modal-body{padding:20px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--border)}@media(max-width:600px){.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-width:100%;max-height:85vh;border-radius:16px 16px 0 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.theme-toggle{width:32px;height:32px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);padding:0;transition:border-color .15s ease,color .15s ease}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text)}html.dark .theme-toggle .icon-sun{display:block}html.dark .theme-toggle .icon-moon{display:none}:root .theme-toggle .icon-sun{display:none}:root .theme-toggle .icon-moon{display:block}