/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}:root{--background-darkest: #09090B;--background-dark: #0C0C0E;--background: #111113;--background-light: #18181B;--background-lighter: #1F1F23;--surface: #18181B;--surface-raised: #1F1F23;--surface-sunken: #0C0C0E;--surface-hover: #27272A;--primary: #3B82F6;--primary-light: #60A5FA;--primary-dark: #2563EB;--primary-subtle: rgba(59, 130, 246, .12);--primary-muted: rgba(59, 130, 246, .06);--secondary: #71717A;--secondary-light: #A1A1AA;--secondary-dark: #52525B;--secondary-subtle: rgba(113, 113, 122, .12);--secondary-muted: rgba(113, 113, 122, .06);--accent: var(--primary);--accent-light: var(--primary-light);--accent-dark: var(--primary-dark);--accent-subtle: var(--primary-subtle);--gradient-primary: var(--primary);--gradient-accent: var(--primary);--gradient-pink: var(--primary);--gradient-blue: var(--primary);--gradient-surface: var(--surface);--foreground: #FAFAFA;--foreground-secondary: #E4E4E7;--foreground-muted: #A1A1AA;--foreground-subtle: #71717A;--foreground-disabled: #52525B;--success: #22C55E;--success-light: #4ADE80;--success-dark: #16A34A;--success-subtle: rgba(34, 197, 94, .12);--success-muted: rgba(34, 197, 94, .06);--success-foreground: #FFFFFF;--warning: #EAB308;--warning-light: #FACC15;--warning-dark: #CA8A04;--warning-subtle: rgba(234, 179, 8, .12);--warning-muted: rgba(234, 179, 8, .06);--warning-foreground: #000000;--error: #EF4444;--error-light: #F87171;--error-dark: #DC2626;--error-subtle: rgba(239, 68, 68, .12);--error-muted: rgba(239, 68, 68, .06);--error-foreground: #FFFFFF;--info: var(--primary);--info-light: var(--primary-light);--info-dark: var(--primary-dark);--info-subtle: var(--primary-subtle);--info-muted: var(--primary-muted);--info-foreground: #FFFFFF;--danger: var(--error);--danger-light: var(--error-light);--danger-subtle: var(--error-subtle);--border: rgba(255, 255, 255, .06);--border-muted: rgba(255, 255, 255, .03);--border-strong: rgba(255, 255, 255, .1);--border-focus: var(--primary);--ring: var(--primary);--ring-alpha: rgba(59, 130, 246, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .5);--shadow-primary: var(--shadow-md);--shadow-accent: var(--shadow-md);--shadow-success: var(--shadow-md);--shadow-error: var(--shadow-md);--background-elevated: var(--surface);--background-overlay: rgba(0, 0, 0, .8);--surface-glass: rgba(24, 24, 27, .9);--glass-bg: rgba(24, 24, 27, .8);--glass-border: var(--border);--glass-blur: 12px;--primary-hover: var(--primary-light);--primary-glow: transparent;--secondary-hover: var(--secondary-light);--secondary-glow: transparent;--accent-foreground: #FFFFFF;--glow-primary: none;--glow-secondary: none;--glow-accent: none;--glow-pink: none;--glow-cyan: none;--glow-blue: none}:root{--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", Menlo, Monaco, "Cascadia Code", monospace;--text-2xs: 10px;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 32px;--text-4xl: 40px;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--tracking-caps: .15em}:root{--radius: 8px;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--shadow-md: 0 4px 6px oklch(0 0 0 / .4);--shadow-lg: 0 10px 15px oklch(0 0 0 / .5);--shadow-xl: 0 20px 25px oklch(0 0 0 / .6);--glow-sm: 0 0 8px oklch(1 0 0 / .1);--glow-md: 0 0 16px oklch(1 0 0 / .15)}.light{--shadow-sm: 0 1px 2px oklch(0 0 0 / .05);--shadow-md: 0 4px 6px oklch(0 0 0 / .07);--shadow-lg: 0 10px 15px oklch(0 0 0 / .1);--shadow-xl: 0 20px 25px oklch(0 0 0 / .15)}:root{--duration-instant: 50ms;--duration-fast: .1s;--duration-base: .15s;--duration-slow: .25s;--duration-slower: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55)}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes status-glow{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 8px 2px currentColor}}@keyframes icon-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes icon-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes icon-spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-slide-up{animation:slide-up var(--duration-slow) var(--ease-out)}.animate-scale-in{animation:scale-in var(--duration-base) var(--ease-out)}.animate-spin{animation:spin 1s linear infinite}.icon-hover{transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.icon-hover:hover{transform:scale(1.1)}.hover-lift{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--ring-alpha)}.status-pulse{animation:pulse-dot 2s var(--ease-in-out) infinite}.loading-spin{animation:spin 1s linear infinite}:root{--z-base: 0;--z-elevated: 10;--z-sticky: 50;--z-panel: 100;--z-overlay: 200;--z-modal: 300;--z-popover: 400;--z-toast: 500;--z-max: 999}:root{--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 18px;--icon-xl: 20px;--icon-2xl: 24px;--icon-3xl: 32px;--icon-4xl: 40px;--btn-height-sm: 28px;--btn-height-md: 36px;--btn-height-lg: 44px;--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--panel-width-sm: 320px;--panel-width-md: 420px;--panel-width-lg: 560px;--content-max-width: 640px;--textarea-max-height: 200px}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--background)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:var(--background);border-bottom:1px solid var(--border);height:var(--input-height-lg);flex-shrink:0}.app-header-left,.app-header-right{display:flex;align-items:center;gap:var(--space-2)}.app-logo{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--foreground);letter-spacing:-.5px}.app-main{flex:1;display:flex;overflow:hidden;position:relative}.conversation-container{flex:1;display:flex;flex-direction:column;width:100%;overflow:hidden}[class*=btn],[class*=icon-btn]{cursor:pointer;transition:all .15s ease}[class*=btn]:disabled,[class*=icon-btn]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border:none;border-radius:8px}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);height:var(--btn-height-sm);border-radius:6px}.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base);height:var(--btn-height-lg)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-primary:active:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--foreground-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface);color:var(--foreground)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:var(--error-light)}.btn-outline{background:transparent;color:var(--foreground);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){background:var(--surface);border-color:var(--border-strong)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-light)}.btn-accent{background:var(--primary);color:#fff}.btn-accent:hover:not(:disabled){background:var(--primary-light)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--foreground-muted)}.icon-btn--sm{width:var(--btn-height-sm);height:var(--btn-height-sm)}.icon-btn--md{width:var(--btn-height-md);height:var(--btn-height-md)}.icon-btn--ghost{background:transparent;color:var(--foreground-subtle)}.icon-btn--ghost:hover{background:var(--surface);color:var(--foreground)}.icon-btn--outline{background:transparent;border:1px solid var(--border);color:var(--foreground-muted)}.icon-btn--outline:hover{background:var(--surface);border-color:var(--border-strong);color:var(--foreground)}.icon-btn--danger{background:transparent;color:var(--foreground-subtle)}.icon-btn--danger:hover{background:var(--error-subtle);color:var(--error)}.icon-btn--primary{background:transparent;color:var(--foreground-subtle)}.icon-btn--primary:hover{background:var(--primary-subtle);color:var(--primary)}.btn--loading{pointer-events:none}.btn--loading svg{animation:spin 1s linear infinite}.input-base{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out)}.input-base::placeholder{color:var(--foreground-subtle)}.input-base:hover{border-color:var(--border-strong)}.input-base:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-alpha)}.text-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out)}.text-input::placeholder{color:var(--foreground-subtle)}.text-input:hover{border-color:var(--border-strong)}.text-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-alpha)}.text-input--filled{background:var(--surface-raised);border-color:transparent}.text-input--filled:hover{background:var(--surface);border-color:var(--border)}.input-container{padding:var(--space-4);background:var(--background);border-top:1px solid var(--border);flex-shrink:0}.input-wrapper{display:flex;align-items:flex-end;gap:var(--space-2);max-width:var(--content-max-width);margin:0 auto}.input-textarea{flex:1;min-height:var(--btn-height-lg);max-height:var(--textarea-max-height);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);font-size:var(--text-base);font-family:inherit;resize:none;overflow-y:auto;transition:all var(--duration-fast) var(--ease-out)}.input-textarea::placeholder{color:var(--foreground-subtle)}.input-textarea:hover{border-color:var(--border-strong)}.input-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-alpha)}.item-list{display:flex;flex-direction:column;gap:var(--space-3)}.item-list--compact{gap:var(--space-2)}.item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--duration-base) var(--ease-out)}.item-card:hover{border-color:var(--border-strong);background:var(--surface-raised)}.item-card--running{border-color:var(--success);background:var(--success-muted)}.item-card--running:hover{background:var(--success-subtle)}.item-card--error{border-color:var(--error);background:var(--error-muted)}.item-card--error:hover{background:var(--error-subtle)}.item-card--warning{border-color:var(--warning);background:var(--warning-muted)}.item-card--warning:hover{background:var(--warning-subtle)}.item-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.item-card-info{flex:1;min-width:0}.item-card-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card:hover .item-card-title{color:var(--primary)}.item-card--running:hover .item-card-title{color:var(--success)}.item-card--error:hover .item-card-title{color:var(--error)}.item-card-subtitle{font-size:var(--text-xs);color:var(--foreground-subtle);font-family:var(--font-mono);margin-top:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--foreground-subtle)}.item-card-actions{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2)}.item-card-error{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-2);background:var(--error-subtle);border:1px solid var(--error);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--error)}.item-card-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.item-card-status--running{background:var(--success);animation:pulse-dot 2s ease-in-out infinite}.item-card-status--stopped{background:var(--foreground-subtle)}.item-card-status--error{background:var(--error)}.item-card-status--warning{background:var(--warning)}.item-card-expand{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);text-transform:capitalize}.status-badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.status-badge--success,.status-badge--running,.status-badge--active{color:var(--success);background:var(--success-subtle)}.status-badge--running .status-badge-dot{animation:pulse-dot 2s var(--ease-in-out) infinite}.status-badge--warning,.status-badge--stopping{color:var(--warning);background:var(--warning-subtle)}.status-badge--error,.status-badge--crashed,.status-badge--failed{color:var(--error);background:var(--error-subtle)}.status-badge--info{color:var(--info);background:var(--info-subtle)}.status-badge--muted,.status-badge--stopped,.status-badge--paused,.status-badge--pending{color:var(--foreground-subtle);background:var(--surface-raised)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--foreground-subtle);flex-shrink:0}.status-dot--success,.status-dot--running{background:var(--success)}.status-dot--running{animation:pulse-dot 2s var(--ease-in-out) infinite}.status-dot--warning{background:var(--warning)}.status-dot--error,.status-dot--crashed{background:var(--error)}.status-dot--info{background:var(--info)}.connection-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--error);transition:background var(--duration-base) var(--ease-out)}.connection-dot--connected{background:var(--success);animation:pulse-dot 2s var(--ease-in-out) infinite}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#0009;opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-default),visibility var(--duration-base) var(--ease-default);pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.panel-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.slide-panel{position:fixed;top:0;right:0;bottom:0;width:var(--panel-width-md);max-width:100vw;background:var(--background);border-left:1px solid var(--border);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out);box-shadow:var(--shadow-xl)}.slide-panel.open{transform:translate(0)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.panel-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--foreground)}.panel-title-icon{color:var(--primary)}.panel-close{display:flex;align-items:center;justify-content:center;width:var(--btn-height-md);height:var(--btn-height-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--foreground-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.panel-close:hover{background:var(--surface-raised);color:var(--foreground)}.panel-content{flex:1;overflow-y:auto;padding:var(--space-4)}.panel-footer{padding:var(--space-4);border-top:1px solid var(--border);flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center;gap:var(--space-3)}.empty-state-icon{color:var(--foreground-subtle);opacity:.5}.empty-state-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--foreground-muted)}.empty-state-description{font-size:var(--text-sm);color:var(--foreground-subtle);max-width:280px;line-height:var(--leading-relaxed)}.empty-state-action{margin-top:var(--space-2)}.header-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--foreground-subtle);cursor:pointer;transition:all var(--duration-base) var(--ease-out);position:relative}.header-badge:hover{color:var(--primary);border-color:var(--border);background:var(--surface)}.header-badge:hover .header-badge-icon{filter:drop-shadow(0 0 4px var(--primary)) drop-shadow(0 0 8px var(--primary));transform:scale(1.1)}.header-badge.active{color:var(--primary);border-color:var(--primary);background:var(--primary-subtle);box-shadow:0 0 15px var(--primary-subtle),inset 0 0 10px var(--primary-subtle)}.header-badge.active .header-badge-icon{filter:drop-shadow(0 0 6px var(--primary));animation:neon-pulse 2s ease-in-out infinite}.header-badge-icon{opacity:.8;transition:all var(--duration-base) var(--ease-elastic)}.header-badge-count{font-weight:var(--font-medium);font-size:var(--text-xs);padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--surface);min-width:18px;text-align:center}.header-badge-count.has-items{color:var(--background);background:var(--primary);box-shadow:0 0 8px var(--primary-glow);animation:neon-pulse 3s ease-in-out infinite}.header-divider{width:1px;height:var(--icon-2xl);background:linear-gradient(180deg,transparent 0%,var(--primary) 50%,transparent 100%);margin:0 var(--space-2);opacity:.5}.header-user{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--border)}.header-user-info{display:flex;align-items:center;gap:var(--space-2);color:var(--foreground-muted);font-size:var(--text-sm)}.header-user-info svg{color:var(--secondary);filter:drop-shadow(0 0 4px var(--secondary-glow));transition:all var(--duration-base) var(--ease-out)}.header-user-info:hover svg{filter:drop-shadow(0 0 8px var(--secondary)) drop-shadow(0 0 12px var(--secondary));transform:scale(1.1)}.header-user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-logout{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--foreground-muted);cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.header-user-logout:hover{background:var(--danger-subtle);border-color:var(--danger);color:var(--danger);box-shadow:0 0 10px var(--error-glow)}.header-user-logout:hover svg{animation:icon-shake .5s ease}.header-login-btn{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.header-login-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.header-login-btn:hover{color:var(--accent-foreground);border-color:transparent;transform:translateY(-2px);box-shadow:var(--glow-cyan)}.header-login-btn:hover:before{opacity:1}.header-login-btn svg,.header-login-btn span{position:relative;z-index:1}.header-login-btn:hover svg{animation:icon-bounce .6s ease infinite}.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--error);box-shadow:0 0 6px var(--error),0 0 12px var(--error-glow);transition:all var(--duration-slow) var(--ease-out);animation:flicker 3s ease-in-out infinite}.connection-dot--connected{background:var(--success);box-shadow:0 0 6px var(--success),0 0 12px var(--success-glow);animation:neon-pulse 2s ease-in-out infinite}@media(max-width:768px){.header-user-name,.header-login-btn span{display:none}.header-badge span:not(.header-badge-icon):not(.header-badge-count){display:none}}.blocks-container{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.blocks-container--scrollable{overflow-y:auto;height:100%}.virtual-list{padding:var(--space-6) 0}.virtual-list>div{max-width:var(--content-max-width);margin:0 auto;width:100%;padding:0 var(--space-4)}.virtual-list>div>div{padding-bottom:var(--space-4)}.exec-output.collapsed{max-height:50px;position:relative}.exec-output.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(to bottom,transparent,var(--surface));pointer-events:none}.service-tree{display:flex;flex-direction:column;height:100%;gap:var(--space-4)}.service-tree-header{display:flex;align-items:center;gap:var(--space-3)}.service-tree-search{flex:1}.service-tree-search input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.service-tree-search input:focus{outline:none;border-color:var(--border-focus);background:var(--surface-raised)}.service-tree-search input::placeholder{color:var(--foreground-subtle)}.service-tree-add{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--accent-foreground);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.service-tree-add:hover{opacity:.9}.service-tree-stats{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--foreground-muted)}.service-tree-stats span{display:flex;align-items:center;gap:var(--space-1)}.service-tree-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.service-tree-category{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.service-tree-category-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.service-tree-category-header:hover{background:var(--surface-raised)}.service-tree-chevron{color:var(--foreground-subtle);transition:transform var(--duration-fast) var(--ease-default)}.service-tree-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--surface-raised)}.service-tree-name{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground)}.service-tree-badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.service-tree-items{border-top:1px solid var(--border-muted)}.service-tree-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-left:var(--space-8);border-bottom:1px solid var(--border-muted);transition:background var(--duration-fast) var(--ease-default)}.service-tree-item:last-child{border-bottom:none}.service-tree-item:hover{background:var(--surface-raised)}.service-tree-item-status{position:relative;flex-shrink:0;width:10px;height:10px;border-radius:var(--radius-full);margin-top:5px}.service-tree-item-status--running{background:var(--success)}.service-tree-item-status--stopped{background:var(--foreground-subtle)}.service-tree-item-status--crashed{background:var(--error)}.service-tree-item-status--stopping{background:var(--warning)}.service-tree-item-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-full);background:var(--success);opacity:0;animation:service-pulse 2s ease-out infinite}@keyframes service-pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.service-tree-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.service-tree-item-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground);display:flex;align-items:center;gap:var(--space-2)}.service-tree-item-port{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--info);font-family:var(--font-mono);font-size:var(--text-xs);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.service-tree-item-port:hover{color:var(--accent)}.service-tree-item-command{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--foreground-muted);padding:var(--space-1) var(--space-2);background:var(--background);border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-tree-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--foreground-muted);margin-top:var(--space-1)}.service-tree-item-meta span{display:inline-flex;align-items:center;gap:var(--space-1)}.service-tree-item-error{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2);background:oklch(from var(--error) l c h / .1);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--error)}.service-tree-item-error svg{flex-shrink:0;margin-top:1px}.service-tree-item-actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-default)}.service-tree-item:hover .service-tree-item-actions{opacity:1}.service-tree-item-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.service-tree-item-actions button:hover{background:var(--surface-raised);border-color:var(--border-focus);color:var(--foreground)}.service-tree-item-actions button.start:hover{background:oklch(from var(--success) l c h / .1);border-color:var(--success);color:var(--success)}.service-tree-item-actions button.stop:hover{background:oklch(from var(--warning) l c h / .1);border-color:var(--warning);color:var(--warning)}.service-tree-item-actions button.danger:hover{background:oklch(from var(--error) l c h / .1);border-color:var(--error);color:var(--error)}.service-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-6);padding:var(--space-8)}.service-tree-empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.service-tree-empty-content p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--foreground)}.service-tree-empty-content span{font-size:var(--text-sm);color:var(--foreground-muted);max-width:280px}.service-tree-stopping{font-size:var(--text-xs);color:var(--warning);display:flex;align-items:center;gap:var(--space-1)}.service-tree-add-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--accent-foreground);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.service-tree-add-btn:hover{opacity:.9}.service-tree-item-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--foreground-muted)}.service-tree-item-info span{display:inline-flex;align-items:center;gap:var(--space-1)}.service-tree-item-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);background:var(--surface-raised);border-radius:var(--radius-full);color:var(--foreground-muted)}.service-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fade-in var(--duration-base) var(--ease-out)}.service-modal{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:500px;margin:var(--space-4);max-height:90vh;overflow-y:auto;animation:slide-up var(--duration-base) var(--ease-out)}.service-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--foreground)}.service-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--foreground-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.service-modal-close:hover{background:var(--surface-raised);color:var(--foreground)}.service-modal form{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.service-modal-row{display:flex;gap:var(--space-4)}.service-modal-field{display:flex;flex-direction:column;gap:var(--space-2)}.service-modal-field--half{flex:1}.service-modal-field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground)}.service-modal-optional{font-weight:var(--font-normal);color:var(--foreground-subtle)}.service-modal-field input[type=text],.service-modal-field input[type=number]{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.service-modal-field input:focus{outline:none;border-color:var(--border-focus)}.service-modal-field input::placeholder{color:var(--foreground-subtle)}.service-modal-checkbox{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.service-modal-checkbox:hover{background:var(--surface-raised)}.service-modal-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.service-modal-checkbox span{font-size:var(--text-sm);color:var(--foreground)}.service-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border)}.service-modal-actions .btn-secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.service-modal-actions .btn-secondary:hover{background:var(--surface-raised);border-color:var(--border-focus)}.service-modal-actions .btn-primary{background:var(--accent);color:var(--accent-foreground);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.service-modal-actions .btn-primary:hover{opacity:.9}.service-modal-actions .btn-primary:disabled{opacity:.4;cursor:not-allowed}.task-tree{display:flex;flex-direction:column;height:100%;gap:var(--space-4)}.task-tree-header{display:flex;align-items:center;gap:var(--space-3)}.task-tree-search{flex:1}.task-tree-search input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.task-tree-search input:focus{outline:none;border-color:var(--border-focus);background:var(--surface-raised)}.task-tree-search input::placeholder{color:var(--foreground-subtle)}.task-tree-add{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--accent-foreground);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.task-tree-add:hover{opacity:.9}.task-tree-stats{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--foreground-muted)}.task-tree-stats span{display:flex;align-items:center;gap:var(--space-1)}.task-tree-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.task-tree-category{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.task-tree-category-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.task-tree-category-header:hover{background:var(--surface-raised)}.task-tree-chevron{color:var(--foreground-subtle);transition:transform var(--duration-fast) var(--ease-default)}.task-tree-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--surface-raised)}.task-tree-name{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground)}.task-tree-badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.task-tree-items{border-top:1px solid var(--border-muted)}.task-tree-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-left:var(--space-8);border-bottom:1px solid var(--border-muted);transition:background var(--duration-fast) var(--ease-default)}.task-tree-item:last-child{border-bottom:none}.task-tree-item:hover{background:var(--surface-raised)}.task-tree-item-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--foreground-subtle);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.task-tree-item-check:hover:not(:disabled){color:var(--success)}.task-tree-item-check:disabled{cursor:default}.task-tree-item--running .task-tree-item-check{color:var(--warning)}.task-tree-item--completed .task-tree-item-check{color:var(--success)}.task-tree-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.task-tree-item-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground)}.task-tree-item--completed .task-tree-item-title{text-decoration:line-through;color:var(--foreground-muted)}.task-tree-item-desc{font-size:var(--text-xs);color:var(--foreground-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-tree-item--completed .task-tree-item-desc{color:var(--foreground-subtle)}.task-tree-item-actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-default)}.task-tree-item:hover .task-tree-item-actions{opacity:1}.task-tree-item-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.task-tree-item-actions button:hover{background:var(--surface-raised);border-color:var(--border-focus);color:var(--foreground)}.task-tree-item-actions button.start:hover{background:oklch(from var(--info) l c h / .1);border-color:var(--info);color:var(--info)}.task-tree-item-actions button.danger:hover{background:oklch(from var(--error) l c h / .1);border-color:var(--error);color:var(--error)}.task-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-6);padding:var(--space-8)}.task-tree-empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.task-tree-empty-content p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--foreground)}.task-tree-empty-content span{font-size:var(--text-sm);color:var(--foreground-muted);max-width:280px}.task-tree-add-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--accent-foreground);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.task-tree-add-btn:hover{opacity:.9}.task-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fade-in var(--duration-base) var(--ease-out)}.task-modal{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;margin:var(--space-4);animation:slide-up var(--duration-base) var(--ease-out)}.task-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--foreground)}.task-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--foreground-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.task-modal-close:hover{background:var(--surface-raised);color:var(--foreground)}.task-modal form{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.task-modal-field{display:flex;flex-direction:column;gap:var(--space-2)}.task-modal-field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground)}.task-modal-optional{font-weight:var(--font-normal);color:var(--foreground-subtle)}.task-modal-field input,.task-modal-field textarea{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.task-modal-field input:focus,.task-modal-field textarea:focus{outline:none;border-color:var(--border-focus)}.task-modal-field input::placeholder,.task-modal-field textarea::placeholder{color:var(--foreground-subtle)}.task-modal-field textarea{resize:vertical;min-height:80px;max-height:200px;font-family:inherit}.task-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border)}.task-modal-actions .btn-secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.task-modal-actions .btn-secondary:hover{background:var(--surface-raised);border-color:var(--border-focus)}.task-modal-actions .btn-primary{background:var(--accent);color:var(--accent-foreground);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.task-modal-actions .btn-primary:hover{opacity:.9}.task-modal-actions .btn-primary:disabled{opacity:.4;cursor:not-allowed}.job-tree{display:flex;flex-direction:column;height:100%;gap:var(--space-4)}.job-tree-header{display:flex;align-items:center;gap:var(--space-3)}.job-tree-search{flex:1}.job-tree-search input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.job-tree-search input:focus{outline:none;border-color:var(--border-focus);background:var(--surface-raised)}.job-tree-search input::placeholder{color:var(--foreground-subtle)}.job-tree-add{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--accent-foreground);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.job-tree-add:hover{opacity:.9}.job-tree-stats{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--foreground-muted)}.job-tree-stats span{display:flex;align-items:center;gap:var(--space-1)}.job-tree-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.job-tree-category{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.job-tree-category-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.job-tree-category-header:hover{background:var(--surface-raised)}.job-tree-chevron{color:var(--foreground-subtle);transition:transform var(--duration-fast) var(--ease-default)}.job-tree-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--surface-raised)}.job-tree-name{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground)}.job-tree-badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.job-tree-items{border-top:1px solid var(--border-muted)}.job-tree-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-left:var(--space-8);border-bottom:1px solid var(--border-muted);transition:background var(--duration-fast) var(--ease-default)}.job-tree-item:last-child{border-bottom:none}.job-tree-item:hover{background:var(--surface-raised)}.job-tree-item-status{flex-shrink:0;width:10px;height:10px;border-radius:var(--radius-full);margin-top:5px}.job-tree-item-status--active{background:var(--success)}.job-tree-item-status--running{background:var(--warning);animation:pulse 2s infinite}.job-tree-item-status--paused{background:var(--foreground-subtle)}.job-tree-item-status--completed{background:var(--info)}.job-tree-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.job-tree-item-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground)}.job-tree-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--foreground-muted)}.job-tree-item-meta span{display:inline-flex;align-items:center;gap:var(--space-1)}.job-tree-item-actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-default)}.job-tree-item:hover .job-tree-item-actions{opacity:1}.job-tree-item-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.job-tree-item-actions button:hover{background:var(--surface-raised);border-color:var(--border-focus);color:var(--foreground)}.job-tree-item-actions button.play:hover{background:oklch(from var(--success) l c h / .1);border-color:var(--success);color:var(--success)}.job-tree-item-actions button.pause:hover{background:oklch(from var(--warning) l c h / .1);border-color:var(--warning);color:var(--warning)}.job-tree-item-actions button.danger:hover{background:oklch(from var(--error) l c h / .1);border-color:var(--error);color:var(--error)}.job-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-6);padding:var(--space-8)}.job-tree-empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.job-tree-empty-content p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--foreground)}.job-tree-empty-content span{font-size:var(--text-sm);color:var(--foreground-muted);max-width:280px}.job-tree-add-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--accent-foreground);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.job-tree-add-btn:hover{opacity:.9}.job-tree-item-desc{font-size:var(--text-xs);color:var(--foreground-muted);line-height:1.4}.job-tree-item-detail{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-muted)}.job-tree-item-detail-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.job-detail-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.job-detail-btn:hover{background:var(--surface-raised);border-color:var(--border-focus)}.job-detail-btn--danger{color:var(--error)}.job-detail-btn--danger:hover{background:oklch(from var(--error) l c h / .1);border-color:var(--error)}.job-tree-history{margin-top:var(--space-3)}.job-tree-history-header{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.job-tree-history-list{display:flex;flex-direction:column;gap:var(--space-1)}.job-tree-history-loading{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--foreground-muted);padding:var(--space-2)}.job-tree-run{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);font-size:var(--text-xs)}.job-tree-run-icon{flex-shrink:0}.job-tree-run--success .job-tree-run-icon{color:var(--success)}.job-tree-run--failed .job-tree-run-icon{color:var(--error)}.job-tree-run--running .job-tree-run-icon{color:var(--warning)}.job-tree-run-time{color:var(--foreground);min-width:70px}.job-tree-run-duration{color:var(--foreground-subtle);font-family:var(--font-mono)}.job-tree-run-error{color:var(--error);margin-left:auto;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.job-tree-item-instructions{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-md);font-size:var(--text-xs)}.job-tree-item-instructions strong{display:block;color:var(--foreground-muted);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.job-tree-item-instructions p{color:var(--foreground);line-height:1.5;white-space:pre-wrap}.job-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fade-in var(--duration-base) var(--ease-out)}.job-modal{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:500px;margin:var(--space-4);max-height:90vh;overflow-y:auto;animation:slide-up var(--duration-base) var(--ease-out)}.job-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--foreground)}.job-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--foreground-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.job-modal-close:hover{background:var(--surface-raised);color:var(--foreground)}.job-modal form{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.job-modal-field{display:flex;flex-direction:column;gap:var(--space-2)}.job-modal-field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground)}.job-modal-optional{font-weight:var(--font-normal);color:var(--foreground-subtle)}.job-modal-field input,.job-modal-field textarea{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.job-modal-field input:focus,.job-modal-field textarea:focus{outline:none;border-color:var(--border-focus)}.job-modal-field input::placeholder,.job-modal-field textarea::placeholder{color:var(--foreground-subtle)}.job-modal-field textarea{resize:vertical;min-height:100px;max-height:200px;font-family:inherit}.job-modal-hint{font-size:var(--text-xs);color:var(--foreground-subtle);line-height:1.4}.job-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border)}.job-modal-actions .btn-secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.job-modal-actions .btn-secondary:hover{background:var(--surface-raised);border-color:var(--border-focus)}.job-modal-actions .btn-primary{background:var(--accent);color:var(--accent-foreground);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.job-modal-actions .btn-primary:hover{opacity:.9}.job-modal-actions .btn-primary:disabled{opacity:.4;cursor:not-allowed}.dashboard{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-8);max-width:1200px;margin:0 auto}.dashboard-loading,.dashboard-error{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--foreground-muted)}.dashboard-error{color:var(--error)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.dashboard-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-hostname{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--foreground);letter-spacing:-.02em}.dashboard-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--foreground-muted)}.dashboard-meta span{display:flex;align-items:center;gap:var(--space-1)}.dashboard-section{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--foreground-subtle);text-transform:uppercase;letter-spacing:.08em}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.dashboard-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--duration-base) var(--ease-out)}.dashboard-stat-card:hover{border-color:var(--border-strong);background:var(--surface-raised)}.dashboard-stat-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.dashboard-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-subtle);color:var(--primary)}.dashboard-stat-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground-muted)}.dashboard-stat-body{display:flex;align-items:center;gap:var(--space-4)}.dashboard-stat-info{display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-stat-value{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--foreground)}.dashboard-stat-subtext{font-size:var(--text-xs);color:var(--foreground-subtle)}.stat-ring{flex-shrink:0}.stat-ring text{fill:var(--foreground);font-weight:var(--font-semibold)}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.dashboard-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--duration-base) var(--ease-out)}.dashboard-summary-card:hover{border-color:var(--border-strong)}.dashboard-summary-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-muted)}.dashboard-summary-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--surface-raised);color:var(--primary)}.dashboard-summary-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground);flex:1}.dashboard-summary-total{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--foreground)}.dashboard-summary-items{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-summary-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-1) 0}.dashboard-summary-item-icon{color:var(--foreground-subtle);width:16px;display:flex;align-items:center;justify-content:center}.dashboard-summary-item-label{flex:1;color:var(--foreground-muted)}.dashboard-summary-item-count{font-weight:var(--font-medium);color:var(--foreground);font-variant-numeric:tabular-nums}.dashboard-activity{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.dashboard-activity-empty{padding:var(--space-8);text-align:center;font-size:var(--text-sm);color:var(--foreground-subtle)}.dashboard-activity-item{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--border-muted);transition:background var(--duration-fast) var(--ease-out)}.dashboard-activity-item:last-child{border-bottom:none}.dashboard-activity-item:hover{background:var(--surface-raised)}.dashboard-activity-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.dashboard-activity-time{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:var(--text-xs);min-width:52px}.dashboard-activity-category{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--foreground-muted);background:var(--surface-raised);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);min-width:28px;text-align:center}.dashboard-activity-message{color:var(--foreground-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memory-tree{display:flex;flex-direction:column;height:100%;gap:var(--space-4)}.memory-tree-header{display:flex;align-items:center;gap:var(--space-3)}.memory-tree-search{flex:1}.memory-tree-search input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.memory-tree-search input:focus{outline:none;border-color:var(--border-focus);background:var(--surface-raised)}.memory-tree-search input::placeholder{color:var(--foreground-subtle)}.memory-tree-add{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--accent-foreground);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.memory-tree-add:hover{opacity:.9}.memory-tree-stats{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--foreground-muted)}.memory-tree-stats span{display:flex;align-items:center;gap:var(--space-1)}.memory-tree-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.memory-tree-category{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.memory-tree-category-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.memory-tree-category-header:hover{background:var(--surface-raised)}.memory-tree-chevron{color:var(--foreground-subtle);transition:transform var(--duration-fast) var(--ease-default)}.memory-tree-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--surface-raised)}.memory-tree-name{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground)}.memory-tree-badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.memory-tree-items{border-top:1px solid var(--border-muted)}.memory-tree-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-left:var(--space-8);border-bottom:1px solid var(--border-muted);transition:background var(--duration-fast) var(--ease-default)}.memory-tree-item:last-child{border-bottom:none}.memory-tree-item:hover{background:var(--surface-raised)}.memory-tree-item-line{display:none}.memory-tree-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.memory-tree-item-key{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground)}.memory-tree-item-value{font-size:var(--text-xs);color:var(--foreground-muted);word-break:break-word;line-height:var(--leading-relaxed)}.memory-tree-item-actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-default)}.memory-tree-item:hover .memory-tree-item-actions{opacity:1}.memory-tree-item-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.memory-tree-item-actions button:hover{background:var(--surface-raised);border-color:var(--border-focus);color:var(--foreground)}.memory-tree-item-actions button.danger:hover{background:oklch(from var(--error) l c h / .1);border-color:var(--error);color:var(--error)}.memory-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-6);padding:var(--space-8)}.memory-tree-empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.memory-tree-empty-content p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--foreground)}.memory-tree-empty-content span{font-size:var(--text-sm);color:var(--foreground-muted);max-width:280px}.memory-tree-add-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--accent-foreground);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.memory-tree-add-btn:hover{opacity:.9}.memory-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fade-in var(--duration-base) var(--ease-out)}.memory-modal{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;margin:var(--space-4);animation:slide-up var(--duration-base) var(--ease-out)}.memory-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--foreground)}.memory-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--foreground-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.memory-modal-close:hover{background:var(--surface-raised);color:var(--foreground)}.memory-modal form{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.memory-modal-field{display:flex;flex-direction:column;gap:var(--space-2)}.memory-modal-field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground)}.memory-modal-field input,.memory-modal-field select{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.memory-modal-field input:focus,.memory-modal-field select:focus{outline:none;border-color:var(--border-focus)}.memory-modal-field input::placeholder{color:var(--foreground-subtle)}.memory-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border)}.memory-modal-actions .btn-secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.memory-modal-actions .btn-secondary:hover{background:var(--surface-raised);border-color:var(--border-focus)}.memory-modal-actions .btn-primary{background:var(--accent);color:var(--accent-foreground);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.memory-modal-actions .btn-primary:hover{opacity:.9}.memory-modal-actions .btn-primary:disabled{opacity:.4;cursor:not-allowed}.activity-tree{display:flex;flex-direction:column;height:100%;gap:var(--space-4)}.activity-tree-header{display:flex;align-items:center;gap:var(--space-3)}.activity-tree-search{flex:1}.activity-tree-search input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.activity-tree-search input:focus{outline:none;border-color:var(--border-focus);background:var(--surface-raised)}.activity-tree-search input::placeholder{color:var(--foreground-subtle)}.activity-tree-stats{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--foreground-muted)}.activity-tree-stats span{display:flex;align-items:center;gap:var(--space-1)}.activity-tree-stats-status{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.activity-tree-stats-status--live{color:var(--success);background:oklch(from var(--success) l c h / .1)}.activity-tree-stats-status--offline{color:var(--foreground-subtle);background:var(--surface-raised)}.activity-tree-stats-status--paused{color:var(--warning);background:oklch(from var(--warning) l c h / .1)}.activity-tree-error-count{color:var(--error)}.activity-tree-warn-count{color:var(--warning)}.activity-tree-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.activity-tree-filter{padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.activity-tree-filter:hover{border-color:var(--border-focus)}.activity-tree-filter:focus{outline:none;border-color:var(--border-focus)}.activity-tree-autoscroll{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--foreground-muted);cursor:pointer;margin-left:auto}.activity-tree-autoscroll input{accent-color:var(--accent)}.activity-tree-toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.activity-tree-toolbar-btn:hover{background:var(--surface-raised);border-color:var(--border-focus);color:var(--foreground)}.activity-tree-toolbar-btn.pause:hover{background:oklch(from var(--warning) l c h / .1);border-color:var(--warning);color:var(--warning)}.activity-tree-toolbar-btn.danger:hover{background:oklch(from var(--error) l c h / .1);border-color:var(--error);color:var(--error)}.activity-tree-list{flex:1;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.activity-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-3);padding:var(--space-8);text-align:center}.activity-tree-empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.activity-tree-empty-content p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--foreground)}.activity-tree-empty-content span{font-size:var(--text-sm);color:var(--foreground-muted);max-width:280px}.activity-tree-entry{border-bottom:1px solid var(--border-muted);transition:background var(--duration-fast) var(--ease-default)}.activity-tree-entry:hover{background:var(--surface-raised)}.activity-tree-entry:last-child{border-bottom:none}.activity-tree-entry-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs)}.activity-tree-entry-row.clickable{cursor:pointer}.activity-tree-entry-time{flex-shrink:0;color:var(--foreground-subtle);font-variant-numeric:tabular-nums;min-width:85px}.activity-tree-entry-level{flex-shrink:0;font-weight:var(--font-semibold);text-transform:uppercase;font-size:9px;letter-spacing:.05em;padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm);text-align:center;min-width:36px}.activity-tree-entry-level--error{color:var(--error);background:oklch(from var(--error) l c h / .1)}.activity-tree-entry-level--warn{color:var(--warning);background:oklch(from var(--warning) l c h / .1)}.activity-tree-entry-level--info{color:var(--info);background:oklch(from var(--info) l c h / .1)}.activity-tree-entry-level--debug{color:var(--foreground-subtle);background:var(--surface-raised)}.activity-tree-entry-category{flex-shrink:0;color:var(--foreground-muted);font-weight:var(--font-medium);min-width:36px}.activity-tree-entry-message{flex:1;min-width:0;color:var(--foreground-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-tree-entry-expand{flex-shrink:0;color:var(--foreground-subtle)}.activity-tree-entry-details{margin:0 var(--space-3) var(--space-3);padding:var(--space-3);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--foreground-muted);overflow-x:auto;line-height:var(--leading-relaxed);white-space:pre-wrap;word-break:break-word}.activity-tree-entry--error{background:oklch(from var(--error) l c h / .02)}.activity-tree-entry--error:hover{background:oklch(from var(--error) l c h / .05)}.activity-tree-entry--warn{background:oklch(from var(--warning) l c h / .02)}.activity-tree-entry--warn:hover{background:oklch(from var(--warning) l c h / .05)}.logs-tree{display:flex;flex-direction:column;height:100%;gap:var(--space-4)}.logs-tree-header{display:flex;align-items:center;gap:var(--space-3)}.logs-tree-search{flex:1}.logs-tree-search input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.logs-tree-search input:focus{outline:none;border-color:var(--border-focus);background:var(--surface-raised)}.logs-tree-search input::placeholder{color:var(--foreground-subtle)}.logs-tree-refresh{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.logs-tree-refresh:hover{background:var(--surface-raised);border-color:var(--border-focus);color:var(--foreground)}.logs-tree-refresh.loading{animation:spin 1s linear infinite}.logs-tree-stats{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--foreground-muted)}.logs-tree-stats span{display:flex;align-items:center;gap:var(--space-1)}.logs-tree-stats-stderr{color:var(--error)}.logs-tree-stats-system{color:var(--info)}.logs-tree-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.logs-tree-filter{padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.logs-tree-filter:hover{border-color:var(--border-focus)}.logs-tree-filter:focus{outline:none;border-color:var(--border-focus)}.logs-tree-toolbar-spacer{flex:1}.logs-tree-toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.logs-tree-toolbar-btn:hover{background:var(--surface-raised);border-color:var(--border-focus);color:var(--foreground)}.logs-tree-list{flex:1;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.logs-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-3);padding:var(--space-8);text-align:center}.logs-tree-empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.logs-tree-empty-content p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--foreground)}.logs-tree-empty-content span{font-size:var(--text-sm);color:var(--foreground-muted);max-width:280px}.logs-tree-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:oklch(from var(--error) l c h / .1);border:1px solid oklch(from var(--error) l c h / .2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--error)}.logs-tree-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);font-size:var(--text-sm);color:var(--foreground-muted)}.logs-tree-entry{border-bottom:1px solid var(--border-muted);transition:background var(--duration-fast) var(--ease-default)}.logs-tree-entry:hover{background:var(--surface-raised)}.logs-tree-entry:last-child{border-bottom:none}.logs-tree-entry-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.logs-tree-entry-time{flex-shrink:0;color:var(--foreground-subtle);font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:70px}.logs-tree-entry-level{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--font-medium);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);min-width:65px}.logs-tree-entry-level--stdout{color:var(--foreground-muted);background:var(--surface-raised)}.logs-tree-entry-level--stderr{color:var(--error);background:oklch(from var(--error) l c h / .1)}.logs-tree-entry-level--system{color:var(--info);background:oklch(from var(--info) l c h / .1)}.logs-tree-entry-service{flex-shrink:0;font-weight:var(--font-medium);color:var(--accent);padding:var(--space-0-5) var(--space-2);background:oklch(from var(--accent) l c h / .1);border-radius:var(--radius-sm)}.logs-tree-entry-message{padding:0 var(--space-3) var(--space-2)}.logs-tree-entry-message pre{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--foreground-muted);white-space:pre-wrap;word-break:break-word;line-height:var(--leading-relaxed)}.logs-tree-entry-expand{display:inline-block;margin-top:var(--space-1);padding:0;background:none;border:none;font-size:var(--text-xs);color:var(--accent);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.logs-tree-entry-expand:hover{color:var(--accent-hover);text-decoration:underline}.logs-tree-entry--stderr{background:oklch(from var(--error) l c h / .02)}.logs-tree-entry--stderr:hover{background:oklch(from var(--error) l c h / .05)}.logs-tree-load-more{padding:var(--space-3);text-align:center;border-top:1px solid var(--border-muted)}.logs-tree-load-more button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.logs-tree-load-more button:hover{background:var(--surface-raised);border-color:var(--border-focus)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.markdown{color:var(--foreground);font-size:var(--text-base);line-height:var(--leading-relaxed)}.markdown h1,.markdown h2,.markdown h3,.markdown h4{font-weight:var(--font-semibold);margin-top:var(--space-4);margin-bottom:var(--space-2)}.markdown h1{font-size:var(--text-2xl)}.markdown h2{font-size:var(--text-xl)}.markdown h3{font-size:var(--text-lg)}.markdown p{margin-bottom:var(--space-3)}.markdown ul,.markdown ol{margin-bottom:var(--space-3);padding-left:var(--space-6)}.markdown li{margin-bottom:var(--space-1)}.markdown code{font-family:var(--font-mono);font-size:.9em;background:var(--surface);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm)}.markdown pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);overflow-x:auto}.markdown pre code{background:transparent;padding:0}.markdown blockquote{border-left:3px solid var(--border);padding-left:var(--space-4);color:var(--foreground-muted);font-style:italic;margin-bottom:var(--space-3)}.markdown a{color:var(--info);text-decoration:none}.markdown a:hover{text-decoration:underline}.markdown hr{border:none;border-top:1px solid var(--border);margin:var(--space-6) 0}.markdown table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4);font-size:var(--text-sm)}.markdown thead{background:var(--surface);border-bottom:2px solid var(--border)}.markdown th{text-align:left;padding:var(--space-2) var(--space-3);font-weight:var(--font-semibold);color:var(--foreground);white-space:nowrap}.markdown td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--foreground-muted)}.markdown tbody tr:hover{background:var(--surface-hover)}.markdown tbody tr:last-child td{border-bottom:none}.thinking-content{padding:var(--space-2) 0}.thinking-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--foreground-muted);cursor:pointer;padding:var(--space-1) 0}.thinking-icon{color:var(--warning)}.thinking-icon.done{color:var(--success)}.thinking-toggle{color:var(--foreground-subtle);margin-left:auto}.thinking-body{margin-top:var(--space-2);padding:var(--space-3);background:var(--surface);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--foreground-muted);white-space:pre-wrap}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--foreground-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.sidebar-toggle:hover{background:var(--surface-hover);color:var(--foreground);border-color:var(--border)}.sidebar-toggle--active{background:var(--primary-subtle);color:var(--primary);border-color:var(--primary)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--input-height-lg);background:#00000080;z-index:40;animation:fade-in var(--duration-fast) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.app-sidebar{position:fixed;top:var(--input-height-lg);left:0;bottom:0;width:280px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;z-index:50;transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out)}.app-sidebar--open{transform:translate(0);box-shadow:var(--shadow-lg)}.session-list{display:flex;flex-direction:column;height:100%;background:var(--background)}.session-list-header{position:relative;padding:var(--space-4);border-bottom:none}.session-list-new-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary) 0%,oklch(.55 .2 160) 100%);border:none;color:var(--background);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-fast);box-shadow:0 2px 8px #00764c4d;box-shadow:0 2px 8px oklch(.5 .2 160 / .3)}.session-list-new-btn:hover{background:linear-gradient(135deg,oklch(.6 .2 160) 0%,var(--primary) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #00764c66;box-shadow:0 4px 12px oklch(.5 .2 160 / .4)}.session-list-new-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00764c4d;box-shadow:0 2px 6px oklch(.5 .2 160 / .3)}.session-list-new-btn:focus{outline:none}.session-list-new-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.session-list-chevron{margin-left:auto;transition:transform var(--duration-fast)}.session-list-chevron.rotated{transform:rotate(180deg)}.session-list-new-menu{position:absolute;top:100%;left:var(--space-4);right:var(--space-4);margin-top:var(--space-2);background:var(--surface-raised);border:1px solid oklch(.3 0 0);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;z-index:100;overflow:hidden;padding:var(--space-2)}.session-list-new-menu button{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast)}.session-list-new-menu button:hover{background:var(--primary-subtle);color:var(--primary)}.session-list-new-menu button:hover svg{color:var(--primary)}.session-list-new-menu button svg{color:var(--foreground-muted);transition:color var(--duration-fast)}.session-list-search{position:relative;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.session-list-search-icon{position:absolute;left:var(--space-5);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--foreground-subtle);pointer-events:none}.session-list-search-input{width:100%;padding:var(--space-2) var(--space-3);padding-left:var(--space-8);padding-right:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);transition:all var(--duration-fast)}.session-list-search-input:focus{outline:none;border-color:var(--primary);background:var(--surface-raised)}.session-list-search-input::placeholder{color:var(--foreground-subtle)}.session-list-search-clear{position:absolute;right:var(--space-5);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--surface-hover);border:none;border-radius:var(--radius-sm);color:var(--foreground-muted);cursor:pointer;transition:all var(--duration-fast)}.session-list-search-clear:hover{background:var(--danger-subtle);color:var(--danger)}.session-list-items{flex:1;overflow-y:auto;padding:var(--space-2) 0}.session-list-group{margin-bottom:var(--space-2)}.session-list-group-header{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--foreground-subtle);text-transform:uppercase;letter-spacing:.5px}.session-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);color:var(--foreground-muted);text-align:center;flex:1}.session-list-empty-icon{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--space-2)}.session-list-empty-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary) 0%,var(--info) 50%,var(--success) 100%);border-radius:50%;opacity:.15;animation:pulse-glow 3s ease-in-out infinite}.session-list-empty-icon:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:var(--background);border-radius:50%}.session-list-empty-icon svg{position:relative;z-index:1;color:var(--primary);opacity:.9}.icon-hero{width:40px;height:40px}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.1);opacity:.25}}.session-list-empty-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--foreground);letter-spacing:-.01em}.session-list-empty-hint{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--foreground-subtle);max-width:200px;line-height:1.5}.session-list-footer{padding:var(--space-3);border-top:1px solid var(--border);margin-top:auto}.session-list-delete-all{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--foreground-subtle);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast)}.session-list-delete-all:hover{background:var(--danger-subtle);border-color:var(--danger);color:var(--danger)}.session-list-delete-all.confirm{background:var(--danger);border-color:var(--danger);color:#fff;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.session-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);margin:0 var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.session-item:hover{background:var(--surface-hover)}.session-item--active,.session-item--active:hover{background:var(--primary-subtle)}.session-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.session-item-title{font-size:var(--text-sm);color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.session-item--active .session-item-title{color:var(--primary);font-weight:var(--font-medium)}.session-item--terminal .session-item-icon,.session-item--terminal.session-item--active .session-item-icon,.session-item--terminal.session-item--active .session-item-title{color:var(--success)}.session-item--claude .session-item-icon,.session-item--claude.session-item--active .session-item-icon,.session-item--claude.session-item--active .session-item-title{color:var(--warning)}.session-list-new-menu-super svg{color:var(--warning)!important}.session-list-new-menu-super:hover{background:#4c370026!important;background:oklch(.35 .08 85 / .15)!important;color:var(--warning)!important}.session-list-new-menu-super:hover svg{color:var(--warning)!important}.session-item-time{font-size:var(--text-xs);color:var(--foreground-subtle)}.session-item-delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--foreground-subtle);cursor:pointer;opacity:0;transition:all var(--duration-fast);flex-shrink:0}.session-item:hover .session-item-delete{opacity:1}.session-item-delete:hover{background:var(--danger-subtle);color:var(--danger)}.session-item-delete.confirm{opacity:1;background:var(--danger);color:#fff}.session-item-edit{flex:1;display:flex;align-items:center;gap:var(--space-1)}.session-item-input{flex:1;padding:var(--space-1) var(--space-2);border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--background);color:var(--foreground);font-size:var(--text-sm);outline:none}.session-item-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--duration-fast)}.session-item-btn.save{background:var(--success);color:#fff}.session-item-btn.save:hover{opacity:.9}.session-item-btn.cancel{background:var(--surface-hover);color:var(--foreground-muted)}.session-item-btn.cancel:hover{background:var(--danger-subtle);color:var(--danger)}@media(max-width:768px){.app-sidebar{width:260px}}.terminal-container{display:flex;flex-direction:column;flex:1;background:#0a0a0a;padding:var(--space-2);overflow:hidden}.terminal-instance{flex:1;overflow:hidden}.terminal-container .xterm{height:100%;padding:var(--space-2)}.terminal-container .xterm-viewport{overflow-y:auto}.terminal-container .xterm-screen{height:100%}.terminal-container .xterm-viewport::-webkit-scrollbar{width:8px}.terminal-container .xterm-viewport::-webkit-scrollbar-track{background:#18181b}.terminal-container .xterm-viewport::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}.terminal-container .xterm-viewport::-webkit-scrollbar-thumb:hover{background:#52525b}@media(max-width:768px){.terminal-container,.terminal-container .xterm{padding:var(--space-1)}.terminal-container .xterm-screen{padding:4px}.terminal-container .xterm-viewport::-webkit-scrollbar{width:4px}.terminal-container .xterm-viewport::-webkit-scrollbar-thumb{border-radius:2px}}@media(pointer:coarse){.terminal-container{touch-action:pan-y pinch-zoom}.terminal-container .xterm-viewport{-webkit-overflow-scrolling:touch}}.chat-container{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--background)}.chat-messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:20px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--foreground-subtle)}.message-row{display:contents}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.message-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.message-label--system{color:var(--primary)}.message-label--user{color:var(--foreground-muted)}.message-time{font-size:11px;color:var(--foreground-subtle)}.exec-status-inline{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:500;padding:2px 6px;border-radius:100px}.exec-status-inline .exec-status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.exec-status-inline--running{color:var(--warning);background:var(--warning-subtle)}.exec-status-inline--running .exec-status-dot{animation:pulse-dot 1.5s ease-in-out infinite}.exec-status-inline--success{color:var(--success);background:var(--success-subtle)}.exec-status-inline--error{color:var(--error);background:var(--error-subtle)}.message--user{display:flex;flex-direction:column;align-items:flex-end;max-width:75%;margin-left:auto}.message--user .message-meta{flex-direction:row;justify-content:flex-end}.message--user .message-bubble{background:var(--primary);color:#fff;padding:10px 14px;border-radius:12px 12px 4px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message--assistant{display:flex;flex-direction:column;max-width:85%}.message--assistant .message-bubble{padding:0}.response-content{font-size:15px;line-height:1.6;color:var(--foreground)}.response-content p{margin-bottom:12px}.response-content p:last-child{margin-bottom:0}.response-content ul,.response-content ol{margin:8px 0;padding-left:20px}.response-content li{margin-bottom:4px}.response-content strong{font-weight:600;color:var(--foreground)}.response-content code{font-family:var(--font-mono);font-size:.9em;background:var(--surface);padding:2px 6px;border-radius:4px;color:var(--primary)}.response-content pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;overflow-x:auto;margin:12px 0}.response-content pre code{background:transparent;padding:0;color:var(--foreground);font-size:13px}.response-streaming:after{content:"▋";animation:blink 1s step-end infinite;color:var(--primary);margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.exec-block{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;max-width:560px}.exec-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-raised);gap:12px}.exec-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.exec-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.exec-tool-badge{font-size:10px;font-weight:600;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.03em;color:var(--primary);background:var(--primary-subtle);padding:4px 8px;border-radius:4px;flex-shrink:0}.exec-command{font-family:var(--font-mono);font-size:13px;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.exec-prompt{color:var(--success);font-weight:600;margin-right:6px}.exec-status{display:flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:11px;font-weight:500;padding:4px 10px;border-radius:100px;white-space:nowrap}.exec-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.exec-status--running{color:var(--warning);background:var(--warning-subtle)}.exec-status--running .exec-status-dot{animation:pulse-dot 1.5s ease-in-out infinite}.exec-status--success{color:var(--success);background:var(--success-subtle)}.exec-status--error{color:var(--error);background:var(--error-subtle)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.exec-actions{display:flex;align-items:center;gap:4px}.exec-action-btn{width:26px;height:26px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--foreground-muted);cursor:pointer;transition:all .15s ease}.exec-action-btn:hover{background:var(--background);color:var(--primary);border-color:var(--primary)}.exec-action-btn svg{width:14px;height:14px}.exec-output{padding:12px 14px;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--foreground-muted);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;background:var(--background);border-top:1px solid var(--border)}.exec-output:empty{display:none}.thinking-indicator{display:flex;align-items:center;gap:8px;color:var(--foreground-muted);font-size:14px;padding:8px 0}.thinking-dots{display:flex;gap:4px}.thinking-dots span{width:5px;height:5px;background:var(--primary);border-radius:50%;animation:thinking-bounce 1.4s ease-in-out infinite}.thinking-dots span:nth-child(1){animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.chat-empty-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);border-radius:16px;color:var(--primary);margin-bottom:20px}.chat-empty-title{font-size:20px;font-weight:600;color:var(--foreground);margin-bottom:8px}.chat-empty-description{font-size:14px;color:var(--foreground-muted);max-width:360px;line-height:1.5;margin-bottom:24px}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:400px}.chat-suggestion{padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:100px;font-size:14px;color:var(--foreground-muted);cursor:pointer;transition:all .15s ease}.chat-suggestion:hover{background:var(--surface-raised);color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.chat-input-area{padding:12px 16px 20px;background:linear-gradient(to top,var(--background) 60%,transparent);flex-shrink:0;position:relative}.chat-input-wrapper{display:flex;align-items:flex-end;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 10px 10px 16px;transition:all .2s ease;position:relative;box-shadow:var(--shadow-md);max-width:720px;margin:0 auto}.chat-input-wrapper:focus-within{border-color:var(--primary);box-shadow:var(--shadow-md),0 0 0 3px var(--ring-alpha)}.chat-input{flex:1;background:transparent;border:none;outline:none;font-size:15px;font-family:var(--font-sans);color:var(--foreground);resize:none;min-height:24px;max-height:160px;line-height:1.5}.chat-input::placeholder{color:var(--foreground-subtle)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gradient-primary);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-primary)}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #7b5cfa80}.chat-send-btn:active:not(:disabled){transform:scale(.98)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--foreground-subtle);box-shadow:none}.chat-send-btn svg{width:16px;height:16px}@keyframes message-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message--user,.message--assistant{animation:message-in .2s ease-out}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-8);text-align:center;background:var(--background)}.welcome-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:16px}.welcome-icon svg{width:32px;height:32px;color:var(--foreground)}.welcome-title{font-size:28px;font-weight:600;color:var(--foreground);margin-bottom:var(--space-2);letter-spacing:-.02em}.welcome-subtitle{font-size:15px;font-weight:400;color:var(--foreground-muted);margin-bottom:var(--space-8);max-width:320px;line-height:1.5}.welcome-actions{display:flex;gap:var(--space-3)}.welcome-action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.welcome-action:hover{background:var(--surface-hover);border-color:var(--border-strong)}.welcome-action:active{transform:scale(.98)}.welcome-action .welcome-action-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--background);border-radius:8px}.welcome-action svg{width:16px;height:16px;color:var(--foreground-muted)}.welcome-action--chat{background:var(--primary);border-color:var(--primary);color:#fff}.welcome-action--chat:hover{background:var(--primary-light);border-color:var(--primary-light)}.welcome-action--chat .welcome-action-icon{background:#ffffff26}.welcome-action--chat svg{color:#fff}.welcome-action--terminal svg{color:var(--success)}.welcome-action--super svg{color:var(--warning)}.welcome-hints{margin-top:var(--space-8);display:flex;gap:var(--space-4);font-size:12px;color:var(--foreground-subtle)}.welcome-hint{display:flex;align-items:center;gap:var(--space-2)}.welcome-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:11px;color:var(--foreground-muted)}@media(max-width:640px){.welcome-screen{padding:var(--space-6)}.welcome-icon{width:64px;height:64px}.welcome-icon svg{width:28px;height:28px}.welcome-title{font-size:24px}.welcome-subtitle{font-size:14px}.welcome-actions{flex-direction:column;width:100%}.welcome-action{width:100%;justify-content:flex-start}.welcome-hints{flex-direction:column;gap:var(--space-2)}}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--background)}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8);text-align:center}.auth-loading-icon{position:relative;width:64px;height:64px}.auth-loading-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:auth-spin 1s linear infinite}.auth-loading-icon svg{position:absolute;top:16px;right:16px;bottom:16px;left:16px;width:32px;height:32px;color:var(--foreground-muted)}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-loading-text{display:flex;flex-direction:column;gap:var(--space-2)}.auth-loading-title{font-size:16px;font-weight:500;color:var(--foreground)}.auth-loading-subtitle{font-size:13px;color:var(--foreground-subtle)}.auth-loading-dots:after{content:"";animation:auth-dots 1.5s steps(4,end) infinite}@keyframes auth-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.auth-login{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:360px;width:90%}.auth-logo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--surface-raised);border:1px solid var(--border);border-radius:16px}.auth-logo svg{width:32px;height:32px;color:var(--foreground)}.auth-title{font-size:24px;font-weight:600;color:var(--foreground);margin:0;letter-spacing:-.02em}.auth-subtitle{font-size:14px;color:var(--foreground-muted);margin:0;text-align:center;line-height:1.5}.auth-login-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--primary);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-top:var(--space-2);width:100%;justify-content:center}.auth-login-btn:hover{background:var(--primary-light)}.auth-login-btn:active{transform:scale(.98)}.auth-login-btn svg{width:18px;height:18px}.auth-passport-hint{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:12px;color:var(--foreground-subtle)}.auth-passport-hint svg{width:14px;height:14px}.auth-spinner{animation:auth-spin 1s linear infinite}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.text-muted{color:var(--foreground-muted)}.text-subtle{color:var(--foreground-subtle)}.bg-success-muted{background:var(--success-muted)}.bg-warning-muted{background:var(--warning-muted)}.bg-error-muted{background:var(--error-muted)}.bg-info-muted{background:var(--info-muted)}.surface{background:var(--surface)}.surface-raised{background:var(--surface-raised)}.surface-sunken{background:var(--surface-sunken)}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-xl{width:var(--icon-xl);height:var(--icon-xl)}.icon-2xl{width:var(--icon-2xl);height:var(--icon-2xl)}.icon-3xl{width:var(--icon-3xl);height:var(--icon-3xl)}.icon-4xl{width:var(--icon-4xl);height:var(--icon-4xl)}.rotate-180{transform:rotate(180deg)}.spin{animation:spin .8s linear infinite}.animate-fade-in{animation:fade-in var(--duration-base) var(--ease-out)}.animate-slide-up{animation:slide-up var(--duration-base) var(--ease-out)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-blink{animation:blink .8s var(--ease-in-out) infinite}.clickable{cursor:pointer}.clickable:hover{background:var(--surface-raised)}.interactive{transition:all var(--duration-base) var(--ease-default)}.interactive:hover{background:var(--surface-raised)}.interactive:active{transform:scale(.98)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.hover-reveal{opacity:0;transition:opacity var(--duration-fast) var(--ease-default)}*:hover>.hover-reveal{opacity:1}@media(max-width:640px){.sm\:hidden{display:none}.dashboard-stats-grid,.dashboard-summary-grid,.task-columns{grid-template-columns:1fr}.slide-panel{width:100vw}}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;overflow-x:hidden}.app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);max-width:100vw;overflow-x:hidden}button,.btn,.header-badge,.clickable,[role=button]{min-height:44px;min-width:44px}@media(pointer:coarse){.session-item-delete,.item-card-actions,.panel-item-actions,.job-item-actions,.task-item-actions,.memory-item-actions,.service-item-actions{opacity:1!important;visibility:visible!important}button,.btn,a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}.icon-btn,.icon-button,.session-item-delete,.panel-close-btn{min-width:44px;min-height:44px;padding:10px}}@media(max-width:768px){.app-header{padding:0 var(--space-2);height:auto;min-height:var(--input-height-lg);flex-wrap:wrap;gap:var(--space-1)}.app-header-left{flex:0 0 auto}.app-header-right{flex:1;justify-content:flex-end;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:var(--space-1)}.app-header-right::-webkit-scrollbar{display:none}.app-logo{font-size:var(--text-base)}.header-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);min-height:36px;flex-shrink:0}.header-badge span:not(.header-badge-icon):not(.header-badge-count){display:none}.header-badge-icon{margin:0}.header-divider{display:none}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn-sm span:not(.icon-sm){display:none}.connection-dot{width:8px;height:8px}}@media(max-width:768px){.chat-messages{padding:var(--space-3) var(--space-3);gap:var(--space-3)}.message--user{max-width:85%}.message--user .message-bubble{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:16px 16px 4px}.message--assistant{max-width:95%}.response-content{font-size:var(--text-sm)}.exec-block{max-width:100%}.exec-header{padding:var(--space-2);flex-wrap:wrap}.exec-command{font-size:var(--text-xs)}.exec-output{padding:var(--space-2);font-size:11px;max-height:200px}.message-meta{font-size:10px;gap:var(--space-1)}.message-label,.message-time{font-size:10px}}@media(max-width:768px){.chat-input-area{padding:var(--space-2) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom))}.chat-input-wrapper{padding:var(--space-2) var(--space-3);border-radius:12px;gap:var(--space-2)}.chat-input{font-size:16px;min-height:20px}.chat-send-btn{width:40px;height:40px;border-radius:8px}}@media(max-width:768px){.app-sidebar{width:85vw;max-width:320px}.session-item{padding:var(--space-3) var(--space-3);min-height:56px}.session-item-delete{opacity:1!important;min-width:44px;min-height:44px;width:44px;height:44px}.session-list-search-input{font-size:16px}.session-list-new-btn{min-height:48px;font-size:var(--text-base)}.session-item-icon{min-width:24px;min-height:24px}}@media(max-width:768px){.slide-panel{width:100vw;max-width:100vw;border-radius:0;height:100%}.slide-panel-header{padding:var(--space-3);padding-top:calc(var(--space-3) + env(safe-area-inset-top));position:sticky;top:0;z-index:10;background:var(--surface)}.slide-panel-content{padding:var(--space-3);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.panel-section{padding:var(--space-3)}.panel-section-title{font-size:var(--text-sm)}.slide-panel-close{min-width:44px;min-height:44px;width:44px;height:44px}}@media(max-width:768px){.item-card-actions,.panel-item-actions,.job-actions,.task-actions,.memory-actions,.service-actions{opacity:1;visibility:visible}.item-card-action,.panel-action-btn,.job-action-btn,.task-action-btn{min-width:44px;min-height:44px;padding:var(--space-2)}.item-card-meta,.job-meta,.task-meta,.service-meta{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.panel-search,.memory-search,.task-search,.job-search,.service-search{width:100%}.panel-search input,.memory-search input,.task-search input,.job-search input,.service-search input{width:100%;font-size:16px;padding:var(--space-3);min-height:48px}.panel-header{flex-direction:column;gap:var(--space-3)}.panel-header-actions{width:100%;justify-content:flex-end}.item-card{padding:var(--space-3)}.item-card-header{flex-wrap:wrap;gap:var(--space-2)}.item-card-title{font-size:var(--text-base);width:100%}}@media(max-width:768px){.modal,.dialog,[role=dialog]{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;margin:0}.modal-content,.dialog-content{padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));height:100%;display:flex;flex-direction:column}.modal-actions,.dialog-actions,.modal-footer,.dialog-footer{position:sticky;bottom:0;margin-top:auto;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);display:flex;gap:var(--space-3)}.modal-actions button,.dialog-actions button{flex:1;min-height:48px;font-size:var(--text-base)}.modal-form,.dialog-form,.form-row{flex-direction:column;gap:var(--space-4)}.form-group{width:100%}.modal input,.modal textarea,.modal select,.dialog input,.dialog textarea,.dialog select,.form-input,.form-textarea,.form-select{font-size:16px;min-height:48px;padding:var(--space-3)}.modal-header,.dialog-header{padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));position:sticky;top:0;background:var(--surface);z-index:10}.modal-body,.dialog-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(max-width:768px){.terminal-container,.terminal-container .xterm{padding:var(--space-1)}}@media(max-width:768px){.chat-empty{padding:var(--space-4)}.chat-empty-icon{width:48px;height:48px;border-radius:12px}.chat-empty-title{font-size:var(--text-lg)}.chat-empty-description{font-size:var(--text-sm)}.chat-suggestions{gap:var(--space-1)}.chat-suggestion{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}}@media(max-width:768px){.welcome-screen{padding:var(--space-4)}.welcome-title{font-size:var(--text-xl)}.welcome-subtitle{font-size:var(--text-sm)}.welcome-actions{flex-direction:column;width:100%;max-width:280px;gap:var(--space-3)}.welcome-action{width:100%;min-height:56px;font-size:var(--text-base);justify-content:center}}@media(max-height:500px)and (orientation:landscape){.app-header{height:40px;min-height:40px}.chat-messages{padding:var(--space-2)}.chat-input-area{padding:var(--space-1) var(--space-2)}.chat-empty{padding:var(--space-2)}.chat-empty-icon{display:none}.slide-panel{max-height:100vh}}@media(min-width:769px)and (max-width:1024px){.slide-panel{width:400px}.header-badge span:not(.header-badge-icon):not(.header-badge-count){display:none}@media(pointer:coarse){.session-item-delete,.item-card-actions{opacity:1}}}@media(min-width:1025px){.header-badge span:not(.header-badge-icon):not(.header-badge-count){display:inline}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--border: rgba(255, 255, 255, .3)}button,.btn,a{outline:2px solid transparent}button:focus,.btn:focus,a:focus{outline:2px solid var(--primary);outline-offset:2px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.super-admin{display:flex;flex-direction:column;height:100vh;width:100vw;background:#0a0a0a;overflow:hidden}.super-admin-header{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#1a1500,#0a0a0a);border-bottom:1px solid #f59e0b33}.super-admin-title{font-size:16px;font-weight:600;color:#f59e0b;letter-spacing:.5px}.super-admin-subtitle{font-size:13px;color:#71717a}.super-admin-terminal{flex:1;padding:8px;overflow:hidden}.super-admin-terminal .xterm{height:100%}.super-admin-terminal .xterm-viewport{overflow-y:auto!important}.super-admin-terminal .xterm-screen{height:100%!important}