:root{--color-anthracite: #2D2D2D;--color-anthracite-90: #3D3D3D;--color-anthracite-light:#4A4A4A;--color-brass: #C9A865;--color-brass-dark: #B8935F;--color-brass-muted: #E8D5B0;--color-white: #FFFFFF;--color-surface: #F5F5F5;--color-surface-raised: #FFFFFF;--color-concrete: #ECF0F1;--color-border: #E2E8F0;--color-border-strong: #CBD5E0;--color-text-primary: #1A1A1A;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-text-inverse: #FFFFFF;--color-text-brass: #C9A865;--color-brass-text: #8B6A3A;--color-surface-hover: rgba(0, 0, 0, .03);--color-surface-elevated:#F8F8F8;--color-success: #16A34A;--color-success-bg: #DCFCE7;--color-warning: #D97706;--color-warning-bg: #FEF3C7;--color-error: #DC2626;--color-error-bg: #FEE2E2;--color-info: #2563EB;--color-info-bg: #DBEAFE;--font-heading: "Inter", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--font-mono: "Fira Code", "Cascadia Code", "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--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;--sidebar-width: 240px;--topbar-height: 56px;--content-max-width: 1200px;--panel-padding: var(--space-6);--card-padding: var(--space-5);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-brass: 0 4px 12px rgba(201, 168, 101, .25);--transition-fast: all .15s ease;--transition-base: all .2s ease;--transition-slow: all .3s ease}[data-theme=dark]{--color-anthracite: #1A1A1A;--color-anthracite-90: #252525;--color-anthracite-light:#333333;--color-brass: #D4B574;--color-brass-dark: #C9A865;--color-brass-muted: #3D3322;--color-white: #FFFFFF;--color-surface: #121212;--color-surface-raised: #1E1E1E;--color-concrete: #2A2A2A;--color-border: #333333;--color-border-strong: #444444;--color-text-primary: #E8E8E8;--color-text-secondary: #A0A0A0;--color-text-muted: #6B6B6B;--color-text-inverse: #FFFFFF;--color-text-brass: #D4B574;--color-brass-text: #D4B574;--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-elevated:#252525;--color-success: #22C55E;--color-success-bg: #14331F;--color-warning: #F59E0B;--color-warning-bg: #332B14;--color-error: #EF4444;--color-error-bg: #331414;--color-info: #3B82F6;--color-info-bg: #142033;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-brass: 0 4px 12px rgba(212, 181, 116, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased}a{color:var(--color-brass);text-decoration:none}a:hover{color:var(--color-brass-dark)}.app-shell{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-surface);font-family:var(--font-body);color:var(--color-text-primary);font-size:var(--font-size-base)}.app-topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background-color:var(--color-anthracite);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);z-index:100;box-shadow:var(--shadow-md)}.app-topbar__logo{color:var(--color-text-inverse);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.app-topbar__logo span{color:var(--color-brass)}.app-topbar__logo-img{height:32px;width:auto}.app-topbar__spacer{flex:1}.app-topbar__status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.app-body{display:flex;margin-top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height))}.app-sidebar{width:var(--sidebar-width);background-color:var(--color-anthracite);position:fixed;top:var(--topbar-height);left:0;bottom:0;overflow-y:auto;padding:var(--space-6) 0}.app-main{margin-left:var(--sidebar-width);flex:1;padding:var(--space-8);min-width:0;overflow-x:hidden;max-width:calc(var(--content-max-width) + var(--sidebar-width))}.nav-group{margin-bottom:var(--space-6)}.nav-group__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-muted);padding:0 var(--space-4);margin-bottom:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:0 var(--radius-md) var(--radius-md) 0;margin-right:var(--space-3);transition:var(--transition-base);cursor:pointer;border-left:3px solid transparent}.nav-item:hover{color:var(--color-text-inverse);background-color:var(--color-anthracite-90)}.nav-item.is-active{color:var(--color-brass);background-color:#c9a8651f;border-left:3px solid var(--color-brass);padding-left:calc(var(--space-4) - 3px)}.nav-item__icon{width:18px;height:18px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--transition-base);white-space:nowrap}.btn--primary{background-color:var(--color-brass);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-brass-dark);box-shadow:var(--shadow-brass);transform:translateY(-1px)}.btn--secondary{background-color:transparent;color:var(--color-brass);border:1.5px solid var(--color-brass)}.btn--secondary:hover{background-color:var(--color-brass);color:var(--color-white)}.btn--ghost{background-color:transparent;color:var(--color-text-inverse);border:1.5px solid rgba(255,255,255,.3)}.btn--ghost:hover{background-color:#ffffff1a;border-color:#ffffff80}.btn--danger{background-color:var(--color-error);color:var(--color-white)}.btn--danger:hover{background-color:#b91c1c}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--card-padding);box-shadow:var(--shadow-sm)}.card--elevated{box-shadow:var(--shadow-md);border-color:transparent}.card--highlight{border-left:3px solid var(--color-brass);padding-left:calc(var(--card-padding) - 2px)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.card--stat .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-anthracite);line-height:var(--line-height-tight)}.card--stat .stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-full);white-space:nowrap}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--error{background:var(--color-error-bg);color:var(--color-error)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--neutral{background:var(--color-concrete);color:var(--color-text-secondary)}.badge--brass{background:var(--color-brass-muted);color:var(--color-brass-text)}.badge:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background-color:currentColor}.page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--space-8);gap:var(--space-4)}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-anthracite);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.page-header__actions{display:flex;gap:var(--space-3);flex-shrink:0}.table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table thead{background-color:var(--color-concrete);border-bottom:2px solid var(--color-border-strong)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:#c9a8650a}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;position:relative;flex-shrink:0;transition:var(--transition-fast)}input[type=checkbox]:checked{background:var(--color-success);border-color:var(--color-success)}input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--color-brass);outline-offset:2px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-surface-raised) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;border-color:var(--color-border)!important;transition:background-color 5000s ease-in-out 0s}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1;cursor:pointer;filter:brightness(0) saturate(100%) invert(72%) sepia(30%) saturate(500%) hue-rotate(10deg)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input,.form-select{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-surface-raised);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:var(--transition-base);outline:none}.form-input:focus,.form-select:focus{border-color:var(--color-brass);box-shadow:0 0 0 3px #c9a86526}.form-input::placeholder{color:var(--color-text-muted)}.grid{display:grid;gap:var(--space-6)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@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}}.toggle{position:relative;width:36px;height:20px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;inset:0;background-color:var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-base)}.toggle__slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;bottom:2px;background-color:var(--color-white);border-radius:50%;transition:var(--transition-base)}.toggle input:checked+.toggle__slider{background-color:var(--color-brass)}.toggle input:checked+.toggle__slider:before{transform:translate(16px)}.pipeline{display:flex;align-items:flex-start;gap:var(--space-3);overflow-x:auto;padding:var(--space-4) 0}.pipeline__group{display:flex;flex-direction:column;gap:var(--space-2);min-width:120px}.pipeline__connector{display:flex;align-items:center;padding-top:var(--space-5);color:var(--color-border-strong)}.pipeline__node{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;border:1px solid var(--color-border);background:var(--color-surface-raised);transition:var(--transition-base)}.pipeline__node--active{border-color:var(--color-brass);background:var(--color-brass-muted);color:var(--color-brass-text)}.pipeline__node--disabled{opacity:.45}.pipeline__group-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.chat-page{display:flex;flex-direction:column;height:calc(100vh - var(--topbar-height) - var(--space-8) * 2)}.chat-layout{display:flex;gap:var(--space-6);flex:1;min-height:0}.chat-sidebar{width:280px;flex-shrink:0}.chat-main{flex:1;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);min-height:0}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--color-text-muted)}.chat-empty p{font-size:var(--font-size-sm)}.chat-row{display:flex}.chat-row--user{justify-content:flex-end}.chat-row--agent{justify-content:flex-start}.chat-bubble{max-width:75%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal);background:var(--color-concrete);border:1px solid var(--color-border)}.chat-bubble--user{background:var(--color-brass-muted);border-color:var(--color-brass);color:var(--color-brass-text)}.chat-bubble--system{max-width:100%;background:transparent;border:none;text-align:center;padding:var(--space-1) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic}.chat-bubble--error{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.chat-bubble--tool{background:var(--color-info-bg);border-color:#2563eb4d;font-family:var(--font-mono);font-size:var(--font-size-xs)}.chat-bubble__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.chat-bubble__icon{display:flex;color:var(--color-text-secondary)}.chat-bubble--user .chat-bubble__icon{color:var(--color-brass-text)}.chat-bubble__sender{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.chat-bubble--user .chat-bubble__sender{color:var(--color-brass-text)}.chat-bubble__time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.chat-bubble__content{white-space:pre-wrap;word-break:break-word}.chat-input-area{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.chat-input-row{display:flex;gap:var(--space-2);align-items:flex-end}.chat-input{flex:1;resize:none;font-family:var(--font-body);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);outline:none;transition:var(--transition-base);min-height:38px;max-height:120px;line-height:var(--line-height-normal)}.chat-input:focus{border-color:var(--color-brass);box-shadow:0 0 0 3px #c9a86526}.chat-input:disabled{background:var(--color-surface);opacity:.6}.chat-send-btn{flex-shrink:0;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center}.chat-mode-selector{display:flex;flex-direction:column;gap:var(--space-1)}.chat-mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base)}.chat-mode-btn:hover{border-color:var(--color-brass);color:var(--color-text-primary)}.chat-mode-btn--active{border-color:var(--color-brass);background:var(--color-brass-muted);color:var(--color-brass-text);font-weight:var(--font-weight-semibold)}.chat-mode-btn:disabled{opacity:.45;cursor:not-allowed}.chat-mode-desc{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.chat-meta{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;font-size:var(--font-size-xs)}.chat-meta__label{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.chat-connection{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.chat-connection__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-error);transition:var(--transition-base)}.chat-connection__dot--live{background:var(--color-success);box-shadow:0 0 6px #16a34a80}.chat-right-panel{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.pipeline-strip{display:flex;flex-direction:column;gap:0}.pipeline-strip__session{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-brass) 12%,transparent);color:var(--color-brass);font-size:var(--font-size-sm);font-weight:600;border:1px solid color-mix(in srgb,var(--color-brass) 30%,transparent)}.pipeline-strip__step{display:flex;flex-direction:column;align-items:stretch}.pipeline-strip__connector{display:flex;justify-content:center;padding:var(--space-1) 0;color:var(--color-border-strong)}.pipeline-strip__group{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);transition:var(--transition-base)}.pipeline-strip__group--completed{border-color:var(--color-success)}.pipeline-strip__group--active{border-color:var(--color-brass);background:var(--color-brass-muted);animation:pipeline-pulse 2s ease-in-out infinite}@keyframes pipeline-pulse{0%,to{box-shadow:0 0 #c9a8654d}50%{box-shadow:0 0 8px 2px #c9a8654d}}.pipeline-strip__group-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.pipeline-strip__group-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.pipeline-strip__icon--success{color:var(--color-success)}.pipeline-strip__icon--pending{color:var(--color-text-muted)}.pipeline-strip__icon--running{color:var(--color-brass);animation:spin 1.5s linear infinite}.pipeline-strip__agents{display:flex;flex-direction:column;gap:var(--space-1)}.pipeline-strip__agent{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--space-1) 0}.pipeline-strip__agent--success{color:var(--color-success)}.pipeline-strip__agent--error{color:var(--color-error)}.pipeline-strip__agent--running{color:var(--color-brass)}.pipeline-strip__agent-runs{font-size:10px;font-weight:600;padding:0 4px;border-radius:3px;background:color-mix(in srgb,var(--color-warning, #F59E0B) 20%,transparent);color:var(--color-warning, #F59E0B);margin-left:var(--space-1)}.pipeline-strip__session-runs{font-weight:400;opacity:.7}.pipeline-strip__gate{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--letter-spacing-wider)}.pipeline-strip__gate--passed{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent)}.pipeline-strip__gate--failed{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent)}.pipeline-strip__gate-label{text-transform:uppercase}.pipeline-strip__gate-detail{font-weight:400;opacity:.8}.pipeline-strip__gate--looping{background:color-mix(in srgb,var(--color-brass) 12%,transparent);color:var(--color-brass);border:1px solid color-mix(in srgb,var(--color-brass) 30%,transparent)}.pipeline-metrics{display:flex;flex-direction:column;gap:var(--space-3)}.pipeline-metrics__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.pipeline-metrics__stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border)}.pipeline-metrics__icon{color:var(--color-brass);flex-shrink:0}.pipeline-metrics__data{display:flex;flex-direction:column;min-width:0}.pipeline-metrics__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.pipeline-metrics__label{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-tight)}.pipeline-metrics__timings{display:flex;flex-direction:column;gap:var(--space-1)}.pipeline-metrics__timings-title{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-1)}.pipeline-metrics__timing-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs)}.pipeline-metrics__timing-name{flex:0 0 120px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-metrics__timing-bar-bg{flex:1;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.pipeline-metrics__timing-bar{height:100%;background:var(--color-brass);border-radius:3px;transition:width .3s ease}.pipeline-metrics__timing-value{flex:0 0 48px;text-align:right;color:var(--color-text-muted);font-family:var(--font-mono)}.project-steps{display:flex;flex-direction:column;gap:var(--space-2)}.project-steps__empty{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.project-steps__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);padding:var(--space-1) 0}.project-steps__item--completed{color:var(--color-success)}.project-steps__item--completed span{text-decoration:line-through;opacity:.7}.project-steps__item--current{color:var(--color-brass);font-weight:var(--font-weight-semibold)}.project-steps__item--pending{color:var(--color-text-muted)}.project-steps__icon{flex-shrink:0}.project-steps__icon--spin{animation:spin 1.5s linear infinite}.project-steps__fix-loop{color:var(--color-brass);font-weight:var(--font-weight-semibold);background:color-mix(in srgb,var(--color-brass) 8%,transparent);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.project-steps__fix-agents{font-weight:400;opacity:.8;font-size:var(--font-size-xs)}@media(max-width:1200px){.chat-right-panel{display:none}}@media(max-width:768px){.chat-layout{flex-direction:column}.chat-sidebar{width:100%}.chat-bubble{max-width:90%}}.skill-filters{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.skill-search{position:relative;flex:1;min-width:200px;max-width:360px}.skill-search__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.skill-search__input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);font-family:var(--font-body);font-size:var(--font-size-sm);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);outline:none;transition:var(--transition-base)}.skill-search__input:focus{border-color:var(--color-brass);box-shadow:0 0 0 3px #c9a86526}.skill-cat-filter{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);flex-wrap:wrap}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-5)}.skill-empty{grid-column:1 / -1;text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.skill-card{display:flex;flex-direction:column;transition:var(--transition-base)}.skill-card:hover{box-shadow:var(--shadow-md)}.skill-card--disabled{opacity:.6}.skill-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.skill-card__info{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.skill-card__name{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-anthracite)}.skill-card__icon{color:var(--color-brass)}.skill-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}.skill-card__trigger{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);font-style:italic}.skill-card__trigger strong{font-style:normal}.skill-card__section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-1)}.skill-card__assignments{margin-top:auto;margin-bottom:var(--space-3)}.skill-card__agent-list{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.skill-card__none{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.skill-agent-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-brass-muted);color:var(--color-brass-text);border-radius:var(--radius-full)}.skill-agent-tag__remove{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-brass-text);opacity:.6;padding:0;margin-left:2px}.skill-agent-tag__remove:hover{opacity:1;color:var(--color-error)}.skill-assign-btn{font-size:var(--font-size-xs)!important;padding:2px var(--space-2)!important}.skill-assign-form{display:flex;align-items:center;gap:var(--space-2)}.skill-assign-form .form-select{width:auto;min-width:140px;font-size:var(--font-size-xs);padding:2px var(--space-2)}.skill-card__expand{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-2) 0;transition:var(--transition-base)}.skill-card__expand:hover{color:var(--color-brass)}.skill-card__details{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.skill-card__badges{display:flex;gap:var(--space-1);flex-wrap:wrap}.skill-source-badge{display:inline-flex;align-items:center;gap:3px}.skill-update-badge{animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.skill-card__update-section{display:flex;flex-direction:column;gap:var(--space-2)}.skill-card__source-info{display:flex;align-items:center;gap:var(--space-2);font-size:.82rem;color:var(--color-text-secondary)}.skill-card__last-checked{margin-left:auto;font-size:.75rem;opacity:.7}.skill-card__update-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.skill-card__update-actions .btn{display:inline-flex;align-items:center;gap:var(--space-1)}.skill-card__up-to-date{font-size:.8rem;color:var(--color-success, #4caf50);margin:0}.skill-card__prompt-section{margin-top:var(--space-2);width:100%}.skill-prompt-toggle{display:inline-flex;align-items:center;gap:var(--space-1)}.skill-prompt-viewer{margin-top:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:400px;overflow-y:auto;font-size:.85rem;line-height:1.6}.skill-prompt-viewer h1,.skill-prompt-viewer h2,.skill-prompt-viewer h3{color:var(--color-text-primary);margin-top:var(--space-3);margin-bottom:var(--space-2)}.skill-prompt-viewer h1{font-size:1.2rem}.skill-prompt-viewer h2{font-size:1.05rem}.skill-prompt-viewer h3{font-size:.95rem}.skill-prompt-viewer p{margin-bottom:var(--space-2)}.skill-prompt-viewer ul,.skill-prompt-viewer ol{margin-left:var(--space-4);margin-bottom:var(--space-2)}.skill-prompt-viewer li{margin-bottom:var(--space-1)}.skill-prompt-viewer code{background:var(--color-concrete);color:var(--color-brass);padding:.15em .4em;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.82em}.skill-prompt-viewer pre{background:var(--color-concrete);color:var(--color-text-primary);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-3);border:1px solid var(--color-border)}.skill-prompt-viewer pre code{background:none;color:inherit;padding:0}.skill-prompt-viewer strong{color:var(--color-text-primary);font-weight:600}.skill-prompt-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.skill-prompt-saved{display:inline-flex;align-items:center;gap:4px;color:var(--color-success, #38a169);font-size:.82rem;font-weight:500}.skill-prompt-editor{margin-top:var(--space-3);width:100%}.skill-prompt-editor__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-elevated, rgba(255,255,255,.04));border-radius:var(--radius-md);font-size:.8rem}.skill-prompt-editor__stats{display:flex;gap:var(--space-3);color:var(--color-text-secondary)}.skill-prompt-stat--warn{color:var(--color-warning, #d69e2e);font-weight:500}.skill-prompt-editor__textarea{width:100%;box-sizing:border-box;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;resize:vertical;min-height:300px;tab-size:2;background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.skill-prompt-editor__textarea:focus{outline:none;border-color:var(--color-brass);box-shadow:0 0 0 2px #c9a86526}.skill-card:has(.skill-prompt-viewer),.skill-card:has(.skill-prompt-editor){grid-column:1 / -1}.skill-prompt-editor__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.skill-prompt-editor__footer-actions{display:flex;gap:var(--space-2)}.skill-prompt-editor__preview{margin-top:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.skill-prompt-tips{margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:#c9a86514;border:1px solid rgba(201,168,101,.2);border-radius:var(--radius-md);font-size:.82rem;line-height:1.5}.skill-prompt-tips h4{color:var(--color-brass);margin-bottom:var(--space-2);font-size:.88rem}.skill-prompt-tip{margin-bottom:var(--space-2);color:var(--color-text-secondary)}.skill-prompt-tip strong{color:var(--color-text-primary)}.skill-prompt-tip:last-child{margin-bottom:0}.skill-card__actions{display:flex;align-items:center;justify-content:space-between}.skill-delete-btn{color:var(--color-error, #e53e3e)!important;opacity:.6}.skill-delete-btn:hover{opacity:1}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5)}.agent-card--expanded{grid-column:1 / -1}.agent-card__details{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-5)}.agent-card__config-section{display:flex;flex-direction:column;gap:var(--space-3)}.agent-card__section-header{display:flex;align-items:center;gap:var(--space-3)}.agent-card__section-header .skill-card__section-label{display:flex;align-items:center;gap:var(--space-2);flex:1;font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.agent-config-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.agent-config-row{display:flex;flex-direction:column;gap:var(--space-2)}.agent-config-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.agent-config-value{display:flex;flex-wrap:wrap;gap:var(--space-1);min-height:24px;align-items:center}.agent-config-empty{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.agent-config-edit{display:flex;flex-direction:column;gap:var(--space-5)}.agent-config-edit .form-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.agent-config-edit .form-input{width:100%;box-sizing:border-box;font-size:.85rem;line-height:1.6;background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.agent-config-edit textarea.form-input{resize:vertical;min-height:52px}.agent-config-edit .form-input:focus{outline:none;border-color:var(--color-brass);box-shadow:0 0 0 2px #c9a86526}@media(max-width:768px){.agent-grid,.agent-config-view{grid-template-columns:1fr}}.skill-creator{margin-bottom:var(--space-6);padding:var(--space-5)}.skill-creator__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.skill-creator__header h2{margin:0;font-size:1.1rem}.skill-creator__steps{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.skill-creator__step{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-text-secondary)}.skill-creator__step.is-active{color:var(--color-brass);font-weight:var(--font-weight-semibold)}.skill-creator__step.is-done{color:var(--color-success, #4caf50)}.skill-creator__step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;font-size:.75rem;font-weight:600}.skill-creator__step.is-active .skill-creator__step-num{background:var(--color-brass);color:var(--color-white);border-color:var(--color-brass)}.skill-creator__step.is-done .skill-creator__step-num{background:var(--color-success, #4caf50);color:var(--color-white);border-color:var(--color-success, #4caf50)}.skill-creator__body{display:flex;flex-direction:column;gap:var(--space-4)}.skill-creator__body .form-group{display:flex;flex-direction:column;gap:var(--space-1)}.skill-creator__body .form-label{font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.skill-creator__body .form-input,.skill-creator__body .form-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:.85rem;font-family:inherit}.skill-creator__body .form-input:focus,.skill-creator__body .form-select:focus{outline:none;border-color:var(--color-brass);box-shadow:0 0 0 2px #c9a86533}.skill-creator__body textarea.form-input{resize:vertical;min-height:60px}.skill-creator__prompt-editor{font-family:var(--font-mono)!important;font-size:.82rem!important;line-height:1.5}.form-hint{font-size:.75rem;color:var(--color-text-secondary)}.skill-creator__providers{display:flex;gap:var(--space-4);flex-wrap:wrap}.skill-creator__provider-check{display:flex;align-items:center;gap:var(--space-1);font-size:.85rem;cursor:pointer}.skill-creator__preview{margin-top:var(--space-2)}.skill-creator__error{color:var(--color-error, #e53e3e);font-size:.85rem;margin:var(--space-2) 0 0}.skill-creator__nav{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.skill-creator__nav .btn{display:inline-flex;align-items:center;gap:var(--space-1)}.skill-creator__nav-spacer{flex:1}@media(max-width:640px){.skill-grid{grid-template-columns:1fr}.skill-creator__steps{flex-direction:column;gap:var(--space-2)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-anthracite);background-image:radial-gradient(ellipse at 30% 20%,rgba(201,168,101,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(201,168,101,.05) 0%,transparent 60%)}.login-card{width:100%;max-width:440px;margin:var(--space-4)}.login-header{text-align:center;margin-bottom:var(--space-6)}.login-logo{width:280px;height:auto;margin-bottom:var(--space-4)}.login-subtitle{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-brass-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.login-form{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.login-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-5) 0;text-align:center}.login-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.login-field{margin-bottom:var(--space-4)}.login-field label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.login-field input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-surface);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.login-field input:focus{outline:none;border-color:var(--color-brass);box-shadow:0 0 0 3px #c9a86526}.login-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-brass);color:var(--color-anthracite);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-body);cursor:pointer;transition:background .15s;margin-top:var(--space-2)}.login-button:hover:not(:disabled){background:var(--color-brass-dark)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide)}.app-topbar__user{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-inverse);font-size:var(--font-size-sm)}.app-topbar__user-name{font-weight:var(--font-weight-medium)}.app-topbar__user-role{font-size:var(--font-size-xs);color:var(--color-brass-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.app-topbar__logout{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#ffffff1a;color:var(--color-text-inverse);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-body);cursor:pointer;transition:background .15s}.app-topbar__logout:hover{background:#fff3}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);min-width:300px;max-width:480px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);pointer-events:auto;animation:toast-slide-in .25s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--warning{border-left:3px solid var(--color-warning)}.toast--info{border-left:3px solid var(--color-info)}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info .toast__icon{color:var(--color-info)}.toast__icon{flex-shrink:0}.toast__message{flex:1;line-height:1.4}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.toast__close:hover{background:var(--color-concrete);color:var(--color-text-primary)}.confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.confirm-dialog{background:var(--color-surface-raised);border-radius:var(--radius-lg);padding:var(--space-6);width:360px;max-width:90vw;text-align:center;box-shadow:var(--shadow-lg);animation:toast-slide-in .2s ease-out}.confirm-dialog__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-warning-bg);color:var(--color-warning);margin-bottom:var(--space-3)}.confirm-dialog__title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.confirm-dialog__message{margin:0 0 var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.confirm-dialog__actions{display:flex;gap:var(--space-3);justify-content:center}[data-theme=dark] .nav-item{color:gray}[data-theme=dark] .nav-item:hover{color:var(--color-text-inverse);background-color:#252525}[data-theme=dark] .nav-item.is-active{color:var(--color-brass);background-color:#d4b5741a}[data-theme=dark] .badge--brass,[data-theme=dark] .skill-agent-tag{background:var(--color-brass-muted);color:var(--color-brass)}[data-theme=dark] .skill-agent-tag__remove{color:var(--color-brass)}[data-theme=dark] .skill-card__name,[data-theme=dark] .card--stat .stat-value,[data-theme=dark] .page-title{color:var(--color-text-primary)}[data-theme=dark] .chat-bubble--user{background:var(--color-brass-muted);border-color:#d4b57466;color:var(--color-brass)}[data-theme=dark] .chat-bubble--user .chat-bubble__icon,[data-theme=dark] .chat-bubble--user .chat-bubble__sender{color:var(--color-brass)}[data-theme=dark] .pipeline__node--active{background:var(--color-brass-muted);color:var(--color-brass)}[data-theme=dark] .login-page{background-color:#0d0d0d}[data-theme=dark] .login-field input,[data-theme=dark] .chat-input,[data-theme=dark] .skill-search__input{background:#1a1a1a;color:var(--color-text-primary);border-color:var(--color-border-strong)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--color-text-inverse);cursor:pointer;transition:background .15s}.theme-toggle:hover{background:#fff3}.app-topbar__menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--color-text-inverse);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.app-topbar__menu-btn:hover{background:#ffffff1a}.sidebar-overlay{display:none}@media(max-width:768px){.app-topbar__menu-btn{display:flex}.app-topbar__status{display:none}.app-sidebar{transform:translate(-100%);transition:transform .25s ease;z-index:200;width:260px}.app-sidebar.is-open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:199}.sidebar-overlay.is-visible{display:block}.app-main{margin-left:0;padding:var(--space-4);max-width:100%}.page-header{flex-direction:column;gap:var(--space-3)}.page-header__actions{width:100%}.page-header__actions .btn{flex:1}.table-container{margin:0 calc(-1 * var(--space-4));border-radius:0;border-left:none;border-right:none}.skill-grid{grid-template-columns:1fr}.pipeline{flex-direction:column;align-items:stretch}.pipeline__connector{transform:rotate(90deg);padding:var(--space-1) 0;justify-content:center}.pipeline__group{min-width:0}.confirm-dialog{width:calc(100vw - var(--space-8));max-width:none}.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.toast{min-width:auto;max-width:none}}@media(max-width:480px){.app-topbar{padding:0 var(--space-3)}.app-topbar__logo-img{height:24px}.app-topbar__user-name,.app-topbar__user-role{display:none}.app-main,.card{padding:var(--space-3)}}.live-logs{margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#1a1a1a;color:#d4d4d4;font-family:var(--font-mono);font-size:var(--font-size-xs);overflow:hidden}.live-logs--expanded{position:fixed;inset:calc(var(--topbar-height) + var(--space-4));inset-left:calc(var(--sidebar-width) + var(--space-4));z-index:150;margin:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media(max-width:768px){.live-logs--expanded{inset:var(--space-2)}}.live-logs__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:#111;border-bottom:1px solid #333}.live-logs__title{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:#e8e8e8}.live-logs__job-id{color:#6b6b6b;font-weight:var(--font-weight-normal)}.live-logs__dot{width:6px;height:6px;border-radius:50%;background:var(--color-error)}.live-logs__dot--live{background:var(--color-success);box-shadow:0 0 6px #22c55e80}.live-logs__actions{display:flex;gap:var(--space-1)}.live-logs__actions button{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:#888;cursor:pointer;border-radius:var(--radius-sm)}.live-logs__actions button:hover{background:#333;color:#e8e8e8}.live-logs__body{height:260px;overflow-y:auto;padding:var(--space-2) var(--space-3)}.live-logs--expanded .live-logs__body{height:calc(100% - 36px)}.live-logs__empty{color:#6b6b6b;padding:var(--space-4);text-align:center}.live-logs__entry{display:flex;gap:var(--space-2);padding:1px 0;line-height:1.6}.live-logs__time{color:#555;flex-shrink:0}.live-logs__agent{color:var(--color-brass);flex-shrink:0}.live-logs__text{white-space:pre-wrap;word-break:break-word}.live-logs__entry--status .live-logs__text{color:#3b82f6}.live-logs__entry--error .live-logs__text{color:#ef4444}.live-logs__entry--tool .live-logs__text{color:#a78bfa}.live-logs__entry--user .live-logs__text{color:var(--color-brass)}.live-logs__entry--info .live-logs__text{color:#d4d4d4}.live-logs__entry--session .live-logs__text{color:#f59e0b;font-weight:var(--font-weight-semibold)}.live-logs__entry--session{border-top:1px solid rgba(245,158,11,.3);padding-top:var(--space-2);margin-top:var(--space-2)}.live-logs__entry--feature .live-logs__text{color:#22c55e;font-weight:var(--font-weight-semibold)}.live-logs__entry--screenshot .live-logs__text{color:#06b6d4}.live-logs__badge{position:absolute;top:-4px;right:-4px;background:var(--color-brass);color:var(--color-anthracite);font-size:10px;font-weight:var(--font-weight-bold);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.live-logs__actions button.active{color:var(--color-brass)}.screenshot-gallery{padding:var(--space-3);border-bottom:1px solid rgba(255,255,255,.1)}.screenshot-gallery--compact{padding:var(--space-2) var(--space-3)}.screenshot-gallery__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.screenshot-gallery__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#06b6d4}.screenshot-gallery__refresh{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm)}.screenshot-gallery__refresh:hover{color:var(--color-text-primary)}.screenshot-gallery__refresh .spin{animation:spin 1s linear infinite}.screenshot-gallery__empty{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.screenshot-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2)}.screenshot-gallery--compact .screenshot-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.screenshot-gallery__thumb{position:relative;cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:border-color .15s}.screenshot-gallery__thumb:hover{border-color:var(--color-brass)}.screenshot-gallery__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.screenshot-gallery__label{position:absolute;bottom:0;left:0;right:0;padding:2px var(--space-1);background:#000000b3;font-size:10px;color:#d4d4d4;text-align:center}.screenshot-gallery__lightbox{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center}.screenshot-gallery__lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.screenshot-gallery__lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius-md)}.screenshot-gallery__lightbox-close{position:absolute;top:-36px;right:0;background:none;border:none;color:#fff;cursor:pointer;padding:var(--space-1)}.screenshot-gallery__lightbox-prev,.screenshot-gallery__lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm)}.screenshot-gallery__lightbox-prev{left:-48px}.screenshot-gallery__lightbox-next{right:-48px}.screenshot-gallery__lightbox-prev:hover,.screenshot-gallery__lightbox-next:hover{background:#000c}.screenshot-gallery__lightbox-info{position:absolute;bottom:-32px;left:0;right:0;text-align:center;color:#9ca3af;font-size:var(--font-size-xs)}.feature-progress{margin:var(--space-3) 0}.feature-progress--empty{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.feature-progress__bar-container{display:flex;align-items:center;gap:var(--space-3)}.feature-progress__bar-track{flex:1;height:8px;background:var(--color-surface, #374151);border-radius:4px;overflow:hidden}.feature-progress__bar-fill{height:100%;border-radius:4px;transition:width .5s ease,background-color .5s ease}.feature-progress__label{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary);white-space:nowrap;min-width:90px;text-align:right}.feature-progress__toggle{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);display:flex;align-items:center}.feature-progress__toggle:hover{color:var(--color-text-primary)}.feature-progress__details{margin-top:var(--space-3);padding:var(--space-3);background:#0003;border-radius:var(--radius-md, 6px);max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.feature-progress__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm, 4px)}.feature-progress__item--pass{color:#86efac}.feature-progress__item--fail{color:#fca5a5}.feature-progress__item--pending{color:var(--color-text-secondary)}.feature-progress__icon--pass{color:#22c55e}.feature-progress__icon--fail{color:#ef4444}.feature-progress__icon--pending{color:var(--color-text-tertiary, #6B7280)}.feature-progress__name{flex:1}.feature-progress__category{font-size:10px;padding:1px 6px;background:#ffffff1a;border-radius:3px;color:var(--color-text-secondary)}.skill-audit-panel{margin-bottom:var(--space-8);padding:var(--space-6)}.skill-audit-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.skill-audit-panel__header h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.skill-audit-panel__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.skill-audit-sync{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-4);gap:var(--space-4)}.skill-audit-sync__status{display:flex;align-items:center;gap:var(--space-2)}.skill-audit-sync__status strong{font-size:var(--font-size-sm)}.skill-audit-sync__meta{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.skill-audit-sync__meta--none{color:var(--color-text-muted);font-style:italic}.skill-audit-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4);margin-bottom:var(--space-6)}.skill-audit-actions__timestamp{font-size:var(--font-size-xs);color:var(--color-text-muted)}.skill-audit-summary{display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.skill-audit-summary__stat{display:flex;flex-direction:column;align-items:center;flex:1;padding:var(--space-1) 0}.skill-audit-summary__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.2}.skill-audit-summary__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.skill-audit-results{display:flex;flex-direction:column;gap:2px}.skill-audit-result{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.skill-audit-result__header{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;transition:background .15s ease}.skill-audit-result__header:hover{background:var(--color-surface)}.skill-audit-grade{min-width:28px;text-align:center;font-weight:var(--font-weight-semibold)}.skill-audit-result__name{flex:1;font-weight:var(--font-weight-medium)}.skill-audit-result__score{font-size:var(--font-size-xs);color:var(--color-text-secondary);min-width:36px;text-align:right}.skill-audit-result__bar{width:80px;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden;flex-shrink:0}.skill-audit-result__bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.skill-audit-checks{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);border-top:1px solid var(--color-border);background:var(--color-surface)}.skill-audit-check{padding:var(--space-1) var(--space-2)}.skill-audit-check__header{display:flex;align-items:center;gap:var(--space-1);margin-bottom:2px}.skill-audit-check__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1}.skill-audit-check__score{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.skill-audit-check__detail{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 2px;padding-left:22px}.skill-audit-check__suggestion{font-size:var(--font-size-xs);color:var(--color-info);margin:0;padding-left:22px;display:flex;align-items:flex-start;gap:4px}.skill-audit-check__suggestion svg{flex-shrink:0;margin-top:1px}.skill-audit-empty{text-align:center;padding:var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-sm)}.skill-audit-result__header-row{display:flex;align-items:center}.skill-audit-result__header-row .skill-audit-result__header{flex:1;min-width:0}.skill-audit-heal-btn{padding:var(--space-2);color:var(--color-brass);flex-shrink:0}.skill-audit-heal-btn:hover:not(:disabled){color:var(--color-brass-light, #d4b876);background:var(--color-surface)}.skill-heal-overlay{position:fixed;inset:0;z-index:1000;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.skill-heal-panel{width:100%;max-width:1100px;max-height:85vh;overflow-y:auto;padding:var(--space-6)}.skill-heal-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.skill-heal-panel__header h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-brass)}.skill-heal-panel__scores{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.skill-heal-score{display:flex;align-items:center;gap:var(--space-2)}.skill-heal-score__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.skill-heal-score__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.skill-heal-score--before .skill-heal-score__value{color:var(--color-text-secondary)}.skill-heal-score--after .skill-heal-score__value{color:var(--color-success)}.skill-heal-score__delta{margin-left:auto;display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-success, #22c55e)}.skill-heal-panel__meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--space-4)}.skill-heal-diff{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.skill-heal-diff__col{display:flex;flex-direction:column;min-width:0}.skill-heal-diff__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.skill-heal-diff__content{flex:1;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-y:auto;max-height:400px;margin:0;color:var(--color-text-primary)}.skill-heal-diff__content--new{border-color:var(--color-success, #22c55e);background:color-mix(in srgb,var(--color-success, #22c55e) 5%,var(--color-surface))}.skill-heal-panel__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.skill-heal-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-success, #22c55e) 10%,var(--color-surface));border:1px solid var(--color-success, #22c55e);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-success, #22c55e);margin-top:var(--space-4)}.skill-heal-notice--error{background:color-mix(in srgb,var(--color-error, #ef4444) 10%,var(--color-surface));border-color:var(--color-error, #ef4444);color:var(--color-error, #ef4444)}.skill-heal-notice .btn{margin-left:auto}.tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:2px solid var(--color-border);padding-bottom:0}.tabs__tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:color .15s,border-color .15s}.tabs__tab:hover{color:var(--color-text-primary)}.tabs__tab.is-active{color:var(--color-brass);border-bottom-color:var(--color-brass)}.skill-page-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:2px solid var(--color-border);padding-bottom:0}.skill-page-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:color .15s,border-color .15s}.skill-page-tab:hover{color:var(--color-text-primary)}.skill-page-tab--active{color:var(--color-brass);border-bottom-color:var(--color-brass)}.inline-references{margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.inline-references__toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:none;cursor:pointer;font-size:.85rem;color:var(--color-text-secondary);transition:background .15s}.inline-references__toggle:hover{background:var(--color-surface-hover, rgba(0, 0, 0, .03))}.inline-references__body{padding:var(--space-3);border-top:1px solid var(--color-border)}.ref-domain{margin-bottom:var(--space-4)}.ref-domain__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.ref-domain__title{display:flex;align-items:center;gap:var(--space-2);font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0}.ref-domain__stats{display:flex;align-items:center;gap:var(--space-2)}.ref-sources{display:flex;flex-direction:column;gap:var(--space-1)}.ref-source{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:var(--space-3)}.ref-source--retired{opacity:.5}.ref-source--suggestion{border-style:dashed;border-color:var(--color-info, #3b82f6)}.ref-source__main{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.ref-source__info{display:flex;flex-direction:column;min-width:0}.ref-source__name{font-size:.85rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-source__meta{font-size:.75rem;color:var(--color-text-muted)}.ref-source__actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.ref-discoveries{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border)}.teams-grid{display:flex;flex-direction:column;gap:var(--space-4)}.team-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-base)}.team-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.team-card--expanded{border-color:var(--color-brass);box-shadow:var(--shadow-md)}.team-card--disabled{opacity:.65}.team-card--disabled:hover{opacity:.8}.team-card__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);cursor:pointer;-webkit-user-select:none;user-select:none}.team-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-brass);color:var(--color-white);flex-shrink:0}.team-card__info{flex:1;min-width:0}.team-card__title-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.team-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.team-card__badges{display:flex;gap:var(--space-1)}.team-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1);line-height:var(--line-height-normal)}.team-card__stats{display:flex;gap:var(--space-4);flex-shrink:0}.team-card__stat{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.team-card__chevron{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);display:flex}.team-card__body{border-top:1px solid var(--color-border);padding:var(--space-5)}.team-card__actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.team-card__edit-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg)}.team-card__section{margin-top:var(--space-5)}.team-card__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.team-card__section-header .team-card__section-title{margin-bottom:0}.team-card__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3)}.team-card__agent-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.team-agent-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary)}.team-agent-chip--link{cursor:pointer;transition:var(--transition-fast)}.team-agent-chip--link:hover{border-color:var(--color-brass);color:var(--color-text-brass)}.team-agent-chip--disabled{opacity:.5;text-decoration:line-through}.team-agent-chip--selectable{cursor:pointer;transition:var(--transition-fast);border:1px solid var(--color-border);background:var(--color-surface-raised)}.team-agent-chip--selectable:hover{border-color:var(--color-brass)}.team-agent-chip--selectable.is-selected{background:#c9a8651f;border-color:var(--color-brass);color:var(--color-text-brass)}.team-pipeline{position:relative}.team-pipeline__track{display:flex;align-items:flex-start;overflow-x:auto;padding-bottom:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.team-pipeline__track::-webkit-scrollbar{height:6px}.team-pipeline__track::-webkit-scrollbar-track{background:transparent}.team-pipeline__track::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.team-pipeline__step{display:flex;align-items:flex-start;flex-shrink:0}.team-pipeline__connector{display:flex;align-items:center;padding:var(--space-6) var(--space-2) 0;color:var(--color-text-muted)}.team-pipeline__group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);min-width:120px}.team-pipeline__group--gated{border-color:var(--color-brass);border-style:dashed}.team-pipeline__group-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.team-pipeline__group-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.team-pipeline__agents{display:flex;flex-direction:column;gap:var(--space-1)}.team-pipeline__agent{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-primary);padding:var(--space-1) var(--space-2);background:var(--color-surface-raised);border-radius:var(--radius-sm)}.team-pipeline__gate{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-brass);font-weight:var(--font-weight-medium)}.team-pipeline__gate-loops{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.team-creator{background:var(--color-surface-raised);border:2px solid var(--color-brass);border-radius:var(--radius-xl);margin-bottom:var(--space-6);overflow:hidden}.team-creator__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:#c9a8650f;border-bottom:1px solid var(--color-border)}.team-creator__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.team-creator__steps{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.team-creator__step{transition:var(--transition-fast)}.team-creator__step.is-active{color:var(--color-brass);font-weight:var(--font-weight-semibold)}.team-creator__body{padding:var(--space-5)}.team-creator__search-row{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.team-creator__search{position:relative}.team-creator__search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.team-creator__search .form-input{padding-left:var(--space-8);padding-right:var(--space-8)}.team-creator__search-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center}.team-creator__search-clear:hover{color:var(--color-text-primary);background:var(--color-surface)}.team-creator__no-results{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);padding:var(--space-6)}.team-creator__agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-2)}.team-creator__agent-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);position:relative}.team-creator__agent-btn:hover{border-color:var(--color-brass);background:#c9a8650a}.team-creator__agent-btn.is-selected{border-color:var(--color-brass);background:#c9a8651a;color:var(--color-text-brass);font-weight:var(--font-weight-medium)}.team-creator__agent-btn.is-disabled{opacity:.4}.team-creator__agent-check{margin-left:auto;color:var(--color-brass)}.team-creator__pipeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.team-creator__step-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.team-creator__step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:var(--space-4)}.team-creator__step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-brass);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-heading);flex-shrink:0}.team-creator__step-line{width:2px;flex:1;background:var(--color-brass);opacity:.3;margin-top:var(--space-2)}.team-creator__group-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);flex:1;min-width:0}.team-creator__group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.team-creator__parallel-toggle{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.team-creator__group-agents{display:flex;flex-wrap:wrap;gap:var(--space-2);max-height:76px;overflow-y:auto;padding-right:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--color-brass) transparent}.team-creator__gate-config{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.team-creator__validation{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg)}.team-creator__validation.is-valid{background:var(--color-success-bg);border:1px solid var(--color-success)}.team-creator__validation.is-invalid{background:var(--color-error-bg);border:1px solid var(--color-error)}.team-creator__validation-msg{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-success)}.team-creator__validation-msg--error{color:var(--color-error)}.team-creator__validation-msg--warning{color:var(--color-warning)}.team-creator__validation-msg+.team-creator__validation-msg{margin-top:var(--space-2)}.team-creator__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface)}.magic-prompt{border:1px solid var(--color-brass);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5);background:linear-gradient(135deg,rgba(201,168,101,.05) 0%,transparent 60%)}.magic-prompt__header{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-size-sm);color:var(--color-brass);margin-bottom:var(--space-3)}.magic-prompt__icon{color:var(--color-brass)}.magic-prompt__input{width:100%;min-height:72px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);resize:vertical;transition:border-color .15s}.magic-prompt__input:focus{outline:none;border-color:var(--color-brass)}.magic-prompt__input::placeholder{color:var(--color-text-secondary);font-style:italic}.magic-prompt__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.form-input--sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}@media(max-width:640px){.team-card__header{flex-wrap:wrap}.team-card__stats{width:100%;justify-content:flex-start;margin-top:var(--space-2)}.team-card__edit-form{grid-template-columns:1fr}.team-creator__header{flex-direction:column;gap:var(--space-2)}.team-creator__agent-grid{grid-template-columns:1fr}}.delegation-strip{display:flex;flex-direction:column;gap:var(--space-2)}.delegation-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);background:var(--color-surface);font-size:var(--font-size-sm)}.delegation-card__header{display:flex;align-items:center;gap:var(--space-2);overflow:hidden}.delegation-card__toggle{color:var(--color-text-muted);flex-shrink:0}.delegation-card__teams{display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delegation-card__intent{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1);padding-left:calc(14px + var(--space-2) + 14px + var(--space-2))}.delegation-card__details{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.delegation-card__meta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.delegation-card__kb{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-wrap:wrap}.delegation-card__kb-ref{background:var(--color-surface-elevated);padding:1px var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs)}.delegation-card__reason,.delegation-card__message{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.delegation-icon--pending{color:var(--color-info)}.delegation-icon--success{color:var(--color-success)}.delegation-icon--error{color:var(--color-error)}.delegation-card__pipeline{margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border-left:2px solid var(--color-brass);background:var(--color-surface-elevated);border-radius:var(--radius-sm)}.delegation-card__pipeline .pipeline-strip{font-size:var(--font-size-xs)}.delegation-card__pipeline .pipeline-strip__group{padding:var(--space-1) var(--space-2)}.cost-dashboard{display:flex;flex-direction:column;gap:var(--space-4)}.cost-dashboard__loading,.cost-dashboard__empty{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;padding:var(--space-2) 0}.cost-dashboard--compact{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs)}.cost-dashboard__badge{background:var(--color-surface-elevated);padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap}.cost-dashboard__cost{display:flex;align-items:center;gap:2px;color:var(--color-text-secondary);font-family:var(--font-mono)}.cost-dashboard__summary{display:flex;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md)}.cost-dashboard__stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.cost-dashboard__section{display:flex;flex-direction:column;gap:var(--space-2)}.cost-dashboard__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.cost-dashboard__team{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.cost-dashboard__team-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.cost-dashboard__team-name{font-weight:var(--font-weight-medium);flex:1}.cost-dashboard__team-agents{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cost-dashboard__team-cost{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);color:var(--color-brass)}.cost-dashboard__bar-bg{height:4px;background:var(--color-border);border-radius:2px;margin-top:var(--space-1)}.cost-dashboard__bar{height:100%;background:var(--color-brass);border-radius:2px;transition:width .3s ease}.cost-dashboard__team-meta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.cost-dashboard__agents{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border);display:flex;flex-direction:column;gap:var(--space-1)}.cost-dashboard__agent{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);padding-left:var(--space-4)}.cost-dashboard__agent-name{flex:1;color:var(--color-text-secondary)}.cost-dashboard__agent-cost{font-family:var(--font-mono);font-weight:var(--font-weight-medium)}.cost-dashboard__agent-tokens{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.65rem}.cost-dashboard__delegation{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.cost-dashboard__delegation-flow{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.cost-dashboard__delegation-meta{display:flex;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}
