*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-hover: #30363d;--border: #30363d;--text-primary: #e6edf3;--text-secondary: #7d8590;--text-muted: #484f58;--accent: #58a6ff;--accent-hover: #79b8ff;--success: #3fb950;--warning: #d29922;--danger: #f85149;--font-mono: "SF Mono", Monaco, Inconsolata, "Roboto Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);padding:6px 12px;border-radius:6px;font-size:13px;transition:background .15s}button:hover{background:var(--bg-hover);border-color:var(--text-muted)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button.danger:hover{background:#f851491a}input,textarea{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:14px;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){body{font-size:15px}button{padding:8px 12px;font-size:14px;min-height:40px}input,textarea{padding:10px 12px;font-size:16px}}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-sidebar-overlay.open{opacity:1;pointer-events:auto}.mobile-sidebar{position:fixed;top:48px;left:0;bottom:0;width:280px;max-width:80vw;background:var(--bg-secondary);border-right:1px solid var(--border);z-index:50;transform:translate(-100%);transition:transform .25s ease;display:flex;flex-direction:column;overflow:hidden}.mobile-sidebar.open{transform:translate(0)}@media(min-width:769px){.mobile-sidebar,.mobile-sidebar-overlay{display:none!important}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--text-muted);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.connected{background:var(--success)}.status-dot.disconnected{background:var(--danger)}.status-dot.running{background:var(--warning);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}