@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-deepest:#f8fafc;--bg-base:#fff;--bg-card:#fff;--bg-hover:#f1f5f9;--bg-elevated:#e2e8f0;--bg-input:#f8fafc;--brand-primary:#2563eb;--brand-glow:#2563eb14;--brand-orange:#f59e0b;--brand-blue:#3b82f6;--brand-green:#10b981;--brand-red:#ef4444;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Fira Code", monospace;--sidebar-width:280px;--radius:16px;--radius-sm:10px;--border:#00000014;--border-hover:#00000026;--transition:.25s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);color:#0f172a;height:100%;font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-deepest);border-right:1px solid var(--border);z-index:100;flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.main-content{margin-left:var(--sidebar-width);background:var(--bg-base);flex:1;min-height:100vh}.page-content{max-width:1400px;margin:0 auto;padding:40px}.sidebar-header{padding:32px 24px 20px}.sidebar-logo{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #2563eb40}.sidebar-app-name{font-family:var(--font-heading);color:#0f172a;letter-spacing:-.5px;font-size:18px;font-weight:800}.sidebar-version{color:#64748b;font-size:10px;font-family:var(--font-mono);opacity:.6}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:#475569;transition:all var(--transition);border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:#0f172a;background:#00000008}.nav-item.active{background:var(--brand-glow);color:var(--brand-primary);border-color:#2563eb26}.nav-icon{width:18px;height:18px}.bento-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.bento-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}@media (max-width:1024px){.col-8,.col-4,.col-6,.col-3{grid-column:span 6}}@media (max-width:768px){.col-8,.col-4,.col-6,.col-3{grid-column:span 12}.bento-grid{gap:16px}}.card-title{font-size:16px;font-weight:700;font-family:var(--font-heading);color:#0f172a;align-items:center;gap:10px;padding:24px 24px 12px;display:flex}.card-body{flex:1;padding:0 24px 24px}.stat-card-body{padding:24px}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.stat-value{font-family:var(--font-heading);color:#0f172a;font-size:36px;font-weight:800;line-height:1}.stat-trend{font-size:12px;font-family:var(--font-mono);align-items:center;gap:4px;margin-top:10px;display:flex}.activity-item{border-bottom:1px solid var(--border);gap:16px;padding:16px 0;animation:.4s ease-out both slide-up;display:flex}.activity-item:last-child{border-bottom:none}.live-indicator{color:var(--brand-green);text-transform:uppercase;letter-spacing:.05em;background:#10b98114;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.live-dot{background:var(--brand-green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes slide-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1;transform:scale(.95)}50%{opacity:.7;transform:scale(1.15)}to{opacity:1;transform:scale(.95)}}.issue-list{flex-direction:column;display:flex}.issue-item{border-bottom:1px solid var(--border);transition:background var(--transition);padding:12px 24px}.issue-item:hover{background:#00000005}.issue-item:last-of-type{border-bottom:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.stat-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.xp-section{border-top:1px solid var(--border);padding:24px}.xp-bar-track{background:#e2e8f0;border-radius:100px;height:6px;margin:12px 0;overflow:hidden}.xp-bar-fill{height:100%;box-shadow:0 0 8px var(--brand-glow);background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:100px}.input{background:var(--bg-input);border:1px solid var(--border);color:#0f172a;border-radius:var(--radius-sm);font-family:var(--font-body);transition:all var(--transition);padding:12px 16px}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-glow)}.login-page{background:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:48px 40px 40px;display:flex;box-shadow:0 8px 32px #00000014}.login-logo{margin-bottom:24px}.login-logo .logo-icon{border-radius:16px;width:56px;height:56px}.login-title{font-family:var(--font-heading);color:#0f172a;letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:800}.login-subtitle{color:#64748b;font-size:12px;font-family:var(--font-mono);margin-bottom:32px}.login-error{border-radius:var(--radius-sm);width:100%;color:var(--brand-red);text-align:center;background:#ef444414;border:1px solid #ef444433;margin-bottom:16px;padding:10px 14px;font-size:13px}.login-form{flex-direction:column;gap:12px;width:100%;display:flex}.login-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.login-form .input{outline:none;width:100%;font-size:14px}.login-form .input::placeholder{color:#94a3b8}.login-form .input:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff;width:100%;font-family:var(--font-heading);letter-spacing:.02em;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-transform:uppercase;border:none;margin-top:8px;padding:14px 24px;font-size:14px;font-weight:700}.btn-primary:hover{box-shadow:0 0 24px var(--brand-glow), 0 4px 12px #2563eb33;background:#1d4ed8;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.sidebar-logout{padding:8px 16px}.logout-btn{width:100%;font-family:var(--font-body);cursor:pointer;color:#475569;background:0 0;border:1px solid #0000;font-size:15px}.logout-btn:hover{color:var(--brand-red);background:#ef44440f}.logout-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.skeleton{background:#e2e8f0;border-radius:6px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:100%;max-width:420px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;border-radius:var(--radius-sm);background:#fff;border:1px solid #e2e8f0;border-left:4px solid #94a3b8;align-items:flex-start;gap:12px;padding:14px 16px 18px;animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left-color:#16a34a}.toast-error{border-left-color:#dc2626}.toast-warning{border-left-color:#ea580c}.toast-info{border-left-color:#2563eb}.toast-icon{flex-shrink:0;margin-top:1px}.toast-success .toast-icon{color:#16a34a}.toast-error .toast-icon{color:#dc2626}.toast-warning .toast-icon{color:#ea580c}.toast-info .toast-icon{color:#2563eb}.toast-message{color:#0f172a;flex:1;margin:0;font-size:14px;line-height:1.5}.toast-dismiss{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:color .15s,background .15s;display:flex}.toast-dismiss:hover{color:#0f172a;background:#f1f5f9}.toast-dismiss:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.toast-progress{background:#f1f5f9;height:3px;position:absolute;bottom:0;left:0;right:0}.toast-progress-bar{border-radius:0 0 0 var(--radius-sm);background:#94a3b8;height:100%}.toast-progress-success{background:#16a34a}.toast-progress-error{background:#dc2626}.toast-progress-warning{background:#ea580c}.toast-progress-info{background:#2563eb}.alert-banner{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;animation:.3s ease-out slide-up;display:flex}.alert-banner-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.alert-banner-icon{flex-shrink:0}.alert-banner-message{color:#0f172a;flex:1;margin:0;font-size:14px;line-height:1.5}.alert-banner-action{cursor:pointer;color:inherit;background:0 0;border:1px solid;border-radius:6px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600;transition:background .15s}.alert-banner-action:hover{background:#0000000f}.alert-banner-action:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.alert-banner-dismiss{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.alert-banner-dismiss:hover{color:#0f172a;background:#0000000f}.alert-banner-dismiss:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.alert-banner-critical{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-banner-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.alert-banner-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.alert-banner-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.notification-center{position:relative}.notification-bell{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex;position:relative}.notification-bell:hover{color:#0f172a;background:#f1f5f9}.notification-bell:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.notification-badge{color:#fff;background:#dc2626;border-radius:100px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;right:0;transform:translate(4px,-4px)}.notification-panel{border-radius:var(--radius-sm);z-index:200;background:#fff;border:1px solid #e2e8f0;flex-direction:column;width:380px;max-height:480px;animation:.2s ease-out toast-slide-in;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f}.notification-panel-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-panel-title{font-family:var(--font-heading);color:#0f172a;margin:0;font-size:16px;font-weight:700}.notification-panel-actions{align-items:center;gap:8px;display:flex}.notification-mark-all{cursor:pointer;color:#2563eb;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.notification-mark-all:hover{background:#eff6ff}.notification-mark-all:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.notification-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.notification-close:hover{color:#0f172a;background:#f1f5f9}.notification-close:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.notification-list{flex:1;overflow-y:auto}.notification-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 24px;display:flex}.notification-empty p{color:#64748b;margin:0;font-size:14px;font-weight:600}.notification-empty-sub{color:#94a3b8;font-size:12px}.notification-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f8fafc}.notification-unread{background:#eff6ff}.notification-unread:hover{background:#dbeafe}.notification-type-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.notification-type-system{color:#475569;background:#f1f5f9}.notification-type-agent{color:#2563eb;background:#eff6ff}.notification-type-task{color:#ea580c;background:#fff7ed}.notification-type-alert{color:#dc2626;background:#fef2f2}.notification-item-body{flex:1;min-width:0}.notification-item-title{color:#0f172a;font-size:13px;font-weight:600;line-height:1.4}.notification-item-message{color:#64748b;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-item-time{color:#94a3b8;font-size:11px;font-family:var(--font-mono);margin-top:4px}.notification-item-read-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:4px;transition:color .15s,background .15s;display:flex}.notification-item-read-btn:hover{color:#2563eb;background:#eff6ff}.notification-item-read-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.metric-row{gap:24px;margin-bottom:24px;display:flex}.metric-row>*{flex:1;min-width:0}@media (max-width:1024px){.metric-row{flex-wrap:wrap}.metric-row>*{flex:calc(50% - 12px)}}@media (max-width:640px){.metric-row>*{flex:100%}}.stat-card-with-sparkline{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;gap:4px;padding:20px 24px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.stat-card-with-sparkline:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.stat-card-with-sparkline .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:600}.stat-card-with-sparkline .stat-value{font-family:var(--font-heading);color:#0f172a;font-size:28px;font-weight:800;line-height:1}.stat-card-with-sparkline .stat-trend{font-size:11px;font-family:var(--font-mono);align-items:center;gap:4px;margin-top:4px;display:flex}.sparkline-container{margin-top:8px}.sparkline-svg{width:100%}.health-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.health-indicator--green{background:var(--brand-green);box-shadow:0 0 8px #10b98180}.health-indicator--orange{background:var(--brand-orange);box-shadow:0 0 8px #f59e0b80}.health-indicator--red{background:var(--brand-red);box-shadow:0 0 8px #ef444480}.mini-bar-chart{width:100%}.mini-bar-chart-track{background:#f1f5f9}.mini-bar-chart-tooltip{color:#f8fafc;pointer-events:none;z-index:10;white-space:nowrap;background:#0f172a;border:1px solid #1e293b;border-radius:6px;padding:6px 10px;font-size:11px;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.mini-bar-chart-tooltip-label{color:#94a3b8;margin-right:6px}.mini-bar-chart-tooltip-value{font-weight:700;font-family:var(--font-mono)}.activity-timeline{width:100%}.activity-timeline-grid{gap:3px;display:flex}.activity-timeline-cell-wrapper{cursor:default;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.activity-timeline-cell{border-radius:4px;width:100%;height:28px;transition:transform .15s,box-shadow .15s}.activity-timeline-cell--hover{z-index:2;transform:scale(1.15);box-shadow:0 0 8px #2563eb4d}.activity-timeline-label{color:#64748b;font-size:8px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;margin-top:4px;overflow:hidden}.activity-timeline-tooltip{color:#f8fafc;pointer-events:none;z-index:10;white-space:nowrap;background:#0f172a;border:1px solid #1e293b;border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.agent-status-grid{flex-direction:column;gap:8px;display:flex}.agent-status-card{border-radius:var(--radius-sm);border:1px solid var(--border);transition:background var(--transition);background:#f8fafc;align-items:center;gap:10px;padding:10px 14px;display:flex}.agent-status-card:hover{background:#f1f5f9}.agent-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.agent-status-dot--active{background:var(--brand-green);animation:1.5s infinite pulse;box-shadow:0 0 6px #10b98199}.agent-status-dot--idle{background:#cbd5e1}.agent-status-dot--error{background:var(--brand-red);box-shadow:0 0 6px #ef444499}.agent-status-name{color:#0f172a;font-size:13px;font-weight:600}.agent-status-task{color:#64748b;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.memory-tier-bar{background:#e2e8f0;border-radius:100px;height:4px;margin-top:6px;overflow:hidden}.memory-tier-bar-fill{border-radius:100px;height:100%;transition:width .6s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.settings-page{max-width:720px;margin:0 auto}.settings-page-subtitle{color:#64748b;margin-top:4px;font-size:14px}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.settings-section-title{font-size:16px;font-weight:700;font-family:var(--font-heading);color:#0f172a;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;margin:0;padding:20px 24px 16px;display:flex}.settings-section-body{padding:24px}.settings-profile-row{align-items:flex-start;gap:24px;display:flex}.avatar-circle{color:#fff;width:64px;min-width:64px;height:64px;font-family:var(--font-heading);letter-spacing:.02em;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.settings-profile-info{flex-direction:column;flex:1;gap:12px;display:flex}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-field label{color:#374151;font-size:13px;font-weight:600}.settings-input{width:100%;font-size:14px;font-family:var(--font-body);color:#0f172a;transition:border-color var(--transition), box-shadow var(--transition);background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px}.settings-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.settings-input-readonly{color:#64748b;cursor:default;background:#f1f5f9}.settings-error{color:#dc2626;margin-top:8px;font-size:13px}.settings-btn{font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition);border:none;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;display:inline-flex}.settings-btn:disabled{opacity:.6;cursor:not-allowed}.settings-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.settings-btn-primary{color:#fff;background:#2563eb}.settings-btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 2px 8px #2563eb4d}.settings-btn-danger{color:#dc2626;background:#fff;border:1px solid #dc2626}.settings-btn-danger:hover:not(:disabled){background:#fef2f2}.settings-theme-fieldset{border:none;margin:0;padding:0}.settings-theme-legend{color:#374151;margin-bottom:12px;font-size:13px;font-weight:600}.settings-theme-options{gap:12px;display:flex}.settings-theme-option{cursor:pointer;color:#374151;transition:all var(--transition);background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.settings-theme-option:hover{color:#2563eb;border-color:#2563eb}.settings-theme-option-active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.api-key-list{margin:0;padding:0;list-style:none}.api-key-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:14px 0;display:flex}.api-key-row:last-child{border-bottom:none}.api-key-name{color:#0f172a;min-width:120px;font-size:14px;font-weight:600}.api-key-masked{font-size:13px;font-family:var(--font-mono);color:#64748b;letter-spacing:.02em;flex:1}.api-key-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.api-key-status-ok{background:#10b981;box-shadow:0 0 6px #10b98166}.api-key-status-err{background:#ef4444;box-shadow:0 0 6px #ef444466}.settings-toggle-list{flex-direction:column;gap:0;display:flex}.settings-toggle-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-info{flex-direction:column;gap:2px;display:flex}.settings-toggle-label{color:#0f172a;font-size:14px;font-weight:600}.settings-toggle-desc{color:#64748b;font-size:12px;line-height:1.4}.toggle-switch{cursor:pointer;width:44px;min-width:44px;height:24px;transition:background var(--transition);background:#cbd5e1;border:none;border-radius:12px;padding:0;position:relative}.toggle-switch:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.toggle-switch-on{background:#2563eb}.toggle-switch-thumb{width:20px;height:20px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle-switch-on .toggle-switch-thumb{transform:translate(20px)}.danger-zone{background:#fff5f5;border-color:#fecaca}.danger-zone-title{color:#dc2626;border-bottom-color:#fecaca}.danger-zone-desc{color:#7f1d1d;margin-bottom:4px;font-size:13px;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes settings-spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite settings-spin}.agent-stat-bar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:32px;display:grid}.agent-stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:box-shadow .2s}.agent-stat-card:hover{box-shadow:0 4px 12px #0000000f}.agent-stat-card-value{font-family:var(--font-heading);margin-bottom:4px;font-size:32px;font-weight:800;line-height:1}.agent-stat-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.agent-card-enhanced{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:box-shadow .2s,transform .2s,border-color .2s}.agent-card-enhanced:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.agent-card-enhanced:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.agent-card-enhanced.is-active{border-color:#16a34a66}.agent-card-enhanced.is-error{border-color:#dc26264d}.agent-card-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.agent-card-name{color:#0f172a;font-size:14px;font-weight:600}.agent-card-role{color:#64748b;font-size:11px;line-height:1.4}.agent-card-bio{color:#64748b;border-top:1px solid #f1f5f9;margin:0 0 10px;padding-top:10px;font-size:12px;line-height:1.6}.agent-card-skills{flex-wrap:wrap;gap:4px;display:flex}.agent-card-skill-tag{color:#2563eb;font-size:10px;font-weight:500;font-family:var(--font-mono,monospace);background:#2563eb0f;border:1px solid #2563eb26;border-radius:4px;padding:2px 7px}.agent-card-task{color:#475569;background:#2563eb0d;border-radius:6px;margin-bottom:10px;padding:6px 10px;font-size:12px;font-style:italic}.agent-card-footer{justify-content:space-between;align-items:center;display:flex}.agent-card-last-active{color:#94a3b8;font-size:11px}.agent-card-dispatch-btn{color:#2563eb;cursor:pointer;background:#2563eb0f;border:1px solid #2563eb4d;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s}.agent-card-dispatch-btn:hover{background:#2563eb1f}.agent-card-dispatch-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.agent-detail-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040;position:fixed;inset:0}.agent-detail-panel{z-index:1001;background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;width:520px;max-width:100vw;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) slide-in-right;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 24px #00000014}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.agent-detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.agent-detail-header-info{align-items:center;gap:14px;display:flex}.agent-detail-name{color:#0f172a;margin:0;font-size:18px;font-weight:700}.agent-detail-role{color:#64748b;margin:2px 0 0;font-size:13px}.agent-detail-close{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:6px;transition:background .15s}.agent-detail-close:hover{color:#0f172a;background:#f1f5f9}.agent-detail-close:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.agent-detail-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:14px 16px}.agent-detail-info-row{justify-content:space-between;align-items:flex-start;padding:6px 0;display:flex}.agent-detail-info-row+.agent-detail-info-row{border-top:1px solid #e2e8f0}.agent-detail-info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.agent-detail-info-value{color:#0f172a;font-size:13px;font-weight:500}.agent-detail-task{color:#475569;text-align:right;max-width:280px;font-style:italic}.agent-detail-bio{margin-bottom:16px}.agent-detail-bio p{color:#475569;margin:0;font-size:13px;line-height:1.7}.agent-detail-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:12px;font-weight:700}.agent-detail-skills{margin-bottom:16px}.agent-detail-skill-tags{flex-wrap:wrap;gap:5px;display:flex}.agent-detail-skill-tag{color:#2563eb;font-size:11px;font-weight:500;font-family:var(--font-mono,monospace);background:#2563eb0f;border:1px solid #2563eb26;border-radius:4px;padding:3px 8px}.agent-detail-events{flex-direction:column;flex:1;min-height:0;display:flex}.agent-controls{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 0;display:flex}.agent-controls-status{align-items:center;gap:8px;display:flex}.agent-controls-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.agent-controls-label{border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600}.agent-controls-actions{gap:8px;display:flex}.agent-controls-btn{cursor:pointer;border:1px solid;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.agent-controls-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.agent-controls-btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.agent-controls-btn-primary:hover{background:#1d4ed8}.agent-controls-btn-secondary{color:#475569;background:#fff;border-color:#e2e8f0}.agent-controls-btn-secondary:hover{color:#0f172a;background:#f8fafc}.agent-event-log{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.agent-event-log-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.agent-event-log-title{color:#0f172a;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.agent-event-log-count{color:#94a3b8;font-size:11px;font-weight:500}.agent-event-log-filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.agent-event-log-filter-btn:hover{background:#f1f5f9}.agent-event-log-filter-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.agent-event-log-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:10px;padding:10px 16px;display:flex}.agent-event-log-filter-item{cursor:pointer;align-items:center;gap:5px;font-size:12px;display:flex}.agent-event-log-filter-item input[type=checkbox]{accent-color:#2563eb}.agent-event-log-scroll{max-height:420px;font-family:var(--font-mono,monospace);font-size:12px;overflow-y:auto}.agent-event-log-scroll:focus-visible{outline-offset:-2px;outline:2px solid #2563eb}.agent-event-log-empty{text-align:center;color:#94a3b8;font-family:var(--font-body);padding:32px 16px;font-size:13px}.event-row{border-bottom:1px solid #f1f5f9}.event-row:last-child{border-bottom:none}.event-row-toggle{cursor:pointer;text-align:left;width:100%;font-family:var(--font-mono,monospace);color:#334155;background:0 0;border:none;align-items:center;gap:10px;padding:8px 16px;font-size:12px;transition:background .1s;display:flex}.event-row-toggle:hover{background:#f8fafc}.event-row-toggle:focus-visible{outline-offset:-2px;outline:2px solid #2563eb}.event-row-toggle:disabled{cursor:default}.event-row-expand-icon{color:#94a3b8;flex-shrink:0;align-items:center;display:flex}.event-type-badge{letter-spacing:.04em;white-space:nowrap;font-size:10px;font-weight:700;font-family:var(--font-body);border-radius:4px;padding:2px 8px;display:inline-block}.event-row-source{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.event-row-time{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:11px}.event-row-payload{color:#334155;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border-top:1px solid #f1f5f9;max-height:200px;margin:0;padding:10px 16px 10px 44px;font-size:11px;line-height:1.5;overflow-y:auto}.agent-event-log-scroll-btn{color:#2563eb;cursor:pointer;text-align:center;background:#f8fafc;border:none;border-top:1px solid #e2e8f0;width:100%;padding:6px;font-size:12px;font-weight:600;transition:background .15s;display:block}.agent-event-log-scroll-btn:hover{background:#eff6ff}.agent-event-log-scroll-btn:focus-visible{outline-offset:-2px;outline:2px solid #2563eb}.agents-section-label{letter-spacing:.1em;text-transform:uppercase;color:#64748b;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.agents-section-divider{background:#e2e8f0;flex:1;height:1px}.agents-section-divider-wide{background:#e2e8f0;flex:4;height:1px}.agents-page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.agents-page-header-left{align-items:center;gap:12px;display:flex}.agents-page-title{color:#0f172a;margin:0;font-size:20px;font-weight:700}.agents-page-subtitle{color:#64748b;margin:0;font-size:13px}.agents-page-refresh-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px;transition:background .15s}.agents-page-refresh-btn:hover{color:#0f172a;background:#f1f5f9}.agents-page-refresh-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:40px;display:grid}.agent-status-badge-lm{letter-spacing:.08em;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.agent-status-badge-lm-active{color:#16a34a;background:#16a34a1a}.agent-status-badge-lm-idle{color:#94a3b8;background:#64748b1f}.agent-status-badge-lm-error{color:#dc2626;background:#dc26261a}.agent-status-pulse-lm{background:#16a34a;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse;display:inline-block}.agent-event-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}.agent-event-filter-select:focus-visible{outline-offset:2px;outline:2px solid #2563eb}