*,:before,:after{box-sizing:border-box}:root{--color-bg-primary:#000;--color-bg-secondary:#0a0a0a;--color-bg-elevated:#1c1c1eb8;--color-bg-elevated-hover:#262628d1;--color-bg-input:#161618d9;--color-bg-input-focus:#1e1e22f2;--color-border:#ffffff14;--color-border-focus:#ffffff2e;--color-border-subtle:#ffffff0a;--color-text-primary:#f5f5f7;--color-text-secondary:#f5f5f799;--color-text-tertiary:#f5f5f766;--color-text-placeholder:#f5f5f747;--color-accent:#2997ff;--color-accent-hover:#40a9ff;--color-accent-subtle:#2997ff1f;--color-accent-glow:#2997ff40;--color-success:#30d158;--color-success-bg:#30d1581a;--color-error:#ff453a;--color-error-bg:#ff453a1a;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:980px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 40px var(--color-accent-glow);--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:var(--color-accent-subtle);color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell{flex-direction:row;height:100vh;display:flex;position:relative;overflow:hidden}.ambient-glow{pointer-events:none;z-index:0;background:radial-gradient(#2997ff0f 0%,#2997ff05 40%,#0000 70%);width:800px;height:600px;animation:8s ease-in-out infinite alternate ambientPulse;position:fixed;top:-30%;left:50%;transform:translate(-50%)}@keyframes ambientPulse{0%{opacity:.6;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.1)}}.sidebar{-webkit-backdrop-filter:saturate(180%)blur(20px);border-right:1px solid var(--color-border-subtle);width:260px;height:100vh;padding:var(--space-xl) var(--space-md);z-index:100;background:#121214bf;flex-direction:column;flex-shrink:0;display:flex}.sidebar-brand{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:0 var(--space-sm);display:flex}.sidebar-logo{background:linear-gradient(135deg, var(--color-accent) 0%, #0071e3 100%);color:#fff;letter-spacing:-.5px;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 12px #2997ff4d}.sidebar-title{letter-spacing:-.2px;color:var(--color-text-primary);font-size:16px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-item{color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:var(--color-text-primary);background:#ffffff0d}.sidebar-item--active{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600}.sidebar-item--active:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.sidebar-footer{padding:var(--space-md) var(--space-sm) 0;border-top:1px solid var(--color-border-subtle);margin-top:auto}.sidebar-status{color:var(--color-text-tertiary);letter-spacing:-.1px;align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 10px #30d15880}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.main-content{z-index:1;padding:var(--space-3xl) var(--space-lg) var(--space-2xl);flex-direction:column;flex:1;align-items:center;height:100vh;display:flex;position:relative;overflow-y:auto}.mobile-header{align-items:center;gap:12px;width:100%;margin-bottom:24px;padding:12px 0;display:none}.mobile-menu-btn{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;padding:4px}.mobile-header-title{color:var(--color-text-primary);font-size:18px;font-weight:600}.hero{text-align:center;max-width:680px;margin-bottom:var(--space-2xl);animation:heroFadeIn .8s var(--ease-out) both}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.badge{color:#a5b4fc;background:#2d2a4a;border-radius:999px;margin-left:auto;padding:4px 12px;font-size:12px;display:inline-block}.hero-badge{border-radius:var(--radius-pill);background:var(--color-accent-subtle);color:var(--color-accent);letter-spacing:.3px;text-transform:uppercase;margin-bottom:var(--space-lg);border:1px solid #2997ff26;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--color-accent);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite statusPulse}.hero h1{letter-spacing:-.03em;margin-bottom:var(--space-md);background:linear-gradient(180deg, var(--color-text-primary) 0%, #f5f5f799 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,5vw,52px);font-weight:700;line-height:1.08}.hero-subtitle{color:var(--color-text-secondary);letter-spacing:-.01em;max-width:480px;margin:0 auto;font-size:clamp(16px,2vw,19px);line-height:1.5}.card{background:var(--color-bg-elevated);-webkit-backdrop-filter:saturate(150%)blur(40px);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:560px;padding:var(--space-xl);box-shadow:var(--shadow-lg);animation:cardSlideUp .6s var(--ease-out) .2s both;flex-shrink:0}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.card-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-subtle);display:flex}.card-header-icon{border-radius:var(--radius-sm);background:var(--color-accent-subtle);justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.card-header-text h2{letter-spacing:-.2px;color:var(--color-text-primary);font-size:15px;font-weight:600}.card-header-text p{color:var(--color-text-tertiary);margin-top:1px;font-size:12px}.agent-form{gap:var(--space-md);flex-direction:column;display:flex}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--color-text-secondary);letter-spacing:-.1px;padding-left:2px;font-size:13px;font-weight:500}.form-input,.form-textarea{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:100%;font-family:var(--font-family);color:var(--color-text-primary);transition:all var(--duration-fast) var(--ease-out);-webkit-appearance:none;text-overflow:ellipsis;white-space:nowrap;padding:11px 14px;font-size:14px;overflow:hidden}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-placeholder)}.form-input:hover,.form-textarea:hover{border-color:var(--color-border-focus);background:var(--color-bg-input-focus)}.form-input:focus,.form-textarea:focus{border-color:var(--color-accent);background:var(--color-bg-input-focus);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.form-textarea{resize:vertical;white-space:pre-wrap;min-height:120px;line-height:1.6;overflow:auto}.submit-btn{border-radius:var(--radius-md);background:linear-gradient(180deg, #3ba0ff 0%, var(--color-accent) 100%);color:#fff;width:100%;font-family:var(--font-family);letter-spacing:-.2px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);margin-top:var(--space-xs);border:none;padding:13px 20px;font-size:15px;font-weight:600;position:relative;overflow:hidden}.submit-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff26 0%,#0000 50%);position:absolute;inset:0}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-md);background:linear-gradient(180deg, #4daaff 0%, var(--color-accent-hover) 100%);transform:translateY(-1px)}.submit-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn-content{justify-content:center;align-items:center;gap:var(--space-sm);display:flex;position:relative}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-alert{align-items:flex-start;gap:var(--space-sm);width:100%;max-width:560px;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-error-bg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);animation:alertSlideIn .35s var(--ease-spring) both;border:1px solid #ff453a2e;display:flex}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.error-alert-icon{flex-shrink:0;margin-top:1px;font-size:16px}.error-alert-text{color:var(--color-error);font-size:13px;font-weight:500;line-height:1.5}.result-section{width:100%;max-width:560px;margin-top:var(--space-xl);gap:var(--space-md);animation:resultsFadeIn .5s var(--ease-out) both;flex-direction:column;flex-shrink:0;display:flex}@keyframes resultsFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-card{background:var(--color-bg-elevated);-webkit-backdrop-filter:saturate(150%)blur(40px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-out)}.result-card:hover{border-color:var(--color-border-focus)}.result-card-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.result-card-icon{border-radius:var(--radius-sm);background:var(--color-accent-subtle);justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.result-card-header h3{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);font-size:13px;font-weight:600}.result-card p{color:var(--color-text-secondary);font-size:15px;line-height:1.65}.task-list{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.task-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);transition:all var(--duration-fast) var(--ease-out);background:#ffffff08;display:flex}.task-item:hover{border-color:var(--color-border);background:#ffffff0d}.task-number{background:var(--color-accent-subtle);min-width:22px;height:22px;color:var(--color-accent);letter-spacing:-.2px;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:inline-flex}.task-text{color:var(--color-text-secondary);font-size:14px;line-height:1.5}.reasoning-text{font-family:var(--font-mono);color:var(--color-text-tertiary);white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.7}.footer{text-align:center;padding:var(--space-xl) var(--space-lg) var(--space-2xl);color:var(--color-text-tertiary);letter-spacing:.2px;font-size:11px}.footer-divider{background:var(--color-border);width:40px;height:1px;margin:0 auto var(--space-md)}.navbar-tabs{border-radius:var(--radius-sm);background:#ffffff0f;align-items:center;gap:2px;padding:3px;display:flex}.navbar-tab{color:var(--color-text-tertiary);font-family:var(--font-family);letter-spacing:-.1px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500}.navbar-tab:hover{color:var(--color-text-secondary);background:#ffffff0f}.navbar-tab--active{color:var(--color-text-primary);background:#ffffff1a}.project-input-wrapper{position:relative}.input-spinner{border:2px solid var(--color-border-focus);border-top-color:var(--color-accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.project-dropdown{z-index:50;-webkit-backdrop-filter:saturate(150%)blur(40px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:dropdownSlideIn .2s var(--ease-out) both;background:#1c1c1ef5;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.project-dropdown-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);padding:8px 14px 4px;font-size:10px;font-weight:600}.project-option{cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast) var(--ease-out);font-family:var(--font-family);background:0 0;border:none;flex-direction:column;padding:10px 14px;display:flex}.project-option:hover{background:#ffffff0f}.project-option-id{color:var(--color-text-primary);letter-spacing:-.1px;font-size:13px;font-weight:600}.project-option-summary{color:var(--color-text-tertiary);margin-top:2px;font-size:11px;line-height:1.4}.timeline{flex-direction:column;display:flex}.timeline-item{gap:var(--space-md);display:flex}.timeline-gutter{flex-direction:column;flex-shrink:0;align-items:center;width:16px;padding-top:4px;display:flex}.timeline-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 8px #2997ff4d}.timeline-line{background:var(--color-border);flex:1;width:2px;min-height:20px;margin-top:4px}.timeline-content{padding-bottom:var(--space-lg);flex:1}.timeline-header{align-items:center;gap:var(--space-sm);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;padding:2px 10px;font-size:11px;font-weight:600;display:flex}.timeline-dept{text-transform:uppercase;letter-spacing:.4px;border-radius:var(--radius-pill);background:0 0;border:1px solid;padding:2px 10px;font-size:11px;font-weight:600}.timeline-time{color:var(--color-text-tertiary);margin-left:auto;font-size:11px}.timeline-reasoning{color:var(--color-text-secondary);margin-bottom:6px;font-size:13px;line-height:1.6}.timeline-agent{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:11px}.memory-meta{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);font-size:12px}.agents-grid{gap:var(--space-md);width:100%;max-width:1400px;animation:resultsFadeIn .5s var(--ease-out) both;grid-template-columns:repeat(3,1fr);display:grid}.agent-card{background:var(--color-bg-elevated);-webkit-backdrop-filter:saturate(150%)blur(40px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);gap:var(--space-sm);flex-direction:column;display:flex}.agent-card:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.agent-card-top{justify-content:space-between;align-items:center;display:flex}.agent-card-icon{border-radius:var(--radius-sm);background:var(--color-accent-subtle);justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:var(--radius-pill);padding:3px 10px;font-size:10px;font-weight:600}.status-active{background:var(--color-success-bg);color:var(--color-success)}.status-inactive{background:var(--color-error-bg);color:var(--color-error)}.agent-card-name{letter-spacing:-.2px;color:var(--color-text-primary);font-size:16px;font-weight:600}.agent-card-meta{align-items:center;gap:var(--space-sm);display:flex}.agent-card-dept{color:var(--color-accent);text-transform:capitalize;font-size:12px;font-weight:500}.agent-card-version{color:var(--color-text-tertiary);font-size:11px;font-family:var(--font-mono)}.agent-card-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.55}.agent-card-id{font-family:var(--font-mono);color:var(--color-text-tertiary);padding-top:var(--space-xs);border-top:1px solid var(--color-border-subtle);margin-top:auto;font-size:11px}.fleet-actions{width:100%;max-width:680px;margin-bottom:var(--space-md)}.fleet-check-btn{gap:var(--space-xs)}.fleet-summary{align-items:center;gap:var(--space-md);width:100%;max-width:680px;padding:var(--space-sm) var(--space-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.fleet-stat{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.fleet-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.fleet-dot--lg{width:12px;height:12px}.fleet-dot--healthy{background:var(--color-success);box-shadow:0 0 6px #30d15866}.fleet-dot--warning{background:var(--color-warning,#ff9f0a);box-shadow:0 0 6px #ff9f0a66}.fleet-dot--critical{background:var(--color-error);box-shadow:0 0 6px #ff453a66}.fleet-dot--unknown{background:#636366;box-shadow:0 0 6px #63636666}.fleet-grid{gap:var(--space-sm);width:100%;max-width:680px;animation:resultsFadeIn .5s var(--ease-out) both;flex-direction:column;display:flex}.fleet-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);transition:all var(--duration-normal) var(--ease-out)}.fleet-card:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-md);transform:translateY(-1px)}.fleet-card--critical{border-color:#ff453a80;animation:2s ease-in-out infinite criticalPulse}@keyframes criticalPulse{0%,to{border-color:#ff453a80;box-shadow:0 0 #ff453a00}50%{border-color:#ff453acc;box-shadow:0 0 12px #ff453a26}}.fleet-card--warning{border-color:#ff9f0a59}.fleet-card--healthy{border-color:#30d15840}.fleet-card-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.fleet-card-indicator{flex-shrink:0}.fleet-card-ids{flex-direction:column;flex:1;min-width:0;display:flex}.fleet-card-project{color:var(--color-text-primary);letter-spacing:-.1px;font-size:14px;font-weight:600}.fleet-card-client{color:var(--color-text-tertiary);font-size:11px}.fleet-level{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-pill);flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.fleet-level--healthy{background:var(--color-success-bg);color:var(--color-success)}.fleet-level--warning{color:#ff9f0a;background:#ff9f0a1f}.fleet-level--critical{background:var(--color-error-bg);color:var(--color-error)}.fleet-level--unknown{color:#636366;background:#6363661f}.fleet-card-reason{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.55}.fleet-card-footer{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid var(--color-border-subtle);display:flex}.fleet-card-stale,.fleet-card-time{color:var(--color-text-tertiary);font-size:11px;font-family:var(--font-mono)}.file-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:all .2s;display:flex}.file-upload-zone:hover{border-color:var(--color-accent);background:var(--color-bg-input-focus)}.file-upload-content{flex-direction:column;align-items:center;gap:8px;display:flex}.file-upload-icon{color:var(--color-accent)}.file-upload-text{color:var(--color-text-secondary);text-align:center;font-size:13px}.dashboard-layout{gap:var(--space-xl);width:100%;max-width:none;animation:resultsFadeIn .5s var(--ease-out) both;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);align-self:stretch;display:grid}.main-content{animation:tabContentIn .4s var(--ease-out) both}@keyframes tabContentIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-refresh{margin-top:var(--space-md);border-radius:var(--radius-pill);color:#dbeeff;font:inherit;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:linear-gradient(135deg,#2997ff3d,#0a84ff14);border:1px solid #2997ff7a;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 6px 18px #0a84ff24}.dashboard-refresh:hover:not(:disabled){background:linear-gradient(135deg,#2997ff61,#0a84ff29);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29,0 10px 24px #0a84ff3d}.dashboard-refresh:disabled{cursor:wait;opacity:.65}.spin{animation:.8s linear infinite spin}.dashboard-main{flex:1;min-width:0}.dashboard-sidebar{flex-direction:column;min-width:0;display:flex}.health-stat{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#ffffff05;flex-direction:column;flex:1;align-items:center;padding:8px 12px;display:flex}.health-stats{gap:14px;margin-top:4px;display:flex}.health-stat--healthy .health-stat-val{color:var(--color-success)}.health-stat--warning .health-stat-val{color:#ff9f0a}.health-stat--critical .health-stat-val{color:var(--color-error)}.health-progress{border-radius:var(--radius-pill);background:#ffffff14;width:100%;height:3px;margin-top:8px;display:block;overflow:hidden}.health-progress>span{border-radius:inherit;background:var(--color-text-secondary);height:100%;transition:width .65s var(--ease-out);display:block}.health-stat--healthy .health-progress>span{background:var(--color-success)}.health-stat--warning .health-progress>span{background:#ff9f0a}.health-stat--critical .health-progress>span{background:var(--color-error)}.health-stat-val{font-size:20px;font-weight:700;line-height:1.2}.health-stat-lbl{text-transform:uppercase;color:var(--color-text-tertiary);margin-top:2px;font-size:11px}.dashboard-agent-list{flex-direction:column;gap:12px;display:flex}.dashboard-empty{padding:var(--space-lg);color:var(--color-text-tertiary);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-md);margin:0;font-size:13px}.dashboard-agent-item{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);animation:dashboardItemIn .45s var(--ease-out) both;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.dashboard-agent-item:first-child{animation-delay:80ms}.dashboard-agent-item:nth-child(2){animation-delay:.14s}.dashboard-agent-item:nth-child(3){animation-delay:.2s}.dashboard-agent-item:nth-child(4){animation-delay:.26s}@keyframes dashboardItemIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.dashboard-agent-item:hover{border-color:var(--color-border-focus)}.dashboard-agent-item--error{background:#ff453a0d;border-color:#ff453a4d}.dashboard-agent-item--error:hover{border-color:#ff453a99}.agent-item-info{flex-direction:column;gap:2px;display:flex}.agent-item-name{color:var(--color-text-primary);font-size:13px;font-weight:600}.dashboard-agent-item--error .agent-item-name{color:var(--color-error)}.agent-item-dept{color:var(--color-text-tertiary);text-transform:capitalize;font-size:11px}.agent-item-status{align-items:center;gap:6px;display:flex}.agent-status-dot{border-radius:50%;width:8px;height:8px}.agent-status-dot--active{background:var(--color-success);box-shadow:0 0 6px #30d15866}.agent-status-dot--error{background:var(--color-error);animation:2s ease-in-out infinite criticalPulse;box-shadow:0 0 8px #ff453a99}.agent-status-text{text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:600}.dashboard-agent-item--error .agent-status-text{color:var(--color-error)}.dashboard-grid{gap:var(--space-md);width:100%;max-width:none;animation:resultsFadeIn .5s var(--ease-out) both;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.dashboard-grid>.kpi-card{animation:dashboardCardIn .5s var(--ease-out) both}.dashboard-grid>.kpi-card:first-child{animation-delay:40ms}.dashboard-grid>.kpi-card:nth-child(2){animation-delay:90ms}.dashboard-grid>.kpi-card:nth-child(3){animation-delay:.14s}.dashboard-grid>.kpi-card:nth-child(4){animation-delay:.19s}.dashboard-grid>.kpi-card:nth-child(5){animation-delay:.24s}.dashboard-grid>.kpi-card:nth-child(6){animation-delay:.29s}@keyframes dashboardCardIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.kpi-card{background:var(--color-bg-elevated);-webkit-backdrop-filter:saturate(150%)blur(40px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-xs);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.kpi-card:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card--full{grid-column:1/-1}.dashboard-chart-card{min-height:320px}.dashboard-chart-subtitle{color:var(--color-text-tertiary);margin:0;font-size:13px}.dashboard-chart{width:100%;margin-top:var(--space-sm)}.skeleton-card,.skeleton-agent{overflow:hidden}.skeleton-line,.skeleton-block{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1c 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.4s ease-in-out infinite skeletonShimmer;display:block}@keyframes skeletonShimmer{to{background-position:-200% 0}}.skeleton-line--label{width:45%;height:13px}.skeleton-line--value{width:28%;height:36px;margin-top:10px}.skeleton-line--title{width:42%;height:18px;margin-bottom:16px}.skeleton-line--agent{width:48%;height:14px}.skeleton-line--status{width:20%;height:12px}.skeleton-block{width:100%;height:96px;margin-top:16px}.skeleton-card--health .skeleton-block{height:72px}.skeleton-card--chart .skeleton-block{height:220px}.skeleton-agent{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);justify-content:space-between;align-items:center;min-height:84px;margin-bottom:12px;padding:0 16px;display:flex}.kpi-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.kpi-value{color:var(--color-text-primary);background:linear-gradient(180deg, var(--color-text-primary) 0%, #f5f5f7b3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;line-height:1.1}.kpi-breakdown-list{flex-direction:column;gap:8px;display:flex}.kpi-breakdown-item{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#ffffff08;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.kpi-breakdown-action{color:var(--color-text-secondary);text-transform:capitalize;font-size:13px}.kpi-breakdown-count{color:var(--color-accent);font-size:14px;font-weight:600}.mobile-close-btn{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;margin-left:auto;display:none}@media (width<=768px){.app-shell{flex-direction:column}.sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000080}.sidebar--open{transform:translate(0)}.mobile-close-btn{display:block}.mobile-header{display:flex}.main-content{padding:var(--space-md) var(--space-md) var(--space-2xl)}.form-row{grid-template-columns:1fr}.hero h1{font-size:32px}.agents-grid,.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{width:100%}.health-stats{flex-wrap:wrap}.health-stat{min-width:calc(50% - 7px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:38px;color:var(--color-text-primary);font:inherit;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:#ffffff0d;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--color-border-focus);box-shadow:var(--shadow-sm);background:#ffffff17;transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#168cff,#0071e3);border-color:#2997ff9e;box-shadow:0 8px 20px #0a84ff33}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3ba0ff,#0a84ff);box-shadow:0 10px 24px #0a84ff52}.btn:disabled{cursor:not-allowed;opacity:.55}#agent-form-card,#history-search-card{box-sizing:border-box;max-width:780px;position:relative;overflow:visible}#history-search-card{min-height:272px}#history-form,#agent-form{width:100%}#agent-form-card:before,#history-search-card:before{content:"";background:linear-gradient(90deg,#0000,#2997ffd9,#0000);height:2px;position:absolute;top:0;left:0;right:0}.form-row>.form-group{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:#ffffff05;padding:14px}.form-field-hint{color:var(--color-text-tertiary);margin:auto 0 0;padding-top:10px;font-size:11px;line-height:1.4}.form-row>.form-group:focus-within{background:#2997ff0b;border-color:#2997ff85;box-shadow:0 0 0 3px #2997ff12}.form-group:focus-within .form-label{color:#8ac8ff}.form-label{align-items:center;gap:6px;display:flex}.form-label:before{content:"";background:var(--color-accent);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #2997ffa6}.form-input,.form-textarea{min-height:46px;color:var(--color-text-primary);caret-color:var(--color-accent);background-color:#17171a;background-image:linear-gradient(#ffffff0b,#0000);border-color:#ffffff1c;border-radius:12px;box-shadow:inset 0 1px 1px #00000059,0 1px #ffffff06}.form-textarea{min-height:144px;padding-top:13px}.form-input:hover,.form-textarea:hover{background-color:#1b1b20;border-color:#8ac8ff6b}.form-input:focus,.form-textarea:focus{background-color:#1c1d23;border-color:#2997ff;box-shadow:0 0 0 4px #2997ff21,inset 0 1px 1px #0000003d}.form-input::placeholder,.form-textarea::placeholder{color:#74747b;opacity:1}select.form-input{appearance:none;font-weight:500}select.form-input option{color:#f5f5f7;background:#1c1c1e}.form-row>.form-group .form-input+.form-input{margin-top:10px!important}select.form-input{cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-tertiary) 50%), linear-gradient(135deg, var(--color-text-tertiary) 50%, transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px}.file-upload-zone{background:linear-gradient(135deg,#2997ff0f,#ffffff04);border-color:#2997ff42;min-height:126px}.file-upload-zone:hover{transform:translateY(-1px);box-shadow:inset 0 0 24px #2997ff0f,0 8px 20px #0000001f}.file-upload-icon{background:#2997ff21;border-radius:50%;width:42px;height:42px;padding:9px}.result-section{max-width:780px}.result-card{position:relative;overflow:hidden}.result-card:after{content:"";background:linear-gradient(var(--color-accent), transparent);opacity:0;width:2px;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;top:16px;bottom:16px;left:0}.result-card:hover:after{opacity:1}.timeline-item{transition:transform var(--duration-fast) var(--ease-out);padding:4px 0}.timeline-item:hover{transform:translate(4px)}.timeline-content{border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border:1px solid #0000;margin-bottom:10px;padding:12px 14px}.timeline-item:hover .timeline-content{border-color:var(--color-border-subtle);background:#ffffff06}.agents-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1120px}.agent-card{min-height:225px;animation:dashboardCardIn .5s var(--ease-out) both;position:relative;overflow:hidden}.agent-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);opacity:0;height:2px;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;top:0;left:0;right:0}.agent-card:hover:before{opacity:1}.agent-card:nth-child(2){animation-delay:70ms}.agent-card:nth-child(3){animation-delay:.14s}.agent-card:nth-child(4){animation-delay:.21s}.status-badge{border:1px solid}.fleet-actions,.fleet-summary,.fleet-grid{max-width:1120px}.fleet-actions{justify-content:center;display:flex}.fleet-check-btn{width:auto;min-width:250px}.fleet-summary{box-shadow:var(--shadow-sm);justify-content:space-between;padding:16px 20px}.fleet-stat{border-radius:var(--radius-pill);background:#ffffff09;padding:7px 10px}.fleet-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(310px,1fr));display:grid}.fleet-card{min-height:168px;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.fleet-card:hover{transform:translateY(-3px)}.fleet-card-footer{margin-top:auto}@media (width<=768px){#agent-form-card,#history-search-card,.result-section,.agents-grid,.fleet-actions,.fleet-summary,.fleet-grid{max-width:100%}.form-row>.form-group{padding:12px}.fleet-summary{justify-content:flex-start}.fleet-check-btn{width:100%}.fleet-grid{grid-template-columns:1fr}}.client-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(10px)saturate(120%);background:#000000ad;place-items:center;padding:24px;animation:.18s ease-out both modalBackdropIn;display:grid;position:fixed;inset:0}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}.client-modal{width:min(100%,480px);max-height:min(760px,100vh - 48px);animation:clientModalIn .26s var(--ease-out) both;background:linear-gradient(150deg,#26262afa,#161618fa);border:1px solid #ffffff24;border-radius:24px;padding:28px;overflow-y:auto;box-shadow:0 24px 80px #0000008a,inset 0 1px #ffffff14}@keyframes clientModalIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.client-modal-header{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:18px;display:flex}.client-modal-header-icon{color:#8ac8ff;background:linear-gradient(135deg,#2997ff45,#0a84ff12);border:1px solid #2997ff42;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.client-modal-eyebrow{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.client-modal-header h3{color:var(--color-text-primary);letter-spacing:-.03em;margin:0;font-size:21px}.client-modal-form{flex-direction:column;gap:16px;display:flex}.client-modal-field{flex-direction:column;gap:7px;display:flex}.client-modal-field label{color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.client-modal-field label span{color:var(--color-text-tertiary);font-size:10px;font-weight:500}.client-modal-input{box-sizing:border-box;width:100%;min-height:46px;color:var(--color-text-primary);font:inherit;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:#17171a;border:1px solid #ffffff1c;border-radius:12px;outline:none;padding:11px 13px;font-size:14px;box-shadow:inset 0 1px 1px #00000059}.client-modal-input::placeholder{color:#74747b}.client-modal-input:hover{background:#1b1b20;border-color:#8ac8ff6b}.client-modal-input:focus{border-color:var(--color-accent);background:#1c1d23;box-shadow:0 0 0 4px #2997ff21,inset 0 1px 1px #0000003d}.client-modal-input:disabled{cursor:not-allowed;color:var(--color-text-tertiary);background:#ffffff09;border-color:#ffffff0f}select.client-modal-input{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-tertiary) 50%), linear-gradient(135deg, var(--color-text-tertiary) 50%, transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-repeat:no-repeat;background-size:5px 5px,5px 5px}select.client-modal-input option{color:#f5f5f7;background:#1c1c1e}.client-modal-actions{border-top:1px solid var(--color-border-subtle);grid-template-columns:1fr 1.15fr;gap:12px;margin-top:8px;padding-top:18px;display:grid}.client-modal-actions .btn{min-height:48px}@media (width<=480px){.client-modal-backdrop{padding:14px}.client-modal{border-radius:20px;padding:22px}}@media print{@page{margin:1.5cm;size:A4}body,.app-shell,.main-content{color:#000!important;background:#fff!important;height:auto!important;overflow:visible!important}.sidebar,.mobile-header,.ambient-glow,#history-search-card,.chat-section,button,.error-alert{display:none!important}.main-content{margin:0!important;padding:0!important}.result-card{page-break-inside:avoid;margin-bottom:20px;box-shadow:none!important;color:#000!important;background:0 0!important;border:1px solid #ddd!important}.result-card h3,.result-card p,.task-text,.memory-meta,.timeline-time{color:#000!important}.timeline-content{background:0 0!important;border:1px solid #eee!important}.timeline-reasoning{color:#444!important}.task-item{background:#f5f5f5!important;border-color:#ddd!important}.badge{color:#000!important;background:#eee!important;border:1px solid #ccc!important}}@media (width<=768px){body,.app-shell{max-width:100vw;overflow-x:hidden!important}.main-content{padding:var(--space-xl) var(--space-md);box-sizing:border-box;width:100%}.sidebar{z-index:9999;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000080}.sidebar--open{transform:translate(0)}.mobile-header{display:flex}.dashboard-layout{flex-direction:column;display:flex}.dashboard-grid,.agents-grid,.fleet-grid,.result-section{flex-direction:column;grid-template-columns:1fr;display:flex}.kpi-card--full{grid-column:span 1!important}.clients-table-container,.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.clients-table{min-width:600px}.fleet-summary{flex-direction:column;align-items:flex-start}.hero h1{font-size:32px}.chat-bubble{max-width:95%!important}}.clients-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);width:100%;display:grid}@media (width<=1024px){.clients-grid,.agents-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.clients-grid,.agents-grid{grid-template-columns:1fr}}.cmd-backdrop{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#0006;justify-content:center;align-items:flex-start;padding:15vh 16px 0;animation:.2s ease-out cmdFadeIn;display:flex;position:fixed;inset:0}.toast-container{z-index:100000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{-webkit-backdrop-filter:blur(20px);color:#fff;pointer-events:auto;background:#17171af2;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideUp;display:flex;box-shadow:0 10px 30px #00000080,inset 0 1px 1px #ffffff0d}.toast.success .toast-icon{color:var(--color-success)}.toast.error .toast-icon{color:var(--color-danger)}.toast.info .toast-icon{color:var(--color-accent)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.toast-container{bottom:16px;left:16px;right:16px}}.cmd-modal{-webkit-backdrop-filter:blur(40px);background:#17171ad9;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:600px;animation:.3s cubic-bezier(.16,1,.3,1) cmdSlideIn;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080,inset 0 1px 1px #ffffff0d}.cmd-input-wrapper{border-bottom:1px solid #ffffff14;align-items:center;padding:0 16px;display:flex}.cmd-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:18px 12px;font-size:18px}.cmd-input::placeholder{color:#ffffff4d}.cmd-results{max-height:350px;padding:8px 0;overflow-y:auto}.cmd-item{color:#ffffffb3;cursor:pointer;align-items:center;gap:12px;padding:12px 24px;transition:all .1s;display:flex}.cmd-item:hover,.cmd-item.active{background:var(--color-accent-subtle);color:var(--color-accent)}@keyframes cmdFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cmdSlideIn{0%{opacity:0;transform:scale(.96)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.agent-flow-container{width:100%;max-width:1000px;margin:0 auto var(--space-2xl);padding:var(--space-xl);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.flow-node{z-index:2;border:1px solid var(--color-border-subtle);background:#121214;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:120px;padding:16px;display:flex;box-shadow:0 4px 12px #0000004d}.flow-node.highlight{border-color:var(--color-accent);box-shadow:0 0 20px #2997ff33}.flow-node-title{color:#fff;font-size:13px;font-weight:600}.flow-node-desc{color:#ffffff80;text-align:center;font-size:11px}.flow-line{z-index:1;background:#ffffff0d;width:100%;height:2px;position:absolute;top:50%;left:0}.flow-line-active{background:var(--color-accent);height:2px;box-shadow:0 0 8px var(--color-accent);z-index:1;animation:3s linear infinite flowMove;position:absolute;top:50%;left:0}@keyframes flowMove{0%{opacity:0;width:0%;left:0}10%{opacity:1}50%{width:100%;left:0}90%{opacity:1}to{opacity:0;width:0%;left:100%}}@media (width<=768px){.desktop-only{display:none!important}.agent-flow-container{flex-direction:column;gap:30px}.flow-line{width:2px;height:100%;top:0;left:50%}.flow-line-active{width:2px;height:100%;animation:3s linear infinite flowMoveV;top:0;left:50%}@keyframes flowMoveV{0%{opacity:0;height:0%;top:0}10%{opacity:1}50%{height:100%;top:0}90%{opacity:1}to{opacity:0;height:0%;top:100%}}}