:root{--bg-primary: #0a0a0a;--bg-secondary: #0f0f0f;--bg-tertiary: #161616;--bg-panel: #0c0c0c;--border-color: #252525;--border-highlight: #333333;--text-primary: #00d4ff;--text-secondary: #00d4ff;--text-dim: #008bb5;--text-muted: #666666;--text-white: #e0e0e0;--accent-red: #ff4757;--accent-red-dim: #cc2936;--accent-yellow: #ffcc00;--accent-orange: #ff9500;--accent-blue: #00aaff;--accent-cyan: #00d4ff;--accent-purple: #a855f7;--status-success: #22c55e;--status-warning: #f59e0b;--status-error: #ff4757;--status-info: #00aaff;--severity-critical: #ff4757;--severity-high: #ff9500;--severity-medium: #ffcc00;--severity-low: #00aaff;--severity-none: #666666;--font-mono: "JetBrains Mono", "Share Tech Mono", "Courier New", monospace;--font-size-xs: clamp(10px, .7vw, 13px);--font-size-sm: clamp(11px, .8vw, 14px);--font-size-base: clamp(12px, .9vw, 15px);--font-size-md: clamp(13px, 1vw, 16px);--font-size-lg: clamp(15px, 1.2vw, 18px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 14px;--spacing-lg: 20px;--spacing-xl: 30px;--border-radius: 2px;--transition-fast: .15s ease;--transition-normal: .25s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}.hidden{display:none!important}body{font-family:var(--font-mono);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.4}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-highlight);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.main-container{display:flex;flex-direction:column;height:100%;flex:1;background:linear-gradient(90deg,rgba(0,212,255,.015) 1px,transparent 1px),linear-gradient(rgba(0,212,255,.015) 1px,transparent 1px);background-size:20px 20px}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);min-height:42px}.header-left,.header-center,.header-right{flex:1}.header-center{text-align:center}.header-right{text-align:right}.title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);letter-spacing:2px;text-shadow:0 0 10px var(--text-dim)}.ip-address{color:var(--text-secondary);font-size:var(--font-size-sm)}.datetime{color:var(--text-muted);font-size:var(--font-size-sm)}.content-wrapper{display:grid;grid-template-columns:1fr 4fr 1fr;grid-template-rows:minmax(0,1fr);flex:1;overflow:hidden;transition:grid-template-columns .2s ease}.content-wrapper:has(.right-panel.collapsed){grid-template-columns:1fr 5fr 24px}.left-panel,.right-panel{min-width:0;display:flex;flex-direction:column;background-color:var(--bg-panel);border-right:1px solid var(--border-color);overflow:hidden}.right-panel{border-right:none;border-left:1px solid var(--border-color);position:relative;overflow:visible}.panel-collapse-btn{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:24px;height:48px;background-color:var(--bg-tertiary);border:1px solid var(--text-dim);border-radius:4px 0 0 4px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:-2px 0 8px #00000080,0 0 6px #00d4ff40;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.panel-collapse-btn:hover{background-color:var(--bg-secondary);border-color:var(--text-primary);box-shadow:-2px 0 8px #00000080,0 0 10px #00d4ff73}.panel-collapse-btn .collapse-icon{color:var(--text-primary);font-size:20px;font-weight:700;transition:transform .2s ease}.right-panel.collapsed{border-left:1px solid var(--border-color);overflow:visible}.right-panel.collapsed .panel-collapse-btn{left:0;width:100%;height:100%;top:0;transform:none;border:none;border-radius:0}.right-panel.collapsed .collapse-icon{transform:rotate(180deg)}.right-panel.collapsed .panel-section{display:none}.center-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden;background-color:var(--bg-primary)}.panel-section{display:flex;flex-direction:column;border-bottom:1px solid var(--border-color)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.section-title{font-size:var(--font-size-xs);font-weight:600;color:#4a9eff;letter-spacing:1px;text-transform:uppercase}.header-actions{display:flex;gap:2px;justify-content:flex-end}.icon-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-dim);padding:2px 6px;font-size:var(--font-size-xs);font-family:var(--font-mono);cursor:pointer;transition:var(--transition-fast);border-radius:var(--border-radius)}.icon-btn:hover{border-color:var(--text-primary);color:var(--text-primary);text-shadow:0 0 5px var(--text-dim)}.icon-btn.active{border-color:var(--text-primary);color:var(--text-primary)}.servers-section{max-height:160px;min-height:100px}.servers-list{padding:var(--spacing-xs);overflow-y:auto;max-height:110px}.server-item{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:2px;background-color:var(--bg-tertiary);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-xs)}.server-item:hover{border-color:var(--border-highlight);background-color:var(--bg-secondary)}.server-item.active{border-left:3px solid var(--text-primary);background-color:#00d4ff14}.server-item.disabled{opacity:.45;cursor:not-allowed}.server-item.disabled:hover{border-color:transparent;background-color:var(--bg-tertiary)}.server-item .server-status-dot{width:6px;height:6px;border-radius:50%;margin-right:var(--spacing-sm);background-color:var(--status-error);flex-shrink:0}.server-item.active .server-status-dot{background-color:var(--status-success);box-shadow:0 0 6px var(--status-success)}.server-item .server-name{flex:1;color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-item .server-host{color:var(--text-muted);font-size:var(--font-size-xs);margin-left:var(--spacing-xs)}.server-item .server-remove{color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0 4px;font-size:var(--font-size-sm);opacity:0;transition:var(--transition-fast)}.server-item:hover .server-remove{opacity:1}.server-item .server-remove:hover{color:var(--status-error)}.pentests-section{flex:1;min-height:150px;overflow:hidden}.pentests-list{flex:1;overflow-y:auto;padding:var(--spacing-xs)}.pentest-item{display:flex;align-items:center;padding:var(--spacing-sm);margin-bottom:2px;background-color:var(--bg-tertiary);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast)}.pentest-item:hover{border-color:var(--border-highlight);background-color:var(--bg-secondary)}.pentest-item.selected{border-left:3px solid var(--text-primary);background-color:#00d4ff14}.pentest-item.status-completed .pentest-status-dot{background-color:var(--status-success);box-shadow:0 0 6px var(--status-success)}.pentest-item.status-in_progress .pentest-status-dot{background-color:var(--status-warning);box-shadow:0 0 6px var(--status-warning);animation:pulse 1.5s infinite}.pentest-item.status-pending .pentest-status-dot{background-color:var(--status-info);box-shadow:0 0 6px var(--status-info)}.pentest-item.status-failed .pentest-status-dot{background-color:var(--status-error);box-shadow:0 0 6px var(--status-error)}.pentest-status-dot{width:8px;height:8px;border-radius:50%;margin-right:var(--spacing-sm);flex-shrink:0}.pentest-info{flex:1;overflow:hidden}.pentest-target{font-size:var(--font-size-sm);color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pentest-meta{font-size:var(--font-size-xs);color:var(--text-muted)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pentest-skeleton-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-right:var(--spacing-sm);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.pentest-skeleton-line{height:9px;border-radius:2px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;margin-bottom:5px}.pentest-skeleton-line:last-child{margin-bottom:0}.pentest-skeleton-line.short{width:55%}.pentest-details-section{min-height:160px}.pentest-details{padding:var(--spacing-sm);overflow-y:auto;max-height:320px}.detail-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--bg-tertiary)}.detail-label{color:var(--text-muted);font-size:var(--font-size-xs)}.detail-value{color:var(--text-white);font-size:var(--font-size-xs);text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis}.detail-value.status-completed{color:var(--accent-cyan)}.detail-value.status-in_progress{color:var(--status-warning)}.detail-value.status-pending{color:var(--status-info)}.detail-value.status-failed{color:var(--status-error)}.detail-value.severity-critical{color:var(--severity-critical)}.detail-value.severity-high{color:var(--severity-high)}.detail-value.severity-medium{color:var(--severity-medium)}.detail-value.severity-low{color:var(--severity-low)}.detail-value.severity-none{color:var(--severity-none)}.connection-section{min-height:80px}.connection-status{padding:var(--spacing-md)}.connection-indicator{display:flex;align-items:center;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-xs)}.globe-icon{width:18px;height:18px;color:#666;margin-right:var(--spacing-xs);flex-shrink:0}.globe-icon.connected{color:#888}.status-text{font-size:var(--font-size-sm);color:var(--text-white)}.country-name{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:var(--spacing-xs)}.country-name:before{content:"|";margin-right:var(--spacing-xs);color:var(--border-color)}.connection-indicator.state-not-running .status-text,.connection-indicator.state-not-running .globe-icon{color:var(--status-error)}.connection-indicator.state-disconnected .status-text{color:var(--text-muted)}.connection-indicator.state-disconnected .globe-icon{color:#666}.connection-indicator.state-connected .status-text,.connection-indicator.state-connected .globe-icon{color:var(--status-success)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.empty-state .btn{margin-top:var(--spacing-sm)}.server-info{display:flex;flex-direction:column;gap:2px}.server-label{font-size:var(--font-size-xs);color:var(--text-muted)}.server-address{font-size:var(--font-size-sm);color:var(--text-white)}.console-output-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.console-tabs{display:flex;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:thin}.console-tabs::-webkit-scrollbar{height:3px}.console-tabs .tab{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-tertiary);border-right:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;min-width:80px;max-width:180px}.console-tabs .tab:hover{background-color:var(--bg-secondary)}.console-tabs .tab.active{background-color:var(--bg-primary);border-bottom:2px solid var(--text-primary)}.console-tabs .tab .tab-title{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;flex:1}.console-tabs .tab.active .tab-title{color:var(--text-primary)}.console-tabs .tab .tab-status{width:6px;height:6px;border-radius:50%;margin-right:var(--spacing-xs);flex-shrink:0}.console-tabs .tab .tab-status.running{background-color:var(--status-warning);animation:pulse 1.5s infinite}.console-tabs .tab .tab-status.completed{background-color:var(--status-success)}.console-tabs .tab .tab-status.failed{background-color:var(--status-error)}.console-tabs .tab .tab-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0 2px;margin-left:var(--spacing-xs);font-size:var(--font-size-sm);line-height:1;opacity:0;transition:var(--transition-fast)}.console-tabs .tab:hover .tab-close{opacity:1}.console-tabs .tab .tab-close:hover{color:var(--status-error)}.console-tabs-content{flex:1;position:relative;overflow:hidden}.console-tabs-content .console-output{position:absolute;top:0;left:0;right:16px;bottom:0;display:none}.console-tabs-content .console-output.active{display:block}.pentest-results{position:absolute;top:0;left:0;right:16px;bottom:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary)}.pentest-results-viewer{overflow:hidden}.console-output{flex:1;overflow-y:auto;padding:0 var(--spacing-md) var(--spacing-md);background-color:var(--bg-primary);font-size:var(--font-size-sm);overflow-anchor:none}.console-output>.console-line:first-child{margin-top:var(--spacing-md)}.console-line{padding:2px 0;word-break:break-all;white-space:pre-wrap}.console-line.system{color:var(--accent-cyan)}.console-line.command{color:var(--text-primary)}.console-line.command:before{content:"> ";color:var(--text-dim)}.console-line.output{color:var(--text-white)}.console-line.error{color:var(--status-error)}.console-line.warning{color:var(--status-warning)}.console-line.success{color:var(--status-success)}.console-line.info{color:var(--status-info)}.console-line.status{color:var(--accent-cyan);font-weight:500}.console-line.debug{color:var(--text-white);font-size:1em}.console-line .timestamp{color:var(--text-muted);margin-right:var(--spacing-sm)}.console-line.assistant-link{padding:4px 0}.console-line.assistant-link .console-assistant-link-btn{background:none;border:1px solid var(--accent-cyan);color:var(--accent-cyan);font-family:inherit;font-size:inherit;padding:2px 10px;cursor:pointer}.console-line.assistant-link .console-assistant-link-btn:hover{background-color:var(--accent-cyan);color:var(--bg-primary)}.console-phase-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;padding:7px 2px 9px;margin-bottom:4px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.console-phase-nav::-webkit-scrollbar{height:6px}.console-phase-nav::-webkit-scrollbar-track{background:transparent}.console-phase-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.console-phase-nav::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.console-phase-chip{flex-shrink:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 10px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.console-phase-chip:hover{color:var(--text-white);border-color:var(--text-dim)}.console-phase-chip.current{color:var(--accent-cyan);border-color:#00d4ff66;background:#00d4ff14}.console-phase{margin:3px 0;scroll-margin-top:44px}.console-phase-header{display:flex;align-items:center;gap:8px;width:100%;padding:4px 8px;background:#00d4ff0d;border:1px solid var(--border-color);border-radius:4px;color:var(--accent-cyan);font-family:var(--font-mono);font-size:var(--font-size-xs);text-align:left;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.console-phase-header:hover{background:#00d4ff1a;border-color:var(--text-dim)}.console-phase-chevron{flex-shrink:0;transform:rotate(-90deg);transition:transform .15s ease}.console-phase.open .console-phase-chevron{transform:rotate(0)}.console-phase-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.console-phase-count{flex-shrink:0;color:var(--text-muted);font-size:10px}.console-phase-body{margin:2px 0 2px 8px;padding-left:12px;border-left:1px solid var(--border-color)}.progress-section{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.progress-bar{flex:1;height:16px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);margin-right:var(--spacing-md);position:relative;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--text-dim),var(--text-primary));transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(0,0,0,.2) 10px,rgba(0,0,0,.2) 20px);animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:20px 0}}.progress-text{color:var(--text-primary);font-size:var(--font-size-sm);min-width:40px;text-align:right;text-shadow:0 0 5px var(--text-dim)}.console-input-section{padding:var(--spacing-md);background-color:var(--bg-secondary);position:relative}.console-input-wrapper{display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);padding:var(--spacing-sm)}.prompt{color:var(--text-primary);margin-right:var(--spacing-sm);font-weight:600}.input-autocomplete-container{flex:1;position:relative;display:flex;align-items:center}.console-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-white);font-family:var(--font-mono);font-size:var(--font-size-base);caret-color:var(--text-primary);position:relative;z-index:2}.console-input::placeholder{color:var(--text-muted)}.autocomplete-suggestion{position:absolute;left:0;top:0;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-base);pointer-events:none;z-index:1;white-space:pre}.console-quick-actions{display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-sm)}.console-action-btn{width:24px;height:24px;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.console-action-btn:hover{background-color:var(--bg-tertiary);border-color:var(--text-primary);color:var(--text-primary)}.autocomplete-dropdown{display:none;position:absolute;bottom:100%;left:var(--spacing-md);right:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-bottom:none;max-height:200px;overflow-y:auto;z-index:100}.autocomplete-dropdown.active{display:block}.autocomplete-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.autocomplete-item:hover,.autocomplete-item.selected{background-color:#00d4ff1a}.autocomplete-item .cmd-name{color:var(--text-primary);font-size:var(--font-size-sm)}.autocomplete-item .cmd-desc{color:var(--text-muted);font-size:var(--font-size-xs);margin-left:var(--spacing-md)}.chat-section{flex:1;display:flex;flex-direction:column;min-height:300px;overflow:hidden}.chat-no-server{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.chat-context{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.context-label{color:var(--text-muted)}.context-value{color:var(--accent-cyan);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-md);background-color:var(--bg-primary);display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-message{max-width:90%;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;font-size:var(--font-size-sm);line-height:1.4}.chat-message.user{align-self:flex-end;background-color:#00d4ff1a;border:1px solid var(--text-dim);color:var(--text-white)}.chat-message.assistant{align-self:flex-start;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-white)}.chat-message.assistant .message-content{white-space:pre-wrap}.chat-message.thinking{color:var(--text-muted);font-style:italic}.chat-message.thinking .message-content{padding:0}.chat-input-section{padding:var(--spacing-sm);background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.chat-input-wrapper{display:flex;gap:var(--spacing-xs)}.chat-input{flex:1;background-color:var(--bg-primary);border:1px solid var(--border-color);padding:var(--spacing-sm);color:var(--text-white);font-family:var(--font-mono);font-size:var(--font-size-sm);outline:none}.chat-input:focus{border-color:var(--text-dim)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);padding:var(--spacing-sm);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.chat-send-btn svg{width:16px;height:16px;color:var(--text-dim)}.chat-send-btn:hover:not(:disabled){border-color:var(--text-primary)}.chat-send-btn:hover:not(:disabled) svg{color:var(--text-primary)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.preview-section{flex:1;min-height:200px;display:flex;flex-direction:column}.result-preview{flex:1;overflow:auto;padding:var(--spacing-md);background-color:var(--bg-primary);font-size:var(--font-size-xs)}.preview-placeholder{color:var(--text-muted);text-align:center;padding:var(--spacing-xl)}.preview-content{white-space:pre-wrap;word-break:break-all;color:var(--text-white)}.preview-content .highlight{background-color:#00d4ff33;color:var(--accent-cyan)}.files-section{flex:1;min-height:150px;display:flex;flex-direction:column}.file-explorer{flex:1;overflow-y:auto;padding:var(--spacing-xs)}.file-tree{font-size:var(--font-size-xs)}.empty-state{color:var(--text-muted);text-align:center;padding:var(--spacing-lg)}.file-item,.folder-item{padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;display:flex;align-items:center;transition:var(--transition-fast)}.file-item:hover,.folder-item:hover{background-color:var(--bg-secondary)}.file-item.selected{background-color:#00d4ff1a;border-left:2px solid var(--text-primary)}.file-icon,.folder-icon{margin-right:var(--spacing-sm);color:var(--text-dim)}.folder-icon{color:var(--accent-cyan)}.file-name{color:var(--text-white);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-name{color:var(--accent-cyan);flex:1}.folder-contents{padding-left:var(--spacing-lg)}.folder-item.collapsed .folder-contents{display:none}.folder-toggle{margin-right:var(--spacing-xs);color:var(--text-muted);font-size:var(--font-size-xs)}.file-explorer-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md)}.explorer-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.explorer-path{font-size:var(--font-size-sm);color:var(--accent-cyan);margin-bottom:var(--spacing-xs);font-family:var(--font-mono)}.explorer-help{font-size:var(--font-size-xs);color:var(--text-muted)}.file-explorer-list{flex:1;overflow-y:auto;padding:var(--spacing-xs) 0;max-height:40%;border-bottom:1px solid var(--border-color)}.file-explorer-item{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition-fast);border-left:3px solid transparent}.file-explorer-item:hover{background-color:var(--bg-secondary)}.file-explorer-item.selected{background-color:#00d4ff1a;border-left-color:var(--text-primary)}.file-explorer-item .file-icon{width:24px;text-align:center;margin-right:var(--spacing-sm);font-size:var(--font-size-md)}.file-explorer-item .file-name{flex:1;color:var(--text-white);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-explorer-item.directory .file-name{color:var(--accent-cyan);font-weight:500}.file-explorer-item .file-meta{color:var(--text-muted);font-size:var(--font-size-xs);margin-left:var(--spacing-md);white-space:nowrap}.file-explorer-preview{flex:1;overflow:auto;padding:var(--spacing-md);background-color:var(--bg-primary);min-height:200px}.file-explorer-preview .preview-placeholder{color:var(--text-muted);text-align:center;padding:var(--spacing-xl)}.file-explorer-preview .preview-loading{color:var(--text-dim);text-align:center;padding:var(--spacing-xl)}.file-explorer-preview .preview-content{font-size:var(--font-size-xs);color:var(--text-white);white-space:pre-wrap;word-break:break-all;margin:0}.file-viewer-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md)}.viewer-title{font-size:var(--font-size-md);font-weight:600;color:var(--accent-cyan);margin-bottom:var(--spacing-xs)}.viewer-path{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xs);font-family:var(--font-mono)}.viewer-help{font-size:var(--font-size-xs);color:var(--text-dim)}.file-viewer-content{flex:1;overflow:auto;padding:var(--spacing-md);background-color:var(--bg-primary)}.file-viewer-content .file-content{font-size:var(--font-size-sm);color:var(--text-white);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.5}.markdown-body{background-color:transparent!important;font-family:var(--font-mono)!important}.file-viewer-content .file-markdown-content.markdown-body{padding:var(--spacing-md);font-size:14px;line-height:1.5;max-width:100%;overflow-x:auto}.file-viewer-content .file-markdown-content h1{font-size:20px!important;margin-bottom:.5em!important}.file-viewer-content .file-markdown-content h2{font-size:18px!important;margin-bottom:.4em!important}.file-viewer-content .file-markdown-content h3{font-size:16px!important;margin-bottom:.3em!important}.file-viewer-content .file-markdown-content h4,.file-viewer-content .file-markdown-content h5,.file-viewer-content .file-markdown-content h6{font-size:14px!important;margin-bottom:.3em!important}.file-viewer-content .file-markdown-content p{margin-bottom:.6em!important}.file-viewer-content .file-markdown-content ul,.file-viewer-content .file-markdown-content ol{margin-bottom:.6em!important;padding-left:1.5em!important}.file-viewer-content .file-markdown-content li{margin-bottom:.2em!important}.file-viewer-content .file-markdown-content pre{font-size:13px!important;padding:var(--spacing-sm)!important;margin-bottom:.6em!important}.file-viewer-content .file-markdown-content code,.file-viewer-content .file-markdown-content table{font-size:13px!important}.file-viewer-content .file-markdown-content blockquote{font-size:13px!important;padding:var(--spacing-xs) var(--spacing-sm)!important;margin-bottom:.6em!important}.file-viewer-content .file-markdown-content h1:first-child,.file-viewer-content .file-markdown-content h2:first-child,.file-viewer-content .file-markdown-content h3:first-child{margin-top:0!important;padding-top:0!important}.file-explorer-preview .preview-markdown.markdown-body{font-size:14px;padding:var(--spacing-sm);max-height:100%;overflow:auto}.file-explorer-preview .preview-markdown h1,.file-explorer-preview .preview-markdown h2,.file-explorer-preview .preview-markdown h3{font-size:16px!important;margin-top:.5em!important;margin-bottom:.3em!important;padding-bottom:.2em!important;border-bottom:none!important}.file-explorer-preview .preview-markdown h1:first-child,.file-explorer-preview .preview-markdown h2:first-child,.file-explorer-preview .preview-markdown h3:first-child{margin-top:0!important}.file-explorer-preview .preview-markdown p{margin-bottom:.5em!important}.file-explorer-preview .preview-markdown pre{padding:var(--spacing-xs)!important;margin-bottom:.5em!important}.file-explorer-preview .preview-markdown code{font-size:13px!important}.markdown-body pre{background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)}.markdown-body code{background-color:var(--bg-tertiary)!important;border-radius:var(--border-radius);padding:.2em .4em;font-family:var(--font-mono);color:var(--text-white)!important}.markdown-body pre code{background-color:transparent!important;padding:0}.markdown-body table,.markdown-body table th,.markdown-body table td{border-color:var(--border-color)!important}.markdown-body table tr{background-color:transparent!important}.markdown-body table tr:nth-child(2n){background-color:var(--bg-secondary)!important}.markdown-body table th{background-color:var(--bg-tertiary)!important}.markdown-body blockquote{border-left-color:var(--accent-color)!important;color:var(--text-secondary)!important}.markdown-body a{color:var(--accent-color)!important}.markdown-body a:hover{text-decoration:underline}.markdown-body hr{background-color:var(--border-color)!important}.pentest-item{position:relative}.pentest-item-actions{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);gap:2px;background-color:#111111f2;padding:2px;border-radius:2px;z-index:10}.pentest-item:hover .pentest-item-actions{display:flex}.pentest-action-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);padding:4px 6px;font-size:13px;cursor:pointer;font-family:var(--font-mono);transition:var(--transition-fast);line-height:1}.pentest-action-btn:hover{border-color:var(--text-primary);color:var(--text-primary);background-color:#00d4ff26}.pentest-action-btn.explore{color:var(--accent-cyan);border-color:#00d4ff80}.pentest-action-btn.explore:hover{background-color:#00d4ff26;border-color:var(--accent-cyan)}.pentest-action-btn.stop-btn:hover{color:var(--status-error);border-color:var(--status-error);background-color:#ff475726}.actions-section{min-height:auto}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);padding:var(--spacing-sm)}.action-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;transition:var(--transition-fast);font-family:var(--font-mono)}.action-btn:hover{border-color:var(--text-primary);color:var(--text-primary);background-color:#00d4ff0d}.action-btn:active{background-color:#00d4ff1a}.btn-icon{font-size:var(--font-size-lg);margin-bottom:2px}.btn-text{font-size:var(--font-size-xs);letter-spacing:1px}.footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-lg);background-color:var(--bg-secondary);border-top:1px solid var(--border-color);min-height:48px}.footer-left,.footer-center,.footer-right{flex:1}.footer-center{text-align:center}.footer-right{text-align:right}.footer-text{font-size:var(--font-size-xs);color:var(--text-muted)}.version{font-size:var(--font-size-xs);color:var(--text-dim)}.footer-status{font-size:var(--font-size-xs);color:var(--text-secondary)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000008c;z-index:1000;justify-content:center;align-items:center}.modal.active{display:flex}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--text-dim);width:95%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 0 30px #00d4ff33}.modal-content.resource-modal-content{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--font-size-sm);color:var(--text-primary);letter-spacing:1px}.modal-close{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--status-error)}.modal-body{padding:var(--spacing-lg)}.modal-info{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);line-height:1.5}.form-group label{display:block;color:var(--text-dim);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:1px}.form-input,.form-select{width:100%;padding:var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-white);font-family:var(--font-mono);font-size:var(--font-size-sm)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--text-primary)}.form-select{cursor:pointer}.form-select option{background-color:var(--bg-secondary);color:#fff}.form-select[multiple]{height:auto;min-height:60px}.form-select[multiple] option{padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s}.form-select[multiple] option:checked{background:var(--text-dim) linear-gradient(0deg,var(--text-dim) 0%,var(--text-dim) 100%)!important;color:var(--bg-primary)!important;font-weight:600;box-shadow:0 0 5px var(--text-dim)}.form-select[multiple]:focus option:checked{background:var(--text-primary) linear-gradient(0deg,var(--text-primary) 0%,var(--text-primary) 100%)!important}.selection-summary{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--accent-cyan);background:#00d4ff0d;padding:6px 10px;border:1px dashed var(--border-highlight);border-radius:var(--border-radius);min-height:1.5em;word-break:break-all}.selection-summary.active{border-style:solid;background:#00d4ff1a}.form-hint{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-xs)}.checkbox-group label{display:flex;align-items:center;cursor:pointer}.checkbox-group input[type=checkbox]{margin-right:var(--spacing-sm);accent-color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-top:1px solid var(--border-color)}.btn{padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;border:1px solid;transition:var(--transition-fast);letter-spacing:1px}.btn-primary{background-color:transparent;border-color:var(--text-primary);color:var(--text-primary)}.btn-primary:hover{background-color:#00d4ff1a;box-shadow:0 0 10px #00d4ff4d}.btn-secondary{background-color:transparent;border-color:var(--text-muted);color:var(--text-muted)}.btn-secondary:hover{border-color:var(--text-dim);color:var(--text-dim)}.loading-indicator{color:var(--text-muted);text-align:center;padding:var(--spacing-lg);font-size:var(--font-size-sm)}.loading-indicator:after{content:"";animation:loading-dots 1.5s infinite}.btn-loading{position:relative!important;color:transparent!important;pointer-events:none!important;cursor:default!important}.btn-loading:after{content:""!important;position:absolute!important;width:14px!important;height:14px!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:auto!important;border:2px solid rgba(0,212,255,.2)!important;border-radius:50%!important;border-top-color:var(--text-primary)!important;animation:button-spinner .6s linear infinite!important}.icon-btn.btn-loading:after{width:10px!important;height:10px!important}@keyframes button-spinner{to{transform:rotate(360deg)}}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hex-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%2300d4ff' fill-opacity='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:-1}@media (max-width: 1200px){.content-wrapper{grid-template-columns:2fr 4fr 2fr}.content-wrapper:has(.right-panel.collapsed){grid-template-columns:2fr 6fr 24px}}@media (max-width: 1024px){.header{padding:var(--spacing-sm) var(--spacing-md)}.title{font-size:var(--font-size-base)}}@media (max-width: 900px){.content-wrapper,.content-wrapper:has(.right-panel.collapsed){display:flex;flex-direction:column;grid-template-columns:none;overflow-y:auto}.left-panel,.right-panel{width:100%!important;max-width:100%!important;min-width:0!important;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid var(--border-color)}.right-panel{border-left:none;border-top:1px solid var(--border-color);max-height:50vh}.center-panel{width:100%;min-height:50vh}.right-panel.collapsed{width:100%!important;max-width:100%!important;height:24px!important;min-height:24px!important}}@media (max-width: 600px){.header{flex-direction:column;height:auto;gap:var(--spacing-xs);padding:var(--spacing-sm)}.header-center,.header-right{text-align:center}.footer{flex-direction:column;height:auto;padding:var(--spacing-sm)}}.resources-section{flex:1;min-height:150px;overflow:hidden}.resource-tabs{display:flex;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.resource-tabs .resource-tab{flex:1;text-align:center;padding:var(--spacing-xs);font-size:10px;color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:var(--transition-fast);border-bottom:2px solid transparent}.resource-tabs .resource-tab:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.resource-tabs .resource-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);background-color:var(--bg-primary)}.resources-list{flex:1;overflow-y:auto;padding:var(--spacing-xs)}.resource-item{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:2px;background-color:var(--bg-tertiary);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-xs)}.resource-item:hover{border-color:var(--border-highlight);background-color:var(--bg-secondary)}.resource-item .resource-name{flex:1;color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-item .resource-actions{display:flex;gap:4px;opacity:0;transition:var(--transition-fast)}.resource-item:hover .resource-actions{opacity:1}.resource-action{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0 2px;font-size:12px}.resource-action:hover{color:var(--text-primary)}.resource-action.delete:hover{color:var(--status-error)}.resource-manager-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000008c;z-index:2000;justify-content:center;align-items:center;padding:var(--spacing-xl)}.resource-manager-overlay.active{display:flex}.manager-container{display:flex;flex-direction:column;width:95%;max-width:1100px;height:85vh;max-height:85vh;margin:0;background-color:var(--bg-secondary);border:1px solid var(--text-dim);box-shadow:0 0 30px #00d4ff33;overflow:hidden}.manager-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.manager-title-group{display:flex;align-items:center;gap:var(--spacing-md)}.manager-icon{font-size:22px}.manager-title{font-size:var(--font-size-lg);color:var(--text-primary);letter-spacing:2px}.manager-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.manager-close{background:none;border:none;color:var(--text-muted);font-size:28px;cursor:pointer;line-height:1;transition:var(--transition-fast)}.manager-close:hover{color:var(--status-error);transform:scale(1.1)}.manager-tabs{display:flex;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:0 var(--spacing-lg)}.manager-tab{padding:var(--spacing-md) var(--spacing-xl);color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition-fast);font-weight:600;letter-spacing:1px}.manager-tab:hover{color:var(--text-primary)}.manager-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);background-color:#00d4ff0d}.manager-content{flex:1;display:flex;overflow:hidden}.manager-list-side{width:30%;min-width:250px;max-width:400px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background-color:var(--bg-secondary)}@media (max-width: 800px){.manager-content{flex-direction:column}.manager-list-side{width:100%;max-width:100%;min-width:0;height:40%;border-right:none;border-bottom:1px solid var(--border-color)}.manager-editor-side{padding:var(--spacing-md)}.manager-tabs{padding:0;overflow-x:auto}.manager-tab{padding:var(--spacing-sm) var(--spacing-md);flex:1;text-align:center}}.manager-search{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.manager-search input{width:100%;padding:var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-white);font-family:var(--font-mono)}.manager-list{flex:1;overflow-y:auto;padding:var(--spacing-xs)}.manager-item{padding:var(--spacing-md);border-bottom:1px solid var(--bg-tertiary);cursor:pointer;transition:var(--transition-fast)}.manager-item:hover{background-color:var(--bg-tertiary)}.manager-item.active{background-color:#00d4ff14;border-left:4px solid var(--text-primary)}.item-name{display:block;color:var(--text-white);font-weight:600;margin-bottom:4px}.item-desc{display:block;color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-editor-side{flex:1;padding:var(--spacing-xl);display:flex;flex-direction:column;background-color:var(--bg-primary)}.editor-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center}.placeholder-icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.3}.editor-container{height:100%;display:flex;flex-direction:column}.editor-container .flex-grow{flex:1;display:flex;flex-direction:column}.editor-container textarea{flex:1;resize:none;font-size:14px;line-height:1.6}.editor-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.severity-badge{display:inline-block;padding:2px 6px;font-size:var(--font-size-xs);border-radius:var(--border-radius);text-transform:uppercase}.severity-badge.critical{background-color:#ff475733;color:var(--severity-critical);border:1px solid var(--severity-critical)}.severity-badge.high{background-color:#ff6b3533;color:var(--severity-high);border:1px solid var(--severity-high)}.severity-badge.medium{background-color:#ffc10733;color:var(--severity-medium);border:1px solid var(--severity-medium)}.severity-badge.low{background-color:#0af3;color:var(--severity-low);border:1px solid var(--severity-low)}.severity-badge.none{background-color:#6b728033;color:var(--severity-none);border:1px solid var(--severity-none)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.data-table th,.data-table td{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);text-align:left}.data-table th{background-color:var(--bg-secondary);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.data-table td{color:var(--text-white)}.data-table tr:hover td{background-color:var(--bg-tertiary)}.code-block{background-color:var(--bg-tertiary);border:1px solid var(--border-color);padding:var(--spacing-sm);font-size:var(--font-size-xs);overflow-x:auto;margin:var(--spacing-sm) 0;white-space:pre-wrap;word-wrap:break-word}.code-block code{color:var(--text-white)}.console-line pre.code-block{background-color:#0006;border-color:var(--border-highlight);margin:var(--spacing-xs) 0;padding:var(--spacing-md);border-radius:var(--border-radius);color:var(--accent-cyan)}.console-line pre.code-block.language-python{border-left:3px solid #3572A5}.console-line pre.code-block.language-bash,.console-line pre.code-block.language-shell{border-left:3px solid var(--text-primary)}.console-line code.inline-code{background-color:#0000004d;padding:1px 4px;border-radius:2px;color:var(--accent-cyan);font-size:.95em}.console-line strong,.console-line .subagent-tag{color:var(--text-white);font-weight:600}.console-line .step-divider{display:block;color:var(--accent-cyan);font-weight:600;padding:var(--spacing-sm) 0;margin:var(--spacing-sm) 0;border-top:1px solid var(--border-highlight);border-bottom:1px solid var(--border-highlight);text-align:center;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);letter-spacing:2px}.console-line .section-header{display:block;color:var(--status-warning);font-weight:600;margin:var(--spacing-xs) 0;padding-bottom:2px;border-bottom:1px dashed var(--border-color)}.toast-container{position:fixed;bottom:60px;right:var(--spacing-lg);z-index:1001;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-left:3px solid var(--text-primary);font-size:var(--font-size-sm);animation:slideIn .3s ease;max-width:300px}.toast.error{border-left-color:var(--status-error)}.toast.warning{border-left-color:var(--status-warning)}.toast.success{border-left-color:var(--status-success)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.overview-tab-content{padding:var(--spacing-lg);overflow-y:auto;height:100%;background-color:var(--bg-primary)}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.overview-title{font-size:var(--font-size-lg);font-weight:600;color:var(--accent-cyan);letter-spacing:2px;text-transform:uppercase}.overview-actions{display:flex;gap:var(--spacing-sm)}.overview-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;border:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.overview-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.overview-btn.primary{border-color:var(--accent-cyan);color:var(--accent-cyan);background-color:#00d4ff1a}.overview-btn.primary:hover{background-color:#00d4ff33}.overview-target-info{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:#141416cc;border:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.target-group{display:flex;flex-direction:column;gap:4px;padding:0 var(--spacing-lg)}.target-group:first-child{padding-left:0}.target-group:last-child{padding-right:0;text-align:right}.target-label{font-size:18px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.target-value{font-size:var(--font-size-md);color:var(--text-white)}.target-value.status-completed{color:#4ade80;display:flex;align-items:center;gap:0}.target-value.status-in_progress{color:var(--status-warning)}.target-separator{width:1px;height:40px;background-color:var(--border-color);flex-shrink:0}.overview-main-grid{display:grid;grid-template-columns:minmax(270px,310px) 1fr minmax(290px,350px);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.overview-card{background-color:#1a1a1a80;border:1px solid var(--border-color);padding:var(--spacing-md)}.overview-card-title{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md)}.overview-left-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.security-score{text-align:left}.security-score .score-value{font-size:56px;font-weight:600;line-height:1;margin-bottom:var(--spacing-xs)}.security-score .score-max{font-size:24px;color:var(--text-muted)}.security-score .score-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px}.security-score.critical .score-value,.security-score.critical .score-label{color:var(--severity-critical)}.security-score.high .score-value,.security-score.high .score-label{color:var(--severity-high)}.security-score.medium .score-value,.security-score.medium .score-label{color:var(--severity-medium)}.security-score.low .score-value,.security-score.low .score-label{color:var(--severity-low)}.security-score.none .score-value{color:var(--text-primary)}.findings-summary{display:flex;flex-direction:column;gap:var(--spacing-xs)}.finding-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.finding-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.finding-dot{width:8px;height:8px;border-radius:50%}.finding-dot.critical{background-color:var(--severity-critical)}.finding-dot.high{background-color:var(--severity-high)}.finding-dot.medium{background-color:var(--severity-medium)}.finding-dot.low{background-color:var(--severity-low)}.finding-dot.info{background-color:var(--text-muted)}.finding-count{font-weight:500;font-size:var(--font-size-sm)}.findings-total{display:flex;justify-content:space-between;padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-weight:600}.attack-surface-bar{display:flex;gap:2px;margin-top:var(--spacing-sm)}.attack-surface-segment{flex:1;height:8px;background-color:var(--bg-tertiary)}.attack-surface-segment.filled{background-color:var(--accent-cyan)}.attack-surface-label{display:flex;justify-content:flex-end;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-primary)}.overview-center-column{display:flex;flex-direction:column}.penetration-depth-card{flex:1;display:flex;flex-direction:column}.radar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.radar-title{font-size:var(--font-size-xs);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border:1px solid var(--accent-cyan)}.radar-legend{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-line{width:20px;height:2px}.legend-line.target{background-color:var(--accent-cyan)}.legend-line.avg{background:repeating-linear-gradient(90deg,var(--text-muted) 0px,var(--text-muted) 4px,transparent 4px,transparent 8px)}.radar-chart-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.radar-chart{width:100%;height:auto}.overview-right-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.classification-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.classification-title.critical{color:var(--severity-critical)}.classification-title.high{color:var(--severity-high)}.classification-title.medium{color:var(--severity-medium)}.classification-title.low{color:var(--severity-low)}.classification-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.5}.weakness-metrics{display:flex;flex-direction:column;gap:10px}.weakness-row{display:flex;align-items:center;gap:10px}.weakness-name{font-size:var(--font-size-xs);color:var(--text-muted);min-width:120px;flex-shrink:0}.weakness-bar-bg{flex:1;height:6px;background-color:var(--bg-tertiary);border-radius:3px;overflow:hidden}.weakness-bar{height:100%;border-radius:3px;transition:width .3s ease}.weakness-score{font-size:var(--font-size-xs);min-width:60px;text-align:right;color:var(--text-white);flex-shrink:0}.weakness-score .score-avg{color:var(--text-muted)}.weakness-label{font-size:var(--font-size-xs);color:var(--text-muted);min-width:110px}.weakness-bar-container{flex:1;height:6px;background-color:var(--bg-tertiary);border-radius:3px;overflow:hidden}.weakness-value{font-size:var(--font-size-xs);min-width:70px;text-align:right}.weakness-value .current{color:var(--text-primary);font-weight:500}.weakness-value .avg{color:var(--text-muted)}.priority-target-card .overview-card-title{color:var(--severity-high)}.priority-alert{font-size:var(--font-size-md);font-weight:600;color:var(--severity-critical);margin-bottom:var(--spacing-sm)}.priority-score{font-size:36px;font-weight:600;color:var(--text-primary);line-height:1}.priority-score .plus{color:var(--severity-critical)}.priority-avg{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-xs)}.priority-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-sm)}@media (max-width: 1400px){.overview-main-grid{grid-template-columns:minmax(250px,310px) 1fr minmax(300px,350px)}}@media (max-width: 1200px){.overview-main-grid{grid-template-columns:1fr 1fr}.overview-right-column{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}}@media (max-width: 900px){.overview-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.overview-actions{width:100%;overflow-x:auto;padding-bottom:var(--spacing-xs)}.overview-main-grid,.overview-right-column{grid-template-columns:1fr}.overview-target-info{flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}.target-group{padding:0;min-width:120px;flex:1 1 40%}.target-separator,.overview-divider{display:none}}.overview-column-left,.overview-column-center,.overview-column-right{display:flex;flex-direction:column;gap:var(--spacing-md)}.attack-surface-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.surface-item{text-align:left}.surface-value{font-size:28px;font-weight:600;color:var(--text-primary);line-height:1.2}.surface-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.critical-findings-section{margin-top:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.critical-findings-section .findings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color)}.critical-findings-section .findings-title{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.05em}.findings-view-all{font-size:var(--font-size-xs);color:var(--accent-color);background:none;border:none;cursor:pointer;padding:0}.findings-view-all:hover{color:var(--accent-hover)}.findings-table{display:flex;flex-direction:column}.finding-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.03)}.finding-item:last-child{border-bottom:none}.finding-item:hover{background:#ffffff05}.finding-severity-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--severity-critical);font-size:var(--font-size-xs);font-weight:600;flex-shrink:0}.finding-severity-badge.sev-critical{background:#f871711a;border-color:#f871714d;color:var(--severity-critical)}.finding-severity-badge.sev-high{background:#fb923c1a;border-color:#fb923c4d;color:var(--severity-high)}.finding-severity-badge.sev-medium{background:#facc151a;border-color:#facc154d;color:var(--severity-medium)}.finding-severity-badge.sev-none{background:#ffffff0a;border-color:var(--border-color);color:var(--text-muted)}.finding-details{flex:1;min-width:0}.finding-details .finding-title{color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:2px}.finding-details .finding-desc{color:var(--text-muted);font-size:var(--font-size-xs)}.finding-cve{font-size:var(--font-size-xs);color:var(--text-muted);min-width:100px;text-align:center}.finding-cvss{font-size:var(--font-size-sm);color:var(--severity-critical);font-weight:500;min-width:40px;text-align:right}.radar-chart-container{position:relative;padding:var(--spacing-sm) var(--spacing-md)}.radar-svg{width:85%;max-width:570px;margin:0 auto;display:block}.radar-label{position:absolute;font-size:clamp(10px,1.2vw,16px);color:var(--text-muted);letter-spacing:.05em;white-space:nowrap}.radar-label.top{top:0;left:50%;transform:translate(-50%)}.radar-label.top-right{top:15%;right:5%}.radar-label.right{top:50%;right:0;transform:translateY(-50%)}.radar-label.bottom-right{bottom:20%;right:10%}.radar-label.bottom-left{bottom:20%;left:10%}.radar-label.left{top:50%;left:0;transform:translateY(-50%)}.radar-label.top-left{top:15%;left:5%}.scan-stages{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);container-type:inline-size}.stages-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.stages-title{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.stages-count{font-size:var(--font-size-xs);color:var(--text-white)}.stages-bar{display:flex;gap:1px;margin-bottom:var(--spacing-xs)}.stage-segment{flex:1;height:5px;background:#1a1a1e}.stage-segment.completed{background:#22d3ee}.stage-segment.active{background:#22d3ee;box-shadow:0 0 6px #22d3eed9;animation:stage-pulse 1.2s ease-in-out infinite}@keyframes stage-pulse{0%,to{opacity:1;box-shadow:0 0 7px #22d3eed9}50%{opacity:.4;box-shadow:0 0 11px #22d3ee73}}.stages-labels{display:flex;justify-content:space-between;font-size:clamp(6px,3.2cqw,11px);color:var(--text-muted);letter-spacing:0;margin-bottom:var(--spacing-md);text-transform:uppercase}.stages-labels span{flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stages-labels span:first-child{text-align:left}.stages-labels span:last-child{text-align:right}.stages-labels span.active{color:var(--accent-cyan);font-weight:600}.pentest-stage-bar{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);container-type:inline-size}.stage-status{padding-top:var(--spacing-sm)}.stage-status-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:#4ade80;margin-bottom:var(--spacing-xs)}.stage-status-title .checkmark{color:#4ade80}.stage-status-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.radar-legend{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-muted)}.legend-line{width:16px;height:2px}.legend-line.target{background:var(--accent-secondary)}.legend-line.avg{background:var(--text-muted);border-style:dashed}.score-cyan{color:var(--accent-secondary)}.score-red{color:var(--severity-critical)}.score-amber{color:var(--severity-medium)}.score-purple{color:#a855f7}.score-green{color:#10b981}.score-blue{color:var(--severity-low)}.score-avg{color:var(--text-muted)}.weakness-bar.cyan{background:var(--accent-secondary)}.weakness-bar.red{background:var(--severity-critical)}.weakness-bar.orange{background:#f97316}.weakness-bar.amber{background:var(--severity-medium)}.weakness-bar.yellow{background:#eab308}.weakness-bar.purple{background:#a855f7}.weakness-bar.green{background:#10b981}.weakness-bar.blue{background:var(--severity-low)}.status-completed{color:#10b981;display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%}.scan-id{color:var(--text-white)}.priority-target-card{background:#f871710d;border:1px solid rgba(248,113,113,.2);padding:var(--spacing-md);border-radius:var(--border-radius)}.priority-target-card .priority-alert{font-size:var(--font-size-xs);color:#f87171b3;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.priority-target-card .priority-title{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-sm)}.priority-target-card .priority-scores{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.priority-target-card .priority-score{font-size:36px;color:var(--severity-critical);font-weight:600}.priority-target-card .priority-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-sm)}.warning-icon{color:var(--severity-critical);margin-right:4px}.penetration-depth-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);height:100%;display:flex;flex-direction:column}.radar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.classification-title.severity-critical{color:var(--severity-critical)}.classification-title.severity-high{color:var(--severity-high)}.finding-dot.critical{background:var(--severity-critical)}.finding-dot.high{background:var(--severity-high)}.finding-dot.medium{background:var(--severity-medium)}.finding-dot.low{background:var(--severity-low)}.finding-dot.info{background:var(--text-muted)}.finding-count.critical{color:var(--severity-critical)}.finding-count.high{color:var(--severity-high)}.finding-count.medium{color:var(--severity-medium)}.finding-count.low{color:var(--severity-low)}.finding-count.info{color:var(--text-muted)}.finding-count.total{color:var(--text-primary)}.finding-row.info-row,.finding-row.total-row{padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.finding-row.total-row .finding-label{color:var(--text-secondary)}.target-input-composite{width:100%;background-color:var(--bg-primary);border:1px solid var(--border-color);padding:5px;border-radius:var(--border-radius)}.target-input-composite:focus-within{border-color:var(--text-primary)}.form-input-minimal{width:100%;padding:var(--spacing-sm);background-color:transparent;border:none;color:var(--text-white);font-family:var(--font-mono);font-size:var(--font-size-sm);outline:none}.target-badges-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto);gap:8px;padding:10px;max-height:150px;overflow-y:auto;border-bottom:1px solid var(--border-color);margin-bottom:5px}.target-badge{background:var(--bg-tertiary);border:1px solid var(--text-dim);color:var(--text-primary);padding:6px 10px;border-radius:4px;font-size:13px;display:flex;justify-content:space-between;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-badge .target-text{overflow:hidden;text-overflow:ellipsis}.target-badge .remove-target{margin-left:10px;cursor:pointer;color:var(--accent-red);font-weight:700;font-size:16px}.target-badge .remove-target:hover{color:var(--status-error)}.tunnel-tab-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);background-color:var(--bg-primary)}.tunnel-status-section{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.tunnel-status-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.tunnel-card-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.tunnel-card-icon{font-size:16px}.tunnel-card-title{font-size:var(--font-size-xs);font-weight:600;color:#4a9eff;letter-spacing:1px;flex:1}.tunnel-card-body{padding:var(--spacing-md)}.tunnel-status-info{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.tunnel-status-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.tunnel-status-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.tunnel-status-value{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-white);font-weight:600}.tunnel-json-display{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-white);overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.tunnel-form-inline{display:flex;gap:var(--spacing-sm);align-items:flex-end}.tunnel-form-inline .form-input{flex:1}.tunnel-form-grid{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tunnel-form-grid label{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:2px}.tunnel-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-sm);line-height:1.5}.tunnel-ping-result{margin-top:var(--spacing-sm)}.tunnel-loading{color:var(--status-info);font-size:var(--font-size-xs);animation:pulse 1.5s infinite}.tunnel-error{color:var(--status-error);font-size:var(--font-size-xs)}.tunnel-count-badge{background-color:#00d4ff26;color:var(--text-primary);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.token-status-badge{display:inline-block;padding:2px 10px;border-radius:2px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.token-status-badge.status-pending{background-color:#00aaff26;color:var(--status-info);border:1px solid rgba(0,170,255,.3)}.token-status-badge.status-consumed{background-color:#22c55e26;color:var(--status-success);border:1px solid rgba(34,197,94,.3)}.token-status-badge.status-reconnectable{background-color:#f59e0b26;color:var(--status-warning);border:1px solid rgba(245,158,11,.3)}.token-status-badge.status-revoked{background-color:#ff475726;color:var(--status-error);border:1px solid rgba(255,71,87,.3)}.tunnel-table{width:100%;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.tunnel-table-header{display:flex;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-sm)}.tunnel-table-header span{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.tunnel-table-row{display:flex;padding:var(--spacing-sm);border-bottom:1px solid var(--bg-tertiary);gap:var(--spacing-sm);align-items:center;transition:background-color var(--transition-fast)}.tunnel-table-row:last-child{border-bottom:none}.tunnel-table-row:hover{background-color:#00d4ff08}.tunnel-table-row span{font-size:var(--font-size-xs);color:var(--text-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tunnel-col-label{flex:2}.tunnel-col-status,.tunnel-col-ip{flex:1.5}.tunnel-col-subnets,.tunnel-col-created{flex:2}.tunnel-col-actions{flex:1;text-align:right}.tunnel-col-subnet,.tunnel-col-gwlabel,.tunnel-col-gwip{flex:2}.tunnel-revoke-btn,.tunnel-route-delete-btn{font-size:11px!important;padding:3px 10px!important}.tunnel-revoked-label{font-size:11px;color:var(--text-muted);font-style:italic}.tunnel-token-generated{background-color:var(--bg-primary);border:1px solid rgba(34,197,94,.3);border-radius:var(--border-radius);padding:var(--spacing-md)}.tunnel-token-label{display:block;font-size:var(--font-size-xs);color:var(--status-success);margin-bottom:var(--spacing-xs)}.tunnel-token-value-row{display:flex;align-items:center;gap:var(--spacing-sm)}.tunnel-token-value{flex:1;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-white);background-color:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);word-break:break-all;-webkit-user-select:all;user-select:all}.tunnel-copy-btn{font-size:11px!important;padding:4px 12px!important;white-space:nowrap}.assistant-page{display:flex;flex:1;min-height:0;max-height:100%;overflow:hidden}.assistant-sidebar{width:260px;min-width:260px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-secondary);min-height:0}.assistant-sidebar-header{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.assistant-server-select-box{width:100%}.assistant-server-select{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-white);font-size:var(--font-size-xs);font-family:var(--font-mono);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.assistant-server-select:focus{border-color:var(--accent-cyan)}.assistant-new-chat-btn{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md) var(--spacing-md) var(--spacing-xs);padding:10px 12px;background:#00d4ff0f;border:1px solid rgba(0,212,255,.18);border-radius:8px;color:var(--text-white);font-size:var(--font-size-xs);font-family:var(--font-mono);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.assistant-new-chat-btn:hover{background:#00d4ff1f;border-color:var(--accent-cyan)}.assistant-new-chat-btn svg{flex-shrink:0;color:var(--accent-cyan)}.assistant-recents-label{padding:var(--spacing-sm) var(--spacing-md) 4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.assistant-session-list{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-sm)}.assistant-session-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;cursor:pointer;margin-bottom:2px;transition:background var(--transition-fast);position:relative}.assistant-session-item:hover,.assistant-session-item.active{background:var(--bg-tertiary)}.assistant-session-title{font-size:var(--font-size-xs);color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.assistant-session-delete{display:none;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;font-size:14px;line-height:1;border-radius:4px;flex-shrink:0;transition:color var(--transition-fast)}.assistant-session-item:hover .assistant-session-delete{display:block}.assistant-session-delete:hover{color:var(--accent-red)}.assistant-chat-area{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;max-height:100%;background:var(--bg-primary);overflow:hidden}.assistant-chat-header{display:flex;justify-content:center;align-items:center;padding:10px var(--spacing-lg);border-bottom:1px solid var(--border-color);min-height:44px}.assistant-chat-title{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}.assistant-messages{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-lg) 0}.assistant-messages-inner{width:100%;max-width:768px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.assistant-msg{font-size:var(--font-size-sm);line-height:1.7;color:var(--text-white)}.assistant-msg.user{align-self:flex-end;background:#00d4ff0f;border:1px solid rgba(0,212,255,.12);border-radius:12px;padding:10px 16px;max-width:85%}.assistant-msg.assistant{padding:4px 0}.assistant-msg.thinking .assistant-msg-content{color:var(--text-muted);font-style:italic}.assistant-thinking-dots{display:inline-flex;gap:4px;align-items:center;padding:8px 0}.assistant-thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:assistantDotPulse 1.4s ease-in-out infinite}.assistant-thinking-dots span:nth-child(2){animation-delay:.2s}.assistant-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes assistantDotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes assistantSkeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.assistant-skeleton-line{height:13px;border-radius:4px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:assistantSkeletonShimmer 1.5s ease-in-out infinite}.assistant-skeleton-block{display:flex;flex-direction:column;gap:8px;min-width:120px}.assistant-skeleton-session{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:assistantSkeletonShimmer 1.5s ease-in-out infinite;flex:1}.assistant-msg-content{word-wrap:break-word;overflow-wrap:break-word}.assistant-msg-content.markdown-body{color:var(--text-white)!important;font-size:var(--font-size-sm);font-family:var(--font-mono);line-height:1.7;max-height:600px;overflow-y:auto}.assistant-msg-content.markdown-body h1,.assistant-msg-content.markdown-body h2,.assistant-msg-content.markdown-body h3,.assistant-msg-content.markdown-body h4{color:var(--text-white);border-bottom:none;margin-top:1.2em;margin-bottom:.4em}.assistant-msg-content.markdown-body p{margin-bottom:.6em}.assistant-msg-content.markdown-body ul,.assistant-msg-content.markdown-body ol{padding-left:1.5em;margin-bottom:.6em}.assistant-msg-content.markdown-body li{margin-bottom:.3em}.assistant-msg-content.markdown-body pre{background:var(--bg-secondary)!important;border:1px solid var(--border-color);border-radius:6px;padding:14px;overflow-x:auto;margin:.8em 0}.assistant-msg-content.markdown-body code{background:var(--bg-tertiary)!important;padding:2px 6px;border-radius:4px;font-size:.9em}.assistant-msg-content.markdown-body pre code{background:transparent!important;padding:0;border-radius:0;font-size:var(--font-size-xs)}.assistant-msg-content.markdown-body strong{color:var(--text-white);font-weight:700}.assistant-msg-content.markdown-body blockquote{border-left:3px solid var(--border-highlight);padding-left:12px;color:var(--text-muted);margin:.8em 0}.assistant-msg-content.markdown-body table{border-collapse:collapse;margin:.8em 0;width:100%}.assistant-msg-content.markdown-body th,.assistant-msg-content.markdown-body td{border:1px solid var(--border-color);padding:6px 10px;text-align:left}.assistant-msg-content.markdown-body th{background:var(--bg-secondary)}.assistant-thinking-bar{display:flex;align-items:stretch;gap:8px;padding:10px var(--spacing-xl);flex-shrink:0;border-top:1px solid var(--border-color);background:var(--bg-primary)}.assistant-thinking-text{color:var(--text-muted);font-size:var(--font-size-xs);font-style:italic}.assistant-thinking-bar .assistant-thinking-dots{display:inline-flex;gap:4px;align-items:center}.assistant-thinking-bar .assistant-thinking-dots span{width:5px;height:5px;border-radius:50%;background:var(--text-muted);animation:assistantDotPulse 1.4s ease-in-out infinite}.assistant-thinking-bar .assistant-thinking-dots span:nth-child(2){animation-delay:.2s}.assistant-thinking-bar .assistant-thinking-dots span:nth-child(3){animation-delay:.4s}.thinking-line{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm)}.thinking-spark{display:inline-flex;color:var(--accent-cyan);flex-shrink:0;animation:thinking-spark-pulse 2.2s ease-in-out infinite}@keyframes thinking-spark-pulse{0%,to{transform:rotate(0) scale(.95);opacity:.8}50%{transform:rotate(90deg) scale(1.12);opacity:1}}.thinking-shimmer{background:linear-gradient(90deg,var(--text-muted) 0%,var(--text-muted) 35%,var(--text-white) 50%,var(--text-muted) 65%,var(--text-muted) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:thinking-shimmer-sweep 2.2s linear infinite;letter-spacing:.01em}@keyframes thinking-shimmer-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.thinking-spark,.thinking-shimmer{animation:none}.thinking-shimmer{-webkit-text-fill-color:var(--text-muted);color:var(--text-muted)}}.assistant-input-area{padding:var(--spacing-md) 0 var(--spacing-lg);display:flex;justify-content:center;flex-shrink:0}.assistant-input-wrapper{width:100%;max-width:768px;padding:0 var(--spacing-lg)}.assistant-input-box{display:flex;align-items:flex-end;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:10px 12px;gap:var(--spacing-sm);transition:border-color var(--transition-fast)}.assistant-input-box:focus-within{border-color:var(--border-highlight)}.assistant-textarea{flex:1;background:transparent;border:none;color:var(--text-white);font-size:var(--font-size-sm);font-family:var(--font-mono);line-height:1.5;resize:none;outline:none;min-height:22px;max-height:200px;padding:2px 4px}.assistant-textarea::placeholder{color:var(--text-muted)}.assistant-send-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all var(--transition-fast);flex-shrink:0}.assistant-send-btn:hover{color:var(--accent-cyan);background:#00d4ff14}.assistant-send-btn:disabled{opacity:.3;cursor:not-allowed}.assistant-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:var(--text-muted);gap:16px;padding:var(--spacing-xl)}.assistant-welcome-icon{color:var(--accent-cyan);opacity:.4}.assistant-welcome h2{font-size:22px;color:var(--text-white);margin:0;font-weight:600}.assistant-welcome p{font-size:var(--font-size-sm);max-width:440px;margin:0;line-height:1.6}.assistant-loading,.assistant-empty{text-align:center;padding:var(--spacing-lg);color:var(--text-muted);font-size:var(--font-size-xs)}.composer{display:flex;justify-content:center;width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);flex-shrink:0}.composer-box{width:100%;max-width:768px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:12px 14px 10px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.composer-box:focus-within{border-color:var(--text-dim);box-shadow:0 0 0 1px #00d4ff1f,0 8px 30px #0006}.composer-textarea{width:100%;background:transparent;border:none;outline:none;color:var(--text-white);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6;resize:none;min-height:24px;max-height:200px;padding:2px 4px}.composer-textarea::placeholder{color:var(--text-muted)}.composer-controls{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.composer-left,.composer-right{display:flex;align-items:center;gap:6px}.composer-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:transparent;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.composer-icon-btn:hover{color:var(--accent-cyan);border-color:var(--text-dim);background:#00d4ff0f}.composer-server{position:relative;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;font-size:var(--font-size-xs);transition:border-color var(--transition-fast),color var(--transition-fast)}.composer-server:hover{border-color:var(--text-dim);color:var(--text-white)}.composer-server-glyph{flex-shrink:0;color:var(--accent-cyan)}.composer-server-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-chevron{flex-shrink:0;opacity:.7}.composer-server-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-family:var(--font-mono)}.composer-send{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;border:none;flex-shrink:0;background:var(--accent-cyan);color:#06222b;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.composer-send:hover:not(:disabled){transform:translateY(-1px)}.composer-send:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.assistant-home{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-xl);width:100%}.assistant-greeting{display:flex;align-items:center;gap:14px;color:var(--text-white)}.assistant-greeting-spark{display:inline-flex;color:var(--accent-cyan);animation:thinking-spark-pulse 6s ease-in-out infinite}.assistant-greeting h1{margin:0;font-family:var(--font-mono);font-weight:500;font-size:clamp(26px,3vw,40px);letter-spacing:-.01em;color:var(--text-white)}.assistant-home-composer{width:100%;max-width:768px}.assistant-home-composer .composer{padding:0}.assistant-msg-actions{display:flex;align-items:center;gap:2px;margin-top:6px;opacity:0;transition:opacity var(--transition-fast)}.assistant-msg.assistant:hover .assistant-msg-actions,.assistant-msg-actions:focus-within{opacity:1}.assistant-msg-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.assistant-msg-action:hover{color:var(--accent-cyan);background:#00d4ff14}.app-root{display:flex;height:100vh;overflow:hidden}.app-view{flex:1;min-width:0;min-height:0;overflow:hidden}.nav-rail{width:64px;min-width:64px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;z-index:100}.nav-rail-top,.nav-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:4px}.nav-rail-top{padding-top:8px}.nav-rail-bottom{padding-bottom:12px}.nav-rail-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);margin-bottom:12px;filter:drop-shadow(0 0 6px var(--text-dim))}.nav-rail-item{width:52px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:0;font-family:var(--font-mono)}.nav-rail-item:hover{color:var(--text-dim);background-color:var(--bg-tertiary);border-color:var(--border-color)}.nav-rail-item.active{color:var(--text-primary);background-color:#00d4ff14;border-color:var(--text-primary);box-shadow:0 0 8px #00d4ff26}.nav-rail-label{font-size:8px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.nav-rail-user{gap:2px}.nav-user-avatar{width:28px;height:28px;border-radius:50%;background-color:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;letter-spacing:.5px;color:var(--text-white)}.nav-rail-item.nav-rail-user:hover .nav-user-avatar{border-color:var(--accent-red)}.nav-rail-item.nav-rail-user:hover{color:var(--accent-red)}.portal-view{flex-direction:column;overflow:hidden}.portal-layout{display:flex;flex-direction:column;flex:1;min-height:0;background-color:var(--bg-primary);background-image:linear-gradient(90deg,rgba(0,212,255,.015) 1px,transparent 1px),linear-gradient(rgba(0,212,255,.015) 1px,transparent 1px);background-size:20px 20px}.portal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);min-height:48px}.portal-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.portal-header-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);letter-spacing:1.5px;text-shadow:0 0 10px var(--text-dim)}.portal-header-sep{color:var(--text-muted);font-size:var(--font-size-sm)}.portal-header-page{color:var(--text-white);font-size:var(--font-size-sm);letter-spacing:.5px}.portal-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.portal-content.assistant-active{display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:0;max-height:100%}.portal-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--text-dim);font-size:var(--font-size-xs)}.portal-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.portal-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.portal-page-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px var(--text-dim);margin:0}.portal-page-subtitle{color:var(--text-muted);font-size:11px;margin-top:4px}.portal-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2px;padding:var(--spacing-md)}.portal-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.portal-card-title{font-size:10px;font-weight:600;color:#4a9eff;letter-spacing:1px;text-transform:uppercase}.portal-btn-primary{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--text-primary);color:var(--text-primary);background:transparent;padding:8px 16px;border-radius:2px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.portal-btn-primary:hover{background:#00d4ff1a;box-shadow:0 0 10px #00d4ff33}.portal-btn-primary:disabled{opacity:.4;cursor:not-allowed}.portal-btn-gradient{background:linear-gradient(135deg,#00aaff4d,#0064c84d);border-color:#00aaff80}.portal-btn-secondary{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-highlight);color:var(--text-white);background:transparent;padding:8px 16px;border-radius:2px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.portal-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.portal-btn-danger{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent-red);color:var(--accent-red);background:transparent;padding:8px 16px;border-radius:2px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.portal-btn-danger:hover{background:#ff47571a}.portal-btn-sm{padding:4px 10px;font-size:10px;font-family:var(--font-mono);border-radius:2px;border:1px solid var(--border-color);background:transparent;color:var(--text-white);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.portal-btn-sm:hover{border-color:var(--text-dim)}.portal-btn-sm:disabled{opacity:.3;cursor:not-allowed}.portal-btn-studio{color:var(--text-primary);border-color:var(--text-primary)}.portal-btn-studio:hover:not(:disabled){background:#00d4ff1a}.portal-btn-studio-lg{width:100%;padding:8px;font-size:11px;color:var(--text-primary);border-color:var(--text-primary);margin-bottom:var(--spacing-sm)}.portal-btn-studio-lg:hover:not(:disabled){background:#00d4ff1a}.portal-btn-edit{color:var(--text-dim);border-color:var(--text-dim)}.portal-btn-edit:hover{background:#008bb51a}.portal-btn-danger.portal-btn-sm,.portal-btn-sm.portal-btn-danger{color:var(--accent-red);border-color:var(--accent-red-dim)}.portal-btn-success{color:var(--status-success);border-color:var(--status-success)}.portal-btn-success:hover:not(:disabled){background:#22c55e1a}.portal-btn-warning{color:var(--status-warning);border-color:var(--status-warning)}.portal-btn-warning:hover:not(:disabled){background:#f59e0b1a}.portal-btn-info{color:var(--status-info);border-color:var(--status-info)}.portal-btn-info:hover:not(:disabled){background:#00aaff1a}.portal-btn-danger-outline{color:var(--accent-red);border-color:var(--accent-red-dim)}.portal-btn-danger-outline:hover:not(:disabled){background:#ff47571a}.portal-btn-icon{background:transparent;border:1px solid var(--border-color);color:var(--text-dim);padding:4px 8px;border-radius:2px;cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-xs);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.portal-btn-icon:hover{border-color:var(--text-primary);color:var(--text-primary)}.portal-btn-icon-danger:hover{border-color:var(--accent-red);color:var(--accent-red)}.portal-btn-verify{color:var(--accent-yellow);border-color:#ffcc004d;font-weight:700}.portal-btn-verify:hover{background:#ffcc001a}.portal-btn-preferred{color:var(--text-primary);border-color:#00d4ff4d;font-weight:700}.portal-btn-preferred:hover{background:#00d4ff1a}.portal-input{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2px;color:var(--text-white);font-family:var(--font-mono);font-size:11px;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.portal-input:focus{border-color:var(--text-primary)}.portal-input::placeholder{color:var(--text-muted)}.portal-select{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2px;color:var(--text-white);font-family:var(--font-mono);font-size:11px;outline:none;cursor:pointer;-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='%23666' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.portal-select:focus{border-color:var(--text-primary)}.portal-select:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-section-title{color:var(--text-white);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin:0 0 var(--spacing-md) 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2px;padding:var(--spacing-md);position:relative}.stat-card.stat-active{border-color:#00d4ff4d}.stat-card.stat-gradient{background:linear-gradient(135deg,#00d4ff1a,#0064c81a);border-color:#00d4ff4d}.stat-label{color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.stat-value{color:var(--text-white);font-size:24px;font-weight:700}.stat-denominator{font-size:14px;color:var(--text-muted);font-weight:400}.stat-badge{display:inline-block;padding:2px 8px;background:#00d4ff26;color:var(--text-primary);font-size:9px;font-weight:600;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.stat-note{color:var(--text-muted);font-size:10px;margin-top:4px}.stat-indicator{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:8px;height:8px;border-radius:50%}.stat-indicator.running{background:var(--status-success);box-shadow:0 0 8px var(--status-success);animation:pulse 1.5s infinite}.portal-table{width:100%;border-collapse:collapse;font-size:11px}.portal-table th{text-align:left;padding:8px 12px;color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color);font-weight:600}.portal-table td{padding:10px 12px;color:var(--text-white);border-bottom:1px solid var(--bg-tertiary)}.portal-table tr:hover td{background:var(--bg-tertiary)}.server-name-cell{display:flex;align-items:center;gap:8px;color:var(--text-white)}.server-name-cell svg{color:var(--text-dim);flex-shrink:0}.mono-text{font-family:var(--font-mono);font-size:11px}.actions-cell{display:flex;gap:6px}.empty-table{text-align:center;color:var(--text-muted);padding:var(--spacing-xl);font-size:11px;text-transform:uppercase;letter-spacing:1px}.empty-text{color:var(--text-muted);font-size:11px;padding:var(--spacing-md)}.status-badge{display:inline-block;padding:2px 8px;border-radius:2px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-running{color:var(--status-success);background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.status-provisioning,.status-staging{color:var(--text-primary);background:#00d4ff26;border:1px solid rgba(0,212,255,.3);animation:pulse 1.5s infinite}.status-stopping{color:var(--status-warning);background:#f59e0b26;border:1px solid rgba(245,158,11,.3);animation:pulse 1.5s infinite}.status-stopped,.status-suspended{color:var(--text-muted);background:#66666626;border:1px solid rgba(102,102,102,.3)}.instance-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.instance-sidebar-overlay.active{display:block}.instance-sidebar{position:absolute;right:0;top:0;bottom:0;width:400px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.instance-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:1px}.instance-sidebar-body{flex:1;overflow-y:auto;padding:var(--spacing-md)}.sidebar-form{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.sidebar-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--bg-tertiary)}.detail-key{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.detail-val{color:var(--text-white);font-size:11px}.sidebar-controls{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.transitioning-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:2px;color:var(--text-primary);font-size:10px;margin-top:var(--spacing-sm)}.authorization-notice{border-color:#00d4ff33}.notice-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.notice-icon{padding:6px;border:1px solid var(--text-primary);border-radius:2px;color:var(--text-primary);flex-shrink:0}.notice-content h3{color:var(--text-primary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.notice-content p{color:var(--text-muted);font-size:11px;line-height:1.5}.apikeys-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.apikey-card{padding:var(--spacing-md)}.apikey-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.apikey-name-group{display:flex;align-items:center;gap:var(--spacing-sm)}.apikey-icon{padding:8px;background:#a855f71a;border-radius:6px;color:var(--accent-purple);display:flex}.apikey-name{color:var(--text-white);font-weight:500;font-size:13px}.apikey-actions{display:flex;align-items:center;gap:6px}.apikey-body{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.apikey-value{flex:1;min-width:200px;background:var(--bg-primary);border-radius:4px;padding:10px 14px;font-family:var(--font-mono);font-size:12px;color:var(--text-white);word-break:break-all}.apikey-value.unverified{color:var(--accent-yellow)}.unverified-label{margin-left:8px;font-size:10px;color:#ffcc00b3;font-style:italic}.apikey-expiry{text-align:right;flex-shrink:0}.expiry-label{display:block;color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.expiry-value{color:var(--text-white);font-size:12px}.warning-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:#ffcc000f;border-color:#ffcc004d}.warning-card svg{color:var(--accent-yellow);flex-shrink:0;margin-top:2px}.warning-title{color:var(--accent-yellow);font-size:12px;font-weight:500;margin:0}.warning-text{color:#fc09;font-size:11px;margin-top:2px}.info-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.info-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-white);font-weight:500;font-size:13px}.info-card-header svg{color:var(--text-primary)}.info-card-text{color:var(--text-muted);font-size:11px;margin-bottom:var(--spacing-sm);line-height:1.5}.info-card-link{color:var(--text-primary);font-size:11px;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.info-card-link:hover{color:var(--accent-cyan)}.copied-toast{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--status-success);color:var(--status-success);padding:10px 16px;border-radius:4px;font-size:11px;z-index:9999;animation:fadeIn .2s ease}.progress-bar-container{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-top:6px}.progress-bar-container.small{height:4px;margin-top:4px}.progress-bar-fill{height:100%;border-radius:3px;transition:width .5s ease;background:linear-gradient(90deg,var(--text-primary),var(--accent-blue))}.progress-bar-fill.cyan{background:linear-gradient(90deg,var(--text-primary),var(--accent-blue))}.progress-bar-fill.purple{background:linear-gradient(90deg,var(--accent-purple),#ec4899)}.billing-plan-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#00d4ff1a,#0064c81a);border-color:#00d4ff4d}.billing-plan-name{color:var(--text-white);font-size:28px;font-weight:700;margin:2px 0 6px}.billing-plan-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.billing-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.billing-metric-card .progress-bar-container{margin-top:10px}.billing-metric-note{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:10px;margin-top:6px}.billing-metric-pct{font-size:10px;font-weight:600}.billing-metric-pct.ok{color:var(--status-success)}.billing-metric-pct.warn{color:var(--status-warning)}.billing-metric-pct.crit{color:var(--status-error)}.progress-bar-fill.ok{background:linear-gradient(90deg,var(--text-primary),var(--accent-blue))}.progress-bar-fill.warn{background:linear-gradient(90deg,var(--status-warning),var(--accent-orange))}.progress-bar-fill.crit{background:linear-gradient(90deg,var(--status-error),#ff2742)}@media (max-width: 1024px){.billing-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.billing-metrics-grid{grid-template-columns:1fr}}.add-email-form{display:flex;gap:var(--spacing-sm);align-items:flex-start}.add-email-form .portal-input{flex:1}.emails-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.email-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.email-info{display:flex;align-items:center;gap:var(--spacing-md)}.email-icon{padding:8px;background:#00d4ff0d;border:1px solid var(--border-color);border-radius:2px;color:var(--text-primary);display:flex;flex-shrink:0}.email-address{color:var(--text-white);font-weight:500;font-size:13px;margin:0}.email-badges{display:flex;gap:6px;margin-top:4px}.badge{display:inline-block;padding:2px 8px;border-radius:2px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-green{color:var(--status-success);background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.badge-cyan{color:var(--text-primary);background:#00d4ff26;border:1px solid rgba(0,212,255,.3)}.badge-red{color:var(--accent-red);background:#ff475726;border:1px solid rgba(255,71,87,.3)}.email-actions{display:flex;align-items:center;gap:8px}.portal-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:2000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.portal-modal.active{display:flex}.portal-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2px;width:420px;max-width:90vw;max-height:80vh;overflow-y:auto}.portal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:1px}.portal-modal-close{background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0 4px}.portal-modal-close:hover{color:var(--text-white)}.portal-modal-body{padding:var(--spacing-md)}.portal-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color)}.modal-info-text{color:var(--text-muted);font-size:11px;margin-bottom:var(--spacing-md);line-height:1.5}.modal-info-text strong{color:var(--text-white)}.error-text{color:var(--accent-red);font-size:10px;margin-top:6px}.error-banner{background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:2px;padding:var(--spacing-sm) var(--spacing-md);color:var(--accent-red);font-size:11px}.spinner-small{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.collapsible-section{padding:0}.collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px var(--spacing-md);background:transparent;border:none;cursor:pointer;font-family:var(--font-mono);transition:background var(--transition-fast)}.collapsible-header:hover{background:var(--bg-tertiary)}.collapsible-header-left{display:flex;align-items:center;gap:8px}.collapsible-chevron{transition:transform .2s ease;color:var(--text-muted);flex-shrink:0}.collapsible-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:9px;color:var(--text-muted);font-size:9px;font-weight:600}.collapsible-hint{color:var(--text-muted);font-size:10px;letter-spacing:.3px}.collapsible-body{padding:0 var(--spacing-md) var(--spacing-md);border-top:1px solid var(--border-color)}.collapsible-body-header{padding-top:var(--spacing-md)}.session-ua{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--text-muted)}.session-current-label{color:var(--text-dim);font-size:10px;font-style:italic}.session-token-display{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:2px;padding:10px 12px}.session-token-display code{flex:1;font-family:var(--font-mono);font-size:11px;color:var(--text-primary);word-break:break-all;line-height:1.4}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:99999;font-family:var(--font-mono)}.auth-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.auth-bg-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,rgba(0,212,255,.06) 0%,transparent 70%)}.auth-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:36px 32px 28px;width:420px;max-width:92vw;box-shadow:0 0 60px #00d4ff0a,0 4px 24px #00000080;animation:authCardIn .3s ease}@keyframes authCardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:24px}.auth-logo{display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);margin-bottom:12px;filter:drop-shadow(0 0 12px rgba(0,212,255,.4))}.auth-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 20px var(--text-dim);margin:0 0 6px}.auth-subtitle{font-size:11px;color:var(--text-muted);margin:0;letter-spacing:.5px}.auth-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px;gap:0}.auth-tab{flex:1;padding:8px 0;text-align:center;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast)}.auth-tab:hover{color:var(--text-dim)}.auth-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.auth-panel{display:none}.auth-panel.active{display:block}.auth-field{margin-bottom:16px}.auth-field label{display:block;color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none;flex-shrink:0}.auth-input{width:100%;padding:10px 12px 10px 34px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2px;color:var(--text-white);font-family:var(--font-mono);font-size:12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.auth-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 1px #00d4ff26,0 0 12px #00d4ff14}.auth-input::placeholder{color:var(--text-muted);font-size:11px}.auth-submit{width:100%;padding:10px;margin-top:4px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:2px;font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.auth-submit:hover:not(:disabled){box-shadow:0 0 16px #00d4ff4d;filter:brightness(1.1)}.auth-submit:disabled{opacity:.5;cursor:wait}.auth-link-btn{display:block;width:100%;text-align:center;margin-top:10px;background:transparent;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:color var(--transition-fast);padding:4px 0}.auth-link-btn:hover{color:var(--text-primary)}.auth-info-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#00d4ff0f;border:1px solid rgba(0,212,255,.15);border-radius:2px;color:var(--text-dim);font-size:11px;margin-bottom:16px;line-height:1.4}.auth-info-box svg{flex-shrink:0;color:var(--text-primary)}.auth-info-box strong{color:var(--text-white)}.auth-info-success{background:#22c55e0f;border-color:#22c55e33}.auth-info-success svg{color:var(--status-success)}.auth-error{margin-top:12px;padding:8px 12px;background:#ff475714;border:1px solid rgba(255,71,87,.2);border-radius:2px;color:var(--accent-red);font-size:11px;text-align:center}.auth-footer{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.auth-footer span{color:var(--text-muted);font-size:10px}.auth-footer .auth-link-btn{display:inline;width:auto;margin:0;color:var(--text-primary);font-weight:600}.auth-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0ad9;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:10}.auth-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.stats-grid,.info-cards-grid{grid-template-columns:1fr}.instance-sidebar{width:100%}.nav-rail{width:48px;min-width:48px}.nav-rail-item{width:40px;height:40px}.nav-rail-label{display:none}}.server-action-dropdown{position:relative;display:inline-block}.portal-btn-icon-more{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--border-color);border-radius:2px;background:transparent;color:var(--text-dim);cursor:pointer;font-size:14px;line-height:1;transition:all var(--transition-fast)}.portal-btn-icon-more:hover{border-color:var(--text-dim);color:var(--text-white)}.server-action-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:130px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2px;padding:4px 0;z-index:100;box-shadow:0 4px 12px #0006}.server-action-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none;background:none;color:var(--text-white);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background var(--transition-fast)}.server-action-menu button:hover{background:#ffffff0d}.server-action-menu button:disabled{opacity:.3;cursor:not-allowed}.server-action-menu button.menu-danger{color:var(--accent-red)}.server-action-menu button.menu-danger:hover:not(:disabled){background:#ff47571a}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999}.toast{padding:10px 14px;border-radius:6px;font-size:13px;color:#fff;background:#14141ef2;border:1px solid rgba(255,255,255,.1);cursor:pointer;box-shadow:0 6px 20px #0006;min-width:180px}.toast-success{border-color:var(--accent-green, #1ddf6f)}.toast-error{border-color:var(--accent-red, #ff5252)}.toast-warning{border-color:var(--accent-yellow, #f5b400)}.toast-info{border-color:var(--accent-cyan, #36e6e8)}.spinner{display:inline-flex;align-items:center;gap:6px}.spinner-ring{width:14px;height:14px;border:2px solid rgba(255,255,255,.18);border-top-color:var(--accent-cyan, #36e6e8);border-radius:50%;display:inline-block;animation:spinner-rot .7s linear infinite}.spinner-lg .spinner-ring{width:22px;height:22px;border-width:3px}@keyframes spinner-rot{to{transform:rotate(360deg)}}html,body,#root{height:100%;margin:0;overflow:hidden}#root{display:flex}