@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-canvas: #090C11;--bg-surface: #0F141D;--bg-surface-elevated: #151C28;--bg-surface-hover: #1C2536;--bg-surface-active: #232E42;--bg-glass: rgba(15, 20, 29, .88);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .22);--border-brand: rgba(83, 252, 24, .35);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-disabled: #475569;--color-brand: #53FC18;--color-brand-hover: #46D814;--color-brand-active: #3BB510;--color-brand-bg: rgba(83, 252, 24, .1);--color-brand-border: rgba(83, 252, 24, .28);--color-brand-contrast: #061304;--color-danger: #F43F5E;--color-danger-bg: rgba(244, 63, 94, .1);--color-danger-border: rgba(244, 63, 94, .28);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-border: rgba(245, 158, 11, .28);--color-info: #38BDF8;--color-info-bg: rgba(56, 189, 248, .1);--color-info-border: rgba(56, 189, 248, .28);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Space Grotesk", var(--font-sans);--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px 0 rgba(0, 0, 0, .4);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .55)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.panel-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative;transition:border-color .15s ease,box-shadow .15s ease}.panel-box:hover{border-color:var(--border-medium)}.panel-header{height:42px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-elevated);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text-secondary)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:500;padding:3px 9px;border-radius:var(--radius-xs)}.status-pill.online{color:var(--color-brand);background:var(--color-brand-bg);border:1px solid var(--color-brand-border)}.status-pill.offline{color:var(--text-muted);background:#ffffff0a;border:1px solid var(--border-subtle)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-dot.pulse{box-shadow:0 0 8px currentColor;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.control-input{background:var(--bg-canvas);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;padding:8px 12px;border-radius:var(--radius-sm);outline:none;width:100%;transition:all .15s ease}.control-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-bg)}.control-input::placeholder{color:var(--text-muted)}.btn-action{font-family:var(--font-sans);font-size:13px;font-weight:500;padding:7px 14px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;transition:all .12s ease;-webkit-user-select:none;user-select:none;border:1px solid transparent;line-height:1.2}.btn-brand{background:var(--color-brand);color:var(--color-brand-contrast);font-weight:600;border-color:#ffffff1a}.btn-brand:hover{background:var(--color-brand-hover);box-shadow:0 2px 10px #53fc1840}.btn-brand:active{transform:translateY(1px)}.btn-secondary{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-medium);color:#fff}.btn-danger{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.btn-danger:hover{background:#f43f5e2e;border-color:var(--color-danger)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.num-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.code-pill{font-family:var(--font-mono);font-size:11px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--color-brand);padding:2px 6px;border-radius:var(--radius-xs)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040609bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-content{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;overflow:hidden;animation:modal-enter .15s ease-out}@keyframes modal-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}