@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap");:root{--font-sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",ui-monospace,monospace;--font-italic:"Instrument Serif",serif;--bg-primary:oklch(0.165 0.014 75);--bg-secondary:oklch(0.21 0.018 75);--bg-tertiary:oklch(0.235 0.020 75);--bg-quaternary:oklch(0.27 0.022 75);--bg-input:oklch(0.20 0.018 75);--bg-overlay:oklch(0.12 0.012 75/0.85);--border-primary:oklch(0.36 0.020 75/0.55);--border-secondary:oklch(0.42 0.022 75/0.65);--border-faint:oklch(0.30 0.018 75/0.40);--border-strong:oklch(0.50 0.028 75/0.75);--text-primary:oklch(0.97 0.008 80);--text-secondary:oklch(0.84 0.012 80);--text-tertiary:oklch(0.66 0.012 80);--text-quaternary:oklch(0.50 0.012 80);--honey:oklch(0.82 0.16 78);--honey-deep:oklch(0.72 0.17 70);--honey-glow:oklch(0.88 0.14 85);--honey-soft:oklch(0.35 0.07 75);--amber-dim:oklch(0.55 0.12 65);--accent-blue:var(--honey);--accent-blue-hover:var(--honey-glow);--accent-blue-light:var(--honey-glow);--accent-blue-dim:oklch(0.82 0.16 78/0.14);--accent-blue-glow:oklch(0.82 0.16 78/0.30);--accent-blue-border:oklch(0.82 0.16 78/0.30);--accent-indigo:var(--honey-deep);--accent-indigo-dim:oklch(0.72 0.17 70/0.12);--accent-green:oklch(0.78 0.16 145);--accent-green-bg:oklch(0.78 0.16 145/0.10);--accent-green-border:oklch(0.78 0.16 145/0.25);--accent-green-glow:oklch(0.78 0.16 145/0.45);--accent-yellow:var(--honey-glow);--accent-yellow-bg:oklch(0.88 0.14 85/0.10);--accent-yellow-border:oklch(0.88 0.14 85/0.25);--accent-red:oklch(0.72 0.18 25);--accent-red-bg:oklch(0.72 0.18 25/0.10);--accent-red-border:oklch(0.72 0.18 25/0.25);--accent-sky:oklch(0.78 0.14 230);--accent-sky-bg:oklch(0.78 0.14 230/0.12);--accent-gray-bg:oklch(0.50 0.012 80/0.10);--accent-gray-border:oklch(0.50 0.012 80/0.25);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:28px;--spacing-4xl:32px;--radius-sm:3px;--radius-md:4px;--radius-lg:5px;--radius-xl:6px;--radius-2xl:8px;--radius-3xl:10px;--radius-full:9999px;--transition-fast:100ms ease;--transition-normal:150ms ease;--transition-slow:200ms ease;--shadow-sm:0 1px 3px oklch(0.10 0.01 70/0.40);--shadow-md:0 4px 18px oklch(0.10 0.01 70/0.45);--shadow-lg:0 12px 40px -10px oklch(0.78 0.15 75/0.18);--shadow-inset:inset 0 1px 0 oklch(0.40 0.04 75/0.10);--grain-opacity:0.05;--z-base:0;--z-raised:10;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;--sidebar-width:256px;--header-height:52px;--avatar-sm:26px;--avatar-md:28px;--avatar-lg:38px;--icon-sm:14px;--icon-md:16px;--icon-lg:20px}.card{position:relative;background:linear-gradient(180deg,var(--bg-tertiary),var(--bg-primary));border:1px solid var(--border-primary);border-radius:4px;overflow:hidden;transition:border-color var(--transition-fast),background var(--transition-fast)}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,oklch(.82 .16 78/.4),transparent);opacity:0;transition:opacity .3s}.card:hover{border-color:oklch(.82 .16 78/.3);background:linear-gradient(180deg,oklch(.27 .022 75),oklch(.2 .018 75))}.card:hover:after{opacity:1}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:oklch(.82 .16 78/.4)!important;background:linear-gradient(180deg,oklch(.28 .024 75),oklch(.21 .02 75))!important}.card-selected{border-color:var(--honey)!important;background:oklch(.82 .16 78/.1)!important}.card-header{padding:14px 18px;border-bottom:1px solid var(--border-faint);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-body{padding:16px 18px}.card-footer{padding:12px 18px;border-top:1px solid var(--border-faint);background:oklch(.13 .012 75/.45)}.card-glass{background:oklch(.18 .014 75/.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid oklch(.42 .022 75/.45);border-radius:4px}.stat-card{position:relative;background:linear-gradient(180deg,var(--bg-tertiary),var(--bg-primary));border:1px solid var(--border-primary);border-radius:4px;padding:16px;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,oklch(.82 .16 78/.4),transparent);opacity:0;transition:opacity .3s}.stat-card:hover{border-color:oklch(.82 .16 78/.3)}.stat-card:hover:after{opacity:1}.stat-card-value{font-family:var(--font-sans);font-size:40px;font-weight:500;color:var(--text-primary);letter-spacing:-.03em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-card-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.14em;margin-top:6px}.stat-card-delta,.stat-card-label{font-family:var(--font-mono);font-size:10.5px;font-weight:400}.stat-card-delta{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:2px 6px;border-radius:2px;letter-spacing:.02em;width:-moz-fit-content;width:fit-content}.stat-card-delta.up{color:var(--accent-green);background:oklch(.78 .16 145/.12);border:1px solid oklch(.78 .16 145/.25)}.stat-card-delta.down{color:var(--accent-red);background:oklch(.72 .18 25/.1);border:1px solid oklch(.72 .18 25/.25)}.list-row{display:flex;align-items:center;padding:12px 18px;gap:14px;border-bottom:1px solid var(--border-faint);transition:background var(--transition-fast)}.list-row:last-child{border-bottom:none}.list-row:hover{background:oklch(.27 .022 75/.55)}.list-container{background:linear-gradient(180deg,var(--bg-tertiary),var(--bg-primary));border:1px solid var(--border-primary);border-radius:4px;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:2px;font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1;letter-spacing:-.005em}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--honey);color:oklch(.18 .02 70);font-weight:500;box-shadow:0 2px 10px oklch(.82 .16 78/.25);-webkit-clip-path:polygon(8px 0,100% 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px),0 0);clip-path:polygon(8px 0,100% 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px),0 0)}.btn-primary:hover:not(:disabled){background:var(--honey-glow);box-shadow:0 12px 40px -10px oklch(.78 .15 75/.45);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:var(--bg-quaternary);color:var(--honey);border-color:var(--honey)}.btn-subtle{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-subtle:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-secondary)}.btn-danger{background:var(--accent-red-bg);border:1px solid var(--accent-red-border);color:var(--accent-red)}.btn-danger:hover:not(:disabled){background:oklch(.72 .18 25/.2)}.btn-success{background:var(--accent-green-bg);border:1px solid var(--accent-green-border);color:var(--accent-green)}.btn-icon{padding:0;width:30px;height:30px;border-radius:2px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.btn-icon:hover{color:var(--text-primary)}.btn-icon:hover,.btn-send{background:var(--bg-quaternary)}.btn-send{width:32px;height:32px;border-radius:2px;border:none;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:default;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.btn-send.active{background:var(--honey);color:oklch(.18 .02 70);cursor:pointer;box-shadow:0 0 12px oklch(.82 .16 78/.45);-webkit-clip-path:polygon(6px 0,100% 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px),0 0);clip-path:polygon(6px 0,100% 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px),0 0)}.btn-send.active:hover{background:var(--honey-glow);box-shadow:0 0 18px oklch(.85 .16 80/.55)}.btn-sm{font-size:12px;padding:7px 13px;border-radius:2px;gap:6px}.btn-lg{font-size:14px;padding:12px 24px;gap:10px}.btn-pill{border-radius:var(--radius-full);-webkit-clip-path:none;clip-path:none}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:2px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;font-weight:400;cursor:pointer;transition:all var(--transition-fast)}.chip:hover{background:var(--bg-quaternary);border-color:var(--honey);color:var(--honey)}.filter-pill{padding:5px 12px;border-radius:2px;border:1px solid var(--border-primary);background:transparent;color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{border-color:var(--border-secondary);color:var(--text-primary)}.filter-pill.active{background:oklch(.82 .16 78/.12);border-color:oklch(.82 .16 78/.3);color:var(--honey)}.tab-underline{display:flex;gap:0;border-bottom:1px solid var(--border-faint)}.tab-underline-item{padding:10px 14px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);display:flex;align-items:center;gap:6px}.tab-underline-item:hover{color:var(--text-primary)}.tab-underline-item.active{color:var(--honey);border-bottom-color:var(--honey);font-weight:400}.toolbar-btn{background:transparent;border:none;color:var(--text-tertiary);width:28px;height:28px;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);padding:0;flex-shrink:0}.toolbar-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:2px;color:var(--text-primary);font-family:var(--font-sans);font-size:13px;padding:8px 12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:focus{border-color:var(--honey);box-shadow:0 0 0 3px oklch(.82 .16 78/.18)}.input-password{letter-spacing:.1em}.textarea{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:15px;font-family:var(--font-sans);padding:14px 16px 0;line-height:1.65;min-height:28px;max-height:160px;resize:none;display:block;width:100%}.input-search-wrapper{position:relative}.input-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;display:flex;align-items:center}.input-search{padding-left:32px}.input-box{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:4px;overflow:hidden}.input-box-toolbar{display:flex;align-items:center;padding:8px 12px;gap:4px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-family:var(--font-mono);font-size:10.5px;font-weight:400;text-transform:uppercase;letter-spacing:.14em}.form-hint,.form-label{color:var(--text-tertiary)}.form-hint{font-size:12px;letter-spacing:-.005em}.form-row{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border-faint);gap:20px}.form-row:last-child{border-bottom:none}.form-row-label{flex:1 1}.form-row-label .form-label{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--text-primary);text-transform:none;letter-spacing:-.005em}.form-row-label .form-hint{font-size:12.5px;margin-top:2px}.form-row-control{flex-shrink:0;width:220px}.toggle{position:relative;width:38px;height:22px;border-radius:var(--radius-full);background:var(--bg-quaternary);border:1px solid var(--border-primary);cursor:pointer;transition:background var(--transition-slow),border-color var(--transition-fast);flex-shrink:0}.toggle.on{background:var(--honey);border-color:var(--honey);box-shadow:0 0 0 3px oklch(.82 .16 78/.18)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--text-primary);transition:left var(--transition-slow),background var(--transition-fast);box-shadow:0 1px 4px oklch(.1 .012 70/.4)}.toggle.on .toggle-thumb{left:18px;background:oklch(.18 .02 70)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:2px;color:var(--text-primary);font-family:var(--font-sans);font-size:13px;padding:8px 32px 8px 12px;outline:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23a8957a' stroke-width='1.5' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.select:focus{border-color:var(--honey);box-shadow:0 0 0 3px oklch(.82 .16 78/.18)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:2px;font-family:var(--font-mono);font-size:10.5px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);display:inline-block;flex-shrink:0}.badge-running{background:var(--accent-green-bg);border-color:var(--accent-green-border);color:var(--accent-green)}.badge-running .badge-dot{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green-glow)}.badge-idle{background:var(--accent-gray-bg);border-color:var(--accent-gray-border);color:var(--text-secondary)}.badge-idle .badge-dot{background:var(--text-secondary)}.badge-paused{background:oklch(.82 .16 78/.1);border-color:oklch(.82 .16 78/.25);color:var(--honey)}.badge-paused .badge-dot{background:var(--honey)}.badge-error{background:var(--accent-red-bg);border-color:var(--accent-red-border);color:var(--accent-red)}.badge-error .badge-dot{background:var(--accent-red)}.badge-info{background:var(--accent-sky-bg);border-color:oklch(.78 .14 230/.25);color:var(--accent-sky)}.tag{color:var(--text-tertiary);padding:3px 10px;letter-spacing:.04em}.tag,.tool-tag{background:oklch(.27 .022 75/.55);border-radius:2px;font-family:var(--font-mono);font-size:10.5px;font-weight:400}.tool-tag{color:var(--text-secondary);padding:2px 8px;letter-spacing:.02em;border:1px solid var(--border-faint)}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:4px;border:1px solid transparent;font-size:13px;font-family:var(--font-sans)}.alert-error{background:var(--accent-red-bg);border-color:var(--accent-red-border);color:var(--accent-red)}.alert-warning{background:oklch(.82 .16 78/.1);border-color:oklch(.82 .16 78/.25);color:var(--honey)}.alert-info{background:oklch(.82 .16 78/.08);border-color:oklch(.82 .16 78/.2);color:var(--honey)}.alert-success{background:var(--accent-green-bg);border-color:var(--accent-green-border);color:var(--accent-green)}.alert-title{font-family:var(--font-sans);font-weight:500;font-size:13px;margin-bottom:2px;letter-spacing:-.005em}.alert-message{font-size:13px;opacity:.9}.icon-box{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:2px;background:var(--bg-quaternary);border:1px solid var(--border-faint);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);flex-shrink:0}.progress-bar{height:4px;background:oklch(.2 .018 75);border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--honey-deep),var(--honey));box-shadow:0 0 8px oklch(.82 .16 78/.35);transition:width var(--transition-slow)}.progress-fill.success{background:linear-gradient(90deg,oklch(.62 .16 145),oklch(.78 .16 145))}.progress-fill.warning{background:linear-gradient(90deg,var(--honey),var(--honey-glow))}.progress-fill.danger{background:linear-gradient(90deg,oklch(.55 .18 25),oklch(.72 .18 25))}.empty-state{flex-direction:column;padding:48px 24px;text-align:center;gap:12px}.empty-state,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:32px;height:36px;background:oklch(.82 .16 78/.18);color:var(--honey);margin-bottom:4px;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border-radius:0}.empty-state h3{font-family:var(--font-italic);font-style:italic;font-size:18px;font-weight:400;color:var(--text-primary);letter-spacing:-.01em}.empty-state p{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-tertiary);max-width:320px;line-height:1.5}.modal-backdrop{position:fixed;inset:0;background:oklch(.1 .012 70/.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.modal{position:relative;background:linear-gradient(180deg,var(--bg-tertiary),var(--bg-primary));border:1px solid var(--border-primary);border-radius:4px;box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:85vh;overflow-y:auto;animation:fadeUp .18s ease}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,oklch(.82 .16 78/.55),transparent)}.modal-header{padding:18px 20px;border-bottom:1px solid var(--border-faint);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-title{font-family:var(--font-sans);font-size:17px;font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}.modal-title em{font-family:var(--font-italic);font-style:italic;font-weight:400;color:var(--honey-glow)}.modal-body{padding:18px 20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border-faint);display:flex;justify-content:flex-end;gap:8px}.connection-status{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:4px;border:1px solid var(--border-faint);background:var(--bg-tertiary);margin-bottom:0;transition:all var(--transition-fast)}.status-connected .badge-dot,.status-connected .connection-dot{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green-glow)}.status-connected{border-color:var(--border-faint)}.status-checking{border-color:oklch(.82 .16 78/.25)}.status-checking .badge-dot,.status-checking .connection-dot{background:var(--honey);box-shadow:0 0 8px oklch(.82 .16 78/.45)}.status-disconnected{border-color:oklch(.72 .18 25/.3)}.status-disconnected .badge-dot,.status-disconnected .connection-dot{background:var(--accent-red);box-shadow:0 0 8px oklch(.72 .18 25/.45)}.connection-text{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.connection-label{font-family:var(--font-mono);font-size:9.5px;font-weight:400;text-transform:uppercase;letter-spacing:.18em;color:var(--text-tertiary)}.connection-value{font-family:var(--font-sans);font-size:12.5px;font-weight:400;color:var(--text-primary);letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thinking-pill{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:2px;border:1px solid transparent;background:transparent;color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.thinking-pill.active{background:oklch(.82 .16 78/.12);border-color:oklch(.82 .16 78/.3);color:var(--honey)}.thinking-pill:hover{background:var(--bg-quaternary);color:var(--text-primary)}.version-info{text-align:center;padding-top:8px;border-top:1px solid var(--border-faint)}.version-text{font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-quaternary)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}