:root{--color-bg-primary:#07111f;--color-bg-secondary:#07111feb;--color-bg-tertiary:#13243ee0;--color-bg-hover:#ffffff0a;--color-bg-active:#7df9ff1f;--color-border-primary:var(--color-border-primary);--color-border-secondary:var(--color-border-secondary);--color-border-hover:#b4dcff40;--color-accent-primary:#7df9ff;--color-accent-secondary:#a8ffcf;--color-accent-tertiary:#72ff9f;--color-accent-success:var(--color-accent-success);--color-accent-warning:var(--color-accent-warning);--color-accent-error:var(--color-accent-error);--color-accent-info:var(--color-accent-info);--color-text-primary:var(--color-text-primary);--color-text-secondary:var(--color-text-secondary);--color-text-muted:var(--color-text-muted);--color-text-muted-dark:var(--color-text-muted-dark);--color-text-muted-light:var(--color-text-muted-light);--radius-xs:6px;--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-xxl:var(--radius-xxl);--radius-xxxl:22px;--radius-full:9999px;--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-card:var(--shadow-card);--shadow-panel:var(--shadow-panel);--glow-accent:var(--glow-accent);--glow-accent-sm:var(--glow-accent-sm);--font-size-xs:var(--font-size-xs);--font-size-sm:var(--font-size-sm);--font-size-base:var(--font-size-base);--font-size-lg:var(--font-size-lg);--font-size-xl:var(--font-size-xl);--font-size-2xl:var(--font-size-2xl);--font-size-3xl:var(--font-size-3xl);--font-size-4xl:var(--font-size-4xl);--font-weight-light:var(--font-weight-light);--font-weight-normal:var(--font-weight-normal);--font-weight-medium:var(--font-weight-medium);--font-weight-semibold:var(--font-weight-semibold);--font-weight-bold:var(--font-weight-bold);--font-weight-extrabold:var(--font-weight-extrabold);--line-height-tight:var(--line-height-tight);--line-height-normal:var(--line-height-normal);--line-height-relaxed:var(--line-height-relaxed);--spacing-xs:var(--spacing-xs);--spacing-sm:var(--spacing-sm);--spacing-md:var(--spacing-md);--spacing-lg:var(--spacing-lg);--spacing-xl:var(--spacing-xl);--spacing-xxl:var(--spacing-xxl);--spacing-xxxl:var(--spacing-xxxl);--transition-fast:var(--transition-fast);--transition-normal:var(--transition-normal);--transition-slow:var(--transition-slow);--sidebar-width:var(--sidebar-width);--header-height:var(--header-height);--color-background-primary:var(--color-bg-primary);--color-background-secondary:var(--color-bg-secondary);--color-background-tertiary:var(--color-bg-tertiary)}.card,.panel{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxxl);padding:var(--spacing-xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal);background:linear-gradient(#13243ee0,#0b182be0)}.card:hover,.panel:hover{border-color:var(--color-border-hover);box-shadow:0 20px 55px #00000040}.card:active,.panel:active{transform:translateY(1px)}.card-header,.panel-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.card-header h2,.panel-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);align-items:center;gap:var(--spacing-md);display:flex}.card-body,.panel-body{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.card-footer,.panel-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-secondary);font-size:var(--font-size-sm);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.metric-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxxl);padding:var(--spacing-xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal);background:linear-gradient(#13243ee0,#0b182be0);flex-direction:column;justify-content:space-between;min-height:110px;display:flex}.metric-card:hover{border-color:var(--color-border-hover);box-shadow:0 20px 55px #00000040}.metric-card:active{transform:translateY(1px)}.metric-top{justify-content:space-between;align-items:center;display:flex}.metric-top span,.metric-top small{color:var(--color-text-muted)}.metric-top .data-source-badge{margin-left:var(--spacing-md)}.metric-card strong{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.metric-card small{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);display:block}.metric-untracked{opacity:.7}.metric-untracked strong{color:var(--color-text-muted-dark)}.status-dot{width:var(--size,9px);height:var(--size,9px);border-radius:var(--radius-full);background-color:var(--color,#7f9bb8);box-shadow:var(--glow,none);flex-shrink:0;display:inline-block}.pulse-dot{border-radius:var(--radius-full);background:var(--color-accent-success);border:2px solid var(--color-background-tertiary);width:8px;height:8px;animation:1.8s ease-in-out infinite pulse;display:inline-block;position:absolute;bottom:-2px;right:-2px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}input,select{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff0e;outline:none;padding:12px 16px}input:focus,select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #7df9ff1f}button{cursor:pointer;color:var(--color-accent-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);background:linear-gradient(135deg,#7df9ff1f,#a8ffcf14);border:none;padding:8px 16px}button:hover{background:linear-gradient(135deg,#7df9ff33,#a8ffcf1f)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}code{border-radius:var(--radius-xs);color:var(--color-text-secondary);background:#ffffff0f;padding:2px 6px;font-size:.85em}h1,h2,h3,h4,p{margin:0}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2390abc8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border-primary);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xxl) var(--spacing-xl);border-bottom:1px solid var(--color-border-secondary);display:flex}.sidebar-brand svg{width:28px;height:28px;color:var(--color-accent-primary);fill:none}.sidebar-brand div{line-height:1.3}.sidebar-brand strong{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:block}.sidebar-brand span{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.sidebar nav{padding:var(--spacing-lg) var(--spacing-md);flex:1;overflow-y:auto}.nav-section{margin-bottom:var(--spacing-xxl)}.nav-section-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;padding:0 var(--spacing-sm);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);display:block}.nav-section button{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left;transition:all var(--transition-fast);background:0 0;margin-bottom:2px;display:flex}.nav-section button:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.nav-section button.active{background:var(--color-bg-active);color:var(--color-accent-primary);font-weight:var(--font-weight-medium);border:1px solid #7df9ff26}.nav-section button svg{flex-shrink:0}.sidebar-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-secondary)}.sidebar-de-status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.sidebar-de-count{align-items:center;gap:var(--spacing-sm);display:flex}.main-content{margin-left:var(--sidebar-width);padding:var(--spacing-xxxl);background:var(--color-bg-primary);flex:1;min-height:100vh}.topbar{margin-bottom:var(--spacing-xxxl);justify-content:space-between;align-items:flex-start;display:flex}.topbar h1{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-top:var(--spacing-xs);display:flex}.topbar h1 svg{color:var(--color-accent-primary)}.status-cluster{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);border:1px solid var(--color-border-secondary);white-space:nowrap;background:#13243e99;display:flex}.login-shell{background:radial-gradient(circle at 20% 20%, #2979ff59, transparent 32%), radial-gradient(circle at 80% 5%, #60efff2e, transparent 35%), linear-gradient(145deg, var(--color-bg-primary), #101b32 55%, #06101d);place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxxl);width:min(440px,100vw - 32px);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#091527b8;padding:42px}.brand-mark{border-radius:var(--radius-lg);color:#06101d;background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-secondary));place-items:center;width:58px;height:58px;margin-bottom:26px;display:grid}.eyebrow{color:var(--color-text-muted-light);text-transform:uppercase;letter-spacing:.13em;font-size:var(--font-size-xs);margin:0 0 var(--spacing-sm)}.login-card h1{font-size:var(--font-size-4xl)}.subtitle{color:var(--color-text-muted-light);margin-top:var(--spacing-sm);line-height:1.6}.login-form{gap:var(--spacing-md);margin-top:var(--spacing-xxl);display:grid}.login-form label{color:var(--color-text-muted-light);font-size:var(--font-size-sm)}.login-form button{margin-top:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);padding:14px}.preview-note{margin-top:var(--spacing-xl);font-size:var(--font-size-xs);color:var(--color-text-muted-dark);text-align:center}.dashboard-grid{gap:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard-grid{grid-template-columns:1fr}}.panel{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxxl);padding:var(--spacing-xl);box-shadow:var(--shadow-card);background:linear-gradient(#13243ee0,#0b182be0)}.de-bar-panel{grid-column:span 3}.chat-panel{grid-column:span 1}.usage-widget{grid-column:span 2}.panel-heading{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);display:flex}.panel-heading h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xs);display:flex}.panel-heading .eyebrow{margin-bottom:2px}.live-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-success);letter-spacing:.05em;align-items:center;gap:4px;display:inline-flex}.refresh-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);border:1px solid var(--color-border-secondary);font-size:var(--font-size-lg);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.refresh-btn:hover{color:var(--color-text-secondary);background:#ffffff14}.muted-icon{color:var(--color-text-muted-dark);opacity:.5}.de-bar-grid{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.de-bar-card{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);background:#ffffff08;flex-direction:column;flex:1;gap:4px;min-width:160px;display:flex}.de-bar-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.de-bar-header strong{font-size:var(--font-size-sm);color:var(--color-text-primary)}.de-bar-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.de-bar-task{font-size:var(--font-size-xs);color:var(--color-text-muted-dark);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.de-bar-working{border-left:3px solid var(--color-accent-success)}.de-bar-idle{border-left:3px solid var(--color-text-muted)}.de-bar-blocked{border-left:3px solid var(--color-accent-error)}.chat-thread{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;max-height:260px;display:flex;overflow-y:auto}.chat-thread .message{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.5}.chat-thread .jarvis{color:var(--color-text-secondary);background:#7df9ff14;border:1px solid #7df9ff1a}.chat-thread .user{color:var(--color-text-secondary);background:#72ff9f14;border:1px solid #72ff9f1a;align-self:flex-end}.chat-input{gap:var(--spacing-sm);display:flex}.chat-input input{border-radius:var(--radius-lg);flex:1}.chat-input button{white-space:nowrap}.usage-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.page-panel-full{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxxl);padding:var(--spacing-xxl);box-shadow:var(--shadow-card);background:linear-gradient(#13243ee0,#0b182be0)}.de-page-heading{margin-bottom:var(--spacing-xxl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.de-page-controls{align-items:center;gap:var(--spacing-lg);display:flex}.de-summary{gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.de-summary-working{color:var(--color-accent-success)}.de-summary-idle{color:var(--color-text-muted)}.de-summary-blocked{color:var(--color-accent-error)}.de-panels-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.de-panel{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background:linear-gradient(#13243ee0,#0b182be0);overflow:hidden}.de-panel:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.de-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.de-header-left{align-items:center;gap:var(--spacing-lg);display:flex}.de-avatar{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-accent-primary);background:#7df9ff14;justify-content:center;align-items:center;display:flex;position:relative}.de-name{font-size:var(--font-size-sm);color:var(--color-text-primary);display:block}.de-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.de-body{padding:var(--spacing-lg)}.de-field{gap:var(--spacing-sm);align-items:baseline;display:flex}.de-field-label{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:60px}.de-field-value{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-panel{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxxl);padding:var(--spacing-xxl);box-shadow:var(--shadow-card);background:linear-gradient(#13243ee0,#0b182be0)}.sessions-table{flex-direction:column;display:flex}.session-row{gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border-secondary);font-size:var(--font-size-sm);grid-template-columns:120px 80px 1fr 80px 80px 60px 1fr;align-items:center;display:grid}.session-header{color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.session-id{color:var(--color-accent-primary);font-family:monospace;font-size:var(--font-size-xs)}.session-model{color:var(--color-text-secondary)}.session-title{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pill-source{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 8px;display:inline-block}.pill-telegram{color:var(--color-accent-primary);background:#7df9ff1f}.pill-slack{color:var(--color-accent-secondary);background:#a8ffcf1f}.pill-cli{color:var(--color-accent-warning);background:#ffb3471f}.pill-web{color:var(--color-text-muted-light);background:#7df9ff14}.table-list{flex-direction:column;display:flex}.table-row{gap:var(--spacing-lg);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border-secondary);font-size:var(--font-size-sm);grid-template-columns:auto 1fr auto auto auto;align-items:center;display:grid}.table-owner{color:var(--color-text-muted)}.pill{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-warning);background:#ffb3471f;padding:2px 10px;display:inline-block}.settings-list{gap:var(--spacing-lg);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.settings-list label{align-items:center;gap:var(--spacing-lg);display:flex}.settings-list label span{min-width:160px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-list label input{flex:1}.ai-runtime-page{gap:var(--spacing-xxl);flex-direction:column;display:flex}.runtime-header{justify-content:space-between;align-items:flex-start;display:flex}.runtime-title{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex}.runtime-title svg{color:var(--color-accent-primary)}.runtime-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.runtime-tabs{gap:var(--spacing-xs);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);background:#ffffff08;flex-wrap:wrap;padding:4px;display:flex}.runtime-tab{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:0 0;border:none;display:flex}.runtime-tab:hover{color:var(--color-text-secondary);background:#ffffff0a}.runtime-tab.active{color:var(--color-accent-primary);font-weight:var(--font-weight-medium);background:linear-gradient(135deg,#7df9ff1f,#a8ffcf0f);border:1px solid #7df9ff26}.runtime-tab svg{flex-shrink:0}.runtime-overview{gap:var(--spacing-xxl);flex-direction:column;display:flex}.runtime-section{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxl);padding:var(--spacing-xl);box-shadow:var(--shadow-card);background:linear-gradient(#13243ee0,#0b182be0)}.section-title{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);display:flex}.section-title svg{color:var(--color-accent-primary)}.section-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);line-height:1.6}.company-brain-panel{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxl);padding:var(--spacing-xl);box-shadow:var(--shadow-card);background:linear-gradient(#13243ee0,#0b182be0);position:relative;overflow:hidden}.company-brain-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent-primary), transparent);opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.brain-top-row{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.brain-header-section{align-items:center;gap:var(--spacing-lg);display:flex}.brain-health-ring{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.brain-health-icon{font-size:20px}.brain-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.brain-status-text{font-size:var(--font-size-sm);margin-top:2px;display:block}.brain-meta{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex}.brain-updated{white-space:nowrap}.brain-stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=800px){.brain-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.brain-stats-grid{grid-template-columns:1fr}}.brain-stat-box{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);background:#ffffff08;flex-direction:column;gap:4px;display:flex}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);word-break:break-all}.stat-muted{font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);color:var(--color-text-muted)}.stat-note{font-size:var(--font-size-xs);color:var(--color-text-muted-dark)}.brain-warnings-panel{margin-top:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;display:flex}.provider-summary-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=700px){.provider-summary-grid{grid-template-columns:repeat(2,1fr)}}.summary-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);background:#ffffff08;flex-direction:column;align-items:center;gap:4px;display:flex}.summary-count{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold)}.summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.provider-mini-bar{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.provider-mini{border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-muted);border:1px solid var(--color-border-secondary);background:#ffffff0a;align-items:center;gap:4px;padding:4px 10px;display:flex}.provider-mini.active,.provider-mini.connected{color:var(--color-accent-success);border-color:#72ff9f4d}.provider-mini.no_key{color:var(--color-accent-error);border-color:#ff72724d}.mini-more{font-size:var(--font-size-xs);color:var(--color-text-muted-dark);padding:4px 8px}.agent-bar-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.agent-mini-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);background:#ffffff08;flex-direction:column;gap:6px;display:flex}.agent-mini-card.active{border-left:3px solid var(--color-accent-success)}.agent-mini-card.error{border-left:3px solid var(--color-accent-error)}.agent-mini-header{align-items:center;gap:var(--spacing-sm);display:flex}.agent-mini-header strong{font-size:var(--font-size-sm);color:var(--color-text-primary)}.mini-lock{color:var(--color-text-muted-dark);margin-left:auto}.agent-mini-model{font-size:var(--font-size-xs);color:var(--color-text-muted)}.agent-mini-mode{font-size:var(--font-size-xs);color:var(--color-text-muted-dark)}.hermes-providers-page{gap:var(--spacing-xxl);flex-direction:column;display:flex}.provider-grid-full{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.provider-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background:linear-gradient(#13243ee0,#0b182be0);overflow:hidden}.provider-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.provider-header{padding:var(--spacing-lg);align-items:center;gap:var(--spacing-lg);border-bottom:1px solid var(--color-border-secondary);display:flex}.provider-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.provider-info{flex:1;min-width:0}.provider-name-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.provider-name{font-size:var(--font-size-base);color:var(--color-text-primary)}.provider-type-badge,.active-runtime-badge,.oauth-badge{border-radius:var(--radius-xs);font-size:11px;font-weight:var(--font-weight-medium);padding:1px 6px}.active-runtime-badge{color:var(--color-accent-success);letter-spacing:.05em;background:#72ff9f1f}.oauth-badge{color:var(--color-accent-primary);background:#7df9ff1a;font-size:10px}.expand-hint{color:var(--color-text-muted-dark);margin-left:auto;font-size:10px}.provider-status-line{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);margin-top:4px;display:flex}.runtime-model-badge{border-radius:var(--radius-xs);color:var(--color-accent-primary);background:#7df9ff14;padding:1px 6px;font-size:10px}.provider-model-list{padding:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;display:flex}.model-list-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.model-list-item{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;gap:var(--spacing-lg);background:#ffffff08;display:flex}.model-list-item.runtime-model,.model-list-item.selected{background:#7df9ff0f;border-color:#7df9ff40}.model-item-info{align-items:center;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.model-item-name{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.model-tier{border-radius:var(--radius-xs);font-size:10px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.03em;padding:1px 6px}.model-tier-premium{color:var(--color-accent-warning);background:#ffb3471f}.model-tier-balanced{color:var(--color-accent-primary);background:#7df9ff1a}.model-tier-cheap{color:var(--color-text-muted);background:#ffffff0a}.runtime-tag{border-radius:var(--radius-xs);color:var(--color-accent-success);letter-spacing:.05em;background:#72ff9f26;padding:1px 5px;font-size:9px}.model-item-actions{gap:var(--spacing-sm);flex-shrink:0;display:flex}.model-select-btn,.model-apply-btn{font-size:var(--font-size-xs);border-radius:var(--radius-sm);padding:4px 10px}.model-select-btn:disabled{color:var(--color-accent-success);background:#72ff9f1a}.provider-capabilities{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm);border-bottom:1px solid var(--color-border-secondary);flex-wrap:wrap;display:flex}.cap-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-muted-light);border:1px solid var(--color-border-secondary);background:#7df9ff0f;padding:2px 8px;display:inline-block}.provider-actions-row{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md);align-items:center;display:flex}.cfg-btn{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);color:var(--color-text-muted-light);border:1px solid var(--color-border-secondary);background:#ffffff0a;padding:6px 12px;display:flex}.cfg-btn:hover{color:var(--color-text-secondary);background:#ffffff14}.cfg-hint{font-size:var(--font-size-xs);color:var(--color-text-muted-dark)}.cfg-hint code{font-size:inherit}.inline-config-form{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary);background:#7df9ff08}.inline-config-body{gap:var(--spacing-lg);flex-direction:column;display:flex}.inline-config-footer{margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}.inline-config-done{padding:var(--spacing-lg);text-align:center;color:var(--color-accent-success);font-size:var(--font-size-sm)}.inline-config-error{color:var(--color-accent-error);font-size:var(--font-size-sm)}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted-dark)}.key-input{font-family:monospace}.cfg-save-btn{font-size:var(--font-size-sm);padding:8px 20px}.custom-provider-form{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);background:linear-gradient(#13243ee0,#0b182be0)}.custom-form-grid{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-done{text-align:center;padding:var(--spacing-xxl);color:var(--color-accent-success);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.btn-connect{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-self:flex-start;padding:10px 24px}.arch-note{gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:#7df9ff0a;border:1px solid #7df9ff1a;align-items:flex-start;line-height:1.6;display:flex}.arch-note svg{color:var(--color-accent-primary);flex-shrink:0;margin-top:2px}.arch-note strong{color:var(--color-text-primary)}.arch-note p{color:var(--color-text-secondary);margin-top:4px}.agent-brains-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(420px,1fr));display:grid}.brain-card-v2{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background:linear-gradient(#13243ee0,#0b182be0);overflow:hidden}.brain-card-v2:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.brain-card-v2.brain-locked{border-color:#7df9ff26}.brain-card-v2.brain-saved{border-color:#72ff9f4d}.brain-v2-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.brain-v2-header-left{align-items:center;gap:var(--spacing-lg);display:flex}.brain-v2-avatar{border-radius:var(--radius-lg);width:38px;height:38px;color:var(--color-accent-primary);background:#7df9ff14;justify-content:center;align-items:center;display:flex;position:relative}.brain-v2-name-row{align-items:center;gap:var(--spacing-sm);display:flex}.brain-v2-name{font-size:var(--font-size-base);color:var(--color-text-primary)}.brain-auto-badge{border-radius:var(--radius-xs);color:var(--color-accent-primary);background:#7df9ff14;padding:1px 5px;font-size:10px}.brain-lock-icon{color:var(--color-text-muted-dark)}.brain-v2-role{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;display:block}.brain-v2-header-right{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.brain-status-badge{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);padding:4px 10px;display:inline-flex}.lock-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-text-muted);border:1px solid var(--color-border-secondary);background:#ffffff0a;justify-content:center;align-items:center;padding:0;display:flex}.lock-btn.locked{color:var(--color-accent-primary);background:#7df9ff14;border-color:#7df9ff33}.brain-v2-body{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}.brain-v2-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=500px){.brain-v2-grid{grid-template-columns:1fr}}.brain-v2-field{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary);background:#ffffff08;flex-direction:column;gap:4px;display:flex}.field-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.field-value{font-size:var(--font-size-sm);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.brain-select{font-size:var(--font-size-xs);border-radius:var(--radius-sm);padding:4px 8px}.brain-v2-metrics{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=500px){.brain-v2-metrics{grid-template-columns:1fr}}.v2-metric{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;gap:2px;display:flex}.v2-metric-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.v2-metric-value{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:var(--spacing-sm);display:flex}.brain-skills{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary);background:#ffffff08}.brain-skills-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);display:block}.brain-skills-grid{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.skill-chip{font-size:var(--font-size-xs);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.skill-chip.enabled{color:var(--color-accent-success);background:#72ff9f1a;border:1px solid #72ff9f33}.skill-chip.disabled{color:var(--color-text-muted-dark);border:1px solid var(--color-border-secondary);background:#ffffff08}.save-confirm{font-size:var(--font-size-xs);color:var(--color-accent-success);font-weight:var(--font-weight-medium);text-align:center}.brain-switch-panel{padding:var(--spacing-lg);border-top:1px solid var(--color-border-primary);border-bottom:1px solid var(--color-border-primary);gap:var(--spacing-sm);background:#7df9ff08;flex-direction:column;display:flex}.switch-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.switch-options{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.switch-option{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);color:var(--color-text-muted);border:1px solid var(--color-border-secondary);background:#ffffff08;padding:6px 12px;display:flex}.switch-option.active{color:var(--color-accent-primary);background:#7df9ff14;border-color:#7df9ff33}.switch-model{color:var(--color-text-muted-dark);font-size:10px}.brain-v2-footer{gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-secondary);align-items:center;display:flex}.brain-edit-btn-sm,.brain-switch-btn{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);color:var(--color-text-muted-light);border:1px solid var(--color-border-secondary);background:#ffffff0a;padding:6px 12px;display:flex}.locked-hint{font-size:var(--font-size-xs);color:var(--color-text-muted-dark);align-items:center;gap:4px;margin-left:auto;display:flex}.mode-selector{gap:4px;display:flex}.mode-btn{border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.mode-btn-sm{padding:3px 6px}.mode-active{border-color:var(--color-accent-primary);background:#7df9ff14}.mode-disabled{opacity:.4;cursor:not-allowed}.usage-monitoring-panel{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxl);padding:var(--spacing-xl);box-shadow:var(--shadow-card);background:linear-gradient(#13243ee0,#0b182be0)}.panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.usage-status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.usage-metrics-row{gap:var(--spacing-md);margin-top:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=600px){.usage-metrics-row{grid-template-columns:1fr}}.usage-metric-box{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary);background:#ffffff08;flex-direction:column;gap:4px;display:flex}.um-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.um-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);display:flex}.untracked-notice{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xxxl);text-align:center;flex-direction:column;display:flex}.untracked-notice svg{margin-bottom:var(--spacing-sm)}.untracked-notice h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-muted-light)}.untracked-notice p{font-size:var(--font-size-sm);color:var(--color-text-muted-dark);max-width:300px}.alert-badge{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}.alert-severity{font-size:var(--font-size-base);flex-shrink:0}.alert-message{color:var(--color-text-secondary);line-height:1.5}.severity-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-xs);background-color:#0003;display:flex}.data-source-badge{font-size:10px;font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.03em;text-transform:uppercase;align-items:center;padding:2px 8px;display:inline-flex}.data-source-badge.real{background:#72ff9f1f}.data-source-badge.derived{background:#7df9ff1f}.data-source-badge.mock{background:#ffb3471f}.data-source-badge.unknown{background:#7f9bb814}.loading-screen{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:400px;display:flex}.loading-spinner{border:3px solid var(--color-border-secondary);border-top-color:var(--color-accent-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-sub{font-size:var(--font-size-sm);color:var(--color-text-muted)}.add-custom-provider{margin-top:var(--spacing-lg)}.dash-v2{gap:var(--spacing-xl);flex-direction:column;display:flex}.dash-metrics-row{gap:var(--spacing-lg);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=1100px){.dash-metrics-row{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.dash-metrics-row{grid-template-columns:repeat(2,1fr)}}@media (width<=400px){.dash-metrics-row{grid-template-columns:1fr}}.dash-metric-card{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);border:1px solid var(--color-border-primary);border-radius:var(--radius-xxl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background:linear-gradient(#13243ee0,#0b182be0);display:flex}.dash-metric-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.dash-metric-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dash-metric-body{flex:1;min-width:0}.dash-metric-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;display:block}.dash-metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:4px;line-height:1.2;display:block}.dash-metric-detail{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted-dark);flex-wrap:wrap;display:flex}.dash-stat-working{color:var(--color-accent-success);font-weight:var(--font-weight-medium)}.dash-stat-idle{color:var(--color-text-muted)}.dash-stat-blocked{color:var(--color-accent-error);font-weight:var(--font-weight-medium)}.dash-stat-divider{color:var(--color-text-muted-dark);opacity:.3}.dash-panels-row{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.dash-panels-row{grid-template-columns:1fr}}.dash-panel{border:1px solid var(--color-border-primary);border-radius:var(--radius-xxl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background:linear-gradient(#13243ee0,#0b182be0);overflow:hidden}.dash-panel:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.dash-panel-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.dash-panel-header h3{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex}.dash-panel-header h3 svg{color:var(--color-accent-primary);flex-shrink:0}.dash-count-badge{border-radius:var(--radius-full);min-width:22px;height:22px;color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background:#7df9ff1f;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.dash-de-compact{padding:var(--spacing-sm) 0;max-height:420px;overflow-y:auto}.dash-de-row{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border-secondary);transition:background var(--transition-fast);display:flex}.dash-de-row:last-child{border-bottom:none}.dash-de-row:hover{background:var(--color-bg-hover)}.dash-de-row-left{align-items:center;gap:var(--spacing-md);min-width:180px;display:flex}.dash-de-row-left div{flex-direction:column;display:flex}.dash-de-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.dash-de-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dash-de-row-center{flex:1;min-width:0}.dash-de-task{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dash-de-model{color:var(--color-text-muted-dark);margin-top:2px;font-family:monospace;font-size:10px;display:block}.dash-de-row-right{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted-dark);flex-shrink:0;display:flex}.dash-de-duration{color:var(--color-accent-primary);font-weight:var(--font-weight-medium)}.dash-de-platform{text-transform:uppercase;letter-spacing:.05em;font-size:9px}.dash-de-working{border-left:3px solid var(--color-accent-success)}.dash-de-idle{border-left:3px solid var(--color-text-muted-dark)}.dash-de-blocked{border-left:3px solid var(--color-accent-error)}.dash-panel-pipeline{flex-direction:column;display:flex}.dash-pipeline{padding:var(--spacing-lg) var(--spacing-xl);flex-direction:column;flex:1;gap:0;display:flex}.dash-pipeline-step{flex-direction:column;align-items:center;display:flex}.dash-pipe-node{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);width:100%;transition:all var(--transition-normal);background:#ffffff08;display:flex}.dash-pipe-node.pipe-active{background:#7df9ff0f;border-color:#7df9ff40;box-shadow:0 0 20px #7df9ff14}.dash-pipe-icon{border-radius:var(--radius-lg);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.pipe-active .dash-pipe-icon{background:#7df9ff1a}.dash-pipe-info{line-height:1.3}.dash-pipe-info strong{font-size:var(--font-size-sm);color:var(--color-text-primary);display:block}.dash-pipe-info span{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block}.dash-pipe-info small{color:var(--color-text-muted-dark);font-size:10px;display:block}.dash-pipe-arrow{flex-direction:column;align-items:center;width:100%;height:32px;padding:4px 0;display:flex;position:relative}.dash-pipe-arrow-line{background:linear-gradient(to bottom, var(--color-border-hover), var(--color-border-secondary));border-radius:1px;flex:1;width:2px;position:absolute;top:0;bottom:0}.dash-pipe-arrow-head{color:var(--color-text-muted-dark);font-size:8px;position:absolute;bottom:2px}.dash-pipeline-status-bar{padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--color-border-secondary);align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);display:flex}.dash-pipe-status-label{color:var(--color-text-muted)}.dash-pipe-status-value{color:var(--color-text-muted-light)}.dash-feed{padding:var(--spacing-sm) 0;max-height:420px;overflow-y:auto}.dash-feed-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border-secondary);transition:background var(--transition-fast);display:flex}.dash-feed-item:last-child{border-bottom:none}.dash-feed-item:hover{background:var(--color-bg-hover)}.dash-feed-dot{background:var(--color-text-muted-dark);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.dash-feed-chat .dash-feed-dot{background:var(--color-accent-primary)}.dash-feed-slack .dash-feed-dot{background:var(--color-accent-secondary)}.dash-feed-system .dash-feed-dot{background:var(--color-accent-warning)}.dash-feed-agent .dash-feed-dot{background:var(--color-accent-success)}.dash-feed-deploy .dash-feed-dot{background:#b479ff}.dash-feed-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.dash-feed-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.dash-feed-time{font-size:var(--font-size-xs);color:var(--color-text-muted-dark);white-space:nowrap;flex-shrink:0}.dash-cost-grid{gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.dash-cost-item{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);background:#ffffff08;flex-direction:column;gap:2px;display:flex}.dash-cost-main{background:#7df9ff0a;border-color:#7df9ff26}.dash-cost-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.dash-cost-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.dash-cost-main .dash-cost-value{font-size:var(--font-size-3xl);color:var(--color-accent-primary)}.dash-cost-hint{color:var(--color-text-muted-dark);font-size:10px}.dash-cost-bar{padding:0 var(--spacing-xl) var(--spacing-lg);align-items:center;gap:var(--spacing-lg);display:flex}.dash-cost-bar-track{background:#ffffff0f;border-radius:3px;flex:1;height:6px;overflow:hidden}.dash-cost-bar-fill{background:linear-gradient(90deg, var(--color-accent-primary), var(--color-accent-success));height:100%;transition:width var(--transition-slow);border-radius:3px}.dash-cost-bar-idle{background:var(--color-text-muted-dark);opacity:.3}.dash-cost-bar-label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.dash-router-grid{gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}@media (width<=500px){.dash-router-grid{grid-template-columns:1fr}}.dash-router-active{grid-column:1/-1}.dash-router-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);display:block}.dash-router-block{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);background:#7df9ff0a;border:1px solid #7df9ff26;display:flex}.dash-router-provider{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-accent-primary)}.dash-router-model{font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-xs);background:#ffffff0a;padding:2px 8px;font-family:monospace}.dash-router-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.dash-router-agent{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border-secondary);font-size:var(--font-size-xs);background:#ffffff08;display:flex}.dash-router-agent-name{color:var(--color-text-secondary);flex:1}.dash-router-agent-model{color:var(--color-text-muted-dark);font-family:monospace;font-size:10px}.dash-router-empty{font-size:var(--font-size-xs);color:var(--color-text-muted-dark);padding:var(--spacing-sm);font-style:italic}.dash-router-provider-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.dash-router-provider-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.dash-router-provider-item.active{color:var(--color-accent-primary);font-weight:var(--font-weight-medium)}.dash-rp-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dash-rp-name{flex:1}.dash-rp-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-xs);color:var(--color-accent-success);background:#72ff9f26;padding:1px 5px;font-size:8px}.dash-rp-more{font-size:var(--font-size-xs);color:var(--color-text-muted-dark);padding:var(--spacing-xs) var(--spacing-sm)}.dash-alerts-grid{gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=500px){.dash-alerts-grid{grid-template-columns:1fr}}.dash-alert-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);border-left:3px solid var(--color-text-muted-dark);background:#ffffff08;display:flex}.dash-alert-good{border-left-color:var(--color-accent-success)}.dash-alert-icon{flex-shrink:0;margin-top:1px;font-size:16px}.dash-alert-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;display:block}.dash-alert-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin-top:2px;display:block}.dash-alerts-warnings{padding:0 var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;display:flex}.dash-legend{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) 0;font-size:var(--font-size-xs);color:var(--color-text-muted-dark);flex-wrap:wrap;display:flex}.dash-legend-label{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.dash-legend-item{align-items:center;gap:4px;display:inline-flex}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{padding:var(--spacing-lg);margin-left:0}.agent-brains-grid,.provider-grid-full,.de-panels-grid{grid-template-columns:1fr}.session-row{gap:var(--spacing-sm);font-size:var(--font-size-xs);grid-template-columns:1fr 1fr}.session-header{display:none}.table-row{gap:var(--spacing-sm);grid-template-columns:1fr}}@media (width<=640px){.main-content{padding:var(--spacing-md)}.topbar{gap:var(--spacing-md);flex-direction:column}.brain-top-row{flex-direction:column}.runtime-header{gap:var(--spacing-md);flex-direction:column}.settings-list label{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.settings-list label span{min-width:auto}.usage-metrics-row{grid-template-columns:1fr}.de-page-heading{flex-direction:column;align-items:flex-start}.de-page-controls{flex-wrap:wrap;width:100%}.login-card{padding:var(--spacing-xxl)}}