:root,:root[data-theme=mint]{--color-primary: #7ee787;--color-primary-dark: #56d364;--color-primary-light: #a5f0ad;--color-primary-alpha: rgba(126, 231, 135, .15);--color-primary-glow: rgba(126, 231, 135, .4);--color-secondary: #00ff41;--color-secondary-dark: #00cc33;--color-secondary-light: #66ff85;--color-secondary-alpha: rgba(0, 255, 65, .15);--color-accent: #ffb000;--color-accent-light: #ffc033;--color-bg: #0a0e14;--color-bg-dark: #060a0f;--color-bg-darker: #030508;--color-bg-panel: #0d1117;--color-bg-panel-hover: #161b22;--color-bg-elevated: #1a1f26;--color-surface: #161b22;--color-surface-light: #21262d;--color-surface-lighter: #30363d;--color-chrome: #8b949e;--color-chrome-light: #c9d1d9;--color-text: #e6edf3;--color-text-bright: #ffffff;--color-text-muted: #8b949e;--color-text-disabled: #484f58;--color-border: #30363d;--color-border-light: #484f58;--color-border-bright: #8b949e;--color-danger: #ff4757;--color-danger-glow: rgba(255, 71, 87, .4);--color-warning: #ffb000;--color-warning-glow: rgba(255, 176, 0, .4);--color-success: #00ff41;--color-success-glow: rgba(0, 255, 65, .4);--color-info: var(--color-primary);--workspace-accent: var(--color-primary);--workspace-accent-soft: var(--color-primary-alpha);--workspace-accent-text: var(--color-primary-light);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .7);--shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .5);--glow-primary: 0 0 20px var(--color-primary-glow), 0 0 40px var(--color-primary-alpha);--glow-secondary: 0 0 20px var(--color-success-glow), 0 0 40px rgba(0, 255, 65, .2);--glow-danger: 0 0 20px var(--color-danger-glow);--glow-text: 0 0 10px currentColor;--scanline-opacity: .03;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Consolas", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--touch-target-min: 44px;--cursor-blink: 1s}:root[data-theme=violet]{--color-primary: #bd93f9;--color-primary-dark: #9d73d9;--color-primary-light: #d4b3ff;--color-primary-alpha: rgba(189, 147, 249, .15);--color-primary-glow: rgba(189, 147, 249, .4)}:root[data-theme=coral]{--color-primary: #ff9580;--color-primary-dark: #ff7b64;--color-primary-light: #ffb3a3;--color-primary-alpha: rgba(255, 149, 128, .15);--color-primary-glow: rgba(255, 149, 128, .4)}:root[data-theme=blue]{--color-primary: #7aa2f7;--color-primary-dark: #5a82d7;--color-primary-light: #a3c4ff;--color-primary-alpha: rgba(122, 162, 247, .15);--color-primary-glow: rgba(122, 162, 247, .4)}:root[data-theme=gold]{--color-primary: #ffd866;--color-primary-dark: #e6b84d;--color-primary-light: #ffe699;--color-primary-alpha: rgba(255, 216, 102, .15);--color-primary-glow: rgba(255, 216, 102, .4)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 2px,rgba(0,0,0,var(--scanline-opacity)) 4px);pointer-events:none;z-index:10000}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:9999}#root{min-height:100vh;position:relative;z-index:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-panel)}::-webkit-scrollbar-thumb{background:var(--color-surface-lighter);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-chrome)}*{scrollbar-width:thin;scrollbar-color:var(--color-surface-lighter) var(--color-bg-panel)}::selection{background:var(--color-primary-alpha);color:var(--color-primary)}.text-glow{text-shadow:var(--glow-text)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-danger) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-mono{font-family:var(--font-mono)}.text-bright{color:var(--color-text-bright)}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.terminal-frame{border:1px solid var(--color-border);background:var(--color-bg-panel);position:relative}.terminal-frame:before{content:"┌" attr(data-title) "─────────────────────────────────────────────┐";position:absolute;top:-1px;left:-1px;right:-1px;font-size:.75rem;color:var(--color-chrome);background:var(--color-bg-panel);padding:0 var(--space-sm);white-space:nowrap;overflow:hidden}.terminal-window{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-panel)}.terminal-titlebar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted)}.terminal-titlebar-buttons{display:flex;gap:6px}.terminal-titlebar-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer}.terminal-titlebar-btn.close{background:var(--color-danger)}.terminal-titlebar-btn.minimize{background:var(--color-warning)}.terminal-titlebar-btn.maximize{background:var(--color-success)}.terminal-titlebar-title{flex:1;text-align:center;font-family:var(--font-mono)}.btn{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:500;font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-target-min);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(180deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);border-color:var(--color-primary);color:var(--color-bg-dark);text-shadow:none}.btn-primary:hover{box-shadow:var(--glow-primary);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-light);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface-light)}.btn-danger{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:#ff47571a;box-shadow:var(--glow-danger)}.btn-warning{background:transparent;border:1px solid var(--color-warning);color:var(--color-warning)}.btn-warning:hover{background:#ffb0001a;box-shadow:0 0 12px #ffb0004d}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);min-height:32px}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}input,textarea,select{font-family:var(--font-mono);font-size:var(--text-base);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition-fast);min-height:var(--touch-target-min)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}input::placeholder,textarea::placeholder{color:var(--color-text-disabled)}.card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--color-success);box-shadow:0 0 8px var(--color-success-glow);animation:pulse 2s infinite}.status-dot.offline{background:var(--color-text-muted)}.status-dot.warning{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning-glow)}.status-dot.danger{background:var(--color-danger);box-shadow:0 0 8px var(--color-danger-glow)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--color-primary-alpha);color:var(--color-primary);border:1px solid rgba(0,255,255,.3)}.badge-success{background:var(--color-secondary-alpha);color:var(--color-secondary);border:1px solid rgba(0,255,65,.3)}.badge-warning{background:#ffb00026;color:var(--color-warning);border:1px solid rgba(255,176,0,.3)}.badge-danger{background:#ff475726;color:var(--color-danger);border:1px solid rgba(255,71,87,.3)}.badge-muted{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary)}pre{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;color:var(--color-text)}pre code{padding:0;background:none;border:none;color:inherit}.loading-spinner{width:40px;height:40px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.sm{width:20px;height:20px;border-width:2px}.loading-spinner.lg{width:60px;height:60px;border-width:3px}.cursor-blink:after{content:"█";animation:blink var(--cursor-blink) step-end infinite;color:var(--color-primary)}.typing{overflow:hidden;border-right:2px solid var(--color-primary);white-space:nowrap;animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-primary)}}.notification-toast{position:fixed;top:70px;left:50%;transform:translate(-50%);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;z-index:10001;animation:slideDownToast .3s ease-out;display:flex;align-items:center;gap:var(--space-sm);max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-toast.success{background:var(--color-bg-panel);border:1px solid rgba(0,255,65,.4);color:var(--color-success);box-shadow:var(--glow-secondary)}.notification-toast.error{background:var(--color-bg-panel);border:1px solid rgba(255,71,87,.4);color:var(--color-danger);box-shadow:var(--glow-danger)}.notification-toast.info{background:var(--color-bg-panel);border:1px solid rgba(0,255,255,.4);color:var(--color-primary);box-shadow:var(--glow-primary)}@keyframes slideDownToast{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.link{color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast)}.link:hover{text-decoration:underline;text-shadow:var(--glow-text)}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline}.link-button:hover{text-shadow:var(--glow-text)}.divider{height:1px;background:var(--color-border);margin:var(--space-lg) 0}.divider-vertical{width:1px;background:var(--color-border);margin:0 var(--space-md)}@media(max-width:768px){:root{--scanline-opacity: .02}html{font-size:15px}.btn{min-height:48px}input,textarea,select{font-size:16px;min-height:48px}.notification-toast{top:60px;left:50%;right:auto;transform:translate(-50%);max-width:85vw;padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}@keyframes slideDownToast{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}}@media(hover:none)and (pointer:coarse){.btn:hover{transform:none}.btn:active{transform:scale(.98);transition:transform .1s}[role=button],button,a{-webkit-tap-highlight-color:transparent}}@supports (padding: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column}.app-layout.transitioning .app-main{opacity:.95}.app-main>*{animation:pageEnter .2s ease-out}@keyframes pageEnter{0%{opacity:.8;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.app-main>*{animation:none}}.footer{width:100%;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-bg-panel);margin-top:auto;flex-shrink:0}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-xs)}.footer-left{display:flex;align-items:center;gap:var(--space-md)}.footer-brand{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text)}.footer-brand .brand-icon{color:var(--color-primary)}.footer-brand .brand-text{font-weight:600}.footer-version{color:var(--color-text-disabled);padding:2px 6px;background:var(--color-surface);border-radius:var(--radius-sm)}.footer-links{display:flex;align-items:center;gap:var(--space-sm)}.footer-links a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast);padding:var(--space-xs)}.footer-links a:hover{color:var(--color-primary)}.footer-separator{color:var(--color-text-disabled)}.footer-right{display:flex;align-items:center}.footer-copyright{color:var(--color-text-muted)}@media(max-width:768px){.footer{padding:var(--space-md)}.footer-content{flex-direction:column;gap:var(--space-md)}.footer-left{order:1}.footer-links{order:0}.footer-right{order:2}}@media(max-width:375px){.footer-version{display:none}}.screenshot-carousel{max-width:900px;margin:0 auto}.carousel-display{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.carousel-arrow{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast)}.carousel-arrow:hover{border-color:var(--color-primary);color:var(--color-primary)}.carousel-viewport{flex:1;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-panel)}.carousel-track{display:flex;transition:transform .4s ease-out}.carousel-slide{flex:0 0 100%;min-width:100%}.screenshot-placeholder{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:var(--color-surface);position:relative;overflow:hidden}.screenshot-image-container{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:var(--color-bg);position:relative;overflow:hidden}.screenshot-image{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .3s ease}.screenshot-image-container:hover .screenshot-image{transform:scale(1.02)}.carousel-viewport:has(.screenshot-image){box-shadow:0 0 20px #00ffff1a}.carousel-caption{text-align:center;margin-bottom:var(--space-md)}.caption-title{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-xs) 0}.caption-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.carousel-dots{display:flex;justify-content:center;gap:var(--space-sm)}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);border:none;cursor:pointer;transition:all var(--transition-fast);padding:0}.carousel-dot:hover{background:var(--color-text-muted)}.carousel-dot.active{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}.mockup-tui,.mockup-dashboard,.mockup-agents,.mockup-chat,.mockup-vms{width:100%;height:100%;display:flex;flex-direction:column;font-family:var(--font-mono);font-size:11px}.mockup-chrome{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.mockup-chrome.web{justify-content:flex-start;gap:var(--space-md)}.mockup-chrome.mobile{justify-content:space-between}.chrome-dots{display:flex;gap:4px}.chrome-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-bright)}.chrome-dots .dot:first-child{background:var(--color-danger)}.chrome-dots .dot:nth-child(2){background:var(--color-warning)}.chrome-dots .dot:last-child{background:var(--color-success)}.mockup-title{color:var(--color-text-muted);font-size:10px}.mockup-url{flex:1;color:var(--color-text-muted);font-size:10px;background:var(--color-surface);padding:2px 8px;border-radius:var(--radius-sm)}.mockup-time,.mockup-signal{color:var(--color-text-muted);font-size:10px}.mockup-body{flex:1;padding:var(--space-sm);overflow:hidden;display:flex;flex-direction:column;gap:var(--space-sm)}.mockup-body.mobile{padding:var(--space-xs)}.mockup-tui .mockup-body{flex-direction:row;gap:0}.tui-sidebar{width:80px;border-right:1px solid var(--color-border);padding-right:var(--space-xs);display:flex;flex-direction:column;gap:2px}.tui-sidebar-item{padding:2px 4px;color:var(--color-text-muted);font-size:9px}.tui-sidebar-item.active{color:var(--color-primary);background:var(--color-primary-alpha)}.tui-main{flex:1;padding-left:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);overflow:hidden}.tui-message{display:flex;gap:var(--space-xs);font-size:10px}.tui-role{font-weight:600;flex-shrink:0}.tui-message.user .tui-role{color:var(--color-secondary)}.tui-message.assistant .tui-role{color:var(--color-primary)}.tui-text{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tui-tool{display:flex;align-items:center;gap:var(--space-xs);font-size:9px;padding:2px 4px;background:var(--color-surface);border-radius:var(--radius-sm)}.tui-tool-icon{color:var(--color-warning)}.tui-tool-name{color:var(--color-accent)}.tui-tool-arg{color:var(--color-text-muted)}.tui-diff{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;font-size:9px}.diff-header{padding:2px 4px;background:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-text-muted)}.diff-line{padding:1px 4px;font-size:8px}.diff-line.add{background:#00ff411a;color:var(--color-success)}.diff-line.del{background:#ff55551a;color:var(--color-danger)}.dash-stats{display:flex;gap:var(--space-sm)}.dash-stat{flex:1;padding:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center}.dash-stat-label{display:block;font-size:8px;color:var(--color-text-muted);margin-bottom:2px}.dash-stat-value{display:block;font-size:12px;font-weight:600;color:var(--color-primary)}.dash-chart{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs);display:flex;flex-direction:column}.chart-title{font-size:9px;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.chart-bars{flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:4px;padding-top:var(--space-sm)}.chart-bar{flex:1;background:linear-gradient(to top,var(--color-primary),var(--color-secondary));border-radius:2px 2px 0 0;min-height:4px;max-width:30px}.chart-bar.today{background:var(--color-success);box-shadow:0 0 8px #00ff414d}.agents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.agents-title{font-size:11px;font-weight:600;color:var(--color-text)}.agents-count{font-size:9px;color:var(--color-success)}.agents-grid{display:flex;flex-direction:column;gap:var(--space-xs)}.agent-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.agent-status{width:6px;height:6px;border-radius:50%;flex-shrink:0}.agent-card.online .agent-status{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.agent-card.offline .agent-status{background:var(--color-text-disabled)}.agent-info{flex:1;min-width:0}.agent-name{font-size:10px;font-weight:600;color:var(--color-text)}.agent-meta{font-size:8px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-chat{max-width:220px;margin:0 auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-panel)}.chat-messages{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs)}.chat-msg{max-width:85%;padding:var(--space-xs);border-radius:var(--radius-sm)}.chat-msg.user{align-self:flex-end;background:var(--color-primary-alpha);border:1px solid rgba(0,255,255,.3)}.chat-msg.assistant{align-self:flex-start;background:var(--color-surface);border:1px solid var(--color-border)}.msg-content{font-size:9px;color:var(--color-text);line-height:1.3}.msg-time{font-size:7px;color:var(--color-text-disabled);margin-top:2px;text-align:right}.chat-input{padding:var(--space-xs);background:var(--color-surface);border-top:1px solid var(--color-border)}.chat-placeholder{font-size:9px;color:var(--color-text-disabled)}.vms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.vms-title{font-size:11px;font-weight:600;color:var(--color-text)}.vms-create{font-size:8px;padding:2px 6px;background:var(--color-primary-alpha);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer}.vms-list{display:flex;flex-direction:column;gap:var(--space-xs)}.vm-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.vm-status{width:6px;height:6px;border-radius:50%;flex-shrink:0}.vm-card.running .vm-status{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.vm-info{flex:1;min-width:0}.vm-name{font-size:10px;font-weight:600;color:var(--color-text)}.vm-details{display:flex;gap:var(--space-sm);font-size:8px;color:var(--color-text-muted)}.vm-cost{color:var(--color-success)}.vm-ip{font-size:9px;color:var(--color-text-muted);font-family:var(--font-mono)}@media(max-width:768px){.carousel-arrow{width:32px;height:32px;font-size:1.2rem}.mockup-tui .mockup-body{flex-direction:column}.tui-sidebar{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:var(--space-xs)}.tui-main{padding-left:0;padding-top:var(--space-xs)}}@media(max-width:480px){.carousel-display{gap:var(--space-xs)}.carousel-arrow{width:28px;height:28px;font-size:1rem}.caption-title{font-size:var(--text-base)}.caption-desc{font-size:var(--text-xs)}}.home{min-height:100vh;position:relative;overflow:hidden;background:var(--color-bg)}.home-container{max-width:1200px;margin:0 auto;padding:var(--space-2xl) var(--space-lg);position:relative;z-index:1}.matrix-background{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.matrix-background .matrix-column{position:absolute;top:-100vh;font-family:var(--font-mono);font-size:14px;line-height:1.4;color:var(--color-primary);text-shadow:0 0 8px var(--color-primary-glow);animation:matrix-rain linear infinite;display:flex;flex-direction:column;opacity:.15}@keyframes matrix-rain{0%{transform:translateY(0)}to{transform:translateY(200vh)}}.hero-section{text-align:center;padding:var(--space-md) 0 var(--space-lg)}.hero-header{margin-bottom:var(--space-sm)}.hero-title{font-family:var(--font-mono);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin:0 0 var(--space-sm) 0;line-height:1.2}.title-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-accent{color:var(--color-text)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:640px;margin:0 auto;line-height:1.6}.terminal-compact{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);margin-bottom:var(--space-md)}.terminal-line{display:flex;align-items:center;gap:var(--space-sm)}.prompt{color:var(--color-secondary);font-weight:700}.command{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow)}.cursor{display:inline-block;width:10px;height:20px;background:var(--color-primary);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cta-section{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.cta-btn{min-width:140px;height:44px}.btn-icon{margin-right:var(--space-xs)}.install-section-prominent{text-align:center;max-width:600px;margin:0 auto}.install-command-large{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-surface);border:1px solid rgba(0,255,65,.3);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-base)}.install-command-large code{flex:1;color:var(--color-secondary);background:none;border:none;padding:0;overflow-x:auto;white-space:nowrap}.install-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-sm);font-family:var(--font-mono)}.copy-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs) var(--space-sm);font-size:1rem;transition:all var(--transition-fast);min-width:32px;min-height:32px}.copy-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);font-family:var(--font-mono)}.section-deco{color:var(--color-border-bright)}.section-title{color:var(--color-primary);font-size:var(--text-sm);font-weight:600;letter-spacing:2px;margin:0}.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--color-border) 0%,transparent 100%)}.steps-section{margin-bottom:var(--space-3xl)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.step-card{text-align:center;padding:var(--space-lg);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative}.step-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #00ffff1a}.step-number{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--color-border-bright);letter-spacing:2px;margin-bottom:var(--space-sm);text-transform:uppercase}.step-icon{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow);margin-bottom:var(--space-md)}.step-label{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0 0 var(--space-xs) 0}.step-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.diff-section{margin-bottom:var(--space-3xl)}.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.diff-card{padding:var(--space-lg);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative;overflow:hidden}.diff-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity var(--transition-base)}.diff-card:hover{border-color:var(--color-primary);box-shadow:0 0 30px #00ffff1a}.diff-card:hover:before{opacity:1}.diff-icon{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;color:var(--color-secondary);text-shadow:0 0 20px rgba(0,255,255,.4);margin-bottom:var(--space-md)}.diff-title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0 0 var(--space-sm) 0}.diff-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.diff-checks{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md)}.diff-check{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-success)}.carousel-section{margin-bottom:var(--space-2xl)}.final-cta-section{text-align:center;padding:var(--space-2xl) 0;margin-bottom:var(--space-xl)}.final-cta-heading{font-family:var(--font-mono);font-size:clamp(1.25rem,3vw,2rem);font-weight:700;color:var(--color-text);margin:0 0 var(--space-sm) 0}.final-cta-sub{font-size:var(--text-base);color:var(--color-text-muted);margin:0 0 var(--space-lg) 0;font-family:var(--font-mono)}@media(max-width:900px){.steps-grid,.diff-grid{grid-template-columns:1fr}}@media(max-width:768px){.home-container{padding:var(--space-xl) var(--space-md)}.hero-section{padding:var(--space-lg) 0}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:var(--text-base)}.terminal-compact{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.cta-section{flex-direction:column;align-items:stretch}.cta-btn{width:100%}.install-command-large{flex-direction:column;align-items:stretch;text-align:center}.install-command-large code{margin-bottom:var(--space-sm)}.copy-btn{width:100%}.matrix-background{opacity:.3}}@media(max-width:480px){.hero-title{font-size:1.25rem}.terminal-compact{font-size:var(--text-xs)}}@media(hover:none)and (pointer:coarse){.step-card:hover,.diff-card:hover{border-color:var(--color-border);box-shadow:none}.diff-card:hover:before{opacity:0}.step-card:active,.diff-card:active{border-color:var(--color-primary)}}@media(prefers-reduced-motion:reduce){.matrix-background{display:none}.cursor{animation:none;opacity:1}}.robot-head{position:relative;display:inline-flex;align-items:center;justify-content:center}.robot-ascii{font-family:var(--font-mono);color:var(--color-primary);margin:0;line-height:1.2;text-align:center;white-space:pre;-webkit-user-select:none;user-select:none}.robot-head-xs{font-size:12px}.robot-head-xs .robot-ascii{line-height:1}.robot-head-sm,.robot-head-md{font-size:10px}.robot-head-lg{font-size:12px}.robot-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle at center,var(--color-primary-glow) 0%,transparent 70%);opacity:.5;pointer-events:none;z-index:-1;filter:blur(8px)}.robot-head.animate .robot-ascii{animation:robot-glow-pulse 3s ease-in-out infinite}.robot-head.animate .robot-glow{animation:glow-pulse 3s ease-in-out infinite}@keyframes robot-glow-pulse{0%,to{text-shadow:0 0 10px var(--color-primary-glow)}50%{text-shadow:0 0 20px var(--color-primary-glow),0 0 40px var(--color-primary-glow)}}@keyframes glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.robot-head.animate .robot-ascii,.robot-head.animate .robot-glow{animation:none}.robot-head.animate .robot-ascii{text-shadow:0 0 10px var(--color-primary-glow)}.robot-head.animate .robot-glow{opacity:.4}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-bg);position:relative}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.auth-container{width:100%;max-width:420px;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;z-index:1}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:inherit}.close-button{position:absolute;top:var(--space-sm);right:var(--space-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1.25rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-family:var(--font-mono);z-index:10}.close-button:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-text-muted)}.auth-header{text-align:center;padding:var(--space-xl) var(--space-xl) var(--space-lg)}.auth-header svg{margin:0 auto var(--space-md)}.auth-title{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--space-xs) 0}.auth-subtitle{font-family:var(--font-mono);color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.btn-oauth{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);margin:0 var(--space-xl);width:calc(100% - var(--space-xl) * 2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.btn-oauth:hover:not(:disabled){background:var(--color-surface-light);border-color:var(--color-primary)}.btn-oauth:disabled{opacity:.5;cursor:not-allowed}.btn-oauth svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) var(--space-xl);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md);padding:0 var(--space-xl) var(--space-xl)}.form-group label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);transition:all var(--transition-fast);min-height:var(--touch-target-min)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group input::placeholder{color:var(--color-text-disabled)}.form-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.error-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-sm);color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-sm)}.error-message:before{content:"!";display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ff475733;border-radius:50%;font-weight:700;font-size:12px;flex-shrink:0}.auth-footer{margin-top:0;padding:var(--space-md) var(--space-xl) var(--space-xl);text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.auth-footer p{margin:0}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline;transition:all var(--transition-fast)}.link-button:hover{color:var(--color-primary-light);text-shadow:0 0 10px var(--color-primary-glow)}.auth-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-3xl)}.session-expired-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin:0 var(--space-xl) var(--space-md);background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-sm);color:var(--color-warning);font-family:var(--font-mono);font-size:var(--text-sm)}.session-expired-message:before{content:"⚠";flex-shrink:0}.auth-disabled-message{text-align:center;padding:var(--space-lg) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:0 var(--space-xl) var(--space-xl)}@media(max-width:768px){.auth-page{padding:var(--space-md);align-items:flex-start;padding-top:var(--space-3xl)}.auth-container{max-width:100%}.auth-header{padding:var(--space-lg)}.auth-form{padding:0 var(--space-lg) var(--space-lg)}.btn-oauth{margin:0 var(--space-lg);width:calc(100% - var(--space-lg) * 2)}.auth-divider{margin:var(--space-md) var(--space-lg)}.auth-footer{padding:var(--space-md) var(--space-lg) var(--space-lg)}.auth-disabled-message{margin:0 var(--space-lg) var(--space-lg)}}@media(max-width:375px){.auth-title{font-size:var(--text-lg)}.auth-subtitle{font-size:var(--text-xs)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-md);animation:fadeIn .15s ease-out}.modal-content{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 0 60px #00ffff1a;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:600px}.modal-lg{width:100%;max-width:860px}.modal-xl{width:100%;max-width:1100px}.modal-chrome{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:linear-gradient(180deg,var(--color-surface-light) 0%,var(--color-surface) 100%);border-bottom:1px solid var(--color-border);min-height:40px}.modal-chrome-dots{display:flex;gap:8px}.chrome-dot{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:filter var(--transition-fast)}.chrome-dot:hover{filter:brightness(1.3)}.chrome-dot.close{background:var(--color-danger)}.chrome-dot.minimize{background:var(--color-warning)}.chrome-dot.maximize{background:var(--color-success)}.modal-chrome-title{flex:1;text-align:center}.modal-title-text{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.modal-close-btn{display:flex;align-items:center;gap:var(--space-xs);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);transition:all var(--transition-fast);min-height:28px}.modal-close-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.close-x{font-size:1.2em;line-height:1}.close-hint{opacity:.6}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--color-bg-panel)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-surface-lighter);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-chrome)}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{width:100%;max-width:100%;max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUpMobile .25s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-chrome{padding:var(--space-md)}.modal-chrome-dots{display:none}.modal-chrome-title{text-align:left}.modal-body{padding:var(--space-md);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0))}}@media(max-width:480px){.close-hint{display:none}}.credit-purchase-section{background:transparent;border:none;border-radius:0;padding:0}.credit-purchase-section .section-header{margin-bottom:var(--space-md)}.credit-purchase-section .section-header h3{display:none}.credit-purchase-section .section-description{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.message-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.message-banner.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.message-banner.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--color-success)}.message-banner.warning{background:#eab3081a;border:1px solid rgba(234,179,8,.3);color:var(--color-warning)}.message-banner span{flex:1}.message-banner button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;padding:0;line-height:1;opacity:.7}.message-banner button:hover{opacity:1}.credit-options{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}@media(max-width:600px){.credit-options{grid-template-columns:repeat(2,1fr)}}.credit-option{padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast)}.credit-option:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface)}.credit-option.selected{border-color:var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary)}.credit-option:disabled{opacity:.5;cursor:not-allowed}.purchase-action{display:flex;justify-content:flex-start}.btn-lg{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-sm)}.stats-bar{display:flex;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.stat-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm);position:relative;flex:1;min-width:0}.stat-item.balance{border-left:3px solid var(--color-success)}.stat-item.balance.low{border-left-color:var(--color-warning)}.stat-item.spend{border-left:3px solid var(--color-primary)}.stat-item.tokens{border-left:3px solid var(--color-info, #60a5fa)}.stat-item.payment{border-left:3px solid var(--color-purple, #a78bfa);cursor:pointer;transition:background var(--transition-fast)}.stat-item.payment:hover{background:var(--color-bg-panel)}.stat-icon{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.stat-label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value-row{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap}.stat-main-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-text);white-space:nowrap}.stat-detail{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.stat-status{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}.stat-status.success{color:var(--color-success)}.stat-status.warning{color:var(--color-warning)}.stat-warning-indicator{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--color-warning);animation:pulse 2s infinite}.add-btn{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:2px 6px;background:var(--color-warning);color:var(--color-bg);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast)}.add-btn:hover{opacity:.8}.stat-live{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-md);flex-shrink:0}.stat-live .live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);box-shadow:0 0 8px var(--color-success-glow);animation:pulse 2s infinite}.stat-live .live-text{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--color-success);letter-spacing:1px}@media(max-width:1200px){.stats-bar{flex-wrap:wrap}.stat-item{flex:1 1 calc(50% - var(--space-sm))}}@media(max-width:768px){.stats-bar{flex-direction:column}.stat-item{flex:1 1 100%}.stat-live{position:absolute;top:var(--space-sm);right:var(--space-sm)}}.ai-usage-chart-v2{padding:var(--space-md)}.auc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);gap:var(--space-md)}.auc-period-selector{display:flex;gap:2px;background:var(--color-bg-dark);border-radius:var(--radius-sm);padding:2px}.auc-period-btn{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-sm);background:transparent;color:var(--color-text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);min-width:40px}.auc-period-btn:hover:not(:disabled){color:var(--color-text)}.auc-period-btn:disabled{opacity:.5;cursor:not-allowed}.auc-period-btn.active{background:var(--color-surface);color:var(--color-primary)}.auc-stats{display:flex;gap:var(--space-lg)}.auc-stat{display:flex;flex-direction:column;align-items:flex-end;gap:0}.auc-stat.muted .auc-stat-value{color:var(--color-text-muted)}.auc-stat-value{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--color-text);line-height:1.2}.auc-stat-label{font-family:var(--font-mono);font-size:9px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.auc-chart-area{display:flex;gap:var(--space-sm);height:180px;margin-bottom:var(--space-sm)}.auc-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-sm) 0;width:48px;flex-shrink:0}.auc-y-label{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);text-align:right}.auc-bars-container{flex:1;position:relative;min-width:0}.auc-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-sm) 0 24px 0;pointer-events:none}.auc-grid-line{height:1px;background:var(--color-border);opacity:.5}.auc-bars{position:relative;display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:4px;padding-bottom:24px}.auc-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;cursor:pointer;min-width:0}.auc-bar-track{flex:1;width:100%;max-width:40px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.auc-bar-fill{width:100%;background:linear-gradient(180deg,var(--color-primary) 0%,rgba(0,255,255,.6) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .2s ease,opacity .15s ease;min-height:2px}.auc-bar-wrapper:hover .auc-bar-fill{background:linear-gradient(180deg,#0ff,#0ffc);box-shadow:0 0 12px #0ff6}.auc-bar-wrapper.today .auc-bar-fill{background:linear-gradient(180deg,#10b981,#10b98199)}.auc-bar-wrapper.today:hover .auc-bar-fill{background:linear-gradient(180deg,#10b981,#10b981cc);box-shadow:0 0 12px #10b98166}.auc-bar-label{position:absolute;bottom:0;left:0;right:0;font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);text-align:center;height:20px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auc-bar-wrapper.today .auc-bar-label{color:var(--color-success);font-weight:600}.auc-bar-wrapper.hovered .auc-bar-label{color:var(--color-primary)}.auc-tooltip{background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.auc-tooltip-date{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.auc-tooltip-stats{display:flex;gap:var(--space-md);align-items:center}.auc-tooltip-cost{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--color-primary)}.auc-tooltip-requests{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:768px){.auc-header{flex-direction:column;align-items:stretch}.auc-stats{justify-content:space-between}.auc-stat{align-items:center}.auc-chart-area{height:140px}.auc-y-axis{width:36px}.auc-y-label{font-size:9px}.auc-bars{gap:2px}.auc-bar-label{font-size:9px}.auc-tooltip{flex-direction:column;gap:var(--space-xs);text-align:center}}@media(max-width:480px){.auc-y-axis{display:none}.auc-bars{gap:1px}.auc-bar-wrapper:nth-child(odd) .auc-bar-label{visibility:hidden}}.vm-usage-chart{background:transparent}.vm-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);gap:var(--space-md)}.vm-usage-chart .period-selector{display:flex;gap:2px;background:var(--color-bg-dark);border-radius:var(--radius-sm);padding:2px}.vm-usage-chart .period-btn{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-sm);background:transparent;color:var(--color-text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);min-width:36px}.vm-usage-chart .period-btn:hover:not(:disabled){color:var(--color-text)}.vm-usage-chart .period-btn:disabled{opacity:.5;cursor:not-allowed}.vm-usage-chart .period-btn.active{background:var(--color-surface);color:var(--color-primary)}.vm-stats-row{display:flex;gap:var(--space-lg)}.vm-stat{display:flex;flex-direction:column;align-items:flex-end;gap:0}.vm-stat-value{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--color-text);line-height:1.2}.vm-stat-label{font-family:var(--font-mono);font-size:9px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.vm-empty{padding:var(--space-xl);text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.vm-usage-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);padding:var(--space-sm)}.vm-usage-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast);cursor:pointer}.vm-usage-card:hover{border-color:var(--color-primary)}.vm-usage-card:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0ff3}.vm-usage-card-bar{height:6px;background:var(--color-bg-dark);margin:var(--space-sm) var(--space-sm) 0 var(--space-sm);border-radius:3px;overflow:hidden}.vm-usage-card-bar-fill{height:100%;background:var(--color-primary);min-width:4px;border-radius:3px;transition:width var(--transition-fast)}.vm-usage-card-content{padding:var(--space-sm) var(--space-md) var(--space-md) var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.vm-usage-card-name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.vm-usage-card-cost{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-primary);flex-shrink:0;white-space:nowrap}@media(max-width:768px){.vm-chart-header{flex-direction:column;align-items:stretch}.vm-stats-row{justify-content:space-between}.vm-stat{align-items:center}.vm-usage-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:480px){.vm-stats-row{flex-wrap:wrap;gap:var(--space-md)}.vm-stat{min-width:calc(33% - var(--space-sm))}.vm-usage-card-grid{grid-template-columns:1fr;gap:var(--space-xs)}.vm-usage-card-content{padding:var(--space-xs) var(--space-sm)}.vm-usage-card-cost{font-size:var(--text-sm)}}.vm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.vm-modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:480px;width:100%;position:relative;box-shadow:0 20px 40px #00000080}.vm-modal-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast)}.vm-modal-close:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-primary)}.vm-modal-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.vm-modal-name{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-text);word-break:break-all}.vm-modal-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs);word-break:break-all}.vm-modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface)}.vm-modal-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.vm-modal-stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-primary)}.vm-modal-stat-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.vm-modal-details{padding:var(--space-md) var(--space-lg) var(--space-lg)}.vm-modal-detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);gap:var(--space-md)}.vm-modal-detail-row:last-child{border-bottom:none}.vm-modal-detail-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.vm-modal-detail-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);text-align:right;word-break:break-all}.vm-modal-id-copy{font-size:var(--text-xs);color:var(--color-text-muted)}.cost-breakdown-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cbp-loading{padding:var(--space-3xl);text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.cbp-hero{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-dark) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.cbp-hero:hover{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(0,255,255,.05) 100%)}.cbp-hero.expanded{border-bottom:1px solid var(--color-border)}.cbp-hero-main{display:flex;flex-direction:column;gap:var(--space-xs)}.cbp-hero-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:var(--space-sm)}.cbp-expand-icon{font-size:10px;transition:transform .2s ease;transform:rotate(-90deg)}.cbp-expand-icon.expanded{transform:rotate(0)}.cbp-hero-value{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:var(--color-primary);line-height:1;text-shadow:0 0 20px rgba(0,255,255,.3)}.cbp-hero-stats{display:flex;gap:var(--space-xl)}.cbp-hero-stat{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cbp-stat-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.cbp-stat-label{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.cbp-table-wrapper{overflow:hidden;max-height:0;transition:max-height .3s ease-out}.cbp-table-wrapper.expanded{max-height:1000px;overflow-x:auto}.cbp-table-wrapper.collapsed{max-height:0}.cbp-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--text-sm)}.cbp-table thead{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.cbp-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.cbp-table th.col-requests,.cbp-table th.col-tokens,.cbp-table th.col-cost{text-align:right}.cbp-table th.col-bar{width:120px}.cbp-table tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.cbp-table tbody tr:hover{background:var(--color-surface)}.cbp-table tbody tr:last-child{border-bottom:none}.cbp-table td{padding:var(--space-sm) var(--space-md);white-space:nowrap}.col-model{display:flex;align-items:center;gap:var(--space-sm)}.model-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.model-name{font-weight:600;color:var(--color-text)}.col-requests,.col-tokens{text-align:right;color:var(--color-text)}.col-cost{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:0}.cost-value{font-weight:700;color:var(--color-text)}.cost-percent{font-size:10px;color:var(--color-text-muted)}.col-bar{width:120px;padding-right:var(--space-lg)!important}.cost-bar-bg{width:100%;height:8px;background:var(--color-bg-dark);border-radius:4px;overflow:hidden}.cost-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.cbp-empty{padding:var(--space-3xl);text-align:center;color:var(--color-text-muted)}.cbp-empty-icon{display:block;font-family:var(--font-mono);font-size:var(--text-2xl);margin-bottom:var(--space-md);opacity:.5}.cbp-empty p{font-family:var(--font-mono);font-size:var(--text-sm);margin:0}@media(max-width:1024px){.cbp-hero{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.cbp-hero-stats{width:100%;justify-content:space-between}.cbp-hero-stat{align-items:flex-start}}@media(max-width:768px){.cbp-hero{padding:var(--space-md)}.cbp-hero-value{font-size:2rem}.cbp-hero-stats{flex-wrap:wrap;gap:var(--space-md)}.cbp-table th,.cbp-table td{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.col-bar,.cbp-table th.col-bar{display:none}.col-cost{flex-direction:row;gap:var(--space-xs)}}@media(max-width:480px){.col-tokens,.cbp-table th.col-tokens{display:none}.cbp-hero-stats{display:grid;grid-template-columns:repeat(3,1fr)}}.link-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-panel);color:var(--color-text);font-size:var(--text-xs);font-family:var(--font-mono);line-height:1.2;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.link-tag.compact{padding:1px 6px;font-size:.7rem}.link-tag.placeholder .link-tag-label{color:var(--color-text-muted)}.link-tag.empty{opacity:.7}.link-tag-dot{width:8px;height:8px;border-radius:999px;box-shadow:0 0 6px #0003}.link-tag-label{white-space:nowrap}.link-tag:focus-visible{outline:2px solid var(--color-primary-alpha);outline-offset:2px}button.link-tag{cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}button.link-tag:hover{border-color:var(--color-primary-light);box-shadow:0 0 0 1px #7ee78733}.quick-access-panel{display:flex;flex-direction:column;gap:var(--space-md)}.quick-access-panel.loading{padding:var(--space-xl);text-align:center}.loading-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.quick-section{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.quick-section-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.section-icon{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary);font-weight:600}.section-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.section-link{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;transition:all var(--transition-fast)}.section-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-alpha)}.section-cost{font-family:var(--font-mono);font-size:10px;padding:2px 6px;background:#10b98126;color:var(--color-success);border-radius:var(--radius-sm)}.quick-list{display:flex;flex-direction:column}.quick-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border)}.quick-row:last-child{border-bottom:none}.quick-row:hover{background:var(--color-surface)}.row-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--color-text-muted)}.row-status-dot.online,.row-status-dot.running{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.row-status-dot.offline{background:var(--color-text-muted)}.row-status-dot.provisioning{background:var(--color-warning);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.row-name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:100px;max-width:200px}.row-kind{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;flex-shrink:0;letter-spacing:.03em}.row-kind.cloud{background:#00ffff1a;color:var(--color-primary)}.row-kind.local{background:#9999ff1f;color:#99f}.row-operational{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;flex-shrink:0}.row-operational.working{background:#ffb00026;color:var(--color-warning);animation:pulse-badge 1.5s ease-in-out infinite}.row-operational.approval{background:#00ffff26;color:var(--color-primary);animation:pulse-badge 1.5s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.row-profile{font-family:var(--font-mono);font-size:10px;padding:2px 6px;background:var(--color-primary-alpha);color:var(--color-primary);border-radius:var(--radius-sm);flex-shrink:0}.row-count{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);flex-shrink:0}.row-agent{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);padding:2px 6px;background:var(--color-surface);border-radius:var(--radius-sm);flex-shrink:0}.agent-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted)}.agent-dot.online{background:var(--color-success)}.row-cost{font-family:var(--font-mono);font-size:10px;color:var(--color-success);font-weight:600;flex-shrink:0}.row-region{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);flex-shrink:0}.row-arrow{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin-left:auto;flex-shrink:0;transition:transform var(--transition-fast),color var(--transition-fast)}.quick-row:hover .row-arrow{color:var(--color-primary);transform:translate(2px)}@media(max-width:768px){.quick-section-header{flex-wrap:wrap;gap:var(--space-xs)}.quick-row{gap:var(--space-sm);padding:var(--space-sm)}.row-name{min-width:80px;max-width:120px}.row-region{display:none}}@media(max-width:480px){.row-count{display:none}.row-name{max-width:100px}}.dashboard{min-height:100vh;padding:var(--space-lg);background:var(--color-bg)}.dashboard.loading{display:flex;align-items:center;justify-content:center}.loading-content{text-align:center}.loading-text{margin-top:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.header-left{display:flex;align-items:center;gap:var(--space-lg)}.dashboard-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin:0}.title-icon{color:var(--color-primary)}.header-right{display:flex;align-items:center;gap:var(--space-md)}.cost-breakdown-section{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg);margin-top:var(--space-lg)}.chart-section{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.chart-section .section-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.section-header-collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.section-header-collapsible:hover{background:var(--color-surface-hover, rgba(255, 255, 255, .05))}.collapse-chevron{display:inline-block;font-size:.75rem;margin-right:var(--space-sm);color:var(--color-text-muted);transition:transform .2s ease;width:1em;text-align:center}.chart-section.collapsed{border-bottom:none}.chart-section.collapsed .section-header{border-bottom:none;border-radius:var(--radius-md)}.charts-grid:has(:only-child){grid-template-columns:1fr}.live-badge{display:inline-flex;align-items:center;gap:var(--space-xs);margin-left:var(--space-sm);padding:2px 6px;background:#10b98126;border-radius:var(--radius-sm);font-size:10px;font-weight:700;color:var(--color-success);letter-spacing:.5px}.live-badge .live-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.warning-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#ffb0001a;border:1px solid rgba(255,176,0,.3);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.banner-icon{font-size:1.25rem;color:var(--color-warning)}.banner-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-warning)}.link-button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;padding:0;font-weight:600}.link-button:hover{opacity:.8}.spending-limit-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-xl);animation:slideDownBanner .3s ease-out}.spending-limit-banner-warning{background:#ffb00026;border:1px solid rgba(255,176,0,.4)}.spending-limit-banner-warning .banner-icon,.spending-limit-banner-warning .banner-text{color:var(--color-warning)}.spending-limit-banner-danger{background:#ff475726;border:2px solid rgba(255,71,87,.5)}.spending-limit-banner-danger .banner-icon,.spending-limit-banner-danger .banner-text{color:var(--color-danger, #ff4757)}.spending-limit-banner-danger .banner-icon{font-size:1.4rem;animation:pulse 1.5s ease-in-out infinite}.spending-limit-banner-content{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.spending-limit-banner-content .banner-text{font-family:var(--font-mono);font-size:var(--text-sm)}.spending-limit-banner-dismiss{flex-shrink:0;background:none;border:1px solid currentColor;border-radius:var(--radius-sm);color:inherit;font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;padding:2px 8px;opacity:.6;transition:opacity .15s}.spending-limit-banner-dismiss:hover{opacity:1}.spending-limit-banner-warning .spending-limit-banner-dismiss{color:var(--color-warning)}.spending-limit-banner-danger .spending-limit-banner-dismiss{color:var(--color-danger, #ff4757)}@keyframes slideDownBanner{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-panel{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-md)}.error-icon{font-size:1.5rem;color:var(--color-danger)}.error-message{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-danger)}.usage-section{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0}.record-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.usage-table-container{overflow-x:auto}.usage-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--text-sm)}.usage-table thead{background:var(--color-surface)}.usage-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap}.usage-table th.align-right{text-align:right}.usage-table .expand-col{width:40px}.usage-row{cursor:pointer;transition:background var(--transition-fast)}.usage-row:hover,.usage-row.expanded{background:var(--color-surface)}.usage-row td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);white-space:nowrap}.usage-row td.align-right{text-align:right}.time-cell .time-value{color:var(--color-text-muted)}.model-cell .model-badge{display:inline-block;padding:2px 8px;background:var(--color-primary-alpha);border:1px solid rgba(0,255,255,.2);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--text-xs)}.key-cell .key-badge{display:inline-block;padding:2px 6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-xs)}.key-cell .key-badge.muted{color:var(--color-text-muted)}.token-cell{position:relative}.token-value{color:var(--color-text)}.cache-badge{margin-left:4px;font-size:10px}.cache-badge.hit{color:var(--color-success)}.cache-badge.miss{color:var(--color-warning)}.tool-badge{margin-left:4px;padding:1px 4px;background:#00ffff1a;border-radius:2px;color:var(--color-primary);font-size:10px}.cost-cell{color:var(--color-text);font-weight:500}.expand-cell{text-align:center}.expand-icon{color:var(--color-text-muted);font-size:10px}.empty-icon{font-family:var(--font-mono);font-size:var(--text-2xl);margin-bottom:var(--space-md);opacity:.5;letter-spacing:8px}.empty-state p{font-family:var(--font-mono);font-size:var(--text-sm);margin:0}.no-payment-modal{text-align:center;padding:var(--space-xl)}.modal-icon{font-size:3rem;margin-bottom:var(--space-md)}.no-payment-modal h3{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text);margin:0 0 var(--space-sm) 0}.no-payment-modal p{color:var(--color-text-muted);margin:0 0 var(--space-xl) 0}@media(max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard{padding:var(--space-md)}.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.header-right{width:100%;justify-content:flex-end}.dashboard-title{font-size:var(--text-xl)}.section-header{padding:var(--space-sm) var(--space-md)}.usage-table th,.usage-row td{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.usage-table th:nth-child(3),.usage-row td:nth-child(3){display:none}}@media(max-width:480px){.usage-table th:nth-child(4),.usage-row td:nth-child(4),.usage-table th:nth-child(5),.usage-row td:nth-child(5){display:none}.warning-banner,.spending-limit-banner{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.spending-limit-banner-content{flex-direction:column;align-items:flex-start}}@media(hover:none)and (pointer:coarse){.usage-row{min-height:48px}.usage-row:active{background:var(--color-surface)}}.usage-row-details{background:var(--color-bg-dark)}.usage-row-details>td{padding:0!important;border-bottom:1px solid var(--color-border)}.record-details{padding:var(--space-md) var(--space-lg);border-left:2px solid var(--color-primary);margin-left:var(--space-md);background:linear-gradient(90deg,rgba(0,255,255,.02) 0%,transparent 100%)}.details-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-sm);margin-bottom:var(--space-md);border-bottom:1px dashed var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs)}.details-timestamp,.details-request-id{display:flex;gap:var(--space-xs);color:var(--color-text-muted)}.details-header .label{color:var(--color-primary);font-weight:600}.details-section{margin-bottom:var(--space-md)}.details-section:last-child{margin-bottom:0}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-sm);letter-spacing:1px}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.detail-item{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-item .label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--color-text-muted);letter-spacing:.5px}.detail-item .value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}.detail-item .value.mono{font-size:var(--text-xs);word-break:break-all}.detail-item .value.highlight{color:var(--color-success);font-weight:600}.token-breakdown{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.token-group{display:flex;align-items:baseline;gap:var(--space-sm);font-family:var(--font-mono)}.token-group .token-label{font-size:10px;font-weight:600;color:var(--color-text-muted);letter-spacing:.5px}.token-group .token-value{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.token-group.cache-hit .token-label,.token-group.cache-hit .token-value{color:var(--color-success)}.token-group.cache-write .token-label,.token-group.cache-write .token-value{color:var(--color-warning)}.cache-note{font-size:10px;color:var(--color-text-muted);opacity:.7}.tools-available,.tools-called{margin-bottom:var(--space-sm)}.sub-label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--color-text-muted);margin-right:var(--space-sm)}.tool-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.tool-name{display:inline-block;padding:2px 6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.tool-calls{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.tool-call{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.tool-call-name{display:block;padding:var(--space-xs) var(--space-sm);background:var(--color-primary-alpha);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-primary)}.tool-call-args{margin:0;padding:var(--space-sm);font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);white-space:pre-wrap;word-break:break-all;max-height:100px;overflow-y:auto}.previews{display:flex;flex-direction:column;gap:var(--space-sm)}.preview-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.preview-label{display:block;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--color-text-muted);letter-spacing:.5px}.preview-content{margin:0;padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto;line-height:1.5}.tool-call-args::-webkit-scrollbar,.preview-content::-webkit-scrollbar{width:6px}.tool-call-args::-webkit-scrollbar-track,.preview-content::-webkit-scrollbar-track{background:var(--color-bg-dark)}.tool-call-args::-webkit-scrollbar-thumb,.preview-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tool-call-args::-webkit-scrollbar-thumb:hover,.preview-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}@media(max-width:1200px){.details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.record-details{padding:var(--space-sm) var(--space-md);margin-left:var(--space-sm)}.details-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.details-grid{grid-template-columns:1fr;gap:var(--space-sm)}.token-breakdown{flex-direction:column;gap:var(--space-sm)}}.workspace-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--workspace-accent-soft);color:var(--workspace-accent-text);border:1px solid var(--workspace-accent);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.workspace-badge.compact{padding:4px 10px;font-size:11px}.workspace-badge-label{color:var(--workspace-accent-text)}.workspace-badge-role{padding:2px 8px;border-radius:999px;background:#0f172a99;color:#f8fafc;font-size:10px;letter-spacing:.12em}.link-tag-editor{display:flex;flex-direction:column;gap:var(--space-md)}.color-picker-container{display:flex;flex-direction:column;gap:var(--space-sm)}.color-options-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-xs)}.color-option-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s;padding:0}.color-option-btn:hover{transform:scale(1.1)}.color-option-btn.selected{border-color:var(--color-text);transform:scale(1.1)}.color-input-row{display:flex;align-items:center;gap:var(--space-sm)}.color-preview-dot{width:24px;height:24px;border-radius:50%;flex-shrink:0}.hex-input{width:120px;font-family:var(--font-mono);font-size:var(--text-sm)}.form-hint{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-muted)}.api-keys-page{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.api-keys-page.loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px)}.api-keys-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.api-keys-page .page-header h1{margin:0;color:var(--color-text);font-family:var(--font-mono)}.api-keys-page .page-subtitle{margin:var(--space-sm) 0 0;color:var(--color-text-muted);font-family:var(--font-mono)}.api-keys-page .header-actions{display:flex;gap:var(--space-sm);align-items:center}.api-keys-page .refresh-icon{display:inline-block;font-size:1.25rem;line-height:1}.api-keys-page .refresh-icon.spinning{animation:spin 1s linear infinite}.api-keys-section{margin-bottom:var(--space-xl)}.api-keys-section .section-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.5px}.api-keys-section .section-title.muted{color:var(--color-text-muted)}.api-keys-section .section-title.muted svg{color:var(--color-text-muted)}.api-keys-section .section-title.muted.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between}.api-keys-section .section-title .title-content{display:flex;align-items:center;gap:var(--space-sm)}.api-keys-section .section-title.muted.clickable:hover{color:var(--color-text)}.api-keys-section .section-title svg{color:var(--color-primary)}.api-keys-section .section-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:10px;margin-left:auto}.api-keys-table-container{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;overflow-x:auto}.api-keys-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--text-sm)}.api-keys-table th{text-align:left;padding:var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.api-keys-table td{padding:var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.api-keys-table tr:last-child td{border-bottom:none}.api-keys-table tr:hover{background:var(--color-surface)}.key-name-cell{display:flex;flex-direction:column;gap:6px}.key-name{font-weight:600;color:var(--color-text);overflow-wrap:anywhere}.key-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.key-meta .link-tag{align-self:flex-start}.key-name-wrapper{display:flex;align-items:center;gap:var(--space-xs)}.edit-name-btn{padding:0;background:none;border:none;color:var(--color-text-muted);font-size:14px;cursor:pointer;opacity:0;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.api-keys-table tr:hover .edit-name-btn{opacity:.5}.edit-name-btn:hover{opacity:1!important;color:var(--color-primary);background:var(--color-surface)}.key-rename-form{display:flex;align-items:center;gap:var(--space-xs);width:100%}.key-rename-form input{padding:4px 8px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:inherit;font-weight:600;width:200px}.key-rename-form input:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-alpha)}.key-rename-actions{display:flex;gap:2px}.btn-icon-sm{width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .1s ease}.btn-icon-sm:hover{background:var(--color-surface);color:var(--color-text)}.btn-icon-sm.success:hover{background:var(--color-secondary-alpha);color:var(--color-secondary)}.key-suffix{font-size:var(--text-xs);color:var(--color-text-muted)}.key-suffix code{color:var(--color-primary);background:var(--color-surface);padding:1px 4px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:var(--color-secondary-alpha);color:var(--color-secondary);border:1px solid rgba(0,255,65,.3)}.status-badge.revoked{background:#ff47571a;color:var(--color-danger);border:1px solid rgba(255,71,87,.3)}.date-cell{color:var(--color-text-muted);font-size:var(--text-xs)}.action-btn{padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface)}.action-btn.danger{color:var(--color-danger);border-color:#ff47574d}.action-btn.danger:hover:not(:disabled){background:#ff47571a;border-color:var(--color-danger)}.api-keys-page .empty-state{text-align:center;padding:var(--space-3xl);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md)}.api-keys-page .empty-state .empty-icon{font-size:3rem;margin-bottom:var(--space-lg)}.api-keys-page .empty-state h3{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text);margin:0 0 var(--space-sm)}.api-keys-page .empty-state p{color:var(--color-text-muted);margin:0 0 var(--space-lg)}.api-keys-page .error-banner{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:var(--color-danger);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm)}.api-keys-page .modal-form-content{display:flex;flex-direction:column;gap:var(--space-md)}.api-keys-page .modal-form-content .form-group{margin-bottom:0}.api-keys-page .modal-description{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.api-keys-page .modal-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);margin:0;line-height:1.5}.api-keys-page .modal-text strong{color:var(--color-primary)}.api-keys-page .modal-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.api-keys-page .modal-actions .btn{flex:1}.api-keys-page .form-group{margin-bottom:var(--space-lg)}.api-keys-page .form-group label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.api-keys-page .form-group input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition-fast)}.api-keys-page .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.api-key-display{display:flex;align-items:stretch;gap:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.api-key-value{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);word-break:break-all;line-height:1.5;background:transparent;display:flex;align-items:center}.api-key-copy-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:none;border-left:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.api-key-copy-btn:hover{background:var(--color-surface-light);color:var(--color-text)}.api-key-copy-btn:active{background:var(--color-primary);color:var(--color-bg)}.api-key-copy-btn svg{flex-shrink:0}.api-key-warning{display:flex;align-items:flex-start;gap:var(--space-sm);background:#ffaa001a;border:1px solid rgba(255,170,0,.3);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.api-key-warning .warning-icon{font-size:var(--text-base);line-height:1.4;flex-shrink:0}.api-key-warning strong{display:block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-warning);margin-bottom:2px}.api-key-warning p{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.4}.btn-block{width:100%}@media(max-width:768px){.api-keys-page{padding:var(--space-md)}.api-keys-page .page-header{flex-direction:column;gap:var(--space-md)}.api-keys-page .header-actions{width:100%;flex-wrap:wrap;justify-content:space-between}.api-keys-page .header-actions .btn{flex:1}.api-keys-table-container{overflow:visible}.api-keys-table,.api-keys-table thead,.api-keys-table tbody,.api-keys-table tr,.api-keys-table th,.api-keys-table td{display:block;width:100%}.api-keys-table thead{display:none}.api-keys-table tr{padding:var(--space-md);border-bottom:1px solid var(--color-border)}.api-keys-table tr:last-child{border-bottom:none}.api-keys-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:none}.api-keys-table td:before{content:attr(data-label);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);min-width:90px}.api-keys-table td.key-name-td{flex-direction:column;align-items:flex-start}.api-keys-table td.key-name-td:before{margin-bottom:var(--space-xs)}.key-meta{row-gap:var(--space-xs)}.api-keys-table td[data-label=Actions]{align-items:center}.notification-toast{left:var(--space-md);right:var(--space-md);transform:none;max-width:none}}.clankies-page{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.clankies-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.clankies-page .page-header h1{margin:0;color:var(--color-text);font-family:var(--font-mono)}.clankies-page .page-subtitle{margin:var(--space-sm) 0 0;color:var(--color-text-muted);font-family:var(--font-mono)}.clankies-page .header-actions{display:flex;gap:var(--space-sm);align-items:center}.clankie-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.clankie-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast);position:relative;display:flex;flex-direction:column;cursor:pointer}.clankie-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #00ffff14}.clankie-status-bar{position:absolute;top:0;left:0;bottom:0;width:3px}.clankie-card.status-running .clankie-status-bar{background:var(--color-secondary);box-shadow:0 0 8px var(--color-success-glow)}.clankie-card.status-provisioning .clankie-status-bar{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning-glow);animation:clankie-pulse-bar 2s ease-in-out infinite}.clankie-card.status-shutdown .clankie-status-bar,.clankie-card.status-terminated .clankie-status-bar{background:var(--color-text-muted)}@keyframes clankie-pulse-bar{0%,to{opacity:1}50%{opacity:.5}}.clankie-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md);padding-left:calc(var(--space-md) + 8px);border-bottom:1px solid var(--color-border)}.clankie-identity{display:flex;flex-direction:column;gap:2px;min-width:0}.clankie-title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-xs)}.clankie-title .lock-icon{display:inline-block;width:14px;height:14px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5a623' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.clankie-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.clankie-header-badges{display:flex;gap:var(--space-xs);align-items:center}.clankie-card .operational-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-sm);background:#ffb00026;color:var(--color-warning)}.clankie-card .kind-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-sm);flex-shrink:0}.clankie-card .kind-badge.cloud{background:var(--color-primary-alpha);color:var(--color-primary)}.clankie-card .kind-badge.local{background:#8888ff26;color:#99f}.clankie-card .update-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-sm);flex-shrink:0;background:#ffb00026;color:var(--color-warning);animation:update-pulse 2s ease-in-out infinite}@keyframes update-pulse{0%,to{opacity:1}50%{opacity:.6}}.clankie-card .status-badge-v2{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-sm);flex-shrink:0}.clankie-card .status-badge-v2.status-running{background:var(--color-secondary-alpha);color:var(--color-secondary)}.clankie-card .status-badge-v2.status-provisioning{background:#ffb00026;color:var(--color-warning)}.clankie-card .status-badge-v2.status-shutdown{background:var(--color-surface-light);color:var(--color-text-muted)}.clankie-card .status-badge-v2.status-terminated{background:var(--color-surface);color:var(--color-text-muted)}.clankie-info-grid{display:flex;flex-wrap:wrap;gap:1px;background:var(--color-border);border-bottom:1px solid var(--color-border)}.clankie-info-section{background:var(--color-bg-panel);padding:var(--space-sm) var(--space-md);flex:1 1 0;min-width:100px}.clankie-info-section:first-child{padding-left:calc(var(--space-md) + 8px)}.clankie-info-grid .info-label{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:2px}.clankie-info-grid .info-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}.clankie-info-grid .info-value.cost{color:var(--color-primary);font-weight:600}.clankie-info-grid .info-value.model{color:var(--color-primary)}.clankie-info-grid .info-value.version-value{display:flex;flex-direction:column;gap:2px}.clankie-info-grid .version-update-badge{font-size:9px;font-weight:600;color:var(--color-success);text-transform:uppercase;letter-spacing:.4px}.clankie-info-grid .plan-name-display{font-weight:600;color:var(--color-text)}.clankie-info-grid .plan-specs-display{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.clankie-info-grid .info-value.config-on{color:var(--color-secondary);font-weight:600}.clankie-info-grid .info-value.config-off{color:var(--color-text-muted)}.clankie-section{padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 8px);border-bottom:1px solid var(--color-border)}.clankie-section .section-label{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.clankie-section .section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.clankie-section .section-action-btn{background:transparent;border:none;color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;padding:0;transition:opacity var(--transition-fast);text-decoration:none}.clankie-section .section-action-btn:hover{opacity:.8}.clankie-section .section-action-btn:disabled{color:var(--color-text-muted);cursor:not-allowed}.clankie-section .section-empty{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-xs)}.clankie-section .section-loading{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.empty-dot{opacity:.5}.ip-row{display:flex;align-items:center;gap:var(--space-sm)}.ip-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:transparent;padding:0}.cloud-network-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.cloud-network-cell{min-width:0}.cloud-network-cell .section-label,.cloud-network-cell .section-header-row{margin-bottom:var(--space-xs)}.published-urls-compact{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.published-url-item{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-width:100%}.published-url-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.published-url-link:hover{text-decoration:underline}.published-url-item .copy-btn{flex-shrink:0}.firewall-rules-inline{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.rule-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.rule-badge .rule-port{font-weight:600;color:var(--color-text)}.rule-badge .rule-proto{font-size:9px;color:var(--color-text-muted);text-transform:uppercase}.rule-badge .rule-source{font-size:9px;color:var(--color-primary);max-width:80px;overflow:hidden;text-overflow:ellipsis}.rules-more{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.domains-inline{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.domain-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.domain-badge .domain-port{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-alpha);padding:1px 6px;border-radius:var(--radius-sm)}.domain-badge .domain-url{flex:1;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-badge .domain-url:hover{color:var(--color-primary)}.domain-badge .domain-copy,.domain-badge .domain-remove{width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.domain-badge .domain-copy:hover{color:var(--color-primary);background:var(--color-bg)}.domain-badge .domain-remove:hover{color:var(--color-danger);background:#ff47571a}.local-config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs) var(--space-lg)}.local-config-item{display:flex;justify-content:space-between;gap:var(--space-sm)}.local-config-key{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.local-config-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);font-weight:600;text-align:right}.local-config-value.on{color:var(--color-secondary)}.local-config-value.off{color:var(--color-text-muted);font-weight:400}.knowledge-summary{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.knowledge-cat-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.knowledge-cat-count{font-weight:700;color:var(--color-primary)}.knowledge-cat-name{color:var(--color-text-muted)}.section-count-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-primary-alpha);color:var(--color-primary)}.local-recent-conversations{display:flex;flex-direction:column;gap:1px}.local-conv-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.local-conv-item:hover{background:var(--color-surface)}.local-conv-item.active{background:var(--color-primary-alpha)}.local-conv-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;display:flex;align-items:center;gap:var(--space-xs)}.local-conv-active-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-secondary);flex-shrink:0;box-shadow:0 0 4px var(--color-success-glow)}.local-conv-meta{display:flex;gap:var(--space-sm);font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);flex-shrink:0}.local-conv-more{padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;transition:opacity var(--transition-fast)}.local-conv-more:hover{opacity:.8}.agent-roster{display:flex;flex-direction:column;gap:1px}.agent-roster-row{display:flex;align-items:center;gap:var(--space-sm);padding:5px var(--space-sm);border-radius:var(--radius-sm);min-height:30px;transition:background var(--transition-fast)}.agent-roster-row:hover{background:var(--color-surface)}.agent-roster-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.agent-roster-status-dot.online{background:var(--color-secondary);box-shadow:0 0 5px var(--color-success-glow)}.agent-roster-status-dot.offline{background:var(--color-text-muted);opacity:.5}.agent-roster-name{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text);text-decoration:none;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.agent-roster-name:hover{color:var(--color-primary)}.agent-roster-model{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--color-primary);background:var(--color-primary-alpha);padding:1px 6px;border-radius:var(--radius-sm);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.agent-roster-meta{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);flex-shrink:0;white-space:nowrap}.agent-roster-chat-btn{flex-shrink:0;padding:2px 10px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);line-height:1.6}.agent-roster-chat-btn:hover{background:var(--color-primary-alpha);box-shadow:var(--glow-primary)}.agent-roster-more-toggle{background:transparent;border:none;padding:4px var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;text-align:left;transition:opacity var(--transition-fast)}.agent-roster-more-toggle:hover{opacity:.8}.publish-modal-content{display:flex;flex-direction:column;gap:var(--space-lg)}.publish-explanation{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md)}.publish-description{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin:0}.publish-description code{background:var(--color-bg);padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-primary);font-size:var(--text-xs)}.publish-form{margin:0}.publish-form-row{display:flex;gap:var(--space-sm);align-items:stretch}.publish-port-input{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition-fast);-moz-appearance:textfield}.publish-port-input::-webkit-outer-spin-button,.publish-port-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.publish-port-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.publish-port-input::placeholder{color:var(--color-text-muted)}.publish-submit-btn{padding:var(--space-sm) var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;background:var(--color-primary);color:var(--color-bg);border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.publish-submit-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--glow-primary)}.publish-submit-btn:disabled{opacity:.4;cursor:not-allowed}.publish-domains-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.publish-domains-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.publish-domains-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.publish-domains-count{font-family:var(--font-mono);font-size:9px;font-weight:700;padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-primary-alpha);color:var(--color-primary)}.publish-domains-empty{padding:var(--space-lg) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.publish-domains-list{display:flex;flex-direction:column}.publish-domain-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:background var(--transition-fast)}.publish-domain-row:not(:last-child){border-bottom:1px solid var(--color-border)}.publish-domain-row:hover{background:var(--color-surface)}.publish-domain-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.publish-domain-port{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-alpha);padding:2px 8px;border-radius:var(--radius-sm);flex-shrink:0}.publish-domain-url{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.publish-domain-url:hover{color:var(--color-primary);text-decoration:underline}.publish-domain-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.publish-domain-copy,.publish-domain-remove{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.publish-domain-copy{color:var(--color-text-muted)}.publish-domain-copy:hover{color:var(--color-primary);background:var(--color-surface);border-color:var(--color-border)}.publish-domain-remove{color:var(--color-text-muted)}.publish-domain-remove:hover{color:var(--color-danger);background:#ff47571a;border-color:#ff47574d}.publish-help{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md)}.publish-help-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.publish-help-list{margin:0;padding:0 0 0 var(--space-md);list-style:none}.publish-help-list li{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.8;position:relative;padding-left:var(--space-sm)}.publish-help-list li:before{content:"›";position:absolute;left:calc(-1 * var(--space-sm));color:var(--color-primary);font-weight:600}.publish-help-list li code{background:var(--color-bg);padding:1px 5px;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-primary);font-size:10px}.clankie-card-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 8px);background:var(--color-surface);margin-top:auto}.clankie-card-actions .action-buttons-left{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.clankie-card-actions .action-buttons-right{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.clankie-card-actions .action-btn{padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:32px;height:32px;min-width:0;white-space:nowrap}.clankie-card-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.clankie-card-actions .action-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.clankie-card-actions .action-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.clankie-card-actions .action-btn.primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--glow-primary)}.clankie-card-actions .action-btn.secondary{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.clankie-card-actions .action-btn.danger{color:var(--color-danger);border-color:var(--color-danger)}.clankie-card-actions .action-btn.danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.clankie-card-actions .action-btn.locked,.clankie-card-actions .action-btn.warning{color:var(--color-warning, #f0ad4e);border-color:var(--color-warning, #f0ad4e)}.clankie-card-actions .action-btn.warning:hover:not(:disabled){background:#f0ad4e26;border-color:var(--color-warning, #f0ad4e);color:var(--color-warning, #f0ad4e)}.btn-warning{background:var(--color-warning, #f0ad4e);border-color:var(--color-warning, #f0ad4e);color:var(--color-bg);font-family:var(--font-mono);font-weight:600}.btn-warning:hover:not(:disabled){background:#e09a3a;box-shadow:0 0 12px #f0ad4e4d}.clankie-card-actions .actions-menu{position:relative}.clankie-card-actions .menu-trigger{height:32px;padding:0 var(--space-sm);display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.clankie-card-actions .menu-trigger:hover{color:var(--color-text);border-color:var(--color-primary)}.clankie-card-actions .dropdown-menu{position:absolute;bottom:100%;right:0;margin-bottom:var(--space-xs);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 20px #0006;z-index:100;overflow:hidden;min-width:180px}.clankie-card-actions .dropdown-menu button{display:block;width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm);text-align:left;color:var(--color-text);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast);min-height:44px;line-height:1.4}.clankie-card-actions .dropdown-menu button:hover:not(:disabled){background:var(--color-surface);color:var(--color-primary)}.clankie-card-actions .dropdown-menu button:disabled{color:var(--color-text-muted);cursor:not-allowed}.clankie-card-actions .dropdown-menu button.dropdown-menu-danger{color:var(--color-danger);border-top:1px solid var(--color-border)}.clankie-card-actions .dropdown-menu button.dropdown-menu-danger:disabled{color:var(--color-text-muted);opacity:.5;cursor:not-allowed}.clankie-card-actions .dropdown-menu button.dropdown-menu-danger:hover:not(:disabled){background:#ff47571a;color:var(--color-danger)}.modal-form-content{display:flex;flex-direction:column;gap:var(--space-md)}.modal-form-content .form-group{margin-bottom:0}.modal-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);margin:0;line-height:1.5}.modal-text strong{color:var(--color-primary)}.modal-description{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.modal-description code{background:var(--color-surface);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-primary)}.modal-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-xs);color:var(--color-text-muted);font-weight:600;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs);font-family:var(--font-mono)}.select-input{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);font-family:var(--font-mono);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237ee787' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:2.5rem;transition:all var(--transition-fast)}.select-input:hover{border-color:var(--color-primary)}.select-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.select-input option{background:var(--color-bg-panel);color:var(--color-text);padding:var(--space-sm)}.plan-placeholder{background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xl);text-align:center;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.plan-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;position:relative}.plan-card:hover{border-color:var(--color-primary);background:var(--color-surface)}.plan-card.selected{border-color:var(--color-primary);background:var(--color-primary-alpha);box-shadow:0 0 12px var(--color-primary-alpha)}.plan-card.selected:before{content:"✓";position:absolute;top:var(--space-xs);right:var(--space-sm);color:var(--color-primary);font-size:var(--text-sm)}.plan-name{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);font-family:var(--font-mono)}.plan-specs{display:flex;flex-direction:column;gap:2px;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm);font-family:var(--font-mono)}.plan-price{font-size:var(--text-lg);font-weight:600;color:var(--color-primary);font-family:var(--font-mono)}.deploy-summary{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);margin-top:var(--space-lg)}.deploy-summary h4{margin:0 0 var(--space-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.summary-row{display:flex;justify-content:space-between;padding:var(--space-xs) 0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.summary-row span:last-child{color:var(--color-text)}.billing-note{margin:var(--space-md) 0 0;padding:var(--space-sm) var(--space-md);background:#ffb0001a;border:1px solid rgba(255,176,0,.3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-warning);font-family:var(--font-mono)}.resize-current-plan{padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.resize-current-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.resize-current-name{font-weight:600;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm)}.resize-current-price{color:var(--color-primary);font-size:var(--text-sm);font-family:var(--font-mono);margin-top:var(--space-xs)}.resize-no-plans{text-align:center;padding:var(--space-lg);color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-md);border:1px dashed var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm)}.delete-cascade-box{padding:var(--space-md);background:#ffc1071a;border-radius:var(--radius-md);border:1px solid var(--color-warning, #ffc107)}.cascade-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.cascade-label input[type=checkbox]{width:16px;height:16px;flex-shrink:0}.delete-agent-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.delete-agent-list-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-xs)}.delete-agent-names{margin:0;padding:0 0 0 var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);list-style:disc}.delete-agent-names li{padding:1px 0}.ssh-warning{background:#ffb0001a;border:1px solid rgba(255,176,0,.3);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-lg)}.ssh-warning-title{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-warning);font-weight:600;margin-bottom:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm)}.ssh-help-content{font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-sans)}.ssh-help-content p{margin:0 0 var(--space-xs);color:var(--color-text-muted)}.ssh-help-content pre{background:var(--color-surface);padding:var(--space-sm);border-radius:var(--radius-sm);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:var(--space-md);border:1px solid var(--color-border);color:var(--color-text);-webkit-user-select:all;user-select:all}.ssh-help-content a{color:var(--color-primary);text-decoration:none;font-weight:500}.ssh-help-content a:hover{text-decoration:underline}.ssh-help-toggle{background:none;border:none;color:var(--color-primary);font-size:var(--text-xs);font-family:var(--font-mono);cursor:pointer;padding:0;margin-top:var(--space-xs);text-decoration:underline}.ssh-help-toggle:hover{color:var(--color-primary-hover)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);background:var(--color-bg-panel);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.empty-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.6}.empty-state h3{margin:0 0 var(--space-sm);color:var(--color-text);font-family:var(--font-mono)}.empty-state p{margin:0 0 var(--space-md);color:var(--color-text-muted);font-family:var(--font-mono);max-width:600px;margin-left:auto;margin-right:auto}.error-banner{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:var(--color-danger);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm)}.error-message{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:var(--color-danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm)}.loading{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted);font-family:var(--font-mono)}.code-block{background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm);text-align:left;display:inline-block;color:var(--color-text)}.refresh-icon{display:inline-block;transition:transform .3s}.refresh-icon.spinning{animation:spin 1s linear infinite}@media(max-width:1400px){.clankie-grid{grid-template-columns:1fr}}@media(max-width:768px){.clankies-page{padding:var(--space-md)}.clankies-page .page-header{flex-direction:column;gap:var(--space-md)}.clankie-info-grid{flex-direction:column}.clankie-card-actions .action-btn{padding:var(--space-xs) var(--space-sm);min-width:0}.clankie-card-actions .dropdown-menu{min-width:220px}.clankie-card-actions .dropdown-menu button{padding:var(--space-md) var(--space-lg);font-size:var(--text-base);min-height:48px}.plan-cards{grid-template-columns:1fr}}.approval-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1117;display:flex;flex-direction:column;z-index:1000;animation:overlay-fade-in .15s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.approval-modal{flex:1;display:flex;flex-direction:column;background:#0d1117;color:#c9d1d9;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;font-size:14px;line-height:1.5;overflow:hidden}.approval-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#161b22;border-bottom:1px solid #30363d;flex-shrink:0}.approval-modal-header-content{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.approval-modal-icon{font-size:20px;line-height:1;flex-shrink:0}.approval-modal-title-group{min-width:0;flex:1}.approval-modal-title{font-size:14px;font-weight:600;color:#f0883e;margin:0;line-height:1.3;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}.approval-modal-subtitle{font-size:13px;color:#8b949e;margin:4px 0 0;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-modal-close{background:transparent;border:1px solid #30363d;color:#8b949e;cursor:pointer;padding:6px 10px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .1s ease;flex-shrink:0;font-family:inherit;font-size:12px}.approval-modal-close:hover{background:#21262d;border-color:#8b949e;color:#c9d1d9}.approval-modal-close svg{width:14px;height:14px}.approval-modal-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.approval-modal-body::-webkit-scrollbar{width:8px}.approval-modal-body::-webkit-scrollbar-track{background:#0d1117}.approval-modal-body::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.approval-modal-body::-webkit-scrollbar-thumb:hover{background:#484f58}.approval-card{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:12px 16px}.approval-card-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8b949e;margin:0 0 10px;font-family:inherit}.approval-description{font-size:13px;color:#c9d1d9;line-height:1.6;margin:0;font-family:inherit;white-space:pre-wrap}.approval-card-preview{padding-bottom:8px;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.preview-content{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:hidden}.preview-meta{display:flex;flex-direction:column;gap:6px}.preview-meta-row{display:flex;align-items:baseline;gap:12px;font-size:13px;font-family:inherit}.preview-meta-label{color:#8b949e;flex-shrink:0;min-width:80px}.preview-meta-value{color:#c9d1d9;word-break:break-all}.preview-meta-value.mono{color:#79c0ff;background:#0d1117;padding:2px 6px;border-radius:3px;border:1px solid #21262d}.preview-meta-value.warning{color:#f0883e}.preview-meta-value.success{color:#3fb950}.preview-meta-value.highlight{color:#a371f7;font-weight:600}.stat-added{color:#3fb950;font-weight:600}.stat-removed{color:#f85149;font-weight:600}.stat-separator{color:#484f58;margin:0 4px}.preview-danger-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f851491a;border:1px solid rgba(248,81,73,.4);border-radius:6px;margin-bottom:8px}.danger-icon{font-size:16px;flex-shrink:0}.danger-text{color:#f85149;font-size:13px;font-weight:500;font-family:inherit}.preview-command-section{margin-top:8px}.preview-command-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8b949e;margin-bottom:8px;font-family:inherit}.preview-command{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:12px 16px;margin:0;font-family:inherit;font-size:13px;color:#c9d1d9;white-space:pre-wrap;word-break:break-all;line-height:1.5;overflow-x:auto}.preview-command.dangerous{border-color:#f8514966;background:#f851490d}.command-prompt{color:#3fb950;font-weight:600;margin-right:8px;-webkit-user-select:none;user-select:none}.preview-args{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:12px 16px;margin:0;font-family:inherit;font-size:12px;color:#8b949e;white-space:pre-wrap;word-break:break-all;line-height:1.5;max-height:300px;overflow:auto}.diff-view{border:1px solid #30363d;border-radius:6px;overflow:hidden;background:#0d1117;display:flex;flex-direction:column;flex:1;min-height:0}.diff-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#161b22;border-bottom:1px solid #30363d}.diff-toolbar-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8b949e;font-family:inherit}.diff-scroll-container{flex:1;min-height:200px;max-height:none;overflow:auto;padding:12px}.diff-scroll-container::-webkit-scrollbar{width:8px;height:8px}.diff-scroll-container::-webkit-scrollbar-track{background:#0d1117}.diff-scroll-container::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.diff-scroll-container::-webkit-scrollbar-thumb:hover{background:#484f58}.diff-content{margin:0;padding:0;font-family:inherit;font-size:12px;line-height:1.5;white-space:pre;color:#c9d1d9;background:transparent;border:none}.diff-line{display:block}.diff-line-content{white-space:pre;color:inherit;display:inline}.diff-line-file-header{color:#8b949e;font-weight:600;background:#161b22}.diff-line-hunk{color:#a371f7;background:#a371f71a;font-weight:600}.diff-line-added{color:#3fb950;background:#3fb95026}.diff-line-removed{color:#f85149;background:#f8514926}.diff-line-context{color:#8b949e}.diff-empty{padding:24px;text-align:center;color:#484f58;font-style:italic;font-family:inherit}.approval-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #30363d;background:#161b22;flex-shrink:0;gap:16px}.approval-modal-shortcuts{display:flex;gap:16px}.shortcut-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:#484f58;font-family:inherit}.shortcut-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#0d1117;border:1px solid #30363d;border-radius:4px;font-family:inherit;font-size:11px;font-weight:600;color:#8b949e}.approval-modal-actions{display:flex;gap:10px}.approval-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .1s ease}.approval-action-btn svg{width:14px;height:14px;flex-shrink:0}.approval-action-btn:disabled{opacity:.5;cursor:not-allowed}.approval-action-btn.reject{background:transparent;border-color:#30363d;color:#8b949e}.approval-action-btn.reject:hover:not(:disabled){background:#f851491a;border-color:#f85149;color:#f85149}.approval-action-btn.approve{background:#238636;border-color:#238636;color:#fff}.approval-action-btn.approve:hover:not(:disabled){background:#2ea043;border-color:#2ea043}.approval-action-btn.approve:focus{outline:none;box-shadow:0 0 0 2px #0d1117,0 0 0 4px #238636}@media(max-width:640px){.approval-modal-header{padding:10px 12px}.approval-modal-icon{font-size:18px}.approval-modal-title{font-size:13px}.approval-modal-subtitle{font-size:12px}.approval-modal-body{padding:12px}.approval-card{padding:10px 12px}.preview-meta-row{flex-direction:column;gap:4px}.preview-meta-label{min-width:unset}.diff-scroll-container{max-height:calc(100vh - 350px)}.diff-content{font-size:11px}.approval-modal-footer{flex-direction:column;padding:12px;gap:10px}.approval-modal-shortcuts{order:2;width:100%;justify-content:center}.approval-modal-actions{order:1;width:100%}.approval-action-btn{flex:1;justify-content:center;padding:10px 12px}}.pm-root{display:flex;flex-direction:column;gap:var(--space-sm);font-family:var(--font-mono);min-height:0}.pm-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono)}.pm-banner-icon{font-size:1.1em;flex-shrink:0}.pm-banner-warn{background:#ffb0001f;border:1px solid rgba(255,176,0,.35);color:var(--color-warning)}.pm-banner-error{background:#ff47571f;border:1px solid rgba(255,71,87,.35);color:var(--color-danger)}.pm-banner-warn .pm-banner-icon{display:inline-block;animation:pm-spin 1.4s linear infinite}@keyframes pm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pm-stats{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;flex-wrap:wrap}.pm-stat{display:flex;align-items:center;gap:var(--space-xs)}.pm-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.pm-stat-value{font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.pm-stat-active{color:var(--color-warning)}.pm-stat-done{color:var(--color-primary)}.pm-progress-wrap{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:100px}.pm-progress-bar{flex:1;height:4px;background:var(--color-surface-lighter);border-radius:var(--radius-full);overflow:hidden}.pm-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.pm-progress-pct{font-size:var(--text-xs);color:var(--color-text-muted);min-width:32px;text-align:right}.pm-filter-toggle{margin-left:auto;padding:2px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.pm-filter-toggle:hover{background:var(--color-surface-light);color:var(--color-text);border-color:var(--color-border-light)}.pm-filter-toggle-active{background:#64ffb414;border-color:#64ffb44d;color:var(--color-primary)}.pm-clear-btn{padding:2px 10px;border-radius:var(--radius-sm);border:1px solid rgba(255,71,87,.3);background:transparent;color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0;opacity:.7}.pm-clear-btn:hover:not(:disabled){background:#ff47571a;border-color:#ff475799;opacity:1}.pm-clear-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pm-hints{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-disabled);padding:0 var(--space-xs);flex-wrap:wrap}.pm-delete-confirm{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#ff475714;border:1px solid rgba(255,71,87,.35);border-radius:var(--radius-md);flex-shrink:0;flex-wrap:wrap}.pm-delete-confirm-msg{font-size:var(--text-sm);color:var(--color-danger);flex:1}.pm-delete-confirm-actions{display:flex;gap:var(--space-sm)}.pm-confirm-btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all .1s ease}.pm-confirm-cancel{background:var(--color-surface);color:var(--color-text-muted)}.pm-confirm-cancel:hover{background:var(--color-surface-light);color:var(--color-text)}.pm-confirm-delete{background:#ff475726;color:var(--color-danger);border-color:#ff475766}.pm-confirm-delete:hover{background:#ff475740;border-color:var(--color-danger)}.pm-task-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-y:auto;max-height:60vh;background:var(--color-bg-panel)}.pm-task-list::-webkit-scrollbar{width:6px}.pm-task-list::-webkit-scrollbar-track{background:var(--color-bg-panel)}.pm-task-list::-webkit-scrollbar-thumb{background:var(--color-surface-lighter);border-radius:var(--radius-sm)}.pm-task-list::-webkit-scrollbar-thumb:hover{background:var(--color-chrome)}.pm-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);color:var(--color-text-disabled);font-size:var(--text-sm)}.pm-empty-icon{font-size:1.4em;opacity:.5}.pm-link-btn{background:none;border:none;color:var(--color-primary);font-family:var(--font-mono);font-size:inherit;cursor:pointer;padding:0;text-decoration:underline;opacity:.8}.pm-link-btn:hover{opacity:1}.pm-task-row{display:flex;align-items:center;gap:var(--space-sm);padding:5px 8px;border-bottom:1px solid var(--color-border);background:var(--color-bg-panel);transition:background .1s ease;min-height:34px;-webkit-user-select:none;user-select:none}.pm-task-row:last-child{border-bottom:none}.pm-task-row.pm-task-clickable{cursor:pointer}.pm-task-row.pm-task-clickable:hover{background:var(--color-bg-panel-hover)}.pm-task-child{background:var(--color-bg-darker)}.pm-task-saving{opacity:.6;pointer-events:none}.pm-task-expanded{background:var(--color-surface)!important}.pm-expand-chevron{font-size:11px;color:var(--color-text-muted);flex-shrink:0;width:14px;text-align:center;transition:color .1s ease}.pm-expand-invisible{visibility:hidden}.pm-task-row:hover .pm-expand-chevron{color:var(--color-text)}.pm-task-expanded .pm-expand-chevron{color:var(--color-primary)}.pm-status-btn{flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;padding:2px 4px;line-height:1;transition:all .1s ease;min-width:32px;text-align:center}.pm-status-btn:hover:not(:disabled){border-color:var(--color-border-light);background:var(--color-surface)}.pm-status-btn:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.pm-status-btn.pm-status-pending{color:var(--color-text-muted)}.pm-status-btn.pm-status-in-progress{color:var(--color-warning)}.pm-status-btn.pm-status-completed{color:var(--color-primary)}.pm-status-btn.pm-status-failed{color:var(--color-danger)}.pm-status-btn.pm-status-cancelled{color:var(--color-text-disabled)}.pm-task-title-wrap{flex:1;min-width:0;padding:2px 0}.pm-task-title{display:block;font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.pm-task-title.pm-task-completed{color:var(--color-text-muted)}.pm-task-title.pm-task-cancelled{color:var(--color-text-disabled)}.pm-task-title.pm-task-failed{color:var(--color-danger);opacity:.85}.pm-task-title.pm-task-in-progress,.pm-task-title.pm-task-pending{color:var(--color-text)}.pm-title-input{width:100%;background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);padding:1px 6px;outline:none;box-shadow:0 0 0 2px var(--color-primary-alpha)}.pm-task-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .1s ease}.pm-task-row:hover .pm-task-actions{opacity:1}.pm-action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:all .1s ease;line-height:1}.pm-action-btn:hover:not(:disabled){background:var(--color-surface-light);border-color:var(--color-border);color:var(--color-text)}.pm-action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pm-delete-btn:hover:not(:disabled){background:#ff47571f;border-color:#ff475766;color:var(--color-danger)}.pm-task-row.pm-status-in-progress{border-left:2px solid var(--color-warning)}.pm-task-row.pm-status-failed{border-left:2px solid var(--color-danger)}.pm-task-row.pm-status-completed{border-left:2px solid rgba(126,231,135,.35)}.pm-task-row.pm-status-cancelled,.pm-task-row.pm-status-pending{border-left:2px solid transparent}.pm-task-detail{background:var(--color-bg-darker, #0d0d0d);border-bottom:2px solid var(--color-border);border-left:2px solid var(--color-primary);padding:var(--space-sm) var(--space-md) var(--space-sm) 0;display:flex;flex-direction:column;gap:5px}.pm-detail-row{display:flex;align-items:flex-start;gap:var(--space-md);font-size:var(--text-xs);line-height:1.5}.pm-detail-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;flex-shrink:0;min-width:60px;padding-top:1px}.pm-detail-value{color:var(--color-text);opacity:.8;flex:1;min-width:0;word-break:break-word;white-space:pre-wrap}.pm-detail-outcome .pm-detail-value{color:var(--color-primary);opacity:.85}.pm-detail-files{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.pm-detail-file{font-family:var(--font-mono);font-size:10px;background:var(--color-surface-lighter);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 5px;color:var(--color-text-muted)}.pm-detail-deps{display:flex;flex-wrap:wrap;gap:4px}.pm-detail-dep{font-family:var(--font-mono);font-size:10px;background:var(--color-surface-lighter);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 5px;color:var(--color-text-disabled);font-style:italic}@media(max-width:768px){.pm-stats{gap:var(--space-sm)}.pm-progress-wrap{flex:1 1 100%}.pm-task-list{max-height:50vh}.pm-task-actions{opacity:1}.pm-hints{display:none}}.polling-progress-bar{display:flex;align-items:center;gap:8px;width:100%;height:14px;padding:0 var(--space-sm);background:var(--bg-tertiary, #1a1a1a);border-radius:4px;transition:opacity .3s ease,background .2s ease}.polling-progress-track{flex:1;position:relative;height:6px;background:var(--bg-secondary, #2a2a2a);border-radius:3px;overflow:hidden}.polling-progress-fill{position:absolute;left:0;top:0;height:100%;background:var(--color-primary, #00d4aa);border-radius:3px;transition:background-color .3s ease}.polling-progress-bar.pulsing .polling-progress-fill{animation:poll-pulse .6s ease-out}@keyframes poll-pulse{0%{background:var(--color-primary, #00d4aa);box-shadow:0 0 8px var(--color-primary, #00d4aa)}50%{background:var(--color-success, #4ade80);box-shadow:0 0 16px var(--color-success, #4ade80)}to{background:var(--color-primary, #00d4aa);box-shadow:none}}.polling-progress-bar.idle .polling-progress-fill{background:var(--color-primary, #00d4aa)}.polling-progress-bar.processing .polling-progress-fill{background:var(--color-warning, #fbbf24);animation:processing-shimmer 1.5s ease-in-out infinite}@keyframes processing-shimmer{0%,to{opacity:1}50%{opacity:.7}}.polling-progress-bar.awaiting .polling-progress-fill{background:var(--color-info, #60a5fa);animation:awaiting-pulse 2s ease-in-out infinite}@keyframes awaiting-pulse{0%,to{opacity:1;box-shadow:0 0 4px var(--color-info, #60a5fa)}50%{opacity:.8;box-shadow:0 0 8px var(--color-info, #60a5fa)}}.polling-progress-bar.stale .polling-progress-fill{background:#f97316;animation:stale-warning 1s ease-in-out infinite}@keyframes stale-warning{0%,to{opacity:1;box-shadow:0 0 4px #f97316}50%{opacity:.6;box-shadow:0 0 8px #f97316}}.polling-progress-bar.cancelling .polling-progress-fill{background:#f97316;animation:cancelling-pulse 1s ease-in-out infinite}@keyframes cancelling-pulse{0%,to{opacity:1;box-shadow:0 0 4px #f97316}50%{opacity:.5;box-shadow:0 0 12px #ef4444}}.polling-progress-bar.disconnected{opacity:.7}.polling-progress-bar.disconnected .polling-progress-fill{background:var(--color-error, #ef4444);animation:disconnected-pulse 2s ease-in-out infinite}@keyframes disconnected-pulse{0%,to{opacity:.3}50%{opacity:.8}}.polling-progress-label{flex-shrink:0;font-size:10px;font-family:var(--font-mono, "JetBrains Mono", monospace);color:var(--text-muted, #666);white-space:nowrap}.polling-progress-label.idle-label{color:var(--color-primary, #00d4aa)}.polling-progress-label.processing-label{color:var(--color-warning, #fbbf24)}.polling-progress-label.awaiting-label{color:var(--color-info, #60a5fa)}.polling-progress-label.stale-label{color:#f97316;animation:blink 1.5s ease-in-out infinite}.polling-progress-label.cancelling-label{color:#f97316;animation:blink 1s ease-in-out infinite}.polling-progress-label.disconnected-label{color:var(--color-error, #ef4444);animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:.5}50%{opacity:1}}.polling-progress-bar:hover{background:var(--bg-secondary, #2a2a2a)}.agents-page{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.agents-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.agents-page .page-header h1{margin:0;color:var(--color-text);font-family:var(--font-mono)}.agents-page .page-subtitle{margin:var(--space-sm) 0 0;color:var(--color-text-muted);font-family:var(--font-mono)}.agents-page .header-actions{display:flex;gap:var(--space-sm);align-items:center}.agents{--navbar-height: 86px;min-height:calc(100vh - var(--navbar-height));min-height:calc(100dvh - var(--navbar-height));height:calc(100vh - var(--navbar-height));height:calc(100dvh - var(--navbar-height));padding:var(--space-lg);background:var(--color-bg);display:flex;flex-direction:column;overflow:hidden}.agents.loading{align-items:center;justify-content:center}.agents-container{max-width:1400px;margin:0 auto;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;width:100%}.agent-detail-container{max-width:100%;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);gap:var(--space-md);flex-wrap:wrap;flex-shrink:0}.page-header.sticky-header{z-index:100;background:var(--color-bg);margin-bottom:var(--space-sm);padding:var(--space-xs) 0 var(--space-xs) 0;border-bottom:1px solid var(--color-border);flex-shrink:0}.page-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin:0}.page-description{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-xs) 0 0 0}.page-header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.btn-configure{padding:3px 10px;font-size:10px;min-height:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.btn-configure:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-configure svg{width:12px;height:12px}.btn-restart{padding:3px 10px;font-size:10px;min-height:22px;background:var(--color-surface);border:1px solid var(--color-warning, #f0ad4e);border-radius:var(--radius-sm);color:var(--color-warning, #f0ad4e);font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.btn-restart:hover{background:#f0ad4e1a;border-color:var(--color-warning, #f0ad4e);color:var(--color-warning, #f0ad4e)}.btn-restart svg{width:12px;height:12px}.btn-update{padding:3px 10px;font-size:10px;min-height:22px;background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.btn-update:hover:not(:disabled){background:var(--color-primary);color:var(--color-bg);box-shadow:var(--glow-primary)}.btn-update:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-update svg{width:12px;height:12px}.btn-rekey{padding:3px 10px;font-size:10px;min-height:22px;background:var(--color-surface);border:1px solid rgba(255,176,0,.5);border-radius:var(--radius-sm);color:var(--color-warning);font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.btn-rekey:hover:not(:disabled){border-color:var(--color-warning);color:var(--color-warning);background:#ffb0001a}.btn-rekey:disabled{opacity:.5;cursor:not-allowed}.btn-rekey svg{width:12px;height:12px}.btn-delete{padding:3px 10px;font-size:10px;min-height:22px;background:var(--color-surface);border:1px solid rgba(255,71,87,.5);border-radius:var(--radius-sm);color:var(--color-danger);font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.btn-delete:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ff475714}.btn-delete svg{width:12px;height:12px}.btn-vscode{padding:3px 10px;font-size:10px;min-height:22px;background:#007acc;border:1px solid #0066b8;border-radius:var(--radius-sm);color:#fff;font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.btn-vscode:hover{background:#0066b8;border-color:#005a9e}.btn-vscode svg{width:14px;height:14px}.operational-status{margin-left:var(--space-xs);font-weight:400;opacity:.8}.approval-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#ffb0001a;border:1px solid rgba(255,176,0,.3);border-radius:var(--radius-sm);color:var(--color-warning);font-family:var(--font-mono);font-size:10px;font-weight:600}.approval-badge svg{width:12px;height:12px}.breadcrumb{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px}.breadcrumb-sep{color:var(--color-text-muted)}.breadcrumb-current{color:var(--color-primary);font-weight:500}.btn-link{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-mono);font-size:inherit;padding:2px 4px;text-decoration:none;transition:color var(--transition-fast)}.btn-link:hover{color:var(--color-primary)}.agents-section{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.section-header h2{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.agents-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md);padding:var(--space-lg);flex:1;overflow-y:auto;align-content:flex-start}.agent-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.agent-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:var(--radius-md) 0 0 var(--radius-md)}.agent-card.online:before{background:var(--color-secondary);box-shadow:0 0 8px var(--color-success-glow)}.agent-card.offline:before{background:var(--color-text-muted)}.agent-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #00ffff1a}.agent-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.status-indicator{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-indicator.online{background:var(--color-secondary);box-shadow:0 0 8px var(--color-success-glow);animation:pulse 2s infinite}.status-indicator.clanking{background:var(--color-warning);box-shadow:0 0 8px #ffb00073;animation:pulse 2s infinite}.status-indicator.offline{background:var(--color-text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.agent-name{flex:1;font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-sm);letter-spacing:.5px}.status-badge.online{background:var(--color-secondary-alpha);color:var(--color-secondary)}.status-badge.offline{background:var(--color-surface-light);color:var(--color-text-muted)}.agent-card-body{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.agent-detail{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs)}.detail-label{color:var(--color-text-muted)}.detail-value{color:var(--color-text);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}code.detail-value{background:var(--color-bg);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-accent)}.vm-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.vm-link:hover{color:var(--color-primary-light);text-decoration:underline}.agent-grid-expanded{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.agent-card-expanded{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast);position:relative;display:flex;flex-direction:column;cursor:pointer}.agent-card-expanded:hover{border-color:var(--color-primary);box-shadow:0 0 20px #00ffff14}.agent-card-compact .agent-info-section{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.agent-card-compact .agent-card-actions{padding:var(--space-sm) var(--space-md)}.agent-card-expanded .agent-status-bar{position:absolute;top:0;left:0;bottom:0;width:3px}.agent-card-expanded.status-running .agent-status-bar{background:var(--color-secondary);box-shadow:0 0 8px var(--color-success-glow)}.agent-card-expanded.status-shutdown .agent-status-bar{background:var(--color-text-muted)}.agent-card-expanded .agent-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md);padding-left:calc(var(--space-md) + 8px);border-bottom:1px solid var(--color-border);margin-bottom:0}.agent-identity{display:flex;flex-direction:column;gap:2px;min-width:0}.agent-title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.agent-status-badges{display:flex;gap:var(--space-xs);align-items:center}.operational-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-sm);background:#ffb00026;color:var(--color-warning)}.agent-info-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--color-border);border-bottom:1px solid var(--color-border)}.agent-info-section{background:var(--color-bg-panel);padding:var(--space-sm) var(--space-md)}.agent-info-section:first-child{padding-left:calc(var(--space-md) + 8px)}.agent-info-grid .info-label{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:2px}.agent-info-grid .info-value.version-value{display:flex;flex-direction:column;gap:2px}.agent-info-grid .version-update-badge{font-size:9px;font-weight:600;color:var(--color-success);text-transform:uppercase;letter-spacing:.4px}.agent-info-grid .info-value.model{color:var(--color-primary)}.bootstrap-status{font-weight:600}.bootstrap-status.pending,.bootstrap-status.in-progress{color:var(--color-warning)}.bootstrap-status.complete{color:var(--color-secondary)}.bootstrap-status.failed{color:var(--color-danger)}.agent-section{padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 8px);border-bottom:1px solid var(--color-border)}.agent-section .section-label{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.agent-section .section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.agent-section .section-action-btn{background:transparent;border:none;color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;padding:0;transition:opacity var(--transition-fast);text-decoration:none}.agent-section .section-action-btn:hover{opacity:.8}.agent-section .section-empty{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-xs)}.agent-section .section-loading{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.dir-row{display:flex;align-items:center;gap:var(--space-sm)}.dir-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);background:var(--color-bg);padding:2px 6px;border-radius:var(--radius-sm)}.vm-info-inline{display:flex;flex-direction:column;gap:var(--space-xs)}.vm-info-badge{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.vm-info-badge .vm-name{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text)}.vm-info-badge .vm-region{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.vm-info-badge .vm-status{display:inline-flex;align-items:center;gap:0;font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0;white-space:nowrap}.vm-info-badge .vm-status.running{background:var(--color-secondary-alpha);color:var(--color-secondary)}.vm-info-badge .vm-status.provisioning{background:#ffb00026;color:var(--color-warning)}.vm-ip{display:flex;align-items:center;gap:var(--space-xs)}.vm-ip code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text)}.copy-btn-sm{width:18px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;font-size:10px;background:transparent;color:var(--color-text-muted);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.copy-btn-sm:hover{color:var(--color-primary);background:var(--color-surface)}.config-preview{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.config-item{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--text-xs)}.config-key{color:var(--color-text-muted)}.config-value{font-weight:600}.config-value.enabled{color:var(--color-secondary)}.config-value.disabled{color:var(--color-text-muted)}.section-label .section-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:var(--space-xs);padding:0 6px;font-size:10px;font-weight:600;background:var(--color-primary);color:var(--color-bg);border-radius:9px}.section-toggle-btn{background:transparent;border:none;color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;padding:2px 6px;transition:opacity var(--transition-fast)}.section-toggle-btn:hover{opacity:.8}.conversations-list{display:flex;flex-direction:column;gap:1px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden;margin-top:var(--space-xs)}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-md);min-height:64px;background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast)}.conversation-item:hover{background:var(--color-bg-hover)}.conversation-item.more{justify-content:center;gap:var(--space-xs);color:var(--color-primary)}.conversation-info{display:flex;flex-direction:column;min-width:0;flex:1}.conversation-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.conversation-arrow{color:var(--color-text-muted);font-size:var(--text-sm);margin-left:var(--space-sm)}.conversation-item:hover .conversation-arrow{color:var(--color-primary)}.conversation-more-text{font-family:var(--font-mono);font-size:var(--text-xs)}.conversations-preview{padding:var(--space-xs) 0}.conversations-preview .preview-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.agent-card-expanded .agent-card-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 8px);background:var(--color-surface);margin-top:auto;border-top:none}.agent-card-expanded .action-buttons-left{display:flex;align-items:center;gap:var(--space-xs);min-width:0;flex:1}.agent-card-expanded .action-buttons-right{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.agent-card-expanded .action-btn{padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:32px;height:32px;min-width:0;white-space:nowrap}.agent-card-expanded .action-btn:disabled{opacity:.5;cursor:not-allowed}.agent-card-expanded .action-btn.icon-only{width:32px;min-width:32px;padding:0}.agent-card-expanded .action-btn.icon-only svg{width:16px;height:16px;display:block}.agent-card-expanded .action-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.agent-card-expanded .action-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.agent-card-expanded .action-btn.primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--glow-primary)}.agent-card-expanded .action-btn.danger{color:var(--color-danger);border-color:var(--color-danger)}.agent-card-expanded .action-btn.danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.agent-card-expanded .action-btn.restart{color:var(--color-warning, #f0ad4e);border-color:var(--color-warning, #f0ad4e)}.agent-card-expanded .action-btn.restart:hover:not(:disabled){background:var(--color-warning, #f0ad4e);color:var(--color-bg)}.agent-card-expanded .action-btn.update.available{color:var(--color-success);border-color:var(--color-success)}.agent-card-expanded .action-btn.update.available:hover:not(:disabled){background:var(--color-success);color:var(--color-bg);box-shadow:0 0 8px var(--color-success-glow)}.agent-card-expanded .actions-menu{position:relative}.agent-card-expanded .menu-trigger{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.agent-card-expanded .menu-trigger:hover{color:var(--color-text);border-color:var(--color-primary)}.agent-card-expanded .menu-trigger svg{width:16px;height:16px;display:block}@media(max-width:768px){.agent-card-expanded .action-btn{padding:var(--space-xs) var(--space-sm);min-width:0}.agent-card-expanded .action-btn.icon-only{width:32px;min-width:32px;padding:0}}.agent-card-expanded .dropdown-menu{position:absolute;bottom:100%;right:0;margin-bottom:var(--space-xs);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000004d;z-index:100;overflow:hidden;min-width:100px}.agent-card-expanded .dropdown-menu button{display:block;width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);text-align:left;color:var(--color-text);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}.agent-card-expanded .dropdown-menu button:hover:not(:disabled){background:var(--color-surface);color:var(--color-primary)}.copy-btn{width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;font-size:11px;background:transparent;color:var(--color-text-muted);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{color:var(--color-primary);background:var(--color-surface);border-color:var(--color-border)}@media(max-width:1400px){.agent-grid-expanded{grid-template-columns:1fr}}@media(max-width:768px){.agents-page{padding:var(--space-md)}.agents-page .page-header{flex-direction:column;gap:var(--space-md)}.agent-info-grid{grid-template-columns:repeat(2,1fr)}}.agent-card-expanded .status-badge-v2{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-sm);flex-shrink:0}.agent-card-expanded .status-badge-v2.status-running{background:var(--color-secondary-alpha);color:var(--color-secondary)}.agent-card-expanded .status-badge-v2.status-shutdown{background:var(--color-surface-light);color:var(--color-text-muted)}.agent-card-actions{display:flex;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.agent-card-actions .btn{flex:1}.empty-state{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted)}.empty-icon{margin-bottom:var(--space-lg);opacity:.3}.empty-state h3{font-family:var(--font-mono);color:var(--color-text);margin:0 0 var(--space-sm) 0}.empty-state p{font-family:var(--font-mono);font-size:var(--text-sm);margin:0 0 var(--space-lg) 0}.code-block{display:inline-block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:left;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-secondary);margin-top:var(--space-lg)}.agent-workspace{display:grid;grid-template-columns:minmax(320px,360px) 1fr;gap:var(--space-md);flex:1;min-height:0;overflow:hidden;transition:grid-template-columns .2s ease}.agent-workspace.sidebar-collapsed{grid-template-columns:48px 1fr}.conversations-sidebar{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0;max-width:360px;transition:width .2s ease,min-width .2s ease}.conversations-sidebar.collapsed{width:48px;min-width:48px;max-width:48px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:48px;flex-shrink:0;gap:var(--space-sm);min-width:0;overflow:hidden}.sidebar-header h3{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.collapse-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.collapse-toggle:hover{background:var(--color-surface-light);border-color:var(--color-border);color:var(--color-text)}.conversations-sidebar.collapsed .sidebar-header{padding:var(--space-sm);justify-content:center;border-bottom:none}.conversations-sidebar.collapsed .sidebar-header h3{display:none}@media(max-width:768px){.conversations-sidebar.collapsed .sidebar-header h3{display:block;font-size:var(--text-xs)}.conversations-sidebar.collapsed .sidebar-header{justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}}.conversations-sidebar.collapsed .sidebar-header-actions .count-badge,.conversations-sidebar.collapsed .sidebar-header-actions .new-conversation-btn{display:none}.sidebar-header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.count-badge{background:var(--color-surface-light);color:var(--color-text-muted);padding:2px 8px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.new-conversation-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-primary-alpha);border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.new-conversation-btn:hover:not(:disabled){background:#0ff3;border-color:var(--color-primary)}.new-conversation-btn:disabled{opacity:.4;cursor:not-allowed}.conversations-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-xs);min-width:0}.empty-sidebar{text-align:center;padding:var(--space-xl);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.empty-sidebar .muted{opacity:.6;font-size:var(--text-xs);margin-top:var(--space-xs)}.conversations-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.conversation-item{padding:var(--space-md) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:4px;border-left:3px solid transparent;min-width:0;overflow:hidden;min-height:64px}.conversation-item:hover{background:var(--color-surface)}.conversation-item.active{background:var(--color-primary-alpha);border-left-color:var(--color-primary)}.conversation-item.agent-active:not(.active){border-left-color:var(--color-secondary);background:#00ff410d}.conversation-item.disabled{opacity:.5;pointer-events:none}.conversation-item-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:2px;min-width:0;overflow:hidden}.conversation-item-title{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-text);white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word;line-height:1.3}.active-indicator{color:var(--color-secondary);animation:pulse 2s infinite}.conversation-item-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);min-width:0;gap:var(--space-sm)}.conversation-item-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item-meta span:first-child{flex-shrink:0}.conversation-item-meta span:last-child{flex:1;min-width:0;text-align:right}.agent-info-compact{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-mono);flex-shrink:0;min-width:0;overflow:hidden}.info-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);margin-bottom:2px;min-width:0}.info-item:last-child{margin-bottom:0}.info-icon{color:var(--color-primary);font-weight:700;width:12px;flex-shrink:0}.info-text{color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.info-text.bootstrap-status{font-weight:600}.info-text.bootstrap-status.pending,.info-text.bootstrap-status.in-progress{color:var(--color-warning)}.info-text.bootstrap-status.complete{color:var(--color-secondary)}.info-text.bootstrap-status.failed{color:var(--color-danger)}.conversation-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;min-height:0}.agent-detail-overview{flex:1;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);overflow-y:auto}.agent-detail-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.agent-detail-summary-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.agent-detail-summary-header h3{margin:0;font-family:var(--font-mono);color:var(--color-text)}.agent-detail-summary-subtitle{margin:var(--space-xs) 0 0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.agent-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.agent-detail-column{display:flex;flex-direction:column;gap:var(--space-md)}.agent-detail-list{display:flex;flex-direction:column;gap:var(--space-xs)}.agent-detail-row{display:flex;justify-content:space-between;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.agent-detail-key{color:var(--color-text-muted)}.agent-detail-value{color:var(--color-text)}.agent-detail-actions{margin-top:var(--space-sm)}.agent-detail-muted{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.vm-info-meta{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.vm-meta-row{display:flex;justify-content:space-between;gap:var(--space-sm)}.vm-meta-label{color:var(--color-text-muted)}.vm-meta-value{color:var(--color-text)}.conversation-preview-hint{margin-top:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.rekey-modal{display:flex;flex-direction:column;gap:var(--space-md)}.rekey-token-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface)}.rekey-token{font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all}.rekey-expiry{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.rekey-warning{padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(255,176,0,.3);background:#ffb0001a;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text)}.rekey-warning ul{margin:var(--space-xs) 0 0;padding-left:var(--space-lg)}.rekey-warning li{margin-bottom:var(--space-xs)}.rekey-warning li:last-child{margin-bottom:0}.no-conversation-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);text-align:center;padding:var(--space-2xl)}.placeholder-icon{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.3}.placeholder-icon svg{width:100%;height:100%;stroke:var(--color-text-muted)}.no-conversation-selected h3{font-family:var(--font-mono);color:var(--color-text);margin:0 0 var(--space-sm) 0}.no-conversation-selected p{font-family:var(--font-mono);font-size:var(--text-sm);margin:0;max-width:280px}.mobile-conversations-inline{display:none;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.mobile-conversations-inline-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.mobile-conversation-actions{display:none;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.mobile-conversation-actions .btn{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs)}.mobile-conversations-toggle .count-badge{margin-left:var(--space-xs)}.mobile-conversations-modal{display:flex;flex-direction:column;gap:var(--space-md);flex:1;min-height:0}.mobile-conversations-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.mobile-conversations-modal-title{display:flex;align-items:center;gap:var(--space-xs);font-weight:600}.mobile-conversations-modal .conversations-list{flex:1;min-height:0;max-height:none;overflow-y:auto;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel)}.mobile-conversations-modal .conversation-item{padding:var(--space-md) var(--space-lg);min-height:72px}.conversation-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:40px;gap:var(--space-md);flex-shrink:0}.conversation-panel-header .conversation-header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;margin-left:auto}.conversation-panel-header .header-actions-right{display:flex;align-items:center;gap:var(--space-sm)}.conversation-panel-header .mobile-header-actions{display:none;align-items:center;gap:var(--space-sm)}.conversation-title-row{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);overflow:hidden;flex:1;min-width:0}.conversation-title{color:var(--color-text);font-weight:600;white-space:nowrap}.conversation-separator{color:var(--color-text-muted);opacity:.5}.conversation-path{color:var(--color-accent);background:var(--color-bg);padding:1px 4px;border-radius:var(--radius-sm);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.conversation-sync{color:var(--color-text-muted);font-size:10px}.messages-container{flex:1;overflow-y:auto;padding:var(--space-md);background:var(--color-bg);min-height:0}.load-more-messages{display:block;width:100%;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:#00ffff1a;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:all .15s ease}.load-more-messages:hover{background:#0ff3}.empty-messages{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.message{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:3px solid}.message-user{background:#00ffff0d;border-left-color:var(--color-primary)}.message-assistant{background:#00ff410d;border-left-color:var(--color-secondary)}.message-system{background:var(--color-surface);border-left-color:var(--color-text-muted)}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.message-role-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;padding:1px 6px;border-radius:var(--radius-sm);letter-spacing:.5px}.message-user .message-role-badge{background:var(--color-primary-alpha);color:var(--color-primary)}.message-assistant .message-role-badge{background:var(--color-secondary-alpha);color:var(--color-secondary)}.message-system .message-role-badge{background:var(--color-surface-light);color:var(--color-text-muted)}.message-timestamp{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.message-content{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);line-height:1.6}.markdown-content{font-size:var(--text-sm)}.markdown-content>*:first-child{margin-top:0}.markdown-content>*:last-child{margin-bottom:0}.markdown-content p{margin:0 0 var(--space-sm) 0}.markdown-content pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);overflow-x:auto;margin:var(--space-sm) 0}.markdown-content pre code{background:none;border:none;padding:0;color:var(--color-text);font-size:var(--text-xs)}.markdown-content code{background:#00ffff1a;padding:1px 4px;border-radius:2px;color:var(--color-primary);font-size:.9em}.markdown-content ul,.markdown-content ol{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.markdown-content li{margin:var(--space-xs) 0}.markdown-content blockquote{margin:var(--space-sm) 0;padding:var(--space-sm) var(--space-md);border-left:3px solid var(--color-primary);background:var(--color-primary-alpha);color:var(--color-text-muted)}.markdown-content a{color:var(--color-primary)}.markdown-content table{width:100%;border-collapse:collapse;margin:var(--space-sm) 0;font-size:var(--text-xs)}.markdown-content th,.markdown-content td{border:1px solid var(--color-border);padding:var(--space-xs) var(--space-sm);text-align:left}.markdown-content th{background:var(--color-surface);font-weight:600}.command-input-form{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0}.input-wrapper{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);min-height:44px}.input-prompt{color:var(--color-secondary);font-family:var(--font-mono);font-weight:700;flex-shrink:0}.input-wrapper textarea{flex:1;min-width:0;background:transparent;border:none;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);outline:none;resize:none;line-height:1.5;padding:var(--space-xs) 0;max-height:150px}.input-wrapper textarea::placeholder{color:var(--color-text-disabled)}.profile-selector{position:relative;margin-left:auto;flex-shrink:0}.profile-selector-button{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.profile-selector-button:hover{border-color:var(--color-primary);color:var(--color-text)}.profile-selector-button.has-profile{background:var(--color-primary-alpha);border-color:#00ffff4d;color:var(--color-primary)}.profile-selector-button.has-profile:hover{background:#00ffff26;border-color:var(--color-primary)}.profile-label{max-width:100px;overflow:hidden;text-overflow:ellipsis}.profile-chevron{opacity:.6;transition:transform var(--transition-fast)}.profile-selector-button:hover .profile-chevron{opacity:1}.profile-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;z-index:200;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{padding:8px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.profile-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:none;border:none;font-family:var(--font-mono);font-size:12px;color:var(--color-text);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.profile-option:hover{background:var(--color-surface)}.profile-option.active{background:var(--color-primary-alpha);color:var(--color-primary)}.profile-option svg{color:var(--color-primary);flex-shrink:0}.send-btn{width:36px;height:36px;border-radius:50%;background:var(--color-primary);border:none;color:var(--color-bg-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.send-btn:hover:not(:disabled){box-shadow:var(--glow-primary);transform:scale(1.05)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.stop-btn{width:36px;height:36px;border-radius:50%;background:var(--color-danger);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.stop-btn:hover:not(:disabled){box-shadow:0 0 12px #ef444480;transform:scale(1.05)}.stop-btn:disabled{opacity:.6;cursor:not-allowed}.stop-btn svg{width:16px;height:16px}.queued-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:#00ffff14;border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);animation:pulse-border 2s ease-in-out infinite}.queued-indicator svg{flex-shrink:0;animation:spin 2s linear infinite}@keyframes pulse-border{0%,to{border-color:#00ffff4d;background:#00ffff14}50%{border-color:#00ffff80;background:#00ffff1f}}.offline-warning{margin-top:var(--space-sm);padding:var(--space-sm);background:#ffb0001a;border:1px solid rgba(255,176,0,.3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-warning)}.command-warning{margin-top:var(--space-sm);padding:var(--space-sm);background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-danger);display:flex;align-items:flex-start;gap:var(--space-sm)}.command-warning.config-hint{background:#ffb0001a;border-color:#ffb0004d;color:var(--color-warning)}.config-link{background:#ffb00033;border:1px solid rgba(255,176,0,.4);color:var(--color-warning);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer;white-space:nowrap;margin-left:auto}.terminal-config{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);overflow:hidden;min-width:0}.modal-content.agent-config-modal-content{width:100%;max-width:1200px}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.terminal-title{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text);font-size:var(--text-sm)}.terminal-prompt{color:var(--color-secondary);font-weight:700}.terminal-status{font-size:var(--text-xs);font-weight:600}.terminal-status .status-online{color:var(--color-secondary)}.terminal-status .status-offline{color:var(--color-text-muted)}.terminal-body{padding:var(--space-lg) var(--space-xl);max-height:65vh;overflow-y:auto}.config-group{margin-bottom:var(--space-xl)}.config-group:last-child{margin-bottom:0}.config-group-header{color:var(--color-primary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px dashed var(--color-border);letter-spacing:.5px}.config-line{display:grid;grid-template-columns:200px auto 1fr auto;align-items:center;gap:var(--space-sm) var(--space-md);padding:var(--space-sm) 0;min-height:40px}.config-key{color:var(--color-accent);font-size:var(--text-sm);white-space:nowrap}.config-equals{color:var(--color-text-muted)}.config-value-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-secondary);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);min-height:36px;width:100%;min-width:0}.config-value-input:focus{outline:none;border-color:var(--color-primary)}.config-value-input.short{width:120px;max-width:100%}.config-value-input.wide{width:100%;max-width:400px}.config-value-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-secondary);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);min-height:36px;cursor:pointer;width:100%;min-width:0}.config-value-select.wide{width:100%;max-width:100%}.config-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg);min-height:36px;min-width:80px;cursor:pointer;transition:all var(--transition-fast)}.config-toggle.active{color:var(--color-secondary);border-color:#00ff414d;background:#00ff411a}.modal-content.agent-config-modal-content .config-toggle{width:96px;min-width:96px;padding:var(--space-xs) var(--space-md);justify-self:start;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.config-comment{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap;justify-self:end}.config-comment.important{color:var(--color-accent)}.config-doc-entry{border-left:2px solid var(--color-border);margin-left:.5rem;margin-bottom:.25rem}.config-doc-title{color:var(--color-text);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-doc-title:hover{background:var(--color-surface-hover)}.config-doc-action{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px 6px;font-size:var(--text-sm);line-height:1}.config-doc-action:hover{color:var(--color-text)}.config-doc-action.danger:hover{color:var(--color-danger)}.config-toggle.small{min-width:24px;min-height:24px;padding:2px 4px;font-size:var(--text-xs)}.config-doc-editor{padding:.25rem .5rem .5rem 1rem}.config-doc-textarea{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-sm);resize:vertical;min-height:120px}.config-doc-textarea:focus{outline:none;border-color:var(--color-primary)}.config-doc-textarea::placeholder{color:var(--color-text-muted)}.config-doc-add{background:none;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);padding:4px 12px;transition:all var(--transition-fast)}.config-doc-add:hover{color:var(--color-secondary);border-color:var(--color-secondary);background:#00ff410d}.config-hint{color:var(--color-text-muted);font-size:var(--text-xs);padding-left:calc(200px + var(--space-md) + 16px);margin-top:calc(-1 * var(--space-xs));margin-bottom:var(--space-xs)}.config-loading{color:var(--color-text-muted);font-style:italic}.terminal-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-xl);background:var(--color-surface);border-top:1px solid var(--color-border);gap:var(--space-md);flex-wrap:wrap}.terminal-help{flex:1}.help-text{color:var(--color-text-muted);font-size:var(--text-xs)}.help-text .key{color:var(--color-primary);font-weight:600}.help-text code{color:var(--color-accent);background:#ffb0001a;padding:1px 4px;border-radius:2px}.terminal-actions{display:flex;gap:var(--space-sm)}.config-modal-actions{justify-content:flex-end;align-items:center}.config-modal-actions .terminal-btn{width:160px;flex:0 0 160px;text-align:center;white-space:nowrap}.terminal-btn{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);min-height:38px}.terminal-btn.cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.terminal-btn.cancel:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text)}.terminal-btn.save{background:var(--color-primary-alpha);border:1px solid rgba(0,255,255,.3);color:var(--color-primary)}.terminal-btn.save:hover:not(:disabled){background:#0ff3;box-shadow:var(--glow-primary)}.terminal-btn:disabled{opacity:.5;cursor:not-allowed}.new-conversation-modal{padding:var(--space-md) 0}.modal-description{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);margin:0 0 var(--space-lg) 0;line-height:1.5}.new-conversation-input-container{margin-bottom:var(--space-lg)}.new-conversation-input{width:100%;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical;min-height:100px;line-height:1.5}.new-conversation-input:focus{outline:none;border-color:var(--color-primary)}.new-conversation-profile{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.new-conversation-profile label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap}.new-conversation-profile select{flex:1;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md)}.loading-spinner.small{width:18px;height:18px}@media(max-width:1024px){.agent-workspace{grid-template-columns:240px 1fr}.agent-workspace.sidebar-collapsed{grid-template-columns:48px 1fr}}@media(max-width:900px){.agents{--navbar-height: 48px}}@media(max-width:768px){.agents{padding:var(--space-md);--navbar-height: 56px;min-height:calc(100vh - var(--navbar-height));min-height:calc(100dvh - var(--navbar-height));height:calc(100vh - var(--navbar-height));height:calc(100dvh - var(--navbar-height));overflow:hidden}.agents-container,.agent-detail-container{overflow:visible}.page-header{flex-direction:column;align-items:flex-start}.page-header .breadcrumb,.page-header-actions .approval-badge,.page-header-actions .btn-configure{display:none}.page-header-actions{width:100%;justify-content:space-between}.mobile-conversation-actions{display:flex;flex-wrap:wrap}.mobile-conversations-inline{display:flex}.modal-content.mobile-conversations-modal-content{height:100vh;height:100dvh;max-height:100dvh;border-radius:0}.no-conversation-selected{display:none}.agent-detail-overview{padding:var(--space-md);gap:var(--space-md)}.agent-detail-grid{grid-template-columns:1fr}.mobile-conversation-actions .btn{flex:1;justify-content:center}.conversation-panel-header .mobile-header-actions{display:flex}.conversation-panel-header .conversation-header-actions{flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-left:0;width:100%}.conversation-panel-header .header-actions-right{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto}.conversation-panel-header .mobile-conversations-toggle .button-label{display:none}.conversation-panel-header .conversation-header-actions .btn,.conversation-panel-header .conversation-header-actions .agent-status-pill,.conversation-panel-header .conversation-header-actions .btn-configure,.conversation-panel-header .conversation-header-actions .btn-restart,.conversation-panel-header .conversation-header-actions .profile-selector-button,.conversation-panel-header .conversation-header-actions .mobile-conversations-toggle{height:36px;min-height:36px;max-height:36px;padding:0 10px;font-size:12px;box-sizing:border-box}.conversation-panel-header .profile-selector-button{gap:4px}.conversation-panel-header .btn-configure .button-label,.conversation-panel-header .btn-restart .button-label,.conversation-panel-header .conversation-title-row,.conversation-panel-header .profile-selector-button .profile-chevron{display:none}.conversation-panel-header .profile-selector-button .profile-label{display:block;font-size:12px}.conversation-panel-header .profile-selector-button{padding:0 10px}.conversation-panel-header .profile-dropdown{right:0;left:auto;transform-origin:top right}.conversation-path{display:none}.page-title{font-size:var(--text-xl)}.agents-grid{grid-template-columns:1fr;padding:var(--space-md)}.agent-workspace,.agent-workspace.sidebar-collapsed{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.conversations-sidebar,.conversations-sidebar.collapsed{display:none}.agent-workspace.sidebar-collapsed .conversation-panel{flex:1;min-height:0;max-height:none}.conversation-panel{flex:1;min-height:0;max-height:none;display:flex;flex-direction:column}.messages-container{flex:1;min-height:0;overflow-y:auto}.command-input-form{flex-shrink:0;position:sticky;bottom:0;background:var(--color-surface)}.conversation-title-row{flex:1;min-width:0}.profile-selector-button{padding:6px 10px}.profile-label{max-width:70px}.profile-dropdown{min-width:160px}.terminal-body{padding:var(--space-sm)}.config-line{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.config-key{min-width:auto}.config-value-input,.config-value-select,.config-value-input.short,.config-value-input.wide,.config-value-select.wide{width:100%}.config-comment{display:none}.config-hint{padding-left:0}.terminal-footer{flex-direction:column;align-items:stretch;padding:var(--space-md)}.terminal-actions{flex-direction:column}.terminal-btn{width:100%}.config-modal-actions{align-items:stretch}.config-modal-actions .terminal-btn{width:100%;flex:1 1 auto}.notification-toast{top:60px;left:50%;right:auto;transform:translate(-50%);max-width:85vw;padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}}@media(max-width:480px){.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.breadcrumb{font-size:var(--text-xs)}.conversation-path,.profile-label{display:none}.profile-selector-button{padding:4px 6px}.profile-chevron{display:none}}@media(hover:none)and (pointer:coarse){.agent-card:active{transform:scale(.98)}.conversation-item:active{background:var(--color-surface)}.profile-option{padding:12px 14px}.profile-selector-button{min-height:28px}}.tasks-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;min-height:120px;max-height:300px}.tasks-panel.collapsed{min-height:auto;max-height:none}.tasks-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:36px;flex-shrink:0;cursor:pointer}.tasks-panel.collapsed .tasks-panel-header{border-bottom:none}.tasks-panel-header:hover{background:var(--color-surface-light)}.tasks-panel-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-primary)}.tasks-panel-title svg{opacity:.8}.tasks-panel-title-clickable{cursor:pointer;border-radius:var(--radius-sm);transition:color .12s ease,background .12s ease;padding:2px 4px;margin:-2px -4px}.tasks-panel-title-clickable:hover{color:var(--color-primary-light, var(--color-primary));background:var(--color-primary-alpha)}.tasks-panel-title-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tasks-panel-edit-icon{opacity:0;transition:opacity .1s ease;flex-shrink:0;color:var(--color-text-muted)}.tasks-panel-title-clickable:hover .tasks-panel-edit-icon{opacity:1}.tasks-progress{font-weight:400;color:var(--color-text-muted);font-size:var(--text-xs)}.tasks-panel-actions{display:flex;align-items:center;gap:var(--space-sm)}.tasks-count-badge{background:var(--color-primary-alpha);color:var(--color-primary);padding:2px 6px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:10px;font-weight:600}.tasks-active-indicator{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;color:var(--color-warning);padding:2px 6px;background:#ffb0001a;border-radius:var(--radius-sm)}.pulse-dot{width:6px;height:6px;background:var(--color-warning);border-radius:50%;animation:pulse 1.5s infinite}.tasks-collapse-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.tasks-collapse-toggle:hover{background:var(--color-surface-light);border-color:var(--color-border);color:var(--color-text)}.tasks-panel-content{flex:1;overflow-y:auto;padding:var(--space-sm)}.tasks-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);gap:var(--space-xs)}.tasks-empty-icon{color:var(--color-text-disabled);font-size:var(--text-sm)}.tasks-list{display:flex;flex-direction:column;gap:2px}.task-group{display:flex;flex-direction:column}.task-item{display:flex;align-items:center;gap:var(--space-sm);padding:4px var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);transition:background var(--transition-fast)}.task-item:hover{background:var(--color-surface)}.task-item.task-subtask{padding-left:calc(var(--space-md) + var(--space-sm))}.task-item.task-subtask .task-title{color:var(--color-text-muted)}.task-status-icon{flex-shrink:0;font-weight:600;width:24px;text-align:center}.task-status-pending .task-status-icon{color:var(--color-text-muted)}.task-status-in_progress .task-status-icon{color:var(--color-warning)}.task-status-completed .task-status-icon{color:var(--color-success)}.task-status-cancelled .task-status-icon{color:var(--color-text-disabled)}.task-title{flex:1;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-status-completed .task-title{color:var(--color-text-muted);text-decoration:line-through;text-decoration-color:var(--color-text-disabled)}.task-status-cancelled .task-title{color:var(--color-text-disabled);text-decoration:line-through}.task-status-in_progress .task-title{color:var(--color-text-bright)}.task-priority-badge{flex-shrink:0;padding:1px 4px;border-radius:2px;font-size:9px;font-weight:700;letter-spacing:.3px}.task-priority-badge.priority-critical{background:#ff475733;color:var(--color-danger);border:1px solid rgba(255,71,87,.3)}.task-priority-badge.priority-high{background:#ffb00033;color:var(--color-warning);border:1px solid rgba(255,176,0,.3)}.task-priority-badge.priority-low{background:var(--color-surface-light);color:var(--color-text-disabled);border:1px solid var(--color-border)}.tasks-progress-bar{height:3px;background:var(--color-surface);flex-shrink:0}.tasks-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-primary));transition:width .3s ease;box-shadow:0 0 8px var(--color-success-glow)}.agent-tasks-summary{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.agent-tasks-summary-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.agent-tasks-summary-header h3{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);margin:0}.agent-tasks-summary-header svg{color:var(--color-primary)}.agent-tasks-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px dashed var(--color-border)}.tasks-stat{display:flex;flex-direction:column;gap:2px}.tasks-stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.tasks-stat-value.in-progress{color:var(--color-warning)}.tasks-stat-value.completed{color:var(--color-success)}.tasks-stat-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}@media(max-width:1200px){.tasks-panel{max-height:250px}}@media(max-width:768px){.tasks-panel{max-height:200px}.task-priority-badge{display:none}.agent-tasks-stats{flex-wrap:wrap;gap:var(--space-md)}}.activity-panel{display:flex;flex-direction:column;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;height:100%;min-width:280px;max-width:360px}.activity-panel.collapsed{min-width:48px;max-width:48px;width:48px}.activity-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:40px;flex-shrink:0}.activity-panel.collapsed .activity-panel-header{padding:var(--space-sm);border-bottom:none;justify-content:center}.activity-panel-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.activity-panel.collapsed .activity-panel-title span:not(.activity-icon){display:none}.activity-icon{font-size:14px}.connection-status{font-size:10px;margin-left:var(--space-xs)}.connection-status.disconnected{color:var(--color-text-muted)}.connection-status.active{color:var(--color-success);animation:pulse 1.5s infinite}.activity-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.activity-collapse-btn:hover{background:var(--color-surface-light);border-color:var(--color-border);color:var(--color-text)}.activity-panel.collapsed .activity-collapse-btn{display:none}.activity-panel-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);min-height:0}.activity-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;transition:box-shadow .3s ease,border-color .3s ease}.activity-section.refresh-pulse{animation:activity-refresh-pulse .6s ease-out}@keyframes activity-refresh-pulse{0%{box-shadow:none;border-color:var(--color-border)}30%{box-shadow:inset 0 0 8px #00ffff26;border-color:#00ffff4d}to{box-shadow:none;border-color:var(--color-border)}}.activity-section-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:11px;font-weight:600;min-height:28px}.thinking-dismiss{margin-left:auto;width:18px;height:18px;border-radius:50%;border:1px solid color-mix(in srgb,var(--thinking-accent-color, #00ffcc) 40%,transparent);background:color-mix(in srgb,var(--thinking-accent-color, #00ffcc) 12%,transparent);color:var(--thinking-accent-color, #00ffcc);font-size:14px;line-height:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.thinking-dismiss:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ff47571a}.thinking-dismiss:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.section-icon{font-size:12px;flex-shrink:0}.section-title{flex:1}.activity-section-content{padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);max-height:200px;overflow-y:auto;overflow-x:hidden}.activity-section.thinking{border-color:var(--thinking-accent-color, rgba(0, 255, 204, .3));background:color-mix(in srgb,var(--thinking-accent-color, #00ffcc) 12%,transparent)}.activity-section.thinking .activity-section-header{background:color-mix(in srgb,var(--thinking-accent-color, #00ffcc) 18%,transparent);border-color:color-mix(in srgb,var(--thinking-accent-color, #00ffcc) 40%,transparent);color:var(--thinking-accent-color, #00ffcc)}.thinking-text{color:var(--color-text-muted);font-style:italic;line-height:1.5}.thinking-line{margin-bottom:2px}.activity-section.plan{border-color:#00ffff4d}.activity-section.plan .activity-section-header{background:var(--color-primary-alpha);border-color:#0ff3;color:var(--color-primary)}.plan-progress{margin-left:auto;font-weight:400;color:var(--color-text-muted)}.section-title-clickable{cursor:pointer;border-radius:3px;padding:1px 4px;margin:-1px -4px;transition:background .12s ease,color .12s ease}.section-title-clickable:hover{background:#00ffff1f;color:var(--color-primary-light, var(--color-primary));text-decoration:underline;text-underline-offset:2px}.section-title-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.plan-empty{color:var(--color-success);text-align:center;padding:var(--space-sm)}.plan-tasks{display:flex;flex-direction:column;gap:2px}.plan-task{display:flex;align-items:center;gap:var(--space-sm);padding:2px 4px;border-radius:2px;transition:background var(--transition-fast)}.plan-task:hover{background:var(--color-surface)}.plan-task.status-pending .task-status-icon{color:var(--color-text-muted)}.plan-task.status-in-progress{background:#ffb0000d}.plan-task.status-in-progress .task-status-icon{color:var(--color-warning)}.plan-task.status-completed .task-status-icon{color:var(--color-success)}.plan-task.status-cancelled .task-status-icon{color:var(--color-text-disabled)}.plan-task.priority-critical .task-title{color:var(--color-danger)}.plan-task.priority-high .task-title{color:var(--color-warning)}.plan-task.priority-low .task-title{color:var(--color-text-muted)}.plan-progress-bar{height:3px;background:var(--color-surface);border-radius:2px;margin-top:var(--space-sm);overflow:hidden}.plan-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-primary));transition:width .3s ease;box-shadow:0 0 8px var(--color-success-glow)}.activity-section.tool{border-color:#ffb0004d}.activity-section.tool .activity-section-header{background:#ffb0001a;border-color:#ffb00033;color:var(--color-warning)}.tool-spinner{margin-left:auto;animation:spin 1s linear infinite;color:var(--color-warning)}.tool-description{color:var(--color-text);margin-bottom:var(--space-xs)}.tool-args{display:block;background:var(--color-surface);padding:var(--space-xs) var(--space-sm);border-radius:2px;color:var(--color-accent);font-size:10px;margin-bottom:var(--space-sm);word-break:break-all}.tool-progress-list{display:flex;flex-direction:column;gap:2px}.tool-progress-item{display:flex;gap:var(--space-xs);color:var(--color-text-muted);line-height:1.4}.progress-bullet{color:var(--color-warning);flex-shrink:0}.tool-starting{color:var(--color-text-muted);font-style:italic}.activity-section.compression{border-color:#a855f759}.activity-section.compression.running{border-color:#a855f7b3;box-shadow:0 0 10px #a855f733;animation:compression-pulse 2s ease-in-out infinite}@keyframes compression-pulse{0%,to{box-shadow:0 0 8px #a855f726}50%{box-shadow:0 0 16px #a855f759}}.activity-section.compression .activity-section-header{background:#a855f71a;border-color:#a855f733;color:#c084fc}.compression-status{margin-left:auto;font-weight:400;color:var(--color-text-muted)}.compression-status.running{color:#c084fc;font-weight:600}.compression-status.succeeded{color:var(--color-success)}.compression-status.failed{color:var(--color-danger)}.compression-spinner{margin-left:var(--space-xs);animation:spin .8s linear infinite;color:#c084fc}.compression-reason{color:var(--color-text-muted);font-style:italic;margin-bottom:var(--space-xs)}.compression-reason.full-context{color:var(--color-text);font-style:normal;line-height:1.45;padding:var(--space-xs) var(--space-sm);border-left:3px solid var(--color-accent, #00ffcc);background:#00ffcc0d;border-radius:2px}.compression-stats{display:grid;gap:4px}.compression-stat{display:flex;justify-content:space-between;gap:var(--space-sm)}.compression-label{color:var(--color-text-muted)}.compression-value{color:var(--color-text)}.compression-error{color:var(--color-danger)}.activity-section.approval{border-color:#ffb00080;box-shadow:0 0 12px #ffb00026}.activity-section.approval .activity-section-header{background:#ffb00026;border-color:#ffb0004d;color:var(--color-warning)}.approval-tool-name{font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.approval-description{color:var(--color-text-muted);margin-bottom:var(--space-sm);line-height:1.4}.approval-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);margin-bottom:var(--space-sm)}.approval-preview.dangerous{border-color:#ff475766;background:#ff47570d}.preview-label{font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.preview-diff{background:var(--color-bg);border:1px solid var(--color-border);border-radius:2px;padding:var(--space-xs) var(--space-sm);margin:var(--space-xs) 0;font-size:10px;max-height:120px;overflow:auto;white-space:pre-wrap;word-break:break-all}.preview-command{display:block;background:var(--color-bg);padding:var(--space-xs) var(--space-sm);border-radius:2px;color:var(--color-accent);margin:var(--space-xs) 0;word-break:break-all}.preview-args{display:block;color:var(--color-text-muted);word-break:break-all}.preview-meta{font-size:10px;color:var(--color-text-muted);margin-top:var(--space-xs)}.preview-danger{color:var(--color-danger);margin-top:var(--space-xs);font-weight:600}.approval-note{font-size:10px;color:var(--color-text-disabled);font-style:italic;padding-top:var(--space-xs);border-top:1px dashed var(--color-border)}.activity-error{background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-sm);padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.activity-error.recoverable{background:#ffb0001a;border-color:#ffb0004d}.error-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.error-icon{color:var(--color-danger)}.activity-error.recoverable .error-icon{color:var(--color-warning)}.error-title{font-weight:600;color:var(--color-danger)}.activity-error.recoverable .error-title{color:var(--color-warning)}.error-code{margin-left:auto;background:#0003;padding:1px 4px;border-radius:2px;font-size:9px}.error-message{color:var(--color-text);line-height:1.4}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-align:center}.activity-empty.disconnected{color:var(--color-text-disabled)}.activity-empty-icon{font-size:16px;opacity:.5}.activity-section.knowledge-sync{border-color:#00c8784d}.activity-section.knowledge-sync .activity-section-header{background:#00c8781a;border-color:#00c87833;color:var(--color-success)}.knowledge-sync-time{font-weight:400;color:var(--color-text-muted)}.knowledge-sync-content{display:grid;gap:var(--space-xs)}.knowledge-sync-line{display:flex;justify-content:space-between;color:var(--color-text)}.knowledge-sync-label{color:var(--color-text-muted)}.activity-section.completed-tools{border-color:var(--color-border)}.activity-section.completed-tools .activity-section-header{background:var(--color-surface);color:var(--color-text-muted)}.completed-tools-list{display:flex;flex-direction:column;gap:4px}.completed-tool-item{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:2px var(--space-xs);padding:4px 6px;border-radius:2px;font-family:var(--font-mono);font-size:11px;line-height:1.4;background:var(--color-surface-dim);margin-bottom:2px}.completed-tool-item.success .completed-tool-status{color:var(--color-success)}.completed-tool-item.failed .completed-tool-status{color:var(--color-danger)}.completed-tool-item.failed{background:#ff47570d}.completed-tool-name{font-weight:500;color:var(--color-text);grid-column:2;grid-row:1}.completed-tool-status{grid-column:1;grid-row:1}.completed-tool-duration{grid-column:3;grid-row:1;color:var(--color-text-muted);text-align:right}.completed-tool-args{grid-column:2 / -1;grid-row:2;background:transparent;padding:0;color:var(--color-text-muted);font-size:10px;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-expand-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);width:40px;height:100%;min-height:200px;padding:var(--space-md) var(--space-xs);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-mono);font-size:12px}.activity-expand-btn:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.activity-expand-icon{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:2px}.activity-expand-btn svg{opacity:.6}.activity-expand-btn:hover svg{opacity:1}.agent-workspace.with-activity{grid-template-columns:minmax(320px,360px) 1fr 320px}.agent-workspace.with-activity.sidebar-collapsed{grid-template-columns:48px 1fr 320px}.agent-workspace.with-activity.activity-collapsed{grid-template-columns:minmax(320px,360px) 1fr 48px}.agent-workspace.with-activity.sidebar-collapsed.activity-collapsed{grid-template-columns:48px 1fr 48px}@media(max-width:1400px){.activity-panel{max-width:300px;min-width:240px}.agent-workspace.with-activity{grid-template-columns:minmax(280px,320px) 1fr 280px}.agent-workspace.with-activity.sidebar-collapsed{grid-template-columns:48px 1fr 280px}}@media(max-width:1200px){.agent-workspace.with-activity{grid-template-columns:200px 1fr 260px}.agent-workspace.with-activity.sidebar-collapsed{grid-template-columns:48px 1fr 260px}}@media(max-width:1024px){.agent-workspace.with-activity,.agent-workspace.with-activity.sidebar-collapsed{grid-template-columns:240px 1fr}.agent-workspace.sidebar-collapsed.with-activity{grid-template-columns:48px 1fr}.activity-panel{display:none}.activity-toggle-mobile{display:flex}}@media(max-width:768px){.agent-workspace.with-activity,.agent-workspace.with-activity.sidebar-collapsed{display:flex;flex-direction:column}.activity-panel{display:none}.activity-panel.mobile-visible{display:flex;position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;z-index:1000;border-radius:0;border-left:1px solid var(--color-border);box-shadow:-8px 0 24px #0006;animation:slideInRight .2s ease-out}.activity-panel.mobile-visible.collapsed{width:auto;min-width:auto;max-width:auto}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.activity-toggle-mobile{display:none;position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:48px;height:48px;border-radius:50%;background:var(--color-primary);border:none;color:var(--color-bg-dark);cursor:pointer;box-shadow:var(--glow-primary),0 4px 12px #0000004d;z-index:999;align-items:center;justify-content:center;font-size:20px}.activity-toggle-mobile:hover{transform:scale(1.05)}.activity-toggle-mobile.has-activity{animation:bounce .5s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:1024px){.activity-toggle-mobile{display:flex}}.activity-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.activity-backdrop.visible{display:block}.mobile-status-bar-thin{display:none;width:100%;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;transition:all var(--transition-fast);min-height:14px;overflow:hidden;position:relative}.status-bar-tap-hint{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);opacity:.6;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.mobile-status-bar-thin:active .status-bar-tap-hint{opacity:1}.mobile-status-bar-thin:active{background:var(--color-surface-light)}.mobile-status-bar-thin.urgent{border-color:var(--color-warning);animation:urgentPulse 2s infinite}.mobile-status-bar-thin .polling-progress-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-surface)}@keyframes urgentPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 12px #ffb0004d}}.mobile-status-bar-thin .polling-progress-bar{height:14px}.mobile-status-bar-thin .polling-progress-fill{height:4px}.mobile-status-bar-thin .polling-progress-label{font-size:10px;opacity:1}.sheet-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;opacity:0;transition:opacity .2s ease}.sheet-backdrop.visible{display:block;opacity:1}.mobile-activity-sheet{position:fixed;left:0;right:0;bottom:0;background:var(--color-bg-panel);border-top:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:1001;display:flex;flex-direction:column;transition:height .3s cubic-bezier(.4,0,.2,1);will-change:height;box-shadow:0 -4px 20px #0000004d}.mobile-activity-sheet.dragging{transition:none}.sheet-handle{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);cursor:grab;touch-action:none}.sheet-handle-bar{width:36px;height:4px;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-fast)}.mobile-activity-sheet:active .sheet-handle-bar,.sheet-handle:hover .sheet-handle-bar{background:var(--color-text-muted)}.sheet-polling-bar{padding:0 var(--space-md) var(--space-xs)}.sheet-polling-bar .polling-progress-bar{margin:0}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-border);flex-shrink:0}.sheet-header.urgent{background:#ffb0001a;border-bottom-color:#ffb0004d}.sheet-status{display:flex;align-items:center;gap:var(--space-sm)}.sheet-status-icon{font-size:18px}.sheet-status-text{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.sheet-offline-badge{font-family:var(--font-mono);font-size:10px;padding:2px 6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.sheet-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.sheet-close-btn:hover{background:var(--color-surface);color:var(--color-text)}.sheet-content{flex:1;overflow-y:auto;padding:var(--space-sm);overscroll-behavior:contain}.sheet-section{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.sheet-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.sheet-card-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600}.sheet-card-icon{font-size:14px}.sheet-card-title{flex:1;color:var(--color-text)}.sheet-card-spinner{animation:spin 1s linear infinite;color:var(--color-warning)}.sheet-card-content{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs)}.sheet-card.thinking{border-color:var(--thinking-accent-color, rgba(0, 255, 204, .3));background:color-mix(in srgb,var(--thinking-accent-color, #00ffcc) 12%,transparent)}.sheet-card.thinking .sheet-card-header{background:color-mix(in srgb,var(--thinking-accent-color, #00ffcc) 18%,transparent);border-color:color-mix(in srgb,var(--thinking-accent-color, #00ffcc) 40%,transparent)}.sheet-card.thinking .sheet-card-title{color:var(--thinking-accent-color, #00ffcc)}.thinking-text-mobile{color:var(--color-text-muted);font-style:italic;line-height:1.5;max-height:120px;overflow-y:auto}.sheet-card.tool{border-color:#ffb0004d}.sheet-card.tool .sheet-card-header{background:#ffb0001a;border-color:#ffb00033}.sheet-card.tool .sheet-card-title{color:var(--color-warning)}.tool-description-mobile{color:var(--color-text);margin-bottom:var(--space-xs)}.tool-args-mobile{display:block;color:var(--color-accent);font-family:var(--font-mono);font-size:.85rem;background:var(--color-surface);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);word-break:break-all;white-space:pre-wrap;max-height:100px;overflow-y:auto}.tool-starting-mobile{color:var(--color-text-muted);font-style:italic}.tool-progress-mobile{display:flex;flex-direction:column;gap:2px}.tool-progress-mobile .progress-item{display:flex;gap:var(--space-xs);color:var(--color-text-muted)}.tool-progress-mobile .progress-bullet{color:var(--color-warning);flex-shrink:0}.sheet-card.compression{border-color:#a855f759}.sheet-card.compression .sheet-card-header{background:#a855f71a;border-color:#a855f733}.sheet-card.compression .sheet-card-title{color:#c084fc}.compression-status-mobile{margin-left:auto;margin-right:var(--space-xs);font-weight:500;font-size:var(--text-xs);color:var(--color-text-muted)}.compression-status-mobile.running{color:var(--color-warning)}.compression-status-mobile.succeeded{color:var(--color-success)}.compression-status-mobile.failed{color:var(--color-danger)}.compression-reason-mobile{color:var(--color-text-muted);font-style:italic;margin-bottom:var(--space-xs)}.compression-stats-mobile{display:grid;gap:var(--space-xs)}.compression-stat-mobile{display:flex;justify-content:space-between;gap:var(--space-sm)}.compression-label-mobile{color:var(--color-text-muted)}.compression-value-mobile{color:var(--color-text)}.compression-error-mobile{color:var(--color-danger)}.sheet-card.approval{border-color:#ffb00080;box-shadow:0 0 12px #ffb00026}.sheet-card.approval .sheet-card-header{background:#ffb00026;border-color:#ffb0004d}.sheet-card.approval .sheet-card-title{color:var(--color-warning)}.approval-tool-mobile{font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.approval-desc-mobile{color:var(--color-text-muted);margin-bottom:var(--space-sm);line-height:1.4}.approval-preview-mobile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);margin-bottom:var(--space-sm)}.approval-preview-mobile.dangerous{border-color:#ff475766;background:#ff47570d}.command-preview-mobile{display:block;color:var(--color-accent);word-break:break-all}.file-preview-mobile{color:var(--color-accent);word-break:break-all}.danger-note-mobile{color:var(--color-danger);margin-top:var(--space-xs);font-weight:600}.approval-note-mobile{font-size:10px;color:var(--color-text-disabled);font-style:italic;padding-top:var(--space-xs);border-top:1px dashed var(--color-border)}.sheet-card.error{border-color:#ff47574d}.sheet-card.error .sheet-card-header{background:#ff47571a;border-color:#ff475733}.sheet-card.error .sheet-card-title{color:var(--color-danger)}.sheet-card.error.warning{border-color:#ffb0004d}.sheet-card.error.warning .sheet-card-header{background:#ffb0001a;border-color:#ffb00033}.sheet-card.error.warning .sheet-card-title{color:var(--color-warning)}.error-message-mobile{color:var(--color-text);line-height:1.4}.sheet-card.plan{border-color:#00ffff4d}.sheet-card.plan .sheet-card-header{background:var(--color-primary-alpha);border-color:#0ff3}.sheet-card.plan .sheet-card-title{color:var(--color-primary)}.plan-progress-mobile{margin-left:auto;font-weight:400;color:var(--color-text-muted);font-size:var(--text-xs)}.plan-list-mobile{display:flex;flex-direction:column;gap:4px}.plan-task-mobile{display:flex;align-items:center;gap:var(--space-sm);padding:4px 0}.task-icon-mobile{font-size:12px;width:16px;text-align:center;flex-shrink:0}.plan-task-mobile.status-pending .task-icon-mobile{color:var(--color-text-muted)}.plan-task-mobile.status-in-progress .task-icon-mobile{color:var(--color-warning)}.plan-task-mobile.status-completed .task-icon-mobile{color:var(--color-success)}.task-title-mobile{flex:1;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-task-mobile.status-in-progress .task-title-mobile{color:var(--color-text-bright)}.task-priority-mobile{font-size:10px;font-weight:700;flex-shrink:0}.task-priority-mobile.priority-critical{color:var(--color-danger)}.task-priority-mobile.priority-high{color:var(--color-warning)}.task-priority-mobile.priority-low{color:var(--color-text-disabled)}.plan-more-mobile{color:var(--color-text-muted);font-style:italic;padding:4px 0}.plan-complete-mobile{color:var(--color-success);text-align:center;padding:var(--space-sm)}.plan-progress-bar-mobile{height:4px;background:var(--color-surface);border-radius:2px;margin-top:var(--space-sm);overflow:hidden}.plan-progress-fill-mobile{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-primary));transition:width .3s ease;box-shadow:0 0 8px var(--color-success-glow)}.sheet-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.sheet-empty-icon{font-size:24px;opacity:.5}.inline-card{margin:var(--space-sm) 0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);border-left:3px solid}.inline-card.compact{padding:var(--space-xs) var(--space-sm)}.inline-card-header{display:flex;align-items:center;gap:var(--space-sm)}.inline-card-icon{font-size:12px;flex-shrink:0}.inline-card-title{flex:1;font-weight:500}.inline-card-meta{color:var(--color-text-muted);font-size:10px}.inline-card-code{font-size:10px;background:#0003;padding:1px 4px;border-radius:2px}.inline-card-preview{margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border-radius:2px;overflow:hidden}.inline-card-preview code{color:var(--color-accent);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.inline-card-error,.inline-card-message,.inline-card-description{margin-top:var(--space-xs);color:var(--color-text-muted);line-height:1.4}.inline-card.tool-complete{background:#00ff410d;border-color:var(--color-success)}.inline-card.tool-complete .inline-card-icon{color:var(--color-success)}.inline-card.tool-complete .inline-card-title{color:var(--color-text)}.inline-card.tool-error{background:#ff47570d;border-color:var(--color-danger)}.inline-card.tool-error .inline-card-icon,.inline-card.tool-error .inline-card-title{color:var(--color-danger)}.inline-card.error{background:#ff47570d;border-color:var(--color-danger)}.inline-card.error .inline-card-icon,.inline-card.error .inline-card-title{color:var(--color-danger)}.inline-card.error.warning{background:#ffb0000d;border-color:var(--color-warning)}.inline-card.error.warning .inline-card-icon,.inline-card.error.warning .inline-card-title{color:var(--color-warning)}.inline-card.plan-complete{background:var(--color-primary-alpha);border-color:var(--color-primary)}.inline-card.plan-complete .inline-card-icon{color:var(--color-primary)}.inline-card.plan-complete.all-done{background:#00ff410d;border-color:var(--color-success)}.inline-card.plan-complete.all-done .inline-card-icon{color:var(--color-success)}.inline-card.approval-needed{background:#ffb0000d;border-color:var(--color-warning)}.inline-card.approval-needed .inline-card-icon{color:var(--color-warning)}.inline-card.approval-result.approved{background:#00ff410d;border-color:var(--color-success)}.inline-card.approval-result.approved .inline-card-icon{color:var(--color-success)}.inline-card.approval-result.denied{background:#ff47570d;border-color:var(--color-danger)}.inline-card.approval-result.denied .inline-card-icon{color:var(--color-danger)}@media(max-width:768px){.mobile-status-bar-thin{display:block;position:relative}.activity-toggle-mobile{display:none}.command-input-form.with-status-bar{border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.mobile-activity-sheet.peek{height:15vh}.mobile-activity-sheet.partial{height:45vh}.mobile-activity-sheet.full{height:85vh}.inline-card{padding:var(--space-xs) var(--space-sm)}.inline-card-preview{display:none}}@media(min-width:769px)and (max-width:1024px){.mobile-status-bar{display:flex;position:relative}.activity-toggle-mobile{display:none}}@media(min-width:1025px){.mobile-status-bar,.mobile-activity-sheet{display:none}.sheet-backdrop{display:none!important}}.vscode-modal{padding:var(--space-sm) 0}.vscode-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) 0;gap:var(--space-md);color:var(--color-text-muted)}.vscode-error{padding:var(--space-lg);text-align:center;color:var(--color-text-muted)}.vscode-step{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.vscode-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.vscode-step h4{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin:0 0 var(--space-xs) 0}.vscode-step p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-sm) 0}.vscode-step .btn{margin-top:var(--space-xs)}.ssh-command{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-secondary);word-break:break-all;-webkit-user-select:all;user-select:all}.knowledge-page{max-width:1200px;margin:0 auto;padding:var(--space-md);min-height:100vh}.knowledge-page.loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px)}.loading-spinner{color:var(--color-text-muted);font-family:var(--font-mono)}.knowledge-page .page-header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.knowledge-page .header-left{flex:1}.knowledge-page .back-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-primary);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-sm);margin-bottom:var(--space-sm);transition:color var(--transition-fast)}.knowledge-page .back-link:hover{color:var(--color-primary-hover)}.knowledge-page .page-header h1{margin:0;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xl)}.knowledge-page .page-subtitle{margin:var(--space-xs) 0 0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.knowledge-page .header-actions{display:flex;gap:var(--space-sm);align-items:center}.knowledge-page .refresh-icon{display:inline-block;font-size:1.25rem;line-height:1}.knowledge-page .refresh-icon.spinning{animation:spin 1s linear infinite}.filters-bar{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}@media(min-width:640px){.filters-bar{flex-direction:row;align-items:center}}.search-bar{position:relative;flex:1}.filter-select{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;min-width:160px}.filter-select:focus{outline:none;border-color:var(--color-primary)}.search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #00ffff1a}.search-input::placeholder{color:var(--color-text-muted)}.search-clear{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:12px;line-height:1;transition:all var(--transition-fast)}.search-clear:hover{background:var(--color-bg-elevated);color:var(--color-text)}.tabs{display:flex;gap:2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-width:0}.tab:hover{color:var(--color-text);background:var(--color-bg-elevated)}.tab.active{color:var(--color-bg);background:var(--color-primary)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;font-size:11px;font-weight:600;background:#0003;border-radius:9px}.tab.active .tab-count{background:#0000004d}.knowledge-content{margin-top:var(--space-md)}.knowledge-group{margin-bottom:var(--space-xl)}.knowledge-group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm)}.knowledge-group-header code{color:var(--color-primary);font-weight:500}.knowledge-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;font-size:12px;font-weight:600;background:var(--color-bg-elevated);border-radius:10px;color:var(--color-text-muted)}.knowledge-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-xxl) var(--space-lg);color:var(--color-text-muted);font-family:var(--font-mono)}.empty-hint{margin-top:var(--space-sm);font-size:var(--text-sm);opacity:.7}.knowledge-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast);position:relative;display:flex;flex-direction:column}.knowledge-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #00ffff14}.knowledge-status-bar{position:absolute;top:0;left:0;bottom:0;width:3px}.knowledge-status-bar.entity{background:var(--color-primary)}.knowledge-status-bar.fact{background:var(--color-secondary)}.knowledge-status-bar.relationship{background:var(--color-accent)}.knowledge-status-bar.confidence-high{box-shadow:0 0 8px var(--color-success-glow)}.knowledge-status-bar.confidence-medium{opacity:.7}.knowledge-status-bar.confidence-low{opacity:.4}.knowledge-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md);padding-left:calc(var(--space-md) + 8px);border-bottom:1px solid var(--color-border);gap:var(--space-sm)}.knowledge-identity{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.knowledge-title{font-family:var(--font-mono);font-size:var(--text-md);font-weight:600;color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-file-path{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);background:var(--color-surface);padding:1px 4px;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:fit-content}.knowledge-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.knowledge-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-radius:4px;white-space:nowrap}.badge-edited{background:#ffaa0026;color:var(--color-warning);border:1px solid var(--color-warning)}.badge-type{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.knowledge-card-body{padding:var(--space-md);padding-left:calc(var(--space-md) + 8px);flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.knowledge-summary{margin:0;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.knowledge-meta{display:flex;gap:var(--space-xs);align-items:baseline;font-size:var(--text-sm)}.meta-label{color:var(--color-text-muted);font-family:var(--font-mono)}.meta-value{color:var(--color-text);word-break:break-all}code.meta-value{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-surface);padding:2px 6px;border-radius:var(--radius-sm)}.knowledge-details{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface);padding:var(--space-sm);border-radius:var(--radius-sm);border-left:2px solid var(--color-border)}.knowledge-details p{margin:0;line-height:1.5}.knowledge-footer{margin-top:auto;padding-top:var(--space-sm)}.confidence-indicator{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.confidence-bar{flex:1;height:4px;background:var(--color-primary);border-radius:2px;max-width:100px}.confidence-indicator.confidence-high .confidence-bar{background:var(--color-success)}.confidence-indicator.confidence-medium .confidence-bar{background:var(--color-warning)}.confidence-indicator.confidence-low .confidence-bar{background:var(--color-error)}.confidence-text{color:var(--color-text-muted);min-width:36px}.knowledge-card-actions{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 8px);background:var(--color-surface);border-top:1px solid var(--color-border)}.action-btn{flex:1;padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.action-btn.secondary{background:var(--color-bg-elevated);color:var(--color-text)}.action-btn.secondary:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.action-btn.danger{background:transparent;color:var(--color-error);border-color:var(--color-error)}.action-btn.danger:hover{background:var(--color-error);color:#fff}.relationship-visual{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-sm);overflow:hidden;flex-wrap:wrap}.relationship-entity{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;padding:4px 8px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relationship-arrow{display:flex;align-items:center;gap:4px;flex:1;min-width:80px;color:var(--color-text-muted)}.arrow-line{flex:1;height:1px;background:var(--color-border);min-width:20px}.arrow-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.arrow-head{font-family:var(--font-mono);font-size:12px}.delete-modal-content{padding:var(--space-md) 0}.delete-modal-content p{margin:0 0 var(--space-md) 0;color:var(--color-text)}.delete-warning{color:var(--color-text-muted);font-size:var(--text-sm)}.fact-preview{font-style:italic;color:var(--color-text-muted);background:var(--color-surface);padding:var(--space-sm);border-radius:var(--radius-sm);border-left:2px solid var(--color-border)}.edit-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-row{display:flex;gap:var(--space-md);flex-wrap:wrap}.form-row .form-group{flex:1;min-width:140px}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:border-color var(--transition-fast)}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:60px}.form-group select{cursor:pointer}.form-group input[type=range]{width:100%;cursor:pointer}.range-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.error-banner{padding:var(--space-md);background:#ff00001a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-family:var(--font-mono);margin-bottom:var(--space-lg)}@media(min-width:600px){.knowledge-page{padding:var(--space-lg)}.knowledge-page .page-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.knowledge-grid{grid-template-columns:repeat(2,1fr)}.relationship-entity{max-width:180px}}@media(min-width:1024px){.knowledge-page{padding:var(--space-xl)}.knowledge-page .page-header h1{font-size:var(--text-2xl)}.knowledge-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.relationship-visual{flex-wrap:nowrap}.relationship-entity{max-width:200px}}@media(min-width:1400px){.knowledge-grid{grid-template-columns:repeat(4,1fr)}}.btn-warning{background:var(--color-warning);color:var(--color-bg);border:1px solid var(--color-warning)}.btn-warning:hover:not(:disabled){background:transparent;color:var(--color-warning)}.form-help{display:block;margin-top:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-xs)}@media(hover:none)and (pointer:coarse){.action-btn{padding:var(--space-sm) var(--space-md);min-height:44px}.tab{padding:var(--space-md);min-height:44px}.search-input{padding:var(--space-md);font-size:16px}.search-clear{width:32px;height:32px;right:var(--space-sm)}}.fw-page{max-width:1000px;margin:0 auto;padding:var(--space-xl);min-height:100vh}.fw-header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.fw-back{display:flex;align-items:center;gap:var(--space-xs);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.fw-back:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-alpha)}.fw-back-arrow{font-size:1rem}.fw-title-group{flex:1}.fw-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-xs)}.fw-title-icon{color:var(--color-primary);font-size:1.5rem}.fw-vm-info{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.fw-vm-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.fw-vm-ip{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);background:var(--color-primary-alpha);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid rgba(126,231,135,.2)}.fw-main{display:grid;grid-template-columns:340px 1fr;gap:var(--space-lg)}.fw-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.fw-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.fw-card-header h2{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin:0;text-transform:uppercase;letter-spacing:.5px}.fw-rule-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-bg);background:var(--color-primary);padding:2px 8px;border-radius:var(--radius-full);min-width:20px;text-align:center}.fw-form{padding:var(--space-md)}.fw-form-error{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:var(--color-danger);padding:var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs)}.fw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.fw-form-group{margin-bottom:var(--space-md)}.fw-form-group label{display:block;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.fw-optional{font-weight:400;text-transform:none;letter-spacing:0;opacity:.6}.fw-form-group input,.fw-form-group select{width:100%;padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition-fast)}.fw-form-group input:focus,.fw-form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.fw-form-group input::placeholder{color:var(--color-text-muted)}.fw-form-group input[type=number]{-moz-appearance:textfield}.fw-form-group input[type=number]::-webkit-outer-spin-button,.fw-form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fw-cidr-input{margin-top:var(--space-xs)}.fw-protocol-toggle{display:flex;gap:2px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px}.fw-proto-btn{flex:1;padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:2px;transition:all var(--transition-fast)}.fw-proto-btn.active{background:var(--color-primary);color:var(--color-bg)}.fw-proto-btn:hover:not(.active){color:var(--color-text);background:var(--color-surface)}.fw-btn{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.fw-btn-block{width:100%;display:block}.fw-btn-primary{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.fw-btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--glow-primary)}.fw-btn-primary:disabled{opacity:.5;cursor:not-allowed}.fw-btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.fw-btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.fw-btn-ssh{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;background:#00ff411a;border:1px solid rgba(0,255,65,.3);border-radius:var(--radius-sm);color:var(--color-secondary);cursor:pointer;transition:all var(--transition-fast)}.fw-btn-ssh:hover:not(:disabled){background:#00ff4126;border-color:var(--color-secondary);box-shadow:0 0 12px var(--color-success-glow)}.fw-btn-ssh:disabled{opacity:.5;cursor:not-allowed}.fw-ssh-icon{font-size:1rem}.fw-quick{padding:var(--space-md);border-top:1px solid var(--color-border);background:var(--color-bg)}.fw-quick-label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.fw-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs);margin-bottom:var(--space-sm)}.fw-quick-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.fw-quick-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-alpha)}.fw-quick-btn:disabled{opacity:.3;cursor:not-allowed}.fw-quick-port{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.fw-quick-name{font-family:var(--font-mono);font-size:9px;color:var(--color-text-muted);text-transform:uppercase}.fw-rules{display:flex;flex-direction:column}.fw-rule{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.fw-rule:last-child{border-bottom:none}.fw-rule:hover{background:var(--color-surface)}.fw-rule-port{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-text);min-width:60px}.fw-rule-proto{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm)}.fw-proto-tcp{background:#3b82f633;color:#60a5fa}.fw-proto-udp{background:#a855f733;color:#c084fc}.fw-rule-source{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);flex:1}.fw-rule-source code{background:var(--color-surface);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.fw-source-any{color:var(--color-text-muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.fw-rule-desc{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg);padding:2px 8px;border-radius:var(--radius-sm);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fw-rule-delete{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.fw-rule-delete:hover:not(:disabled){background:#ff475726;border-color:#ff47574d;color:var(--color-danger)}.fw-rule-delete:disabled{opacity:.5;cursor:not-allowed}.fw-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.fw-empty-icon{font-size:3rem;color:var(--color-text-muted);opacity:.3;margin-bottom:var(--space-md)}.fw-empty-title{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text);margin:0 0 var(--space-xs)}.fw-empty-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.fw-footer{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.fw-footer-icon{color:var(--color-primary)}.fw-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--color-text-muted);font-family:var(--font-mono)}.fw-loading-icon{font-size:2rem;animation:fw-spin 1s linear infinite}@keyframes fw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fw-error,.fw-error-banner{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:var(--color-danger);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm)}@media(max-width:800px){.fw-page{padding:var(--space-md)}.fw-main{grid-template-columns:1fr}.fw-add-card{order:-1}.fw-quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.fw-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.fw-back{width:fit-content}.fw-form-row{grid-template-columns:1fr}.fw-rule{flex-wrap:wrap}.fw-rule-port{min-width:auto}.fw-rule-desc{width:100%;max-width:none;margin-top:var(--space-xs)}}.ssh-keys{min-height:calc(100vh - 200px);padding:2rem}.ssh-keys.loading{display:flex;align-items:center;justify-content:center}.ssh-keys-container{max-width:900px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.page-title{font-size:2rem;margin-bottom:.5rem}.page-description{color:var(--text-secondary);margin:0}.ssh-info-box{display:flex;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:2rem}.ssh-info-box svg{flex-shrink:0;color:var(--primary-color)}.ssh-info-box strong{display:block;margin-bottom:.25rem}.ssh-info-box p{margin:0;font-size:.875rem;color:var(--text-secondary)}.ssh-info-box code{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.8rem}.keys-section h2{font-size:1.25rem;margin-bottom:1rem}.empty-state{text-align:center;padding:3rem 1rem;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.empty-state svg{color:var(--text-muted);margin-bottom:1rem}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem}.keys-list{display:flex;flex-direction:column;gap:1rem}.key-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:1rem;transition:border-color .2s}.key-card:hover{border-color:var(--border-color-hover)}.key-info{flex:1;min-width:0}.key-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.key-name{font-size:1rem;font-weight:600;margin:0}.key-fingerprint{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.fingerprint-label{color:var(--text-secondary);font-size:.875rem}.fingerprint-value{font-size:.8rem;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s;word-break:break-all}.fingerprint-value:hover{background:var(--bg-hover)}.key-meta{font-size:.8rem;color:var(--text-muted)}.key-actions{display:flex;gap:.5rem;flex-shrink:0}.public-key-input{font-family:var(--font-mono);font-size:.875rem;resize:vertical;min-height:100px}.error-message{padding:1rem;background:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-md);color:var(--error-color);text-align:center}@media(max-width:600px){.ssh-keys{padding:1rem}.page-header{flex-direction:column}.key-card{flex-direction:column;align-items:flex-start}.key-actions{width:100%;justify-content:flex-end}}.secrets-page{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.secrets-page.loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px)}.secrets-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.secrets-page .page-header h1{margin:0;color:var(--color-text);font-family:var(--font-mono)}.secrets-page .page-subtitle{margin:var(--space-sm) 0 0;color:var(--color-text-muted);font-family:var(--font-mono)}.secrets-page .header-actions{display:flex;gap:var(--space-sm);align-items:center}.secrets-page .add-dropdown{display:flex;gap:var(--space-xs)}.modal-warning{display:flex;gap:var(--space-sm);padding:var(--space-md);background:#ffaa001a;border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-bottom:var(--space-md);color:var(--color-text);font-size:.85rem;line-height:1.5}.modal-warning svg{flex-shrink:0;color:var(--color-warning);margin-top:2px}.modal-warning strong{color:var(--color-warning)}.modal-warning a{color:var(--color-primary);text-decoration:underline}.modal-warning a:hover{color:var(--color-primary-hover)}.byok-agreement-content{text-align:center}.byok-warning-icon{margin-bottom:var(--space-md)}.byok-agreement-title{color:var(--color-warning);font-family:var(--font-mono);font-size:1.1rem;margin:0 0 var(--space-md) 0}.byok-agreement-text{text-align:left;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.byok-agreement-text p{margin:0 0 var(--space-sm) 0;color:var(--color-text-muted)}.byok-agreement-text ul{margin:var(--space-sm) 0;padding-left:var(--space-lg);color:var(--color-text)}.byok-agreement-text li{margin-bottom:var(--space-sm);line-height:1.5}.byok-agreement-text li strong{color:var(--color-warning)}.byok-agreement-tos{margin-top:var(--space-md)!important;padding-top:var(--space-sm);border-top:1px solid var(--color-border);font-size:.85rem}.byok-agreement-tos a{color:var(--color-primary);text-decoration:underline}.secrets-page .refresh-icon{display:inline-block;font-size:1.25rem;line-height:1}.secrets-page .refresh-icon.spinning{animation:spin 1s linear infinite}.secrets-section{margin-bottom:var(--space-xl)}.secrets-section .section-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.5px}.secrets-section .section-title svg{color:var(--color-primary)}.secrets-section .section-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:10px;margin-left:auto}.secrets-section .beta-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#8a2be226;color:#9d4edd;border:1px solid #9D4EDD;border-radius:4px;margin-left:var(--space-sm)}.btn-beta-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:#8a2be240;color:#b388ff;border-radius:3px;margin-left:6px;vertical-align:middle}.secrets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.secret-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast);position:relative;display:flex;flex-direction:column}.secret-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #00ffff14}.secret-status-bar{position:absolute;top:0;left:0;bottom:0;width:3px}.secret-status-bar.ssh{background:var(--color-primary)}.secret-status-bar.ai{background:var(--color-secondary);box-shadow:0 0 8px var(--color-success-glow)}.secret-status-bar.integration{background:var(--color-accent)}.secret-status-bar.integration.shared{background:var(--color-secondary);box-shadow:0 0 8px var(--color-success-glow)}.secret-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md);padding-left:calc(var(--space-md) + 8px);border-bottom:1px solid var(--color-border)}.secret-identity{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.secret-title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-sm)}.secret-identifier{font-size:var(--text-xs);font-weight:400;color:var(--color-text-muted)}.secret-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.secret-badges{display:flex;gap:var(--space-xs);align-items:center}.secret-type-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:4px}.secret-type-badge.ssh{background:#00ffff1a;color:var(--color-primary);border:1px solid rgba(0,255,255,.3)}.secret-type-badge.ai{background:var(--color-secondary-alpha);color:var(--color-secondary);border:1px solid rgba(0,255,65,.3)}.secret-type-badge.integration{background:#9575cd1a;color:var(--color-accent);border:1px solid rgba(149,117,205,.3)}.secret-type-badge.shared{background:var(--color-secondary-alpha);color:var(--color-secondary);border:1px solid rgba(0,255,65,.3)}.secret-type-badge svg{width:10px;height:10px}.secret-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-border);border-bottom:1px solid var(--color-border)}.secret-info-grid.single-col{grid-template-columns:1fr}.secret-info-section{background:var(--color-bg-panel);padding:var(--space-sm) var(--space-md)}.secret-info-section:first-child{padding-left:calc(var(--space-md) + 8px)}.secret-info-section.full-width{grid-column:1 / -1;padding-left:calc(var(--space-md) + 8px)}.secret-info-grid .info-label{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:2px}.secret-info-grid .info-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}.secret-info-grid .info-value.mono{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-bg);padding:2px 6px;border-radius:var(--radius-sm);display:inline-block}.secret-info-grid .info-value.clickable{cursor:pointer;transition:color var(--transition-fast)}.secret-info-grid .info-value.clickable:hover{color:var(--color-primary)}.secret-card-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 8px);background:var(--color-surface);margin-top:auto}.secret-card-actions .action-buttons-left,.secret-card-actions .action-buttons-right{display:flex;align-items:center;gap:var(--space-xs)}.secret-card-actions .action-btn{padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.secret-card-actions .action-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.secret-card-actions .action-btn.secondary{background:var(--color-bg)}.secret-card-actions .action-btn.warning{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.secret-card-actions .action-btn.warning:hover{background:#eab30840;border-color:#eab308}.secret-card-actions .action-btn.danger{color:var(--color-danger);border-color:var(--color-danger)}.secret-card-actions .action-btn.danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.empty-state{text-align:center;padding:var(--space-3xl);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md)}.empty-state .empty-icon{font-size:3rem;margin-bottom:var(--space-lg)}.empty-state h3{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text);margin:0 0 var(--space-sm)}.empty-state p{color:var(--color-text-muted);margin:0 0 var(--space-lg)}.empty-state .empty-actions{display:flex;gap:var(--space-md);justify-content:center}.modal-form-content{padding:var(--space-md)}.modal-description{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.modal-text{color:var(--color-text);margin-bottom:var(--space-md)}.modal-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.modal-actions .btn{flex:1}.mono-input{font-family:var(--font-mono);font-size:.875rem;resize:vertical;min-height:100px}.form-hint{display:block;margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-muted)}.modal-form-content code{background:var(--color-surface);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-mono)}.item-detail{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-accent);display:inline-block}.toggle-group{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.toggle-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{display:none}.toggle-switch{position:relative;width:40px;height:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:11px;transition:all var(--transition-fast);flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-text-muted);border-radius:50%;transition:all var(--transition-fast)}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:#00ff4133;border-color:var(--color-secondary)}.toggle-label input[type=checkbox]:checked+.toggle-switch:after{left:20px;background:var(--color-secondary)}.toggle-text{font-weight:500;color:var(--color-text);font-size:var(--text-sm)}.toggle-description{margin:var(--space-sm) 0 0 0;font-size:var(--text-xs);color:var(--color-text-muted);padding-left:calc(40px + var(--space-sm))}.agent-scope-list{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:250px;overflow-y:auto;overflow-x:hidden}.agent-scope-row{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--color-surface)}.agent-scope-row:hover{background:var(--color-bg)}.agent-scope-label{display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--color-text);line-height:1.4}.agent-scope-label input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.agent-scope-text{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-scope-text .agent-name{font-weight:600}.agent-scope-text .agent-host{color:var(--color-text-muted);font-size:12px;margin-left:6px}.model-override-input{margin-left:28px;padding:6px 10px;font-size:13px;font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);width:calc(100% - 28px);box-sizing:border-box}.model-override-input::placeholder{color:var(--color-text-muted)}.model-override-input:focus{outline:none;border-color:var(--color-primary)}.agent-scope-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm)}.agent-scope-item:hover{background:var(--color-surface)}.agent-scope-item input[type=checkbox]{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.required{color:var(--color-danger);font-weight:500}@media(max-width:1000px){.secrets-grid{grid-template-columns:1fr}}@media(max-width:768px){.secrets-page{padding:var(--space-md)}.secrets-page .page-header{flex-direction:column;gap:var(--space-md)}.secrets-page .header-actions{width:100%}.secrets-page .add-dropdown{flex-wrap:wrap;width:100%}.secrets-page .add-dropdown .btn{flex:1}.secret-info-grid{grid-template-columns:1fr}.secret-info-section:first-child{padding-left:calc(var(--space-md) + 8px)}.secret-card-actions{flex-direction:column;gap:var(--space-sm)}.secret-card-actions .action-buttons-left,.secret-card-actions .action-buttons-right{width:100%;justify-content:stretch}.secret-card-actions .action-btn{flex:1}}.routines-page{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);box-sizing:border-box;min-height:80vh}.routines-page .page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-sm)}.routines-page .page-title{margin:0;font-size:var(--text-2xl);font-family:var(--font-mono);color:var(--color-text);display:flex;align-items:center;gap:var(--space-md);font-weight:700;letter-spacing:-.5px}.routines-page .page-subtitle{margin:var(--space-xs) 0 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.routines-page .page-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.routines-agent-filter{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.routines-agent-filter label{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-muted);font-weight:500;white-space:nowrap}.routines-agent-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);padding:8px 12px;min-width:240px;cursor:pointer;transition:border-color var(--transition-base)}.routines-agent-select:hover{border-color:var(--color-border-light, #555)}.routines-agent-select:focus{outline:none;border-color:var(--color-primary)}.routines-page .primary-btn{border:1px solid var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary-light);padding:0 18px;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background var(--transition-base),border-color var(--transition-base);font-family:var(--font-mono);gap:6px}.routines-page .primary-btn:hover{background:var(--color-primary);color:var(--color-bg)}.routines-page .primary-btn:disabled{opacity:.5;cursor:not-allowed}.routines-btn-sm{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);padding:0 10px;height:28px;border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-xs);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base);font-family:var(--font-mono)}.routines-btn-sm:hover{border-color:var(--color-primary);color:var(--color-primary-light);background:var(--color-primary-alpha)}.routines-btn-sm.btn-danger:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ef44441a}.routines-btn-sm.btn-warning:hover{border-color:var(--color-warning);color:var(--color-warning);background:#f59e0b1a}.routines-btn-sm.btn-success:hover{border-color:var(--color-success);color:var(--color-success);background:#22c55e1a}.routines-btn-sm:disabled{opacity:.5;cursor:not-allowed}.routines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-lg);align-items:start}.routine-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);padding-left:calc(var(--space-lg) + 6px);display:flex;flex-direction:column;gap:var(--space-md);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.routine-card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 4px 16px #00000026,0 0 0 1px var(--color-primary-alpha)}.routine-card-status-bar{position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--color-border);transition:background .2s ease,box-shadow .2s ease}.routine-card.status-active .routine-card-status-bar{background:var(--color-success);box-shadow:0 0 6px var(--color-success-glow)}.routine-card.status-paused .routine-card-status-bar{background:var(--color-warning);box-shadow:0 0 4px #f59e0b4d}.routine-card.status-archived .routine-card-status-bar{background:var(--color-border)}.routine-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.routine-card-header-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.routine-card-name{margin:0;font-size:var(--text-base, 1rem);color:var(--color-text);font-family:var(--font-mono);font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.routine-card-agent{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.routine-card-description{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.6em}.routine-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-full);border:1px solid transparent;display:inline-flex;align-items:center;white-space:nowrap;gap:4px;font-family:var(--font-mono)}.routine-badge.badge-active{color:var(--color-success);border-color:var(--color-success);background:#22c55e1a}.routine-badge.badge-paused{color:var(--color-warning);border-color:#f59e0b80;background:#f59e0b1a}.routine-badge.badge-archived{color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-surface)}.routine-card-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-family:var(--font-mono)}.routine-info-item{display:flex;flex-direction:column;gap:2px}.routine-info-label{color:var(--color-text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.routine-info-value{color:var(--color-text);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.routine-info-value.muted{color:var(--color-text-muted);font-style:italic}.routine-running-dot{width:7px;height:7px;border-radius:50%;background:var(--color-success);display:inline-block;flex-shrink:0;animation:routine-pulse 1.5s ease-in-out infinite}@keyframes routine-pulse{0%,to{opacity:1;box-shadow:0 0 #22c55eb3}50%{opacity:.7;box-shadow:0 0 0 4px #22c55e00}}.routine-card-actions{display:flex;gap:var(--space-xs);border-top:1px solid var(--color-border);padding-top:var(--space-sm);margin-top:auto}.routines-empty-state{padding:var(--space-3xl) var(--space-2xl);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;background:#ffffff05;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:260px}.routines-empty-state h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text);font-family:var(--font-mono)}.routines-empty-state p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);max-width:400px}.routines-empty-icon{font-size:40px;opacity:.4;margin-bottom:var(--space-xs)}.routines-loading{display:flex;align-items:center;justify-content:center;min-height:260px;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.routines-error{padding:var(--space-lg);border:1px solid var(--color-danger);border-radius:var(--radius-lg);background:#ef444414;color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-sm);text-align:center}.routine-form{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) 0}.routine-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.routine-form-col{display:flex;flex-direction:column;gap:var(--space-sm);height:100%}@media(max-width:768px){.routine-form-grid{grid-template-columns:1fr;gap:var(--space-md)}}.routine-form-group{display:flex;flex-direction:column;gap:3px}.routine-form-group.flex-fill{flex:1}.routine-form-group label{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text);font-weight:600;letter-spacing:.02em}.routine-form-group .form-hint{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono);margin:0}.routine-form-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);padding:8px 12px;transition:border-color var(--transition-base);width:100%;box-sizing:border-box}.routine-form-input:focus{outline:none;border-color:var(--color-primary)}.routine-form-input::placeholder{color:var(--color-text-muted);opacity:.5}.routine-form-readonly{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);padding:8px 12px;width:100%;box-sizing:border-box;opacity:.8}textarea.routine-form-input{resize:vertical;min-height:60px}textarea.routine-form-input.prompt-textarea{min-height:80px;flex:1}select.routine-form-input{cursor:pointer}.routine-interval-picker{display:flex;align-items:center;gap:var(--space-sm)}.routine-interval-every{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-muted);font-weight:500;white-space:nowrap}.routine-interval-value{width:80px;min-width:60px;flex-shrink:0;text-align:center}.routine-interval-unit{width:130px;min-width:100px;flex-shrink:0}.routine-interval-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.routine-preset-pill{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:11px;font-family:var(--font-mono);padding:3px 10px;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.routine-preset-pill:hover,.routine-preset-pill.active{border-color:var(--color-primary);color:var(--color-primary-light);background:var(--color-primary-alpha)}.routine-schedule-toggle{background:none;border:none;color:var(--color-text-muted);font-size:11px;font-family:var(--font-mono);cursor:pointer;padding:2px 0;text-align:left;opacity:.7;transition:opacity var(--transition-base),color var(--transition-base);align-self:flex-start}.routine-schedule-toggle:hover{opacity:1;color:var(--color-primary-light)}.routine-cron-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text);font-weight:600;letter-spacing:.02em}.routine-cron-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:10px;font-weight:700;cursor:help;flex-shrink:0}.routine-cron-tooltip:hover{border-color:var(--color-primary);color:var(--color-primary-light)}.routine-profile-section{display:flex;flex-direction:column;gap:var(--space-xs)}.routine-profile-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-family:var(--font-mono);font-weight:500;margin-top:var(--space-xs)}.routine-profile-options{display:flex;flex-wrap:wrap;gap:6px}.routine-profile-option{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:11px;font-family:var(--font-mono);padding:3px 10px;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;display:inline-flex;align-items:center;gap:4px;text-decoration:none}.routine-profile-option:hover,.routine-profile-option.selected{border-color:var(--color-primary);color:var(--color-primary-light);background:var(--color-primary-alpha)}.routine-profile-link{color:var(--color-text-muted);font-size:10px;text-decoration:none;opacity:.7;transition:opacity var(--transition-base)}.routine-profile-link:hover{opacity:1;color:var(--color-primary-light)}.routine-history-row{display:flex;align-items:center;gap:var(--space-sm)}.routine-history-input{width:70px}.routine-form-row-inline{display:flex;gap:var(--space-md);align-items:flex-start}.routine-form-row-inline>.routine-form-group{flex:1}.routine-form-row-inline>.routine-form-group:first-child{flex:2}.routine-form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);border-top:none;padding-top:var(--space-sm);margin-top:auto}.routine-form-actions .cancel-btn{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);padding:0 18px;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;font-family:var(--font-mono);transition:border-color var(--transition-base),color var(--transition-base)}.routine-form-actions .cancel-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.routine-form-actions .save-btn{border:1px solid var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary-light);padding:0 18px;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;font-family:var(--font-mono);transition:background var(--transition-base)}.routine-form-actions .save-btn:hover{background:var(--color-primary);color:var(--color-bg)}.routine-form-actions .save-btn:disabled{opacity:.5;cursor:not-allowed}.routine-delete-confirm{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-sm) 0}.routine-delete-confirm p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-mono);line-height:1.6}.routine-delete-confirm .routine-name-highlight{color:var(--color-text);font-weight:600}.routine-delete-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.routine-delete-actions .cancel-btn{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);padding:0 18px;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;font-family:var(--font-mono);transition:border-color var(--transition-base),color var(--transition-base)}.routine-delete-actions .cancel-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.routine-delete-actions .delete-btn{border:1px solid var(--color-danger);background:#ef44441a;color:var(--color-danger);padding:0 18px;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;font-family:var(--font-mono);transition:background var(--transition-base)}.routine-delete-actions .delete-btn:hover{background:var(--color-danger);color:#fff}.routine-delete-actions .delete-btn:disabled{opacity:.5;cursor:not-allowed}.run-history-modal{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-sm) 0;max-height:70vh;overflow-y:auto}.run-history-loading{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.run-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);text-align:center;gap:var(--space-xs)}.run-history-empty p{margin:0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.run-history-empty-hint{font-size:var(--text-xs)!important;opacity:.6}.run-back-btn{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;align-self:flex-start;transition:all var(--transition-base)}.run-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary-light)}.run-list{display:flex;flex-direction:column;gap:var(--space-xs)}.run-list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;gap:6px;text-align:left;font-family:var(--font-mono);width:100%;box-sizing:border-box}.run-list-item:hover{border-color:var(--color-primary);background:var(--color-primary-alpha)}.run-list-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.run-list-item-time{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.run-list-item-meta{display:flex;gap:var(--space-sm);flex-wrap:wrap}.run-meta-chip{font-size:11px;color:var(--color-text-muted);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:1px 8px;white-space:nowrap}.run-list-item-summary{margin:0;font-size:12px;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.run-status-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:var(--radius-full);border:1px solid transparent;font-family:var(--font-mono);white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.run-status-badge.status-completed{color:var(--color-success);border-color:var(--color-success);background:#22c55e1a}.run-status-badge.status-failed{color:var(--color-danger);border-color:var(--color-danger);background:#ef44441a}.run-status-badge.status-running{color:var(--color-primary-light);border-color:var(--color-primary);background:var(--color-primary-alpha)}.run-status-badge.status-cancelled{color:var(--color-warning);border-color:#f59e0b80;background:#f59e0b1a}.run-detail{display:flex;flex-direction:column;gap:var(--space-md)}.run-detail-header{display:flex;flex-direction:column;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.run-detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);font-size:12px;font-family:var(--font-mono);color:var(--color-text-muted)}.run-detail-section{display:flex;flex-direction:column;gap:var(--space-xs)}.run-detail-section-title{margin:0;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text);font-weight:600;letter-spacing:.02em}.run-detail-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:12px;color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;max-height:200px;overflow-y:auto;line-height:1.5}.run-trace{display:flex;flex-direction:column;gap:var(--space-xs)}.trace-step{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition-base)}.trace-step:hover{border-color:color-mix(in srgb,var(--color-border) 50%,var(--color-primary) 50%)}.trace-step-header{display:flex;align-items:center;gap:var(--space-sm);padding:8px 12px;background:var(--color-surface);border:none;width:100%;cursor:pointer;font-family:var(--font-mono);font-size:12px;color:var(--color-text);text-align:left;box-sizing:border-box;transition:background var(--transition-base)}.trace-step-header:hover{background:var(--color-primary-alpha)}.trace-step-header-static{cursor:default}.trace-step-header-static:hover{background:var(--color-surface)}.trace-step-index{color:var(--color-text-muted);font-size:10px;min-width:24px;opacity:.6}.trace-step-icon{font-size:14px;flex-shrink:0}.trace-step-icon.failed{filter:none}.trace-step-name{font-weight:600;color:var(--color-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-step-duration{font-size:11px;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.trace-step-toggle{color:var(--color-text-muted);font-size:10px;flex-shrink:0;margin-left:auto}.trace-step-body{padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);border-top:1px solid var(--color-border);background:var(--color-bg-panel)}.trace-step-section{display:flex;flex-direction:column;gap:4px}.trace-step-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-family:var(--font-mono);font-weight:500}.trace-step-code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px;font-family:var(--font-mono);font-size:11px;color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;max-height:300px;overflow-y:auto;line-height:1.5}.trace-llm-text{background:#22c55e08;border-color:#22c55e26}.trace-tool-failed{border-color:#ef44444d}.trace-tool-failed .trace-step-header{background:#ef44440d}.routines-btn-sm.btn-history:hover{border-color:var(--color-primary);color:var(--color-primary-light);background:var(--color-primary-alpha)}@media(max-width:768px){.routines-page{padding:var(--space-md)}.routines-page .page-header{flex-direction:column;align-items:flex-start}.routines-grid,.routine-card-info{grid-template-columns:1fr}.routines-agent-select{min-width:100%}.routine-interval-picker{flex-wrap:wrap}.routine-interval-presets{gap:4px}.routine-preset-pill{font-size:10px;padding:2px 8px}.routine-form-row-inline{flex-direction:column}}.settings-page{padding:var(--space-lg);max-width:800px;margin:0 auto}.settings-page.loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.settings-page .terminal-config{margin-top:var(--space-md)}.settings-page .config-value-select.wide{width:350px;max-width:100%}.settings-page .config-value-readonly{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.settings-page .config-line.readonly .config-key{color:var(--color-text-muted)}.settings-page .config-line.disabled{opacity:.5}.settings-page .config-line.disabled .config-key{color:var(--color-text-muted)}.settings-page .terminal-status .status-error{color:var(--color-danger)}@media(max-width:768px){.settings-page{padding:var(--space-md)}.settings-page .config-value-select.wide{width:100%}.settings-page .config-line{display:flex;flex-wrap:wrap}.settings-page .config-key{min-width:120px}}.docs-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:var(--color-bg)}.docs-sidebar{position:fixed;top:60px;left:0;width:280px;height:calc(100vh - 60px);background:var(--color-bg-panel);border-right:1px solid var(--color-border);overflow-y:auto;z-index:10}.docs-sidebar-header{padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--color-border)}.docs-sidebar-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.docs-nav{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.docs-nav-group{display:flex;flex-direction:column;gap:var(--space-xs)}.docs-nav-group-title{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:0 var(--space-sm)}.docs-nav-group-items{display:flex;flex-direction:column;gap:var(--space-xs)}.docs-nav-error{color:var(--color-text-muted);font-size:.875rem;padding:var(--space-sm) var(--space-md)}.docs-nav-item{all:unset;display:block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.9375rem;cursor:pointer;transition:all .15s ease;text-align:left}.docs-nav-item:hover{background:var(--color-surface);color:var(--color-text)}.docs-nav-item.active{background:var(--color-primary);color:var(--color-bg-dark);font-weight:500}.docs-content-area{grid-column:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;width:100%;padding-top:0}.docs-top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1000px;padding:var(--space-2xl) var(--space-xl) 0;box-sizing:border-box}.docs-breadcrumbs{display:flex;align-items:center;gap:var(--space-sm);font-size:.9375rem;color:var(--color-text-muted)}.docs-breadcrumb-root{font-weight:500;color:var(--color-text-muted)}.docs-breadcrumb-sep{color:var(--color-border)}.docs-breadcrumb-current{color:var(--color-text);font-weight:600}.docs-actions{display:flex;gap:var(--space-sm)}.docs-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-md);height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s ease}.docs-action-btn:hover{background:var(--color-bg-panel);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.docs-action-btn.copied{background:#10b981;border-color:#10b981;color:#fff}.docs-content{width:100%;max-width:1000px;padding:var(--space-xl);box-sizing:border-box}.docs-section{margin-bottom:var(--space-3xl);scroll-margin-top:100px}.docs-section:last-child{margin-bottom:0}.docs-loading{color:var(--color-text-muted);font-size:.9375rem;padding:var(--space-xl) 0}.docs-raw{font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);padding:var(--space-2xl);margin:0;white-space:pre-wrap;word-wrap:break-word}.docs-content h1{font-size:2.5rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-2xl) 0;padding-bottom:0;border-bottom:none;line-height:1.2;letter-spacing:-.02em}.docs-content h2{font-size:1.75rem;font-weight:600;color:var(--color-text);margin:var(--space-3xl) 0 var(--space-xl) 0;padding-top:var(--space-2xl);padding-bottom:var(--space-md);border-top:2px solid var(--color-border);border-bottom:1px solid var(--color-border);line-height:1.3;letter-spacing:-.01em}.docs-content h2:first-child{border-top:none;padding-top:0;margin-top:var(--space-xl)}.docs-content h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:var(--space-2xl) 0 var(--space-lg) 0;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);line-height:1.4}.docs-content p{color:var(--color-text);font-size:1rem;line-height:1.75;margin:var(--space-md) 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.docs-content ul{list-style:none;margin:var(--space-lg) 0;padding-left:0}.docs-content ol{list-style:none;margin:var(--space-lg) 0;padding-left:0;counter-reset:item}.docs-content ul>li{position:relative;padding-left:var(--space-xl);color:var(--color-text);font-size:1rem;line-height:1.75;margin:var(--space-sm) 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.docs-content ul>li:before{content:"";position:absolute;left:8px;top:.65em;width:6px;height:6px;background:var(--color-primary);border-radius:50%}.docs-content ol>li{position:relative;padding-left:var(--space-xl);color:var(--color-text);font-size:1rem;line-height:1.75;margin:var(--space-sm) 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;counter-increment:item}.docs-content ol>li:before{content:counter(item) ".";position:absolute;left:0;top:0;font-weight:600;color:var(--color-primary)}.docs-content strong{color:var(--color-text);font-weight:600}.docs-content a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}.docs-content a:hover{border-bottom-color:var(--color-primary)}.docs-content code.inline-code,.docs-content p code,.docs-content li code,.docs-content td code{font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;background:var(--color-surface);color:var(--color-primary);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-weight:500;white-space:nowrap}.code-block-wrapper{position:relative;margin:var(--space-lg) 0}.code-block-wrapper.has-language pre{background:#1e1e2e;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);padding-right:calc(var(--space-lg) + 48px);overflow-x:auto;margin:0}.code-block-wrapper.has-language pre code{background:none;border:none;padding:0;color:#cdd6f4;font-size:.875rem;line-height:1.65;display:block;font-weight:400;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre}.code-copy-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;opacity:.7;z-index:10}.code-copy-btn:hover{opacity:1;background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.code-copy-btn.copied{opacity:1;background:#10b981;border-color:#10b981;color:#fff}.docs-content pre{margin:0}.docs-content table{width:100%;border-collapse:collapse;margin:var(--space-xl) 0;font-size:.9375rem;background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.docs-content thead{background:var(--color-bg-panel)}.docs-content th{text-align:left;padding:var(--space-md) var(--space-lg);font-weight:600;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface)}.docs-content td{padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);color:var(--color-text);line-height:1.6;vertical-align:top}.docs-content tbody tr:nth-child(2n){background:var(--color-bg-panel)}.docs-content tbody tr:hover{background:var(--color-surface)}.docs-content img{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border);margin:var(--space-lg) 0;display:block;box-shadow:0 4px 12px #00000026}.docs-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-2xl) 0}@media(max-width:1024px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{display:none}.docs-content-area{grid-column:1;width:100%}.docs-content{padding:var(--space-xl) var(--space-md);width:100%}.docs-top-bar{padding:var(--space-xl) var(--space-md) 0}.docs-content h1{font-size:2rem}.docs-content h2{font-size:1.5rem}.docs-content h3{font-size:1.25rem}.docs-content table{font-size:.8125rem}.docs-content th,.docs-content td{padding:var(--space-sm) var(--space-md)}}@media(max-width:640px){.docs-content pre{padding:var(--space-md)}.docs-content pre code{font-size:.8125rem}.docs-content table{display:block;overflow-x:auto;white-space:normal}.docs-content td{min-width:120px}}.auth-callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-bg)}.auth-callback-container{text-align:center;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg);max-width:400px;width:100%}.auth-callback-container h1{margin:var(--space-lg) 0 var(--space-md);font-size:var(--text-xl);color:var(--color-text)}.auth-callback-container .error-message{color:var(--color-error);margin-bottom:var(--space-lg)}.auth-callback-container .loading-spinner{width:40px;height:40px;margin:var(--space-lg) auto;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.payment-methods-section{background:transparent;border:none;border-radius:0;padding:0}.payment-methods-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.payment-methods-section .section-header h3{margin:0;font-size:var(--text-base);font-family:var(--font-mono);font-weight:600;color:var(--color-text)}.payment-form-container{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md)}.payment-setup-form{display:flex;flex-direction:column;gap:var(--space-md)}.card-element-container{padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.payment-methods-list{display:flex;flex-direction:column;gap:var(--space-sm)}.payment-method-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.payment-method-card:hover{border-color:var(--color-primary)}.card-info{display:flex;align-items:center;gap:var(--space-md)}.card-icon{color:var(--color-text-muted)}.card-details{display:flex;flex-direction:column;gap:2px}.card-name{font-weight:500;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm)}.card-expiry{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.payment-methods-section .empty-state{text-align:center;padding:var(--space-lg);color:var(--color-text-muted);font-family:var(--font-mono)}.payment-methods-section .empty-icon{margin-bottom:var(--space-sm);opacity:.5}.payment-methods-section .empty-state p{margin:0;font-size:var(--text-sm)}.payment-methods-section .empty-state .text-muted{font-size:var(--text-xs);margin-top:var(--space-xs)}.payment-methods-section .loading-state{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.payment-methods-section .error-banner{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-sm);margin-bottom:var(--space-md);color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-sm)}.payment-methods-section .error-banner button{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:var(--text-base);padding:0;line-height:1}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.payment-methods-section .btn-danger{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.payment-methods-section .btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.payment-methods-section .btn-danger:disabled{opacity:.4;cursor:not-allowed}.pm-vm-warning{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:#ffb00014;border:1px solid rgba(255,176,0,.3);border-radius:var(--radius-sm);margin-bottom:var(--space-md);color:var(--color-warning);font-family:var(--font-mono);font-size:var(--text-xs)}.pm-vm-warning svg{flex-shrink:0;margin-top:1px}.pm-vm-warning-text{display:flex;flex-direction:column;gap:4px}.pm-vm-warning-text strong{font-size:var(--text-sm);color:var(--color-warning)}.pm-vm-warning-text span{color:var(--color-text-muted);line-height:1.4}.auto-reload-section{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:0}.section-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.auto-reload-info{flex:1}.auto-reload-info h3{margin:0 0 var(--space-xs) 0;font-size:1.125rem;color:var(--color-text)}.auto-reload-info .description{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.auto-reload-config{display:flex;gap:var(--space-lg);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);flex-wrap:wrap}.config-row{display:flex;align-items:center;gap:var(--space-sm)}.config-row label{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;font-family:var(--font-mono)}.config-select{padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-mono);cursor:pointer;min-width:70px}.config-select:hover:not(:disabled){border-color:var(--color-primary)}.config-select:disabled{opacity:.5;cursor:not-allowed}.auto-reload-toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.auto-reload-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.auto-reload-toggle input:checked+.toggle-slider{background-color:var(--color-primary)}.auto-reload-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.auto-reload-toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.auto-reload-section .alert{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-top:var(--space-sm);font-size:var(--text-xs);font-family:var(--font-mono);line-height:1.4}.auto-reload-section .alert svg{flex-shrink:0;margin-top:2px}.auto-reload-section .alert-error{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:var(--color-danger)}.auto-reload-section .alert-warning{background:#ffb0001a;border:1px solid rgba(255,176,0,.3);color:var(--color-warning)}.auto-reload-section .alert-success{background:var(--color-secondary-alpha);border:1px solid rgba(0,255,65,.3);color:var(--color-secondary)}.auto-reload-section .alert-info{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:var(--color-primary)}.updating-state{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.auto-reload-section .loading-state{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.auto-reload-section .spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.section-content{flex-direction:column;gap:var(--space-md)}.auto-reload-toggle{align-self:flex-start}}.spending-limits-section{display:flex;flex-direction:column;gap:var(--space-md)}.spending-limit-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.spending-limit-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.spending-limit-card-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.spending-limit-card-actions{display:flex;align-items:center;gap:var(--space-sm)}.spending-limit-threshold-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--color-warning);background:#ffb0001a;border:1px solid rgba(255,176,0,.25);border-radius:var(--radius-sm);padding:2px 8px;white-space:nowrap}.spending-limit-progress-list{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.spend-progress{display:flex;flex-direction:column;gap:4px}.spend-progress-header{display:flex;justify-content:space-between;align-items:baseline}.spend-progress-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text)}.spend-progress-values{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.spend-progress-bar-track{position:relative;height:8px;background:var(--color-surface);border-radius:4px;overflow:visible}.spend-progress-bar-fill{height:100%;border-radius:4px;transition:width .4s ease,background-color .3s ease;min-width:2px}.spend-progress-threshold{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--color-warning);border-radius:1px;opacity:.6;z-index:1}.spend-progress-footer{display:flex;justify-content:space-between;align-items:baseline}.spend-progress-period{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);opacity:.7}.spend-progress-percent{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--color-text-muted)}.spending-limit-empty-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-lg) var(--space-md);gap:var(--space-xs);color:var(--color-text-muted)}.spending-limit-empty-body svg{opacity:.4;margin-bottom:var(--space-xs)}.spending-limit-empty-body p{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}.spending-limit-empty-body>span{font-family:var(--font-mono);font-size:var(--text-xs)}.spending-limit-empty-body .btn{margin-top:var(--space-sm)}.spending-limit-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.spending-limit-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spending-limit-spin .75s linear infinite}@keyframes spending-limit-spin{to{transform:rotate(360deg)}}.spending-limit-edit-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.spending-limit-edit-form{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.spending-limit-edit-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.spending-limit-edit-header h3{margin:0;font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-text)}.spending-limit-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:18px;padding:4px;line-height:1;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.spending-limit-close-btn:hover{color:var(--color-text);background:var(--color-surface)}.spending-limit-error{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-md) var(--space-lg) 0;padding:var(--space-sm) var(--space-md);background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-sm);color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-xs)}.spending-limit-error svg{flex-shrink:0}.spending-limit-field{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.spending-limit-field:last-of-type{border-bottom:none}.spending-limit-field-toggle{margin-bottom:var(--space-sm)}.spending-limit-field-label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.spending-limit-checkbox{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text);cursor:pointer}.spending-limit-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.spending-limit-input-row{display:flex;align-items:center;gap:var(--space-sm)}.spending-limit-currency{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-text-muted)}.spending-limit-input{flex:1;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);max-width:120px}.spending-limit-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #00ffff26}.spending-limit-input:disabled{opacity:.5;cursor:not-allowed}.spending-limit-input-sm{max-width:80px}.spending-limit-unit{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.spending-limit-hint{display:block;margin-top:var(--space-xs);font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);opacity:.8}.spending-limit-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border)}.spending-limit-edit-actions .btn{display:inline-flex;align-items:center;gap:var(--space-xs)}.spending-limit-confirm-body{padding:var(--space-md) var(--space-lg);color:var(--color-text-muted)}.spending-limit-confirm-body p{margin:0 0 var(--space-xs) 0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}.spending-limit-confirm-body>span{font-family:var(--font-mono);font-size:var(--text-xs)}@media(max-width:600px){.spending-limit-edit-overlay{padding:var(--space-sm)}.spending-limit-edit-form{max-width:100%}.spending-limit-input-row{flex-wrap:wrap}}.billing-page{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.billing-page.loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px)}.billing-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.billing-page .page-header h1{margin:0;color:var(--color-text);font-family:var(--font-mono)}.billing-page .page-subtitle{margin:var(--space-sm) 0 0;color:var(--color-text-muted);font-family:var(--font-mono)}.billing-page .header-actions{display:flex;gap:var(--space-sm);align-items:center}.billing-page .refresh-icon{display:inline-block;font-size:1.25rem;line-height:1}.billing-page .refresh-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing-section{margin-bottom:var(--space-xl)}.billing-section .section-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.5px}.billing-section .section-title svg{color:var(--color-primary)}.billing-section .section-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:10px;margin-left:auto}.billing-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.balance-card-hero{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;position:relative}.balance-card-hero .balance-status-bar{position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));box-shadow:0 0 8px var(--color-primary)}.balance-card-hero .balance-card-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);padding-left:calc(var(--space-xl) + 8px)}.balance-info-main{display:flex;flex-direction:column;gap:var(--space-xs)}.balance-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.balance-amount{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;color:var(--color-text)}.balance-status .status-badge{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm)}.balance-status .status-badge.active{background:var(--color-secondary-alpha);color:var(--color-secondary);border:1px solid rgba(0,255,65,.3)}.balance-status .status-badge.inactive{background:#ffb0001a;color:var(--color-warning);border:1px solid rgba(255,176,0,.3)}.billing-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast);position:relative;display:flex;flex-direction:column}.billing-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #00ffff14}.billing-card.full-width{width:100%}.billing-card-status-bar{position:absolute;top:0;left:0;bottom:0;width:3px}.billing-card-status-bar.auto-reload{background:var(--color-primary)}.billing-card-status-bar.credits{background:var(--color-secondary);box-shadow:0 0 8px var(--color-success-glow)}.billing-card-status-bar.payment{background:var(--color-accent)}.billing-card-status-bar.spending-limits{background:var(--color-warning, #f0ad4e)}.billing-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md);padding-left:calc(var(--space-md) + 8px);border-bottom:1px solid var(--color-border)}.billing-card-identity{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.billing-card-title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0}.billing-card-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.billing-card-icon{color:var(--color-primary);opacity:.8}.billing-card-body{padding:var(--space-md);padding-left:calc(var(--space-md) + 8px);flex:1}.billing-card-body.no-header{padding-top:var(--space-md)}.billing-card .auto-reload-section,.billing-card .credit-purchase-section,.billing-card .payment-methods-section{background:transparent;border:none;padding:0;border-radius:0}.billing-card .section-header{margin-bottom:var(--space-md)}.billing-card .section-header h3{display:none}.billing-card .auto-reload-section .section-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.billing-card .auto-reload-section .auto-reload-info h3{display:none}.billing-card .auto-reload-section .description{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);font-family:var(--font-mono)}.billing-card .credit-options{gap:var(--space-sm);margin-bottom:var(--space-md)}.billing-card .credit-option{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.billing-card .credit-option:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface)}.billing-card .credit-option.selected{border-color:var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary)}.billing-card .purchase-action{justify-content:flex-start}.billing-card .purchase-action .btn-lg{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm)}.billing-card .payment-methods-section .section-header{padding:0;margin-bottom:var(--space-md)}.billing-card .payment-methods-list{gap:var(--space-sm)}.billing-card .payment-method-card{background:var(--color-bg);padding:var(--space-sm) var(--space-md)}.billing-page .empty-state{text-align:center;padding:var(--space-xl);color:var(--color-text-muted);font-family:var(--font-mono)}.billing-page.billing-disabled{display:flex;justify-content:center;align-items:center;min-height:60vh}.billing-disabled-card{max-width:520px;text-align:center;padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.billing-disabled-card h1{margin-bottom:var(--space-sm)}.billing-disabled-card p{font-family:var(--font-mono);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.billing-disabled-actions{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.billing-page .error-banner{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:var(--color-danger);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm)}.loading-spinner{width:32px;height:32px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1000px){.billing-cards-grid{grid-template-columns:1fr}}@media(max-width:768px){.billing-page{padding:var(--space-md)}.billing-page .page-header{flex-direction:column;gap:var(--space-md)}.billing-page .header-actions{width:100%}.billing-page .header-actions .btn{flex:1}.balance-card-hero .balance-card-content{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);padding-left:calc(var(--space-md) + 8px)}.balance-amount{font-size:var(--text-2xl)}.billing-card .credit-options{grid-template-columns:repeat(2,1fr)}}.billing-card-status-bar.transactions{background:var(--color-accent)}.empty-transactions{text-align:center;padding:var(--space-xl);color:var(--color-text-muted)}.empty-transactions p{margin:0 0 var(--space-xs);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}.empty-transactions span{font-family:var(--font-mono);font-size:var(--text-xs)}.transactions-list{display:flex;flex-direction:column;gap:var(--space-sm)}.transaction-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.transaction-item:hover{border-color:var(--color-primary);background:var(--color-surface)}.transaction-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-primary);flex-shrink:0}.transaction-details{flex:1;min-width:0}.transaction-type{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.transaction-description{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);opacity:.7}.transaction-amount{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;flex-shrink:0}.transaction-amount.positive{color:var(--color-secondary)}.transaction-amount.negative{color:var(--color-danger)}.teams-page{padding:var(--space-lg);max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.teams-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.teams-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.team-overview{display:grid;gap:var(--space-lg);grid-template-columns:1fr}.team-panel-elevated{background:#0f172a99;box-shadow:0 12px 30px #0f172a73}.team-banner{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-panel)}.team-banner.success{border-color:#22c55e66;color:#86efac}.team-banner.error{border-color:#f8717166;color:#fecaca}.team-banner.info{border-color:#3b82f666;color:#bfdbfe}.team-list{display:grid;gap:var(--space-md)}.team-card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-panel)}.team-card-meta{display:flex;flex-direction:column;gap:4px;color:var(--color-text-muted);font-size:var(--text-sm)}.team-card.active{border-color:var(--color-primary);box-shadow:0 0 0 1px #6366f14d}.team-card-actions{display:flex;gap:var(--space-sm)}.team-summary{display:grid;gap:var(--space-sm);padding:var(--space-sm)}.team-summary-row{display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid rgba(148,163,184,.2)}.team-summary-row:last-child{border-bottom:none}.team-summary-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.team-summary-value{font-weight:600}.team-empty{padding:var(--space-md);border-radius:var(--radius-md);border:1px dashed var(--color-border);color:var(--color-text-muted)}.team-management{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--color-bg-panel)}.team-management-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-md)}.team-management-header p{margin:6px 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.team-context-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);background:#0f172a8c;display:flex;flex-direction:column;gap:var(--space-xs);min-width:220px}.team-context-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.team-context-name{font-weight:600;font-size:var(--text-md)}.team-context-meta{display:flex;flex-direction:column;gap:4px;font-size:var(--text-xs);color:var(--color-text-muted)}.team-management-grid{display:grid;gap:var(--space-lg);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.team-side-stack{display:flex;flex-direction:column;gap:var(--space-lg)}.team-panel{display:flex;flex-direction:column;gap:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);background:#0f172a66}.team-panel-header{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-muted)}.team-member-list{display:flex;flex-direction:column;gap:var(--space-sm)}.team-member-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#0f172a80}.team-member-info{display:flex;flex-direction:column;gap:4px}.member-name{font-family:var(--font-mono);font-size:var(--text-sm)}.member-email,.member-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.team-member-actions{display:flex;flex-direction:column;gap:var(--space-xs);align-items:stretch}.member-role-select{display:flex;flex-direction:column;gap:4px;width:100%}.member-role-select label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.member-action-buttons{display:grid;gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%}.team-form{display:flex;flex-direction:column;gap:var(--space-sm)}.team-form input,.team-form select,.member-role-select select{padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#0f172a80;color:var(--color-text);width:100%}.team-form label{font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.12em}@media(max-width:960px){.team-management-grid,.team-member-row{grid-template-columns:1fr}}@media(max-width:768px){.teams-page{padding:var(--space-md)}.teams-header{flex-direction:column;align-items:flex-start}.teams-header-actions{width:100%;justify-content:space-between}.team-management-header{flex-direction:column;align-items:flex-start}.team-context-card{width:100%}.team-member-row{grid-template-columns:1fr}.team-member-actions{width:100%;align-items:stretch}}.legal-page{min-height:100vh;padding:var(--space-xl);padding-top:calc(var(--navbar-height) + var(--space-xl))}.legal-container{max-width:800px;margin:0 auto;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl)}.legal-container h1{font-size:2rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-sm) 0}.legal-updated{color:var(--color-text-muted);font-size:.875rem;margin:0 0 var(--space-2xl) 0;padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.legal-container section{margin-bottom:var(--space-xl)}.legal-container h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-md) 0}.legal-container h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:var(--space-md) 0 var(--space-sm) 0}.legal-container p{color:var(--color-text-muted);line-height:1.7;margin:0 0 var(--space-md) 0}.legal-container ul{color:var(--color-text-muted);line-height:1.7;margin:0 0 var(--space-md) 0;padding-left:var(--space-xl)}.legal-container li{margin-bottom:var(--space-sm)}.legal-container strong{color:var(--color-text)}.legal-nav{display:flex;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}@media(max-width:900px){.legal-container{padding:var(--space-xl)}}@media(max-width:768px){.legal-page{padding:var(--space-md);padding-top:calc(var(--navbar-height) + var(--space-md))}.legal-container{padding:var(--space-lg)}.legal-container h1{font-size:1.5rem}.legal-container h2{font-size:1.125rem}.legal-container h3,.legal-container p,.legal-container ul{font-size:.9375rem}.legal-nav{flex-direction:column}.legal-nav .btn{width:100%;text-align:center}}@media(max-width:375px){.legal-page{padding:var(--space-sm);padding-top:calc(var(--navbar-height) + var(--space-sm))}.legal-container{padding:var(--space-md)}}.account-disabled-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:1rem}.account-disabled-container{background:var(--bg-secondary);border-radius:12px;padding:3rem 2rem;max-width:480px;width:100%;text-align:center;box-shadow:0 4px 20px #00000026;border:1px solid var(--border-primary)}.disabled-icon{position:relative;display:inline-block;margin-bottom:1.5rem}.disabled-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-error);opacity:.9;background:var(--bg-secondary);border-radius:50%;padding:4px}.disabled-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.disabled-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.disabled-reason{background:var(--bg-tertiary);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;text-align:left;border-left:4px solid var(--color-error)}.disabled-reason h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.disabled-reason p{color:var(--text-primary);margin:0;font-size:.95rem;line-height:1.5}.disabled-contact{background:var(--bg-tertiary);border-radius:8px;padding:1rem 1.25rem;margin-bottom:2rem;text-align:left}.disabled-contact h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.disabled-contact p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.disabled-contact a{color:var(--color-primary);text-decoration:none;font-weight:500}.disabled-contact a:hover{text-decoration:underline}.disabled-actions{display:flex;gap:1rem;justify-content:center}.disabled-actions .btn{flex:1;max-width:180px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.disabled-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.disabled-actions .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.disabled-actions .btn-primary{background:var(--color-primary);color:#fff;border:none}.disabled-actions .btn-primary:hover{background:var(--color-primary-hover)}@media(max-width:480px){.account-disabled-container{padding:2rem 1.5rem}.disabled-title{font-size:1.5rem}.disabled-actions{flex-direction:column}.disabled-actions .btn{max-width:none}}.theme-switcher{position:relative;display:inline-block}.theme-switcher-button{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);height:30px;min-width:30px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);box-sizing:border-box}.theme-switcher-button:hover{border-color:var(--color-primary);background:var(--color-bg-panel-hover)}.theme-switcher-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-swatch{width:14px;height:14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 4px currentColor;flex-shrink:0}.theme-switcher-caret{font-size:10px;line-height:1;opacity:.6}.theme-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:150px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:dropdown-fade-in .15s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);transition:background var(--transition-fast)}.theme-option:hover{background:var(--color-surface-light)}.theme-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.theme-option.active{background:var(--color-primary-alpha)}.theme-option-label{flex:1}.theme-option-check{color:var(--color-primary);font-weight:600}.assistant-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:9999;display:flex;flex-direction:column;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.assistant-layout{width:100%;height:100%;background:var(--color-bg);display:flex;overflow:hidden;position:relative}.assistant-sidebar{width:300px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;z-index:10;height:100%}.assistant-sidebar:not(.open){width:0;transform:translate(-20px);border-right:none;opacity:0;pointer-events:none;overflow:hidden}.sidebar-header{height:60px;padding:0 var(--space-md);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-title{font-weight:600;font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.new-chat-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.new-chat-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.sessions-list-container{flex:1;overflow-y:auto;padding:var(--space-sm)}.sidebar-loading,.sidebar-empty{padding:var(--space-lg);text-align:center;color:var(--color-text-disabled);font-size:var(--text-sm)}.session-item{padding:var(--space-sm) var(--space-md);margin-bottom:2px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-fast);border:1px solid transparent}.session-item:hover{background:var(--color-surface-light)}.session-item.active{background:var(--color-surface-lighter);border-color:var(--color-border)}.session-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.session-title{font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.session-date{font-size:11px;color:var(--color-text-disabled)}.session-delete-btn{opacity:0;background:none;border:none;color:var(--color-text-disabled);font-size:16px;padding:4px;cursor:pointer;transition:all var(--transition-fast)}.session-item:hover .session-delete-btn{opacity:1}.session-delete-btn:hover{color:var(--color-danger)}.assistant-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg);position:relative;height:100%}.assistant-header{height:60px;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between;background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-shrink:0;z-index:20}.header-left{display:flex;align-items:center;gap:var(--space-md)}.header-right{display:flex;align-items:center;gap:var(--space-xs)}.toggle-activity-btn{position:relative;background:none;border:1px solid transparent;color:var(--color-text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.toggle-activity-btn:hover{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.toggle-activity-btn.active{color:var(--color-primary);background:var(--color-primary-alpha, rgba(99, 102, 241, .1));border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.toggle-activity-btn.has-activity:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:bapPulse 1.5s ease-in-out infinite}@keyframes bapPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.toggle-sidebar-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.toggle-sidebar-btn:hover{color:var(--color-text);background:var(--color-surface)}.header-title{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono)}.header-icon{color:var(--color-primary);font-weight:700}.header-text{font-weight:600;font-size:var(--text-md)}.beta-tag{font-size:10px;background:var(--color-primary-alpha);color:var(--color-primary);padding:2px 6px;border-radius:4px;font-weight:700;margin-left:var(--space-xs)}.close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-btn:hover{background:var(--color-surface);color:var(--color-text)}.live-toggle-wrapper{display:flex;align-items:center;gap:6px;margin-left:var(--space-sm)}.live-toggle-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.live-toggle-switch{position:relative;width:34px;height:18px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-lighter, var(--color-surface));cursor:pointer;padding:0;transition:background .2s ease,border-color .2s ease,opacity .2s ease;flex-shrink:0}.live-toggle-switch:hover:not(:disabled){border-color:var(--color-text-muted)}.live-toggle-switch.active{background:#48bb78;border-color:#48bb78}.live-toggle-switch.active:hover:not(:disabled){background:#38a169;border-color:#38a169}.live-toggle-switch.loading{opacity:.6;cursor:not-allowed}.live-toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--color-text-muted);transition:transform .2s ease,background .2s ease}.live-toggle-switch.active .live-toggle-knob{transform:translate(16px);background:#fff}.live-toggle-switch:disabled .live-toggle-knob{background:var(--color-text-disabled)}.assistant-content-area{flex:1;display:flex;min-height:0;overflow:hidden}.assistant-messages-column{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.assistant-messages-area{flex:1;overflow-y:auto;padding:var(--space-lg) var(--space-xl) 200px;display:flex;flex-direction:column;scroll-behavior:smooth}.messages-list{max-width:900px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--space-lg)}.assistant-load-more{display:flex;justify-content:center;padding:8px}.assistant-load-more button{background:var(--bg-tertiary, #2a2a2a);color:var(--text-secondary, #999);border:1px solid var(--border-color, #333);border-radius:4px;padding:6px 16px;cursor:pointer;font-size:.85rem}.assistant-load-more button:hover{background:var(--bg-hover, #333);color:var(--text-primary, #fff)}.assistant-load-more button:disabled{opacity:.5;cursor:not-allowed}.assistant-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:400px}.welcome-logo{font-family:var(--font-mono);font-size:3rem;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:4px}.logo-brace{color:var(--color-text-disabled)}.logo-text{background:linear-gradient(135deg,var(--color-primary) 0%,#4facfe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.assistant-welcome h3{font-size:var(--text-xl);margin-bottom:var(--space-sm);font-weight:600}.assistant-welcome p{color:var(--color-text-muted);margin-bottom:var(--space-xl)}.welcome-examples{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.welcome-examples button{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm)}.welcome-examples button:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.message-row{display:flex;width:100%}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{max-width:85%;min-width:200px;display:flex;flex-direction:column;gap:4px}.message-row.user .message-bubble{align-items:flex-end}.message-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:11px;color:var(--color-text-muted);padding:0 4px}.role-name{font-weight:600;text-transform:uppercase;letter-spacing:.05em}.message-row.user .role-name{color:var(--color-primary)}.message-content{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.6;position:relative;box-shadow:var(--shadow-sm);word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message-content.streaming{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 20%,transparent),var(--shadow-sm)}.streaming-cursor{display:inline-block;margin-left:2px;color:var(--color-primary);animation:streamingCursorBlink 1s steps(2,start) infinite;font-family:var(--font-mono)}@keyframes streamingCursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.streaming-error-text{margin-top:var(--space-sm);padding-top:var(--space-xs);border-top:1px dashed color-mix(in srgb,var(--color-danger) 45%,transparent);color:var(--color-danger);font-size:11px;font-family:var(--font-mono)}.message-row.user .message-content{background:var(--color-primary);color:var(--color-bg-dark);border-color:var(--color-primary);border-bottom-right-radius:4px}.message-row.assistant .message-content{border-bottom-left-radius:4px}.markdown-body{width:100%}.markdown-body p{margin-bottom:var(--space-sm)}.markdown-body p:last-child{margin-bottom:0}.markdown-body pre{background:#0003;padding:var(--space-md);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--space-sm) 0}.message-row.user .markdown-body pre{background:#0000001a}.markdown-body code{background:#0000001a;padding:2px 4px;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.markdown-body ul,.markdown-body ol{padding-left:var(--space-lg);margin-bottom:var(--space-sm)}.typing-indicator{padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-bottom-left-radius:4px;display:flex;gap:4px;width:fit-content}.typing-indicator span{width:6px;height:6px;background:var(--color-text-disabled);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.assistant-tool-calls{margin-bottom:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.tool-call-item{border-bottom:1px solid var(--color-border)}.tool-call-item:last-child{border-bottom:none}.tool-call-header{padding:8px 12px;background:var(--color-surface);display:flex;align-items:center;gap:8px}.tool-call-name{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--color-primary)}.tool-call-status{font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;font-weight:700}.tool-call-status.success{color:var(--color-success);background:#00ff411a}.tool-call-status.error{color:var(--color-danger);background:#ff47571a}.tool-call-result{padding:8px 12px;font-size:11px;font-family:var(--font-mono);color:var(--color-text-muted);white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;background:var(--color-bg-dark)}.assistant-approvals{margin:var(--space-sm) 0;display:flex;flex-direction:column;gap:var(--space-sm)}.assistant-approval-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);border-left:3px solid var(--color-warning);box-shadow:var(--shadow-sm)}.assistant-approval-summary{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.assistant-approval-label{font-size:10px;text-transform:uppercase;font-weight:700;color:var(--color-warning);letter-spacing:.05em}.assistant-approval-tool{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.assistant-approval-text{font-size:var(--text-sm);color:var(--color-text-muted)}.assistant-approval-actions{display:flex;gap:var(--space-sm)}.assistant-approval-btn{flex:1;padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.assistant-approval-btn.approve{background:var(--color-primary);color:var(--color-bg-dark);border-color:var(--color-primary)}.assistant-approval-btn.approve:hover{background:var(--color-primary-dark)}.assistant-approval-btn.deny{background:transparent;border-color:var(--color-border);color:var(--color-text)}.assistant-approval-btn.deny:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ff47570d}.assistant-approval-btn:disabled{opacity:.5;cursor:not-allowed}.assistant-input-area{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);background:linear-gradient(to top,var(--color-bg) 90%,transparent);z-index:20}.input-form{max-width:900px;margin:0 auto}.input-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm);display:flex;align-items:flex-end;gap:var(--space-sm);box-shadow:var(--shadow-md);transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.input-wrapper textarea{flex:1;background:transparent;border:none;padding:10px;font-family:inherit;font-size:var(--text-md);resize:none;max-height:200px;color:var(--color-text);line-height:1.5;min-height:24px}.input-wrapper textarea:focus{outline:none;box-shadow:none}.send-message-btn{background:var(--color-primary);color:var(--color-bg-dark);border:none;width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;margin-bottom:2px}.send-message-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.05)}.send-message-btn:disabled{background:var(--color-surface-lighter);color:var(--color-text-disabled);cursor:not-allowed}.input-footer{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm) 0;font-size:10px;color:var(--color-text-disabled)}.error-toast{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:var(--color-danger);color:#fff;padding:8px 16px;border-radius:var(--radius-full);display:flex;align-items:center;gap:8px;font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:slideUpFade .3s ease-out;z-index:50}.error-icon{background:#fff3;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.error-toast-billing{border-radius:var(--radius-md);max-width:480px;text-align:left;padding:10px 16px;background:#ff4757f2}.error-toast-content{display:flex;flex-direction:column;gap:4px}.error-toast-link{color:#fff;font-weight:600;text-decoration:underline;font-size:var(--text-xs);opacity:.9}.error-toast-link:hover{opacity:1}@keyframes slideUpFade{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:1400px){.beacon-activity-sidebar{width:280px;min-width:280px;max-width:280px}}@media(max-width:1200px){.beacon-activity-sidebar{width:260px;min-width:260px;max-width:260px}}@media(max-width:1024px){.beacon-activity-sidebar{display:none}}@media(max-width:768px){.assistant-sidebar{position:absolute;top:0;bottom:0;left:0;box-shadow:var(--shadow-xl);z-index:30}.assistant-header{padding:0 var(--space-md)}.assistant-messages-area{padding:var(--space-md) var(--space-md) 100px}.message-bubble{max-width:95%}.input-footer{display:none}.assistant-input-area{padding:var(--space-md);background:var(--color-bg);border-top:1px solid var(--color-border)}.toggle-activity-btn,.beacon-activity-sidebar{display:none}}.beacon-activity-sidebar{width:320px;min-width:320px;max-width:320px;background:var(--color-bg-panel, var(--color-surface));border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;animation:slideInFromRight .2s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.beacon-activity-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-mono);background:var(--color-bg-panel, var(--color-surface))}.bap-panel-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:11px;font-weight:600;min-height:32px;flex-shrink:0}.bap-panel-icon{font-size:12px;color:var(--color-primary)}.bap-panel-title{flex:1;color:var(--color-text)}.bap-panel-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm)}.bap-stop-live{margin-left:auto;font-size:10px;font-family:var(--font-mono);color:var(--color-danger, #e53e3e);background:none;border:1px solid color-mix(in srgb,var(--color-danger, #e53e3e) 40%,transparent);border-radius:var(--radius-sm, 4px);padding:2px 8px;cursor:pointer;transition:background .15s}.bap-stop-live:hover{background:color-mix(in srgb,var(--color-danger, #e53e3e) 10%,transparent)}.bap-tool-result{font-size:12px;font-weight:700;flex-shrink:0}.bap-tool-result.success{color:var(--color-success, #48bb78)}.bap-tool-result.error{color:var(--color-danger, #e53e3e)}.bap-agent-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column}.bap-agent-card.active{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.bap-agent-card-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:11px;font-weight:600;min-height:28px}.bap-agent-name{font-size:11px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.bap-agent-badge{font-size:10px;font-family:var(--font-mono);padding:1px 6px;border-radius:10px;font-weight:500;white-space:nowrap;flex-shrink:0}.bap-agent-badge.processing{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}.bap-agent-badge.waiting{background:color-mix(in srgb,#ed8936 15%,transparent);color:#ed8936;border:1px solid color-mix(in srgb,#ed8936 30%,transparent)}.bap-agent-badge.idle{background:color-mix(in srgb,var(--color-text-disabled) 15%,transparent);color:var(--color-text-muted);border:1px solid var(--color-border)}.bap-cancel-btn{font-size:10px;font-family:var(--font-mono);color:var(--color-danger, #e53e3e);background:none;border:1px solid color-mix(in srgb,var(--color-danger, #e53e3e) 40%,transparent);border-radius:var(--radius-sm, 4px);padding:1px 8px;cursor:pointer;transition:background .15s;white-space:nowrap;margin-left:auto}.bap-cancel-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger, #e53e3e) 10%,transparent)}.bap-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.bap-agent-thinking-area{max-height:200px;overflow-y:auto;padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-bottom:1px solid var(--color-border)}.bap-agent-thinking-toggle{display:flex;align-items:center;gap:4px;padding:2px var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.bap-agent-thinking-toggle:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.bap-agent-thinking-label{font-family:var(--font-mono);font-size:10px;color:#d6a0e8;opacity:.8}.bap-collapse-chevron{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);opacity:.6}.bap-thinking-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.bap-thinking-toggle:hover{background:color-mix(in srgb,#d6a0e8 8%,transparent)}.bap-agent-tool-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);background:color-mix(in srgb,#ecc94b 5%,transparent);border-bottom:1px solid var(--color-border)}.bap-agent-tool-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bap-agent-plan{padding:var(--space-sm);border-bottom:1px solid var(--color-border)}.bap-agent-plan-header{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--color-primary);margin-bottom:var(--space-xs)}.bap-plan-progress{margin-left:auto;font-weight:400;color:var(--color-text-muted)}.bap-agent-plan-tasks{display:flex;flex-direction:column;gap:2px}.bap-steer{display:flex;align-items:center;gap:6px;padding:var(--space-xs) var(--space-sm)}.bap-steer-input{flex:1;height:26px;font-size:11px;font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);color:var(--color-text-primary);padding:0 8px;outline:none;transition:border-color .15s}.bap-steer-input::placeholder{color:var(--color-text-disabled)}.bap-steer-input:focus{border-color:var(--color-primary)}.bap-steer-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;font-size:13px;flex-shrink:0;transition:opacity .15s}.bap-steer-btn:disabled{opacity:.4;cursor:not-allowed}.bap-steer-btn:hover:not(:disabled){opacity:.85}.bap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-disabled);font-size:var(--text-sm)}.bap-empty-icon{font-size:20px;opacity:.5}.beacon-sse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#48bb78;margin-left:6px;vertical-align:middle}.message-row.agent-live-message .message-bubble{border-left:2px solid #48bb78;background:color-mix(in srgb,#48bb78 5%,var(--color-surface))}.message-row.agent-live-message .role-name{color:#48bb78}.workspace-switcher{position:relative;display:inline-flex;align-items:center}.workspace-trigger{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 12px;border-radius:999px;background:#0f172a99;border:1px solid var(--workspace-accent);color:#e2e8f0;font-family:var(--font-mono);font-size:12px}.workspace-trigger-status{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:11px;text-transform:lowercase}.workspace-trigger-divider{width:1px;height:16px;background:#94a3b866;margin:0 4px}.workspace-trigger:hover{border-color:var(--workspace-accent)}.workspace-trigger-label{font-weight:600}.workspace-trigger-role{padding:2px 6px;border-radius:999px;background:var(--workspace-accent-soft);color:var(--workspace-accent-text);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.workspace-trigger-caret{font-size:10px;opacity:.7}.workspace-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;background:#0f172a;border:1px solid rgba(148,163,184,.25);border-radius:12px;box-shadow:0 20px 40px #00000073;padding:8px;z-index:40}.workspace-menu-item{width:100%;text-align:left;background:transparent;border:none;color:#e2e8f0;padding:10px 12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;cursor:pointer}.workspace-menu-item:hover{background:#1e293b99}.workspace-menu-item.active{background:var(--workspace-accent-soft);border:1px solid var(--workspace-accent)}.workspace-menu-section{margin-top:6px}.workspace-menu-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;padding:6px 12px}.workspace-menu-name{font-weight:600}.workspace-menu-meta{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8}.workspace-menu-divider{height:1px;background:#94a3b833;margin:8px 4px}.workspace-menu-action{width:100%;border:1px solid rgba(148,163,184,.2);background:#0f172a66;color:#e2e8f0;padding:8px 10px;border-radius:8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.workspace-menu-action+.workspace-menu-action{margin-top:6px}.workspace-menu-action:hover{border-color:var(--workspace-accent);color:var(--workspace-accent-text)}.navbar{background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000}.navbar.team-context{border-bottom-color:var(--workspace-accent);box-shadow:0 2px 0 var(--workspace-accent-soft)}.navbar.team-context:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--workspace-accent)}.navbar-content{max-width:1600px;margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center;height:48px;gap:var(--space-lg)}.navbar-left{display:flex;align-items:center;gap:0;font-family:var(--font-mono);font-size:var(--text-sm);min-width:0;flex-shrink:1;cursor:text}.navbar-left.expanded{flex:1}.navbar-brand{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast);position:relative;z-index:5}.navbar-brand:hover{color:var(--color-primary)}.navbar-quick-link{display:flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);text-transform:lowercase;transition:all var(--transition-fast)}.navbar-quick-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-alpha)}.navbar-command{display:flex;align-items:center;margin-left:var(--space-sm);cursor:text;min-width:40px;flex:1;padding:var(--space-sm) var(--space-md);margin:calc(-1 * var(--space-sm)) 0;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.navbar-command:hover{background:var(--color-surface)}.navbar-command.active{margin-left:0}.command-prompt{color:var(--color-text-muted);font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);flex-shrink:0;transition:color var(--transition-fast)}.navbar-command:hover .command-prompt,.navbar-command.active .command-prompt{color:var(--color-primary)}.command-text{color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre}.command-cursor{display:inline-block;width:8px;height:16px;background:var(--color-primary);margin-left:1px;opacity:0;vertical-align:middle}.command-cursor.visible{opacity:1;animation:cursor-blink 1s step-end infinite}.command-input-hidden{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.command-hint{margin-left:var(--space-md);color:var(--color-text-disabled);font-size:var(--text-xs);white-space:nowrap}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.brand-icon{color:var(--color-primary);font-size:1.1em}.brand-text{font-weight:700;color:inherit}.navbar-separator{color:var(--color-text-muted)}.navbar-breadcrumb{color:var(--color-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.navbar-center{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:var(--color-text-muted);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);min-height:32px}.nav-link.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.nav-link:hover{color:var(--color-text);background:var(--color-surface)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-alpha)}.nav-shortcut{color:var(--color-text-disabled);font-size:.85em}.nav-link:hover .nav-shortcut,.nav-link.active .nav-shortcut{color:var(--color-primary)}.nav-label{text-transform:lowercase}.navbar-right{display:flex;align-items:center;gap:var(--space-md)}.navbar-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.navbar-status{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs)}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.online{background:var(--color-success);box-shadow:0 0 6px var(--color-success-glow);animation:pulse 2s infinite}.status-text{color:var(--color-success);text-transform:lowercase}.navbar-user-actions{display:flex;align-items:center;gap:var(--space-xs);position:relative}.user-menu-trigger{display:inline-flex;align-items:center;gap:var(--space-xs)}.user-menu-caret{font-size:.8em;transition:transform var(--transition-fast)}.user-menu-caret.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);display:flex;flex-direction:column;min-width:160px;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #00000059;padding:var(--space-xs);z-index:20}.user-menu-item{display:block;width:100%;text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:lowercase;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text);background:transparent;border:none;cursor:pointer;text-decoration:none}.user-menu-item:hover{background:var(--color-surface);color:var(--color-primary)}.navbar-auth{display:flex;align-items:center;gap:var(--space-xs)}.navbar-auth .btn{padding:var(--space-xs) var(--space-sm);min-height:unset;height:28px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.navbar-auth .btn-ghost{background:transparent;border:1px solid transparent;color:var(--color-text-muted)}.navbar-auth .btn-ghost:hover{color:var(--color-text);background:var(--color-surface)}.navbar-auth .btn-primary{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-bg-dark);font-weight:500}.navbar-auth .btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 0 8px var(--color-primary-glow)}.navbar-user-actions .btn{padding:var(--space-xs) var(--space-sm);min-height:unset;height:28px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.navbar-hint-bar{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xs) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:10px;color:var(--color-text-disabled);max-width:1600px;margin:0 auto;overflow-x:auto}.hint-item{display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.hint-item kbd{display:inline-block;padding:1px 4px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:2px;font-family:var(--font-mono);font-size:inherit;color:var(--color-text-muted)}.hint-separator{color:var(--color-border)}.hint-beta{font-size:8px;font-weight:700;color:var(--color-warning);background:#ffc10726;border:1px solid var(--color-warning);border-radius:2px;padding:0 3px;margin-left:4px;letter-spacing:.3px;text-transform:uppercase}.hamburger-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);font-size:1.2rem;transition:all var(--transition-fast)}.hamburger-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.hamburger-btn.open{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-dark)}.hamburger-icon{font-family:var(--font-mono);line-height:1}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;transition:all var(--transition-base)}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:var(--color-bg-panel);border-left:1px solid var(--color-border);z-index:999;transform:translate(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column;overflow:hidden}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.mobile-menu-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.mobile-menu-path{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent)}.mobile-menu-content{flex:1;overflow-y:auto;padding:var(--space-sm)}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:var(--color-text);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:52px;background:none;border:none;width:100%;text-align:left;cursor:pointer}.mobile-nav-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.mobile-nav-link:hover{background:var(--color-surface)}.mobile-nav-link.active{background:var(--color-primary-alpha);color:var(--color-primary)}.mobile-nav-link.primary{background:var(--color-primary)}.mobile-nav-link.assistant-link{background:var(--color-primary-alpha);border:1px solid var(--color-primary)}.mobile-nav-link.assistant-link:hover{background:var(--color-primary);color:var(--color-bg-dark)}.mobile-nav-link.assistant-link .mobile-nav-icon{color:var(--color-primary)}.mobile-nav-link.assistant-link:hover .mobile-nav-icon{color:var(--color-bg-dark)}.beta-badge{display:inline-block;padding:1px 6px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--color-warning);color:var(--color-bg-dark);border-radius:var(--radius-sm);margin-left:auto;margin-right:var(--space-sm)}.mobile-nav-link.primary:hover{background:var(--color-primary-dark)}.mobile-nav-link.logout-btn{color:var(--color-danger)}.mobile-nav-icon{width:20px;text-align:center;color:var(--color-primary);font-size:1.1em}.mobile-nav-link.active .mobile-nav-icon,.mobile-nav-link.primary .mobile-nav-icon{color:inherit}.mobile-nav-link.logout-btn .mobile-nav-icon{color:var(--color-danger)}.mobile-nav-label{flex:1;text-transform:lowercase}.mobile-nav-arrow{color:var(--color-text-muted);font-size:.9em}.mobile-menu-divider{height:1px;background:var(--color-border);margin:var(--space-md) var(--space-lg)}.mobile-menu-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-success)}.mobile-menu-footer{display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.mobile-only{display:none}.desktop-only{display:flex}@media(max-width:900px){.navbar-center,.navbar-hint-bar{display:none}}@media(max-width:768px){.navbar-content{padding:0 var(--space-md);height:56px}.desktop-only{display:none}.mobile-only{display:flex}.navbar-command{display:none}.navbar-breadcrumb{max-width:140px}}@media(max-width:375px){.brand-text,.navbar-separator{display:none}.navbar-breadcrumb{max-width:none}}@media(hover:none)and (pointer:coarse){.nav-link:hover{background:none}.nav-link:active{background:var(--color-surface)}.mobile-nav-link:hover{background:none}.mobile-nav-link:active{background:var(--color-surface)}}.navbar-workspace{margin-right:var(--space-sm)}.navbar-context{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--workspace-accent);background:var(--workspace-accent-soft);color:var(--workspace-accent-text);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.navbar-context-dot{width:8px;height:8px;border-radius:999px;background:var(--workspace-accent);box-shadow:0 0 8px var(--workspace-accent)}.navbar-context-label{white-space:nowrap}.mobile-workspace-switcher{margin:var(--space-sm) var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.mobile-workspace-context{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--workspace-accent);background:var(--workspace-accent-soft);color:var(--workspace-accent-text);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.mobile-workspace-switcher .workspace-trigger{width:100%;justify-content:space-between}.design-docs-page{max-width:1200px;margin:0 auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md);flex-wrap:wrap}.page-title{margin:0;font-size:var(--text-2xl);font-family:var(--font-mono);color:var(--color-text)}.page-description{margin:var(--space-xs) 0 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.page-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.page-header-actions>.primary-btn,.page-header-actions>.secondary-btn{height:36px;min-height:36px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;font-size:var(--text-sm)}.primary-btn{border:1px solid var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary-light);padding:0 18px;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background var(--transition-base),border-color var(--transition-base)}.secondary-btn{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);padding:0 18px;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.secondary-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#ffb00014}.tab-bar{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-border);padding-bottom:0}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base);margin-bottom:-1px}.tab-btn:hover{color:var(--color-text)}.tab-btn.tab-active{color:var(--color-primary-light);border-bottom-color:var(--color-primary)}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.doc-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);cursor:pointer;transition:transform var(--transition-base),border-color var(--transition-base)}.doc-card:hover{transform:translateY(-2px);border-color:var(--color-primary)}.doc-card-header{display:flex;justify-content:space-between;gap:var(--space-sm)}.doc-title{margin:0;font-size:var(--text-lg);color:var(--color-text)}.doc-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.doc-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap}.doc-type-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:var(--radius-full);border:1px solid transparent}.doc-type-badge.type-design{color:var(--color-primary-light);border-color:var(--color-primary);background:var(--color-primary-alpha)}.doc-type-badge.type-prompt_guidance{color:var(--color-accent-light);border-color:var(--color-accent);background:#ffb0001a}.doc-profile-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius-full);color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface)}.doc-status{font-size:var(--text-xs);text-transform:capitalize;padding:4px 10px;border-radius:var(--radius-full);border:1px solid transparent;align-self:flex-start}.status-draft{color:var(--color-text-muted);border-color:var(--color-border)}.status-review{color:var(--color-warning);border-color:var(--color-warning)}.status-approved{color:var(--color-success);border-color:var(--color-success)}.status-in_progress{color:var(--color-info);border-color:var(--color-info)}.status-completed{color:var(--color-primary-light);border-color:var(--color-primary-light)}.status-archived{color:var(--color-text-disabled);border-color:var(--color-text-disabled)}.doc-meta{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;justify-content:space-between;gap:var(--space-sm);border-top:1px solid var(--color-border);padding-top:var(--space-sm)}.empty-state{padding:var(--space-2xl);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;background:var(--color-bg-panel)}.empty-state h3{margin:0 0 var(--space-xs) 0;color:var(--color-text)}.empty-state p{margin:0;color:var(--color-text-muted)}.design-doc-detail-page{max-width:1200px;margin:0 auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:280px}.title-stack{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.doc-meta-line{display:flex;gap:var(--space-md);color:var(--color-text-muted);font-size:var(--text-sm);align-items:center}.detail-type-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:var(--radius-full);border:1px solid transparent}.detail-type-badge.type-design{color:var(--color-primary-light);border-color:var(--color-primary);background:var(--color-primary-alpha)}.detail-type-badge.type-prompt_guidance{color:var(--color-accent-light);border-color:var(--color-accent);background:#ffb0001a}.back-btn{border:1px solid var(--color-border);background:var(--color-bg-panel);color:var(--color-text);width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--transition-base),color var(--transition-base)}.back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.doc-title-input{font-size:var(--text-xl);font-weight:600;color:var(--color-text);background:transparent;border:1px solid transparent;padding:6px 8px;border-radius:var(--radius-sm);width:100%}.doc-title-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-panel)}.doc-version{font-family:var(--font-mono);color:var(--color-text-muted)}.header-right{display:flex;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap}.header-right>.primary-btn,.header-right>.ghost-btn,.header-right .toggle-btn,.header-right .status-select{height:36px;min-height:36px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.status-group,.change-summary{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-muted);min-width:180px}.status-select,.text-input{border:1px solid var(--color-border);background:var(--color-bg-panel);color:var(--color-text);padding:0 10px;border-radius:var(--radius-sm);font-size:var(--text-sm);height:36px}.text-input:focus,.status-select:focus{outline:none;border-color:var(--color-primary)}.primary-btn{border:1px solid var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary-light);padding:0 18px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base)}.primary-btn:hover{background:var(--color-primary);color:var(--color-bg)}.primary-btn:disabled{cursor:not-allowed;opacity:.6}.error-text{color:var(--color-danger);font-size:var(--text-xs)}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-lg);align-items:start}.editor-main{display:flex;flex-direction:column;gap:var(--space-lg)}.section-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-md)}.section-header h2{margin:0;font-size:var(--text-lg);color:var(--color-text)}.section-header p{margin:var(--space-xs) 0 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.section-list{display:flex;flex-direction:column;gap:var(--space-md)}.section-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);background:var(--color-bg-elevated);display:flex;flex-direction:column;gap:var(--space-sm)}.section-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.section-item-header h3{margin:0;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-bright)}.section-add{display:flex;flex-direction:column;gap:var(--space-xs)}.section-row{display:flex;gap:var(--space-sm);align-items:center}.section-row .text-input{flex:1}.ghost-btn{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);padding:0 18px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:border-color var(--transition-base),color var(--transition-base)}.ghost-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.editor-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.sidebar-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.panel-header h3{margin:0;font-size:var(--text-base)}.panel-header p{margin:var(--space-xs) 0 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.assignment-list,.version-list{display:flex;flex-direction:column;gap:var(--space-sm)}.assignment-item,.version-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);background:var(--color-bg-elevated);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.assignment-item{flex-direction:column}.assignment-title{font-weight:600}.assignment-meta{display:flex;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted)}.assignment-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.assignment-form{display:flex;flex-direction:column;gap:var(--space-sm)}.empty-hint{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-sm) 0}.version-item.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-alpha)}.version-header{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted)}.version-summary{font-size:var(--text-xs);color:var(--color-text);margin:var(--space-xs) 0}@media(max-width:1024px){.editor-grid{grid-template-columns:1fr}}@media(max-width:720px){.detail-header{flex-direction:column;align-items:stretch}.header-right{align-items:stretch}}.smart-editor-container{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.smart-editor-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-bright);display:flex;align-items:center;justify-content:space-between}.smart-editor-label .type-badge{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400;background:var(--color-bg-panel);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.smart-list{display:flex;flex-direction:column;gap:var(--space-xs)}.smart-list-item{display:flex;gap:var(--space-sm);align-items:flex-start}.smart-list-bullet{padding-top:10px;color:var(--color-text-muted);font-size:var(--text-xs)}.smart-list-input{flex:1}.smart-card-list{display:flex;flex-direction:column;gap:var(--space-md)}.smart-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);overflow:hidden}.smart-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.smart-card-body{padding:var(--space-md)}.smart-object{display:flex;flex-direction:column;gap:var(--space-md);padding-left:var(--space-md);border-left:2px solid var(--color-border)}.smart-object-entry{display:flex;flex-direction:column;gap:var(--space-xs)}.smart-controls{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.add-item-btn{font-size:var(--text-xs);color:var(--color-primary);background:transparent;border:1px dashed var(--color-primary-alpha);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-align:left;width:fit-content}.add-item-btn:hover{background:var(--color-primary-alpha);border-color:var(--color-primary)}.remove-icon-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--transition-base),background var(--transition-base);height:38px;width:38px}.remove-icon-btn:hover{color:var(--color-danger);background:var(--color-bg-elevated)}.smart-input{width:100%;background:var(--color-bg-darker);border:1px solid var(--color-border);color:var(--color-text);padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-sans)}.smart-input:focus{outline:none;border-color:var(--color-primary)}.smart-textarea{min-height:80px;resize:vertical;line-height:1.5}.smart-checkbox-wrapper{display:flex;align-items:center;gap:var(--space-sm);height:38px}.smart-checkbox{width:18px;height:18px;cursor:pointer}.smart-object.root-level{padding-left:0;border-left:none}.md-editor{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.md-editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated)}.md-editor-tabs{display:flex;gap:2px}.md-tab{padding:6px 16px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.md-tab:hover{color:var(--color-text);background:var(--color-bg-panel)}.md-tab-active{color:var(--color-primary-light);background:var(--color-primary-alpha);border-color:var(--color-primary)}.md-editor-stats{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);display:flex;gap:var(--space-sm);align-items:center}.char-limit-warn{color:#e5a100;font-weight:600}.char-limit-error{color:var(--color-danger);font-weight:700}.md-editor-textarea{width:100%;min-height:400px;max-height:70vh;padding:var(--space-lg);background:var(--color-bg-darker);color:var(--color-text);border:none;outline:none;resize:vertical;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;-moz-tab-size:2;tab-size:2;overflow-y:auto}.md-editor-textarea::placeholder{color:var(--color-text-muted);opacity:.5}.md-editor-preview{padding:var(--space-lg);min-height:400px;color:var(--color-text);line-height:1.7;font-size:var(--text-sm)}.md-editor-preview h1,.md-editor-preview h2,.md-editor-preview h3,.md-editor-preview h4,.md-editor-preview h5,.md-editor-preview h6{color:var(--color-text-bright);margin-top:1.5em;margin-bottom:.5em;line-height:1.3}.md-editor-preview h1{font-size:var(--text-xl);padding-bottom:.3em;border-bottom:1px solid var(--color-border)}.md-editor-preview h2{font-size:var(--text-lg);padding-bottom:.25em;border-bottom:1px solid var(--color-border)}.md-editor-preview h3{font-size:var(--text-base)}.md-editor-preview p{margin:.75em 0}.md-editor-preview ul,.md-editor-preview ol{margin:.75em 0;padding-left:1.5em}.md-editor-preview li{margin:.25em 0}.md-editor-preview code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-elevated);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.md-editor-preview pre{background:var(--color-bg-darker);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;margin:1em 0}.md-editor-preview pre code{background:transparent;border:none;padding:0}.md-editor-preview blockquote{border-left:3px solid var(--color-primary);margin:1em 0;padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);background:var(--color-bg-elevated);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.md-editor-preview table{width:100%;border-collapse:collapse;margin:1em 0}.md-editor-preview th,.md-editor-preview td{border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);text-align:left}.md-editor-preview th{background:var(--color-bg-elevated);font-weight:600}.md-editor-preview hr{border:none;border-top:1px solid var(--color-border);margin:1.5em 0}.md-editor-preview a{color:var(--color-primary-light);text-decoration:none}.md-editor-preview a:hover{text-decoration:underline}.md-preview-empty{color:var(--color-text-muted);font-style:italic;padding:var(--space-xl) 0;text-align:center}.toggle-btn{padding:0 18px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border:1px solid transparent;min-width:100px;text-align:center;-webkit-user-select:none;user-select:none}.toggle-active{color:var(--color-success);border-color:var(--color-success);background:#34d3991a}.toggle-active:hover{background:#34d39940;box-shadow:0 0 0 2px #34d39926}.toggle-inactive{color:var(--color-text-disabled);border-color:var(--color-text-disabled);background:transparent}.toggle-inactive:hover{color:var(--color-text-muted);border-color:var(--color-text-muted);background:var(--color-bg-elevated);box-shadow:0 0 0 2px #8080801a}.danger-ghost-btn{color:var(--color-text-muted)}.danger-ghost-btn:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ef444414}.commit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.commit-modal-content{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg, 0 20px 60px rgba(0, 0, 0, .3))}.commit-modal-content h3{margin:0 0 var(--space-xs) 0;font-size:var(--text-lg);color:var(--color-text)}.modal-description{margin:0 0 var(--space-md) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.modal-input{width:100%;margin-bottom:var(--space-md)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.status-active{color:var(--color-success);border-color:var(--color-success)}.status-inactive{color:var(--color-text-disabled);border-color:var(--color-text-disabled)}.clickable-hint{font-weight:400;font-style:italic;opacity:.6}.studio-page{width:100%;padding:var(--space-xl) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);box-sizing:border-box}.studio-shell{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg);min-height:80vh}.studio-page .page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-sm)}.studio-page .page-title{margin:0;font-size:var(--text-2xl);font-family:var(--font-mono);color:var(--color-text);display:flex;align-items:center;gap:var(--space-md);font-weight:700;letter-spacing:-.5px}.experimental-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:var(--radius-full);color:#b45309;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);font-family:var(--font-mono);line-height:1.4;white-space:nowrap}.studio-page .page-description{margin:var(--space-xs) 0 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.studio-page .page-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-sm) 0}.studio-toolbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.studio-content{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-md);flex:1}.studio-tab-panel{min-height:600px;display:flex;flex-direction:column;gap:var(--space-lg)}.studio-page .tab-bar{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-border);padding-bottom:0}.studio-page .tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base);margin-bottom:-1px;text-decoration:none;font-family:var(--font-mono);letter-spacing:.02em}.studio-page .tab-btn:hover{color:var(--color-text)}.studio-page .tab-btn.tab-active{color:var(--color-primary-light);border-bottom-color:var(--color-primary)}.studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg);align-items:start}.studio-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);padding-left:calc(var(--space-lg) + 6px);display:flex;flex-direction:column;gap:var(--space-md);transition:all .2s cubic-bezier(.4,0,.2,1);height:100%;position:relative;overflow:hidden}.studio-card-status-bar{position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--color-border);transition:background .2s ease,box-shadow .2s ease}.studio-card.card-status-complete .studio-card-status-bar{background:var(--color-success);box-shadow:0 0 6px var(--color-success-glow)}.studio-card.card-status-partial .studio-card-status-bar{background:var(--color-warning)}.studio-card.card-status-empty .studio-card-status-bar{background:var(--color-border)}.studio-card.card-status-profile-active .studio-card-status-bar{background:#a78bfa;box-shadow:0 0 6px #8b5cf666}.studio-card.card-status-profile-ready .studio-card-status-bar{background:var(--color-warning)}.studio-card.card-status-profile-empty .studio-card-status-bar{background:var(--color-border)}.studio-card.clickable{cursor:pointer}.studio-card.clickable:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 4px 16px #00000026,0 0 0 1px var(--color-primary-alpha)}.studio-card.clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.studio-card:not(.clickable):hover{border-color:var(--color-border-light)}.studio-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.studio-card-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary-alpha);color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.studio-card-icon svg{width:18px;height:18px}.studio-card-icon.icon-profile{background:#8b5cf626;color:#a78bfa}.studio-card-icon.icon-hub{background:#22c55e1f;color:var(--color-success)}.studio-card-title{margin:0;font-size:var(--text-base, 1rem);color:var(--color-text);font-family:var(--font-mono);font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-card-header-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.studio-card-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);font-weight:400}.studio-card-description{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;min-height:2.4em}.studio-card-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap}.studio-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-full);border:1px solid transparent;display:inline-flex;align-items:center;white-space:nowrap}.studio-badge.badge-script{color:var(--color-primary-light);border-color:var(--color-primary);background:var(--color-primary-alpha)}.studio-badge.badge-profile{color:#a78bfa;border-color:#8b5cf680;background:#8b5cf61f}.studio-badge.badge-count{color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-surface);font-weight:500}.studio-badge.badge-count-active{color:var(--color-text);border-color:var(--color-border-light);background:var(--color-surface-light)}.studio-card-indicators{display:flex;gap:var(--space-sm);flex-wrap:wrap}.card-indicator{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em}.card-indicator.done{color:var(--color-success)}.card-indicator.pending{color:var(--color-text-muted);opacity:.6}.studio-badge.badge-public{color:var(--color-success);border-color:var(--color-success);background:#22c55e1a}.studio-badge.badge-private{color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-surface)}.studio-badge.badge-version{color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-surface);font-weight:500}.studio-badge.badge-profile-ready{color:var(--color-warning);border-color:#f59e0b80;background:#f59e0b1f}.studio-badge.badge-profile-empty{color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-surface)}.studio-card-meta{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);border-top:1px solid var(--color-border);padding-top:var(--space-sm);margin-top:auto;font-family:var(--font-mono)}.studio-card-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-card-meta-date{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono);flex-shrink:0}.studio-card-stats{display:flex;gap:var(--space-sm);flex-wrap:wrap}.card-stat{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px 8px;white-space:nowrap}.card-stat.stat-active{color:var(--color-text);border-color:var(--color-border-light, #555)}.card-stat.stat-agents{color:#a78bfa;border-color:#8b5cf666;background:#8b5cf614}.studio-btn-sm.btn-configure{border-color:var(--color-primary);color:var(--color-primary-light);background:var(--color-primary-alpha);display:inline-flex;align-items:center;gap:4px}.studio-btn-sm.btn-configure:hover{background:var(--color-primary);color:var(--color-bg)}.studio-badge.badge-profile-active{color:#a78bfa;border-color:#8b5cf680;background:#8b5cf61f}.studio-badge.badge-profile-ready{color:var(--color-warning);border-color:#f59e0b66;background:#f59e0b1a}.studio-badge.badge-profile-empty{color:var(--color-text-muted);border-color:var(--color-border);background:transparent}.studio-card-installed-notice{display:flex;align-items:center;gap:5px;font-size:11px;font-family:var(--font-mono);color:var(--color-success);background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-sm);padding:4px 8px;line-height:1.4}.studio-card-actions{display:flex;gap:var(--space-xs)}.studio-page .primary-btn{border:1px solid var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary-light);padding:0 18px;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background var(--transition-base),border-color var(--transition-base)}.studio-page .primary-btn:hover{background:var(--color-primary);color:var(--color-bg)}.studio-page .primary-btn:disabled{opacity:.5;cursor:not-allowed}.studio-page .secondary-btn{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);padding:0 18px;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.studio-page .secondary-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#ffb00014}.studio-page .secondary-btn:disabled{opacity:.5;cursor:not-allowed}.studio-btn-sm{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);padding:0 12px;height:28px;border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-xs);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.studio-btn-sm:hover{border-color:var(--color-primary);color:var(--color-primary-light);background:var(--color-primary-alpha)}.studio-btn-sm.btn-danger:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ef44441a}.studio-btn-sm.btn-install{border-color:var(--color-success);color:var(--color-success)}.studio-btn-sm.btn-install:hover{background:#22c55e1a}.studio-btn-sm.btn-configure{border-color:#8b5cf680;color:#a78bfa}.studio-btn-sm.btn-configure:hover{background:#8b5cf61f;border-color:#a78bfa}.studio-btn-sm .loading-spinner-ring{display:inline-block;vertical-align:middle;margin-right:4px}.studio-btn-sm:disabled{opacity:.5;cursor:not-allowed}.studio-page .empty-state,.empty-state{padding:var(--space-3xl) var(--space-2xl);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;background:#ffffff05;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:260px}.empty-state-icon{width:48px;height:48px;color:var(--color-text-muted);opacity:.5;margin-bottom:var(--space-xs)}.studio-page .empty-state h3,.empty-state h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text);font-family:var(--font-mono)}.studio-page .empty-state p,.empty-state p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);max-width:400px;line-height:1.6}.empty-state-cta{margin-top:var(--space-sm);border:1px solid var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary-light);padding:0 18px;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-base),border-color var(--transition-base)}.empty-state-cta:hover{background:var(--color-primary);color:var(--color-bg)}.studio-page .error-state{padding:var(--space-2xl);border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-lg);background:#ff47570d;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);min-height:200px;justify-content:center}.studio-page .error-state .error-icon{width:40px;height:40px;color:var(--color-danger);opacity:.7}.studio-page .error-state h3{margin:0;color:var(--color-danger);font-family:var(--font-mono)}.studio-page .error-state p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.studio-page .error-text{color:var(--color-danger);font-size:var(--text-xs)}.studio-page .loading-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl);min-height:260px}.loading-spinner-ring{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:studio-spin .8s linear infinite}.loading-state-text{font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-mono)}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-page .loading-spinner{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted);font-family:var(--font-mono)}.studio-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.studio-modal{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:90%;max-width:560px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-lg)}.studio-modal h2{margin:0;font-size:var(--text-xl);font-family:var(--font-mono);color:var(--color-text)}.studio-modal-field{display:flex;flex-direction:column;gap:var(--space-xs)}.studio-modal-field label{font-size:var(--text-sm);font-weight:600;color:var(--color-text);font-family:var(--font-mono)}.studio-modal-field .field-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.studio-modal-field input,.studio-modal-field textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-mono);transition:border-color var(--transition-base)}.studio-modal-field input:focus,.studio-modal-field textarea:focus{outline:none;border-color:var(--color-primary)}.studio-modal-field textarea{min-height:80px;resize:vertical}.cap-select-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);background:var(--color-surface)}.cap-select-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-base);font-size:var(--text-sm);color:var(--color-text)}.cap-select-item:hover{background:var(--color-primary-alpha)}.cap-select-item input[type=checkbox]{accent-color:var(--color-primary)}.cap-select-item-name{font-family:var(--font-mono);font-weight:500}.cap-select-item-desc{color:var(--color-text-muted);font-size:var(--text-xs);margin-left:auto}.studio-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-md)}.pd{display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:var(--space-2xl)}.pd-page-header{display:flex;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm);min-height:36px}.pd-back-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-mono);padding:0;transition:color .15s;white-space:nowrap;flex-shrink:0}.pd-back-btn:hover{color:var(--color-primary-light)}.pd-header-sep{color:var(--color-text-muted);opacity:.4;font-size:var(--text-sm);flex-shrink:0}.pd-header-name{background:transparent;border:none;border-bottom:1px solid transparent;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;padding:2px 4px;flex:1;min-width:100px;max-width:400px;transition:border-color .15s}.pd-header-name:focus{outline:none;border-bottom-color:var(--color-primary)}.pd-unsaved-dot{color:var(--color-warning);font-size:16px;line-height:1;flex-shrink:0}.pd-header-actions{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto;flex-shrink:0}.pd-layout{display:grid;grid-template-columns:280px 1fr 300px;gap:var(--space-lg);align-items:start;min-height:0}@media(max-width:1200px){.pd-layout{grid-template-columns:260px 1fr}.pd-right{grid-column:1 / -1}}@media(max-width:768px){.pd-layout{grid-template-columns:1fr}}.pd-left{display:flex;flex-direction:column;gap:var(--space-md);position:sticky;top:var(--space-md)}.pd-identity-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.pd-identity-unsaved{border-color:var(--color-warning)}.pd-field-desc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-sm);width:100%;resize:vertical;min-height:48px;max-height:160px;transition:border-color .15s,color .15s;box-sizing:border-box}.pd-field-desc:focus{outline:none;border-color:var(--color-primary);color:var(--color-text)}.pd-id-stats{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--color-border);padding-top:var(--space-sm)}.pd-id-stat-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.pd-id-stat-label{font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono)}.pd-id-stat-value{font-size:12px;font-weight:600;color:var(--color-text);font-family:var(--font-mono)}.pd-id-stat-warn .pd-id-stat-label,.pd-id-stat-warn .pd-id-stat-value{color:var(--color-warning)}.pd-agents-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.pd-agents-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.pd-agents-panel-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px;font-family:var(--font-mono)}.pd-agents-panel-title svg{opacity:.6}.pd-agents-panel-count{font-size:11px;font-family:var(--font-mono);font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:1px 8px;min-width:20px;text-align:center;line-height:1.6}.pd-agents-list{flex:1;overflow-y:auto;padding:var(--space-xs) 0;min-height:0;max-height:260px}.pd-agents-empty-msg{padding:var(--space-md);font-size:12px;color:var(--color-text-muted);text-align:center;opacity:.7}.pd-agent-row{display:flex;align-items:center;gap:8px;padding:6px var(--space-md);transition:background .1s}.pd-agent-row:hover{background:var(--color-surface)}.pd-agent-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pd-agent-online{background:var(--color-success);box-shadow:0 0 4px var(--color-success-glow)}.pd-agent-offline{background:var(--color-text-muted);opacity:.4}.pd-agent-info{display:flex;flex-direction:column;min-width:0;flex:1}.pd-agent-name{font-size:12px;font-family:var(--font-mono);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-agent-detail{font-size:10px;color:var(--color-text-muted);font-family:var(--font-mono);opacity:.7}.pd-agent-remove-btn{flex-shrink:0;opacity:0;transition:opacity .15s}.pd-agent-row:hover .pd-agent-remove-btn{opacity:1}.pd-agents-assign-row{display:flex;align-items:center;gap:6px;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);flex-shrink:0}.pd-agents-assign-select{flex:1;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:12px;font-family:var(--font-mono);padding:4px 8px;border-radius:var(--radius-sm);height:28px;min-width:0}.pd-agents-assign-select:focus{outline:none;border-color:var(--color-primary);color:var(--color-text)}.pd-center{display:flex;flex-direction:column;gap:var(--space-md);min-height:0}.pd-center-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.pd-center-title{margin:0;font-size:var(--text-base);font-family:var(--font-mono);font-weight:600;color:var(--color-text)}.pd-groups-list{display:flex;flex-direction:column;gap:var(--space-sm)}.pd-group-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s}.pd-group-card.pd-group-on{border-color:#22c55e66}.pd-group-card.pd-group-partial{border-color:#f59e0b66}.pd-group-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.pd-group-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-primary-alpha);color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pd-group-on .pd-group-icon{background:#22c55e26;color:var(--color-success)}.pd-group-partial .pd-group-icon{background:#f59e0b26;color:var(--color-warning)}.pd-group-header-text{display:flex;flex-direction:column;min-width:0;flex:1}.pd-group-name{font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono);color:var(--color-text)}.pd-group-desc{font-size:11px;color:var(--color-text-muted);line-height:1.3}.pd-group-count{font-size:11px;font-family:var(--font-mono);font-weight:600;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.pd-group-on .pd-group-count{color:var(--color-success)}.pd-group-partial .pd-group-count{color:var(--color-warning)}.pd-group-tools{display:flex;flex-direction:column;border-top:1px solid var(--color-border);padding:var(--space-xs) 0}.pd-tool-row{display:flex;align-items:center;gap:8px;padding:3px var(--space-md) 3px calc(var(--space-md) + 28px + var(--space-sm));font-size:12px;font-family:var(--font-mono);color:var(--color-text-muted)}.pd-tool-row.pd-tool-active{color:var(--color-text)}.pd-tool-dot{width:5px;height:5px;border-radius:50%;background:var(--color-text-muted);opacity:.3;flex-shrink:0}.pd-tool-dot.pd-tool-dot-on{background:var(--color-success);opacity:1;box-shadow:0 0 3px var(--color-success-glow)}.pd-tool-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-right{display:flex;flex-direction:column;gap:var(--space-md);position:sticky;top:var(--space-md)}.pd-right-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.pd-right-title{margin:0;font-size:var(--text-base);font-family:var(--font-mono);font-weight:600;color:var(--color-text)}.pd-cap-search{display:flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;color:var(--color-text-muted)}.pd-cap-search input{background:transparent;border:none;color:var(--color-text);font-size:var(--text-xs);font-family:var(--font-mono);width:120px;outline:none}.pd-cap-section{display:flex;flex-direction:column;gap:var(--space-sm)}.pd-cap-section-label{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-mono)}.pd-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);opacity:.5;flex-shrink:0}.pd-dot-active{background:var(--color-success);opacity:1;box-shadow:0 0 4px var(--color-success-glow)}.pd-dot-hub{background:var(--color-accent, #7c5cbf);opacity:1}.pd-cap-list{display:flex;flex-direction:column;gap:var(--space-sm)}.pd-cap-card{display:flex;align-items:stretch;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .15s}.pd-cap-card:hover{border-color:var(--color-border-light, #555)}.pd-cap-card-installed{border-left:3px solid var(--color-success)}.pd-cap-card-info{display:flex;flex-direction:column;min-width:0;flex:1;padding:var(--space-sm) var(--space-md);gap:3px}.pd-cap-card-clickable{cursor:pointer;transition:background .1s}.pd-cap-card-clickable:hover{background:#ffffff08}.pd-cap-card-name{font-weight:500;font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-mono);display:flex;align-items:center;gap:4px}.pd-cap-link-icon{opacity:0;color:var(--color-primary-light);flex-shrink:0;transition:opacity .15s}.pd-cap-card-clickable:hover .pd-cap-link-icon{opacity:.7}.pd-cap-card-desc{font-size:11px;color:var(--color-text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pd-cap-card-meta{display:flex;align-items:center;gap:4px;margin-top:2px}.pd-cap-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:1px 5px;border-radius:var(--radius-full);font-family:var(--font-mono);line-height:1.5}.pd-cap-badge-script{color:var(--color-primary-light);background:var(--color-primary-alpha);border:1px solid var(--color-primary)}.pd-cap-badge-ver{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border)}.pd-cap-badge-public{color:var(--color-success);background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.pd-cap-badge-hub{color:var(--color-accent, #7c5cbf);background:#7c5cbf1f;border:1px solid rgba(124,92,191,.3)}.pd-cap-card-hub{border-left:3px solid var(--color-accent, #7c5cbf)}.pd-cap-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 12px;border:none;cursor:pointer;font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:background .15s,color .15s;flex-shrink:0;min-width:52px}.pd-cap-action-btn:disabled{opacity:.5;cursor:not-allowed}.pd-cap-action-add{background:#22c55e14;color:var(--color-success);border-left:1px solid var(--color-border)}.pd-cap-action-add:hover:not(:disabled){background:#22c55e2e}.pd-cap-action-remove{background:#ef44440f;color:var(--color-danger);border-left:1px solid var(--color-border)}.pd-cap-action-remove:hover:not(:disabled){background:#ef444426}.pd-cap-empty-msg{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-md) 0;text-align:center}.profile-toast{position:fixed;top:24px;right:24px;z-index:1100;padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;box-shadow:0 4px 20px #0000004d;animation:toast-slide-in .25s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.profile-toast-success{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:var(--color-success)}.profile-toast-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:var(--color-danger)}.tool-picker-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:400px;overflow-y:auto}.tool-picker-item{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);gap:var(--space-sm);transition:border-color var(--transition-base)}.tool-picker-item:hover{border-color:var(--color-primary)}.tool-picker-info{display:flex;flex-direction:column;min-width:0}.tool-picker-name{font-weight:500;font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-picker-desc{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-page{display:flex;flex-direction:column;gap:var(--space-lg)}.discover-summary{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.discover-summary-count{font-weight:500}.discover-summary-installed{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-success);font-weight:500}.discover-section{display:flex;flex-direction:column;gap:var(--space-md)}.discover-section-title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--space-sm)}.discover-section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.discover-section-dot.installed{background:var(--color-success);box-shadow:0 0 6px var(--color-success-glow)}.discover-section-dot.available{background:var(--color-text-muted);opacity:.5}.studio-card.card-installed{border-color:#22c55e40}.studio-card.card-installed .studio-card-status-bar{background:var(--color-success);box-shadow:0 0 6px var(--color-success-glow)}.studio-card-installed-notice{display:flex;align-items:center;gap:6px;font-size:11px;font-family:var(--font-mono);color:var(--color-success);background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-sm);padding:5px 10px;opacity:.9}.studio-btn-sm.discover-installed-btn{border-color:var(--color-success);color:var(--color-success);gap:4px}.studio-btn-sm.discover-installed-btn:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ef44441a}.studio-btn-sm.discover-installed-btn:hover svg{display:none}.cd-page{max-width:960px;margin:0 auto;padding:0 var(--space-xl) var(--space-3xl);display:flex;flex-direction:column;gap:var(--space-lg)}.cd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:400px;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.cd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:400px;color:var(--color-text-muted);text-align:center}.cd-error h3{margin:0;color:var(--color-danger);font-family:var(--font-mono)}.cd-back-link{color:var(--color-primary-light);text-decoration:none;font-size:var(--text-sm);font-family:var(--font-mono)}.cd-back-link:hover{text-decoration:underline}.cd-sticky-header{position:sticky;top:0;z-index:50;background:var(--color-bg);margin:0 calc(-1 * var(--space-xl));padding:var(--space-md) var(--space-xl) 0;border-bottom:1px solid var(--color-border)}.cd-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding-bottom:var(--space-md)}.cd-header-left{display:flex;align-items:flex-start;gap:var(--space-md);flex:1;min-width:0}.cd-back-btn{border:1px solid var(--color-border);background:var(--color-bg-panel);color:var(--color-text-muted);width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--transition-base),color var(--transition-base);flex-shrink:0;margin-top:2px}.cd-back-btn svg{width:18px;height:18px}.cd-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary-light)}.cd-header-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.cd-breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.cd-breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-base)}.cd-breadcrumb a:hover{color:var(--color-primary-light)}.cd-breadcrumb-sep{opacity:.4}.cd-title-input{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin:-2px -6px;font-size:var(--text-xl);font-weight:700;font-family:var(--font-mono);color:var(--color-text);width:100%;transition:border-color var(--transition-base),background var(--transition-base)}.cd-title-input:hover{border-color:var(--color-border);background:var(--color-surface)}.cd-title-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface)}.cd-header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.cd-delete-modal-body{padding:var(--space-md) 0}.cd-delete-msg{margin:0 0 var(--space-sm) 0;color:var(--color-text);font-size:var(--text-base);line-height:1.6}.cd-delete-msg strong{color:var(--color-text-bright, #fff)}.cd-delete-warning{margin:0 0 var(--space-md) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.cd-delete-error{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:#ff475714;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.cd-delete-error-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-danger);margin-top:2px}.cd-delete-error p{margin:0;color:var(--color-danger);font-size:var(--text-sm);line-height:1.5}.cd-delete-profiles-list{margin-bottom:var(--space-lg)}.cd-delete-profiles-label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.cd-delete-profiles-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.cd-delete-profiles-list li{font-size:var(--text-sm)}.cd-delete-profiles-list li a{color:var(--color-primary-light);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);display:inline-block;transition:background .15s}.cd-delete-profiles-list li a:hover{background:#00ffff0f;text-decoration:underline}.cd-delete-modal-body .modal-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.cd-delete-modal-body .modal-actions .btn{flex:1}.cd-unsaved-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);background:#ffb00014;border-top:1px solid rgba(255,176,0,.25);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-accent-light);animation:cd-unsaved-pulse 2s ease-in-out infinite}.cd-unsaved-hint{opacity:.7;font-size:11px}@keyframes cd-unsaved-pulse{0%,to{background:#ffb00014}50%{background:#ffb0001f}}.cd-readonly-bar{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:#6366f114;border-top:1px solid rgba(99,102,241,.25);font-size:var(--text-xs);font-family:var(--font-mono);color:#a5b4fc}.cd-title-static{font-size:var(--text-lg);font-weight:600;color:var(--color-text);font-family:var(--font-mono);padding:2px 0}.cd-static-text{margin:0;padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.cd-static-code{margin:0;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:pre-wrap;word-break:break-all;line-height:1.6;overflow-x:auto}.cd-static-script{min-height:200px;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.cd-static-md{min-height:80px}.cd-btn{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);padding:0 14px;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);font-family:var(--font-mono);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);transition:all var(--transition-base);white-space:nowrap}.cd-btn svg{width:16px;height:16px}.cd-btn:disabled{opacity:.5;cursor:not-allowed}.cd-btn-xs{height:28px;padding:0 10px;font-size:var(--text-xs)}.cd-btn-ghost{border-color:transparent}.cd-btn-ghost:hover:not(:disabled){border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.cd-btn-icon{width:36px;padding:0}.cd-btn-icon:hover:not(:disabled){color:var(--color-danger);border-color:#ff47574d;background:#ff475714}.cd-btn-danger{border-color:var(--color-danger);color:var(--color-danger);background:#ef444414}.cd-btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.cd-btn-save{border-color:var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary-light)}.cd-btn-save:hover:not(:disabled){background:var(--color-primary);color:var(--color-bg)}.cd-btn-save.unsaved{border-color:var(--color-accent);background:#ffb0001f;color:var(--color-accent-light)}.cd-btn-save.unsaved:hover:not(:disabled){background:var(--color-accent);color:var(--color-bg)}.cd-btn-save.saved{opacity:.6}.cd-btn-save .loading-spinner-ring{display:inline-block;vertical-align:middle;margin-right:4px}.cd-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding-top:var(--space-sm)}.cd-meta-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap}.cd-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:var(--radius-full);border:1px solid transparent;font-family:var(--font-mono)}.cd-badge-script{color:var(--color-primary-light);border-color:var(--color-primary);background:var(--color-primary-alpha)}.cd-badge-public{color:var(--color-success);border-color:var(--color-success);background:#22c55e1a}.cd-badge-private{color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-surface)}.cd-badge-version{color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-surface);font-weight:500}.cd-meta-dates{display:flex;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.cd-sections{display:flex;flex-direction:column;gap:var(--space-md)}.cd-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-panel);overflow:hidden;transition:border-color var(--transition-base)}.cd-section:hover{border-color:var(--color-border-light)}.cd-section.critical{border-left:3px solid var(--color-primary)}.cd-section.optional{border-left:3px solid var(--color-border);opacity:.85}.cd-section.optional:hover,.cd-section.optional.open{opacity:1}.cd-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-lg);border:none;background:transparent;cursor:pointer;color:var(--color-text);font-family:var(--font-mono);transition:background var(--transition-base)}.cd-section-header:hover{background:#ffffff05}.cd-section-header-left{display:flex;align-items:center;gap:var(--space-sm)}.cd-section-chevron{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;transition:transform var(--transition-base);color:var(--color-text-muted)}.cd-section-chevron svg{width:14px;height:14px}.cd-section-chevron.open{transform:rotate(90deg)}.cd-section-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-primary-light)}.cd-section-icon svg{width:18px;height:18px}.cd-section.critical .cd-section-icon{color:var(--color-primary-light)}.cd-section.optional .cd-section-icon{color:var(--color-text-muted)}.cd-section-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cd-section-badge{font-size:11px;font-weight:500;color:var(--color-text-muted);background:var(--color-surface);padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.cd-section-priority-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary-light);background:var(--color-primary-alpha);padding:2px 8px;border-radius:var(--radius-full)}.cd-section-body{padding:0 var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);border-top:1px solid var(--color-border);margin-top:0;padding-top:var(--space-lg)}.cd-field{display:flex;flex-direction:column;gap:var(--space-xs)}.cd-field-row{display:flex;gap:var(--space-lg);align-items:flex-start}.cd-field-row>.cd-field{flex:1}.cd-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text);font-family:var(--font-mono)}.cd-hint{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.cd-textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-mono);line-height:1.6;resize:vertical;transition:border-color var(--transition-base)}.cd-textarea:focus{outline:none;border-color:var(--color-primary)}.cd-textarea.cd-code{font-size:13px;line-height:1.6;-moz-tab-size:2;tab-size:2;min-height:240px}.cd-textarea.cd-textarea-tall{min-height:200px}.cd-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-mono);cursor:pointer;transition:border-color var(--transition-base)}.cd-select:focus{outline:none;border-color:var(--color-primary)}.cd-toggle-row{display:flex;align-items:center;gap:var(--space-md)}.cd-toggle{position:relative;width:44px;height:24px;background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-base);flex-shrink:0;border:none}.cd-toggle.active{background:var(--color-success)}.cd-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-base)}.cd-toggle.active:after{transform:translate(20px)}.cd-toggle-text{display:flex;flex-direction:column}.cd-toggle-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.cd-toggle-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.cd-schema-controls{display:flex;flex-direction:column;gap:var(--space-sm)}.cd-schema-mode-row{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-xs)}.cd-mode-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.cd-mode-btn{border:none;background:transparent;color:var(--color-text-muted);padding:4px 14px;font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.cd-mode-btn:not(:last-child){border-right:1px solid var(--color-border)}.cd-mode-btn.active{background:var(--color-primary-alpha);color:var(--color-primary-light)}.cd-mode-btn:hover:not(.active){background:var(--color-surface);color:var(--color-text)}.cd-schema-error{color:var(--color-danger);font-size:var(--text-xs);font-family:var(--font-mono)}.cd-schema-json-wrap{display:flex;flex-direction:column;gap:var(--space-xs)}.cd-page .schema-builder{display:flex;flex-direction:column;gap:var(--space-sm)}.cd-page .schema-builder-warning{background:#ffb0001a;border:1px solid rgba(255,176,0,.4);color:var(--color-accent-light, #ffb000);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);font-weight:500}.cd-page .schema-builder-empty{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-muted);font-size:var(--text-sm);border:1px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.cd-page .schema-builder-empty p{margin:0;max-width:360px;line-height:1.5}.cd-page .schema-param-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);transition:border-color var(--transition-base)}.cd-page .schema-param-card:hover{border-color:var(--color-primary-alpha)}.cd-page .schema-param-header{display:flex;justify-content:space-between;align-items:center}.cd-page .schema-param-index{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);font-family:var(--font-mono)}.cd-page .schema-param-actions{display:flex;gap:4px}.cd-page .schema-param-move,.cd-page .schema-param-delete{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);width:26px;height:26px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:border-color var(--transition-base),color var(--transition-base),background var(--transition-base)}.cd-page .schema-param-move:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary-light)}.cd-page .schema-param-move:disabled{opacity:.3;cursor:not-allowed}.cd-page .schema-param-delete:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ef444414}.cd-page .schema-param-fields{display:flex;flex-direction:column;gap:var(--space-sm)}.cd-page .schema-param-row-top{display:flex;gap:var(--space-sm);align-items:flex-end}.cd-page .schema-field{display:flex;flex-direction:column;gap:4px}.cd-page .schema-field-name{flex:2;min-width:0}.cd-page .schema-field-type{flex:1.2;min-width:0}.cd-page .schema-field-required{flex:0 0 auto;min-width:72px}.cd-page .schema-field-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.cd-page .schema-field-optional{font-weight:400;color:var(--color-text-muted);opacity:.7}.cd-page .schema-checkbox-label{display:flex;align-items:center;gap:var(--space-xs);height:36px;cursor:pointer}.cd-page .schema-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.cd-page .schema-checkbox-text{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.cd-page .schema-add-param{border:1px dashed var(--color-border);background:transparent;color:var(--color-primary-light);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base);width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.cd-page .schema-add-param:hover{border-color:var(--color-primary);background:var(--color-primary-alpha)}.cd-page .form-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-mono);transition:border-color var(--transition-base)}.cd-page .form-input:focus{outline:none;border-color:var(--color-primary)}.cd-page .form-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-mono);cursor:pointer;transition:border-color var(--transition-base)}.cd-page .form-select:focus{outline:none;border-color:var(--color-primary)}.cd-script-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.cd-script-editor-header{display:flex;align-items:center;padding:var(--space-xs) var(--space-md);background:#0003;border-bottom:1px solid var(--color-border)}.cd-script-lang-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary-light);background:var(--color-primary-alpha);padding:2px 8px;border-radius:var(--radius-full);font-family:var(--font-mono)}.cd-script-editor-body{display:flex;min-height:300px;max-height:600px}.cd-line-numbers{flex-shrink:0;width:48px;padding:var(--space-sm) 0;background:#00000026;border-right:1px solid var(--color-border);overflow:hidden;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}.cd-line-number{display:block;text-align:right;padding:0 var(--space-sm);font-size:13px;line-height:1.6;font-family:var(--font-mono);color:var(--color-text-muted);opacity:.5;height:20.8px}.cd-script-textarea{flex:1;min-width:0;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text);font-family:var(--font-mono);font-size:13px;line-height:1.6;-moz-tab-size:2;tab-size:2;resize:none;overflow-y:auto;outline:none}.cd-script-textarea::placeholder{color:var(--color-text-muted);opacity:.4}.cd-script-info{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.cd-script-filename{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:600;color:var(--color-text-muted);background:var(--color-surface);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border);white-space:nowrap;flex-shrink:0}.cd-page .notification-icon{display:inline-flex;align-items:center;margin-right:4px}.cd-page .notification-icon svg{width:14px;height:14px}@media(max-width:768px){.cd-page{padding:0 var(--space-md) var(--space-2xl)}.cd-sticky-header{margin:0 calc(-1 * var(--space-md));padding:var(--space-sm) var(--space-md) 0}.cd-header-row{flex-direction:column;gap:var(--space-md)}.cd-header-actions{width:100%;justify-content:flex-end}.cd-field-row{flex-direction:column;gap:var(--space-md)}.cd-meta{flex-direction:column;align-items:flex-start}.cd-page .schema-param-row-top{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.cd-page .schema-field-required{min-width:auto}.cd-script-editor-body{min-height:200px}}