:root{--font-display:"Plus Jakarta Sans", -apple-system, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, sans-serif;--font-mono:"DM Mono", "JetBrains Mono", monospace;--bg-base:#080b10;--bg-deep:#04060a;--bg-sidebar:#080b10a6;--bg-card:#11182773;--bg-card-alt:#18223699;--bg-raised:#1f2937b3;--glass-bg:#0d11178c;--glass-blur:blur(16px);--border-dim:#ffffff12;--border-mid:#ffffff1f;--border-bright:#ffffff38;--border-glow:#6366f159;--txt-primary:#f3f4f6;--txt-secondary:#9ca3af;--txt-muted:#6b7280;--txt-faint:#374151;--accent:#6366f1;--accent-bright:#818cf8;--accent-dim:#6366f126;--accent-glow:#6366f159;--accent-border:#6366f166;--c-green:#10b981;--c-green-dim:#10b98126;--c-amber:#f59e0b;--c-amber-dim:#f59e0b26;--c-red:#ef4444;--c-red-dim:#ef444426;--c-violet:#8b5cf6;--c-violet-dim:#8b5cf626;--c-blue:#3b82f6;--c-blue-dim:#3b82f626;--sidebar-w:260px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--txt-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent-border)}.dashboard-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-dim);z-index:50;flex-direction:column;flex-shrink:0;height:100vh;padding:1.75rem 1rem 1.5rem;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:4px 0 24px #00000040}.sidebar-logo{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--txt-primary);align-items:center;gap:.75rem;margin-bottom:2.25rem;padding:0 .5rem;font-size:1.3rem;font-weight:800;display:flex}.sidebar-logo .logo-icon{background:linear-gradient(135deg, var(--accent), var(--c-violet));border-radius:var(--radius-sm);width:32px;height:32px;box-shadow:0 0 16px var(--accent-glow);flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.sidebar-logo:hover .logo-icon{transform:rotate(10deg)scale(1.05)}.sidebar-logo .logo-icon svg{color:#fff!important}.sidebar-menu{flex-direction:column;flex-grow:1;gap:4px;list-style:none;display:flex}.nav-section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--txt-muted);-webkit-user-select:none;user-select:none;padding:1.5rem .625rem .5rem;font-size:10px;font-weight:600}.nav-section-label:first-child{padding-top:.1rem}.menu-item{border-radius:var(--radius-sm);color:var(--txt-secondary);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.75rem;padding:.6rem .85rem;font-size:13.5px;font-weight:500;line-height:1.4;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.menu-item:hover{color:var(--txt-primary);background:#ffffff0a;border-color:#ffffff0d;transform:translate(3px)}.menu-item.active{color:var(--txt-primary);background:linear-gradient(90deg,#6366f126,#8b5cf60d);border-color:#6366f140;font-weight:600;box-shadow:inset 0 0 12px #6366f10d}.menu-item.active svg{color:var(--accent-bright);filter:drop-shadow(0 0 4px var(--accent-bright))}.menu-item .badge-pill{min-width:18px;height:18px;font-family:var(--font-mono);border-radius:99px;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-size:9.5px;font-weight:700;display:flex}.sidebar-status{border-top:1px solid var(--border-dim);flex-direction:column;gap:.4rem;margin-top:auto;padding-top:.875rem;display:flex}.status-row{color:var(--txt-muted);align-items:center;gap:.5rem;padding:.15rem .25rem;font-size:12px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.ok{background:var(--c-green);box-shadow:0 0 5px #22c55e80}.status-dot.warn{background:var(--c-amber)}.status-dot.error{background:var(--c-red);box-shadow:0 0 5px #ef444466}.status-dot.dim{background:var(--txt-faint)}.status-dot.violet{background:var(--c-violet)}.main-content{flex-grow:1;width:100%;max-width:1400px;padding:2rem 2.5rem 4rem;overflow-y:auto}.header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.header-title h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--txt-primary);margin-bottom:.3rem;font-size:1.9rem;font-weight:800;line-height:1}.header-title p{color:var(--txt-secondary);font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .15s;position:relative;overflow:hidden}.card:hover{border-color:var(--border-mid)}.card-accented{border-left:3px solid var(--accent)}.section-heading{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.section-heading-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--txt-muted);font-size:10px;font-weight:500}.section-heading-line{background:var(--border-dim);flex:1;height:1px}.section-desc{color:var(--txt-muted);margin-top:-.5rem;margin-bottom:1rem;font-size:13px;line-height:1.5}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}@media (max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.metrics-grid{grid-template-columns:1fr}}.metric-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-dim);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:1.25rem 1.375rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.metric-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 60%);position:absolute;inset:0}.metric-card:hover{border-color:#6366f159;transform:translateY(-2px);box-shadow:0 12px 30px #00000059}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--txt-muted);font-size:10px;font-weight:600}.metric-value{font-family:var(--font-display);letter-spacing:-.01em;color:var(--txt-primary);background:linear-gradient(90deg,#fff,#d1d5db);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.6rem;font-weight:800;line-height:1}.metric-footer{color:var(--txt-muted);font-size:12px}.visuals-panel{grid-template-columns:3fr 2fr;gap:1rem;display:grid}@media (max-width:900px){.visuals-panel{grid-template-columns:1fr}}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;display:grid}.agent-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-dim);border-radius:var(--radius-md);flex-direction:column;gap:1rem;min-height:0;padding:1.35rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.agent-card:hover{border-color:#6366f173;transform:translateY(-3px);box-shadow:0 16px 36px #0006,0 0 20px #6366f11a}.agent-card.running{border-color:#10b98166;box-shadow:0 0 24px #10b98126}.agent-card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.agent-icon-wrap{border-radius:var(--radius-sm);border:1px solid var(--border-dim);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.agent-card h3{color:var(--txt-primary);font-size:14px;font-weight:700;line-height:1.3}.agent-card p{color:var(--txt-muted);font-size:12.5px;line-height:1.55}.agent-card-opts{border:1px solid var(--border-dim);border-radius:var(--radius-sm);background:#0003;padding:.6rem .75rem;font-size:13px}.agent-run-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-dim);width:100%;color:var(--txt-primary);font-size:13px;font-weight:600;font-family:var(--font-body);background:#ffffff0a;justify-content:center;align-items:center;gap:.45rem;margin-top:auto;padding:.55rem 1rem;transition:all .12s;display:flex}.agent-run-btn:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent-bright);background:#e0900012}.agent-run-btn:disabled{opacity:.42;cursor:not-allowed}.agent-run-btn.running-state{color:var(--c-amber);background:#f59e0b12;border-color:#f59e0b66}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.4rem;padding:.5rem 1rem;line-height:1.3;transition:all .12s;display:inline-flex}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--accent-bright);box-shadow:0 4px 14px var(--accent-glow)}.btn-secondary{border-color:var(--border-mid);color:var(--txt-primary);background:#ffffff0d}.btn-secondary:hover:not(:disabled){border-color:var(--border-bright);background:#ffffff14}.btn-ghost{color:var(--txt-secondary);background:0 0;border-color:#0000;padding:.4rem .6rem}.btn-ghost:hover:not(:disabled){color:var(--txt-primary);background:#ffffff0d}.btn-danger{background:var(--c-red-dim);color:var(--c-red);border-color:#ef444447}.btn-danger:hover:not(:disabled){background:#ef44442e}.btn-sm{padding:.35rem .7rem;font-size:12.5px}.btn-xs{padding:.25rem .55rem;font-size:11.5px}.btn-icon{border-radius:var(--radius-sm);padding:.45rem}.form-input{border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:var(--txt-primary);font-family:var(--font-body);background:#00000047;width:100%;padding:.575rem .875rem;font-size:13.5px;line-height:1.4;transition:border-color .12s,box-shadow .12s}.form-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.form-input::placeholder{color:var(--txt-faint)}textarea.form-input{resize:vertical;line-height:1.6}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234b5568' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}label.form-label{color:var(--txt-secondary);margin-bottom:.4rem;font-size:12px;font-weight:500;display:block}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-dim);overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-muted);border-bottom:1px solid var(--border-dim);white-space:nowrap;background:#00000026;padding:.7rem 1rem;font-size:10px;font-weight:500}.custom-table td{border-bottom:1px solid var(--border-dim);color:var(--txt-primary);vertical-align:middle;padding:.85rem 1rem;font-size:13.5px;line-height:1.4}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#ffffff05}.badge{font-family:var(--font-mono);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:1px solid #0000;align-items:center;padding:.2rem .55rem;font-size:10px;font-weight:600;display:inline-flex}.badge-raw{background:var(--c-amber-dim);color:var(--c-amber);border-color:#f59e0b40}.badge-published{background:var(--c-green-dim);color:var(--c-green);border-color:#22c55e40}.badge-rewriting{background:var(--c-violet-dim);color:var(--c-violet);border-color:#a78bfa40}.badge-idle{color:var(--txt-muted);border-color:var(--border-dim);background:#ffffff0a}.badge-error{background:var(--c-red-dim);color:var(--c-red);border-color:#ef444440}.badge-blue{background:var(--c-blue-dim);color:var(--c-blue);border-color:#60a5fa40}.pipeline-steps{gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.pipeline-step{color:var(--txt-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:.55rem;padding:.6rem 1rem;font-size:13px;font-weight:500;display:flex}.pipeline-step.active{color:var(--accent-bright)}.pipeline-step.done{color:var(--c-green)}.step-num{width:22px;height:22px;font-family:var(--font-mono);border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.step-arrow{background:var(--border-dim);flex-shrink:0;width:20px;height:1px;margin:0 .25rem}.brain-chat-wrap{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-lg);flex-direction:column;margin-bottom:1.5rem;display:flex;overflow:hidden}.brain-chat-header{border-bottom:1px solid var(--border-dim);background:#0000002e;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.brain-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg,#6366f1 0%,#a78bfa 100%);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.brain-chat-messages{flex-direction:column;gap:.75rem;max-height:360px;padding:1.25rem;display:flex;overflow-y:auto}.chat-bubble-user{background:#6366f126;border:1px solid #6366f147;border-radius:14px 14px 3px;align-self:flex-end;max-width:82%;padding:.65rem 1rem;font-size:13.5px;line-height:1.55}.chat-bubble-brain{border:1px solid var(--border-dim);max-width:90%;color:var(--txt-primary);background:#ffffff0a;border-radius:14px 14px 14px 3px;align-self:flex-start;padding:.7rem 1rem;font-size:13.5px;line-height:1.65}.brain-chat-input{border-top:1px solid var(--border-dim);background:#00000024;gap:.5rem;padding:.875rem 1.25rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#000000d1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-deep);border:1px solid var(--border-mid);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-height:92vh;display:flex;overflow:hidden}.live-log{background:var(--bg-deep);border:1px solid var(--border-dim);border-radius:var(--radius-md);overflow:hidden}.live-log-header{border-bottom:1px solid var(--border-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--txt-muted);background:#0003;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:9.5px;display:flex}.live-log-body{max-height:220px;font-family:var(--font-mono);padding:.5rem;font-size:11.5px;line-height:1.65;overflow-y:auto}.log-line{border-radius:3px;align-items:baseline;gap:.5rem;padding:.14rem .5rem;display:flex}.log-line.log-error{background:#ef44440f}.log-line.log-done{background:#22c55e0d}.log-time{color:var(--txt-faint);min-width:58px}.log-type-icon{text-align:center;min-width:10px}.progress-wrap{margin-bottom:.875rem}.progress-header{justify-content:space-between;margin-bottom:.35rem;font-size:12px;display:flex}.progress-track{background:#ffffff0f;border-radius:99px;height:4px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.toggle-switch{cursor:pointer;border:none;border-radius:99px;flex-shrink:0;width:34px;height:18px;transition:background .18s;position:relative}.toggle-switch.on{background:var(--accent)}.toggle-switch.off{background:#ffffff1f}.toggle-knob{pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:2px}.toggle-switch.on .toggle-knob{transform:translate(18px)}.toggle-switch.off .toggle-knob{transform:translate(2px)}.aeo-bar-track{cursor:pointer;background:#ffffff0f;border-radius:99px;height:7px;overflow:hidden}.aeo-bar-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.text-accent{color:var(--accent)}.text-green{color:var(--c-green)}.text-amber{color:var(--c-amber)}.text-red{color:var(--c-red)}.text-violet{color:var(--c-violet)}.text-blue{color:var(--c-blue)}.text-muted{color:var(--txt-muted)}.text-secondary{color:var(--txt-secondary)}.divider{background:var(--border-dim);height:1px;margin:1.5rem 0}.alert{border-radius:var(--radius-md);border:1px solid #0000;gap:.75rem;padding:.825rem 1rem;font-size:13.5px;line-height:1.5;display:flex}.alert-info{background:var(--c-blue-dim);color:var(--c-blue);border-color:#60a5fa33}.alert-success{background:var(--c-green-dim);color:var(--c-green);border-color:#22c55e33}.alert-warning{background:var(--c-amber-dim);color:var(--c-amber);border-color:#f59e0b33}.alert-error{background:var(--c-red-dim);color:var(--c-red);border-color:#ef444433}code{font-family:var(--font-mono);color:var(--accent-bright);background:#ffffff12;border-radius:4px;padding:.1em .35em;font-size:.82em}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:.8s linear infinite spin}@keyframes progress-indeterminate{0%{width:40%;left:-40%}60%{width:40%;left:100%}to{width:40%;left:100%}}.animate-progress-bar{animation:1.4s ease-in-out infinite progress-indeterminate;position:relative;width:40%!important}@keyframes bounce-dot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}.animate-glow{animation:2s ease-in-out infinite glow-pulse}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}