:root{--color-bg-primary:#070b12;--color-bg-secondary:#070b12f2;--color-bg-tertiary:#0d1422eb;--color-bg-hover:#ffffff0a;--color-bg-active:#38bdf81a;--color-bg-card:#0d1422d9;--color-bg-elevated:#121c2ee6;--color-border-primary:#38bdf81a;--color-border-secondary:#ffffff0f;--color-border-hover:#38bdf833;--color-border-active:#38bdf859;--color-accent-primary:#38bdf8;--color-accent-secondary:#22d3ee;--color-accent-tertiary:#818cf8;--color-accent-success:#4ade80;--color-accent-warning:#fbbf24;--color-accent-error:#f87171;--color-accent-info:#38bdf8;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-muted-dark:#475569;--color-text-muted-light:#cbd5e1;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-xxl:18px;--radius-xxxl:22px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 40px #0006;--shadow-xl:0 18px 50px #00000059;--shadow-card:0 8px 32px #0000004d;--shadow-panel:0 12px 48px #00000040;--shadow-glow:0 0 20px #38bdf826;--shadow-glow-sm:0 0 12px #38bdf814;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem;--font-size-4xl:1.875rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--spacing-2xs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px;--spacing-xxxl:32px;--spacing-xxxxl:40px;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--sidebar-width:280px;--sidebar-collapsed:64px;--topbar-height:56px}.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)}.app-shell-v3{background:var(--color-bg-primary);min-height:100vh;display:flex}.sidebar-v3{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border-primary);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-v3::-webkit-scrollbar{width:0}.sidebar-v3-brand{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xxl) var(--spacing-xl);border-bottom:1px solid var(--color-border-primary);display:flex}.sidebar-v3-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));color:#070b12;width:32px;height:32px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-v3-brand-text strong{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.08em}.sidebar-v3-nav{padding:var(--spacing-md) var(--spacing-sm);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-v3-item{align-items:center;gap:var(--spacing-md);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;width:100%;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;display:flex}.sidebar-v3-item:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.sidebar-v3-item.active{background:var(--color-bg-active);color:var(--color-accent-primary);border-color:var(--color-border-active);font-weight:var(--font-weight-medium)}.sidebar-v3-item svg{opacity:.8;flex-shrink:0}.sidebar-v3-item.active svg{opacity:1}.sidebar-v3-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-primary)}.sidebar-v3-org{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.06em;display:flex}.sidebar-v3-org svg{opacity:.5}.sidebar-v3-projects{flex-direction:column;gap:2px;display:flex}.sidebar-v3-project{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--font-size-xs);color:var(--color-text-muted-dark);transition:all var(--transition-fast);display:flex}.sidebar-v3-project:hover{color:var(--color-text-muted)}.sidebar-v3-project.active{color:var(--color-text-secondary)}.sidebar-v3-project-dot{background:var(--color-text-muted-dark);border-radius:50%;flex-shrink:0;width:4px;height:4px}.sidebar-v3-project.active .sidebar-v3-project-dot{background:var(--color-accent-primary)}.main-area-v3{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar-v3{padding:var(--spacing-md) var(--spacing-xxxl);border-bottom:1px solid var(--color-border-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;justify-content:space-between;align-items:center;gap:var(--spacing-xl);background:#070b12cc;display:flex;position:sticky;top:0}.topbar-v3-left{flex-direction:column;gap:0;display:flex}.topbar-v3-breadcrumb{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-weight:var(--font-weight-medium);line-height:1.2}.topbar-v3-subtitle{color:var(--color-text-muted-dark);letter-spacing:.12em;text-transform:uppercase;font-size:9px;line-height:1.2}.topbar-v3-center{flex:1;max-width:360px;margin:0 auto}.topbar-v3-search{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);border:1px solid var(--color-border-secondary);cursor:text;transition:all var(--transition-fast);background:#ffffff0a;display:flex}.topbar-v3-search:hover{border-color:var(--color-border-hover);background:#ffffff0f}.topbar-v3-search svg{color:var(--color-text-muted-dark)}.topbar-v3-search span{font-size:var(--font-size-sm);color:var(--color-text-muted-dark)}.topbar-v3-right{align-items:center;gap:var(--spacing-lg);flex-shrink:0;display:flex}.topbar-v3-time{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex}.topbar-v3-clock{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.topbar-v3-date{color:var(--color-text-muted-dark)}.topbar-v3-icon-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:flex}.topbar-v3-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.topbar-v3-avatar{align-items:center;gap:var(--spacing-sm);display:flex}.topbar-v3-avatar-img{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));color:#070b12;width:28px;height:28px;font-size:11px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.topbar-v3-avatar-info{flex-direction:column;gap:0;line-height:1.2;display:flex}.topbar-v3-avatar-name{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.topbar-v3-avatar-role{color:var(--color-text-muted-dark);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.content-v3{padding:var(--spacing-xxl) var(--spacing-xxxl);flex:1}@media (width<=1024px){.content-v3{padding:var(--spacing-lg)}}.d3{gap:var(--spacing-xxl);flex-direction:column;display:flex}.d3-kpi-row{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.d3-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.d3-kpi-row{grid-template-columns:1fr}}.d3-kpi{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xxl);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.d3-kpi:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-glow-sm)}.d3-kpi-header{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.d3-kpi-header svg{color:var(--color-accent-primary);opacity:.7}.d3-kpi-count{color:var(--color-text-muted-dark);border-radius:var(--radius-full);background:#ffffff0a;padding:1px 6px;font-size:10px}.d3-kpi-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);line-height:1.1}.d3-kpi-footer{font-size:var(--font-size-xs);color:var(--color-text-muted-dark)}.d3-kpi-online{color:var(--color-accent-success)}.d3-columns{gap:var(--spacing-xl);grid-template-columns:1fr 1.6fr 1fr;min-height:500px;display:grid}@media (width<=1100px){.d3-columns{grid-template-columns:1fr 1fr}}@media (width<=700px){.d3-columns{grid-template-columns:1fr}}.d3-panel{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xxl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.d3-panel:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-glow-sm)}.d3-panel-top{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.d3-panel-top h3{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex}.d3-panel-top h3 svg{color:var(--color-accent-primary);flex-shrink:0}.d3-badge{border-radius:var(--radius-full);color:var(--color-accent-primary);font-size:10px;font-weight:var(--font-weight-semibold);background:#38bdf81a;padding:2px 8px}.d3-badge-sm{padding:1px 6px;font-size:9px}.d3-live-dot{background:var(--color-accent-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite d3-pulse;box-shadow:0 0 8px #4ade8080}@keyframes d3-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.d3-empty{padding:var(--spacing-xxxl);text-align:center;color:var(--color-text-muted-dark);font-size:var(--font-size-sm)}.d3-employee-list{padding:var(--spacing-xs) 0;flex:1;overflow-y:auto}.d3-employee-list::-webkit-scrollbar{width:0}.d3-employee{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border-primary);transition:background var(--transition-fast);font-size:var(--font-size-xs);display:flex}.d3-employee:last-child{border-bottom:none}.d3-employee:hover{background:var(--color-bg-hover)}.d3-emp-avatar{border-radius:var(--radius-full);width:32px;height:32px;font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:#ffffff0a;border:1.5px solid;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.d3-emp-dot{border:2px solid var(--color-bg-card);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.d3-emp-info{flex-direction:column;flex:1;min-width:0;display:flex}.d3-emp-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.d3-emp-role{color:var(--color-text-muted);font-size:10px}.d3-emp-model{color:var(--color-text-muted);min-width:80px;font-family:monospace;font-size:10px}.d3-emp-cost{color:var(--color-text-muted);text-align:right;min-width:50px;font-size:10px}.d3-emp-status{font-size:10px;font-weight:var(--font-weight-medium);text-align:right;min-width:50px}.d3-add-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin:var(--spacing-md) var(--spacing-xl) var(--spacing-lg);border-radius:var(--radius-md);border:1px dashed var(--color-border-hover);color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);background:#38bdf80f;display:flex}.d3-add-btn:hover{border-color:var(--color-border-active);background:#38bdf81f}.d3-panel-workflow{flex:1}.d3-workflow{padding:var(--spacing-lg) var(--spacing-xl);flex-direction:column;flex:1;gap:0;display:flex}.d3-wf-step{flex-direction:column;align-items:center;display:flex}.d3-wf-node{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);width:100%;transition:all var(--transition-normal);background:#ffffff05;display:flex}.d3-wf-node:hover{border-color:var(--color-border-hover);background:#ffffff0a}.d3-wf-online{border-left:3px solid #4ade80}.d3-wf-working{background:#38bdf80a;border-left:3px solid #38bdf8}.d3-wf-planning{border-left:3px solid #fbbf24}.d3-wf-idle{border-left:3px solid #64748b}.d3-wf-icon-wrap{border-radius:var(--radius-md);background:#ffffff08;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.d3-wf-info{flex:1;min-width:0;line-height:1.3}.d3-wf-info strong{font-size:var(--font-size-sm);color:var(--color-text-primary);display:block}.d3-wf-role{color:var(--color-text-muted);font-size:10px;display:block}.d3-wf-model{color:var(--color-text-muted-dark);font-family:monospace;font-size:9px;display:block}.d3-wf-status{font-size:10px;font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0}.d3-wf-connector{flex-direction:column;align-items:center;width:100%;height:28px;display:flex;position:relative}.d3-wf-line{opacity:.4;border-radius:1px;flex:1;width:2px;position:absolute;top:0;bottom:0}.d3-wf-arrow{font-size:7px;position:absolute;bottom:1px}.d3-feed{padding:var(--spacing-sm) 0;flex:1;overflow-y:auto}.d3-feed::-webkit-scrollbar{width:0}.d3-feed-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-xl);transition:background var(--transition-fast);display:flex;position:relative}.d3-feed-item:hover{background:var(--color-bg-hover)}.d3-feed-line{left:calc(var(--spacing-xl) + 6px);background:var(--color-border-primary);width:1px;position:absolute;top:16px;bottom:0}.d3-feed-item:last-child .d3-feed-line{display:none}.d3-feed-dot{background:var(--color-text-muted-dark);z-index:1;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px;position:relative}.d3-feed-deploy .d3-feed-dot{background:var(--color-accent-primary)}.d3-feed-code .d3-feed-dot{background:var(--color-accent-warning)}.d3-feed-review .d3-feed-dot{background:var(--color-accent-tertiary)}.d3-feed-done .d3-feed-dot{background:var(--color-accent-success)}.d3-feed-approval .d3-feed-dot{background:var(--color-accent-secondary)}.d3-feed-system .d3-feed-dot{background:var(--color-text-muted)}.d3-feed-agent .d3-feed-dot{background:var(--color-accent-success)}.d3-feed-report .d3-feed-dot{background:var(--color-accent-warning)}.d3-feed-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.d3-feed-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.d3-feed-time{color:var(--color-text-muted-dark);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.d3-bottom{gap:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1100px){.d3-bottom{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.d3-bottom{grid-template-columns:1fr}}.d3-cost-body{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);display:flex}.d3-gauge{flex-shrink:0}.d3-gauge-svg{width:110px;height:110px}.d3-cost-metrics{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.d3-cost-metric{justify-content:space-between;align-items:center;display:flex}.d3-cost-metric-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.d3-cost-metric-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.d3-router-auto{color:var(--color-text-muted);letter-spacing:.06em;align-items:center;gap:var(--spacing-sm);font-size:9px;display:flex}.d3-router-enabled{color:var(--color-accent-success);font-weight:var(--font-weight-semibold)}.d3-router-list{padding:var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-sm);flex-direction:column;display:flex}.d3-router-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.d3-router-agent{font-size:var(--font-size-xs);color:var(--color-text-secondary);min-width:80px}.d3-router-select{border-radius:var(--radius-sm);border:1px solid var(--color-border-secondary);max-width:200px;color:var(--color-text-secondary);background:#ffffff0a;flex:1;padding:4px 8px;font-family:monospace;font-size:10px}.d3-infra-grid{gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.d3-infra-item{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.d3-infra-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.d3-alerts-list{padding:var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;display:flex}.d3-alert-item{align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;display:flex}.d3-alert-icon{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.d3-alert-info{background:var(--color-accent-primary)}.d3-alert-warn{background:var(--color-accent-warning)}.d3-alert-critical{background:var(--color-accent-error)}.pl-page{justify-content:center;align-items:center;gap:var(--spacing-lg);text-align:center;flex-direction:column;min-height:400px;display:flex}.pl-icon-wrap{border-radius:var(--radius-xxl);width:64px;height:64px;color:var(--color-accent-primary);background:#38bdf814;border:1px solid #38bdf81f;justify-content:center;align-items:center;display:flex}.pl-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.pl-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:360px;line-height:1.6}@media (width<=1024px){.sidebar-v3{transition:transform var(--transition-normal);transform:translate(-100%)}.sidebar-v3.open{transform:translate(0)}.main-area-v3{margin-left:0}.topbar-v3{padding:var(--spacing-md) var(--spacing-lg)}.topbar-v3-center,.topbar-v3-subtitle{display:none}}.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)}}