:root{--bg-primary:#090c15;--bg-secondary:#0f1422;--bg-surface:#151c2e;--bg-surface-elevated:#1b243b;--bg-card:#151c2eb3;--border-subtle:#ffffff12;--border-medium:#ffffff1f;--border-focus:#3b82f680;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f640;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-emerald-glow:#10b98133;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e33;--accent-amber:#f59e0b;--accent-purple:#a855f7;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.mono{font-family:var(--font-mono)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.brand-badge{letter-spacing:-.02em;color:var(--text-main);align-items:center;gap:8px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand-icon{color:#fff;width:28px;height:28px;box-shadow:0 0 12px var(--accent-blue-glow);background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.header-divider{background:var(--border-subtle);width:1px;height:20px}.clock-badge{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.header-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill.active{color:var(--accent-emerald);background:#10b9811f;border-color:#10b9814d}.status-pill.paused{color:var(--accent-amber);background:#f59e0b1f;border-color:#f59e0b4d}.status-pill.danger{color:var(--accent-rose);background:#f43f5e1f;border-color:#f43f5e4d}.pulse-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.pulse-dot.active{background-color:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald);animation:2s infinite pulse}.pulse-dot.paused{background-color:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}.main-wrapper{flex:1;display:flex}.sidebar-nav{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);flex-direction:column;gap:4px;width:230px;padding:16px 10px;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-link:hover{background:var(--bg-surface);color:var(--text-main)}.nav-link.active{background:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-medium)}.nav-badge{font-size:.7rem;font-family:var(--font-mono);color:var(--text-main);background:#ffffff14;border-radius:9999px;margin-left:auto;padding:1px 7px}.content-pane{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:24px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:20px;padding:18px 20px;box-shadow:0 4px 20px #00000040}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-main);align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:16px 18px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.kpi-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:6px;font-size:.75rem}.kpi-value{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);color:var(--text-main)}.kpi-sub{color:var(--text-dim);margin-top:4px;font-size:.75rem}.badge{font-size:.72rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.badge-long{color:var(--accent-emerald);background:#10b98126;border:1px solid #10b9814d}.badge-short{color:var(--accent-rose);background:#f43f5e26;border:1px solid #f43f5e4d}.badge-paper{color:var(--accent-purple);background:#a855f726;border:1px solid #a855f74d}.badge-live{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-info{color:var(--accent-blue);background:#3b82f626;border:1px solid #3b82f64d}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-xs{padding:3px 8px;font-size:.72rem}.btn-sm{padding:6px 10px;font-size:.78rem}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{box-shadow:0 0 12px var(--accent-blue-glow);background:#2563eb}.btn-danger{background:var(--accent-rose);color:#fff}.btn-danger:hover{box-shadow:0 0 12px var(--accent-rose-glow);background:#e11d48}.btn-ghost{color:var(--text-muted);border-color:var(--border-subtle);background:0 0}.btn-ghost:hover{background:var(--bg-surface-elevated);color:var(--text-main);border-color:var(--border-medium)}.btn-emerald{background:var(--accent-emerald);color:#fff}.btn-emerald:hover{box-shadow:0 0 12px var(--accent-emerald-glow);background:#059669}.btn-amber{background:var(--accent-amber);color:#111}.table-wrapper{border:1px solid var(--border-subtle);border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.data-table th{background:var(--bg-secondary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);padding:10px 14px;font-size:.7rem;font-weight:600}.data-table td{color:var(--text-main);border-bottom:1px solid #ffffff0a;padding:11px 14px}.data-table tr:hover td{background:#ffffff05}.form-group{margin-bottom:14px}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}.form-input,.form-select{background:var(--bg-secondary);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:.82rem;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-glow)}.terminal-window{border:1px solid var(--border-subtle);background:#06080e;border-radius:10px;flex-direction:column;height:520px;display:flex;overflow:hidden}.terminal-header{border-bottom:1px solid var(--border-subtle);background:#0a0d16;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.terminal-logs{font-family:var(--font-mono);flex:1;padding:12px;font-size:.76rem;line-height:1.6;overflow-y:auto}.terminal-line{white-space:pre-wrap;word-break:break-all;margin-bottom:2px}.terminal-line.INFO{color:#94a3b8}.terminal-line.WARNING{color:#fbbf24}.terminal-line.ERROR{color:#f87171;font-weight:600}.terminal-line.CMD{color:#38bdf8;font-weight:600}.terminal-line.BOT{color:#34d399}.terminal-input-bar{border-top:1px solid var(--border-subtle);background:#0a0d16;gap:8px;padding:8px 12px;display:flex}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:8px;justify-content:space-between;align-items:center;min-width:300px;max-width:450px;padding:12px 16px;font-size:.85rem;animation:.2s ease-out slideIn;display:flex;box-shadow:0 10px 25px #00000080}.toast.success{border-left:4px solid var(--accent-emerald)}.toast.error{border-left:4px solid var(--accent-rose)}.toast.warning{border-left:4px solid var(--accent-amber)}.toast.info{border-left:4px solid var(--accent-blue)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:14px;width:100%;max-width:480px;padding:24px;box-shadow:0 20px 40px #0009}.empty-state{text-align:center;color:var(--text-dim);padding:40px 20px}@media (width<=900px){.sidebar-nav{display:none}.content-pane{padding:14px}.header-controls{gap:6px}}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}