:root,[data-theme=light]{--bg-base: #F6F7F9;--bg-surface: #ffffff;--bg-raised: #ffffff;--bg-subtle: #EEF0F3;--bg-hover: #E4E8ED;--border: #D8DEE5;--border-strong: #C0C8D2;--text-primary: #0D1218;--text-secondary: #2D3E54;--text-muted: #7C8696;--text-inverse: #ffffff;--teal: #1E8F8E;--teal-dim: #186E6E;--teal-light: rgba(30,143,142,.1);--teal-glow: rgba(30,143,142,.2);--teal-pale: rgba(30,143,142,.05);--amber: #F0A500;--amber-light: rgba(240,165,0,.12);--amber-pale: rgba(240,165,0,.06);--red: #EF4444;--red-light: rgba(239,68,68,.1);--red-pale: rgba(239,68,68,.05);--blue: #1E8F8E;--blue-light: rgba(30,143,142,.1);--navy: #17283C;--navy-mid: #2D3E54;--shadow-sm: 0 1px 3px rgba(23,40,60,.06), 0 1px 2px rgba(23,40,60,.04);--shadow-md: 0 4px 12px rgba(23,40,60,.08), 0 2px 4px rgba(23,40,60,.04);--font-display: "Inter", "Plus Jakarta Sans", "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition: all .15s ease;--sidebar-width: 220px}[data-theme=dark]{--bg-base: #0D1218;--bg-surface: #17283C;--bg-raised: #1E3248;--bg-subtle: #0F1E2D;--bg-hover: #243C55;--border: #2D3E54;--border-strong: #3D526A;--text-primary: #F6F7F9;--text-secondary: #BEC5CE;--text-muted: #7E8A9A;--text-inverse: #0D1218;--teal: #1E8F8E;--teal-dim: #135858;--teal-light: rgba(30,143,142,.15);--teal-glow: rgba(30,143,142,.28);--teal-pale: rgba(30,143,142,.07);--amber: #F0A500;--amber-light: rgba(240,165,0,.15);--amber-pale: rgba(240,165,0,.07);--red: #EF4444;--red-light: rgba(239,68,68,.15);--red-pale: rgba(239,68,68,.07);--blue: #1E8F8E;--blue-light: rgba(30,143,142,.15);--navy: #0D1218;--navy-mid: #17283C;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5)}[data-theme=fresh]{--bg-base: #F6F7ED;--bg-surface: #ffffff;--bg-subtle: #eef0e5;--bg-hover: #d8f0ee;--border: #d4dce6;--border-strong: #b0c4d8;--text-primary: #003A6C;--text-secondary: #1a5490;--text-muted: #7a9ab5;--text-inverse: #ffffff;--teal: #0F63B3;--teal-dim: #0a4f92;--teal-light: rgba(15,99,179,.1);--teal-glow: rgba(15,99,179,.18);--teal-pale: rgba(15,99,179,.05);--amber: #c9a800;--amber-light: rgba(255,223,79,.3);--amber-pale: rgba(255,223,79,.15);--red: #d4544a;--red-light: rgba(255,201,196,.45);--red-pale: rgba(255,201,196,.25);--blue: #0F63B3;--blue-light: rgba(172,223,221,.3);--navy: #003A6C;--navy-mid: #0a4f92;--shadow-sm: 0 1px 4px rgba(0,58,108,.08);--shadow-md: 0 4px 12px rgba(0,58,108,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-display);background:var(--bg-base);color:var(--text-primary);font-size:14px;-webkit-font-smoothing:antialiased}.app-shell{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;background:var(--bg-base)}.sidebar{width:var(--sidebar-width);background:var(--navy);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;border-right:1px solid rgba(255,255,255,.04)}.sidebar-logo{padding:1.25rem 1.25rem .75rem;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo-mark{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.logo-icon{width:26px;height:26px;background:var(--teal);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon svg{width:14px;height:14px;color:#fff}.logo-name{font-family:var(--font-display);font-weight:800;font-size:.95rem;color:#fff;letter-spacing:-.01em}.logo-tagline{font-family:var(--font-mono);font-size:.6rem;color:#ffffff4d;letter-spacing:.06em;text-transform:uppercase}.sidebar-nav{flex:1;padding:.75rem;overflow-y:auto}.nav-section-label{font-family:var(--font-mono);font-size:.58rem;font-weight:600;color:#fff3;text-transform:uppercase;letter-spacing:.14em;padding:.4rem .5rem .25rem}.nav-item{width:100%;display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:var(--radius-md);cursor:pointer;border:none;background:transparent;color:#ffffff80;font-size:.82rem;font-family:var(--font-display);font-weight:500;text-align:left;transition:var(--transition)}.nav-item svg{width:14px;height:14px;flex-shrink:0}.nav-item:hover{background:#ffffff0f;color:#fffc}.nav-item.active{background:#ffffff1a;color:#fff}.sidebar-user{padding:.75rem 1.1rem;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.65rem}.user-avatar{width:28px;height:28px;background:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0}.user-name{font-size:.8rem;font-weight:600;color:#ffffffd9}.user-role{font-size:.67rem;color:#ffffff59}.page-header{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:var(--bg-surface)}.page-eyebrow{font-family:var(--font-mono);font-size:.62rem;font-weight:600;color:var(--teal);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.25rem}.page-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.page-subtitle{font-size:.82rem;color:var(--text-secondary);margin-top:.3rem;line-height:1.5}.page-body{padding:1.5rem 2rem}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted);margin-bottom:.35rem}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--teal)}.breadcrumb-sep{color:var(--border)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;border-top:3px solid var(--border)}.stat-card.accent-teal{border-top-color:var(--teal)}.stat-card.accent-amber{border-top-color:var(--amber)}.stat-card.accent-blue{border-top-color:var(--blue)}.stat-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.stat-value{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-sub{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.section-title{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text-primary)}.section-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.project-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.75rem;transition:var(--transition);cursor:pointer}.project-card:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translateY(-1px)}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.project-card-name{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--text-primary)}.project-card-domain{font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.project-card-icon{width:36px;height:36px;background:var(--teal-light);border:1px solid rgba(13,158,116,.15);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-card-desc{font-size:.77rem;color:var(--text-secondary);line-height:1.5;flex:1}.project-card-footer{display:flex;align-items:center;justify-content:space-between}.project-card-meta{font-size:.68rem;color:var(--text-muted)}.project-progress-bar{height:4px;background:var(--bg-subtle);border-radius:2px;overflow:hidden}.project-progress-fill{height:100%;background:var(--teal);border-radius:2px;transition:width .3s ease}.project-card-new{background:var(--bg-subtle);border:1.5px dashed var(--border);border-radius:var(--radius-lg);padding:1.25rem;text-decoration:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:140px;transition:var(--transition);cursor:pointer}.project-card-new:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-pale)}.project-card-new-label{font-weight:600;font-size:.85rem}.pipeline-flow{display:flex;align-items:flex-start;gap:0;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.pipeline-step{display:flex;align-items:center}.pipeline-node{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:0 .4rem}.pipeline-node-circle{width:34px;height:34px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--text-muted);background:var(--bg-surface);transition:var(--transition);flex-shrink:0}.pipeline-node-circle.done{background:var(--teal);border-color:var(--teal);color:#fff}.pipeline-node-circle.active{border-color:var(--teal);color:var(--teal);box-shadow:0 0 10px var(--teal-glow)}.pipeline-node-circle.locked{opacity:.4}.pipeline-node-label{font-size:.6rem;color:var(--text-muted);text-align:center;max-width:60px;line-height:1.3}.pipeline-connector{width:24px;height:2px;background:var(--border);flex-shrink:0}.pipeline-connector.done{background:var(--teal)}.stage-list{display:flex;flex-direction:column;gap:.5rem}.stage-row{display:flex;align-items:center;gap:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.85rem 1.25rem;transition:var(--transition)}.stage-row:hover{border-color:var(--teal)}.stage-row.active-stage{background:var(--teal-pale);border-color:var(--teal)}.stage-num{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text-muted);flex-shrink:0}.stage-num.done{background:var(--teal);border-color:var(--teal);color:#fff}.stage-num.active{border-color:var(--teal);color:var(--teal)}.stage-row-info{flex:1;min-width:0}.stage-row-name{font-weight:600;font-size:.88rem;color:var(--text-primary)}.stage-row-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.agent-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.agent-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.agent-panel-title{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.68rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.agent-panel-body{padding:.9rem 1rem}.agent-panel-done{border-color:#0d9e7433}.agent-spinner{display:inline-block;border-radius:50%;border:2px solid rgba(13,158,116,.2);border-top-color:var(--teal);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.output-viewer{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.output-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.output-viewer-filename{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.output-viewer-content{padding:1rem;font-family:var(--font-mono);font-size:.75rem;line-height:1.7;max-height:400px;overflow-y:auto;color:var(--text-secondary)}.md-h1{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);margin:.5rem 0 .25rem}.md-h2{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:.4rem 0 .2rem}.md-h3{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.md-key{color:var(--teal)}.md-value{color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:100px;font-size:.68rem;font-weight:600;font-family:var(--font-mono);white-space:nowrap;border:1px solid transparent}.badge-teal{background:var(--teal-light);color:var(--teal);border-color:#0d9e7433}.badge-amber{background:var(--amber-light);color:var(--amber);border-color:#d9770633}.badge-red{background:var(--red-light);color:var(--red);border-color:#dc262633}.badge-blue{background:var(--blue-light);color:var(--blue);border-color:#2563eb33}.badge-muted{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border)}.carry-banner{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;background:var(--teal-pale);border:1px solid rgba(13,158,116,.15);border-radius:var(--radius-md)}.carry-banner-text{font-size:.78rem;color:var(--text-secondary);flex:1;line-height:1.4}.upload-zone{border:1.5px dashed var(--border);border-radius:var(--radius-md);padding:1.25rem;text-align:center;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:.4rem}.upload-zone:hover{border-color:var(--teal);background:var(--teal-pale)}.upload-zone-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.upload-zone-hint{font-size:.68rem;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:.75rem;text-align:center}.empty-state svg{width:36px;height:36px;color:var(--text-muted);opacity:.4}.empty-state-title{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text-primary)}.empty-state-desc{font-size:.8rem;color:var(--text-muted);max-width:360px;line-height:1.6}.form-group{margin-bottom:1.1rem}.form-label{display:block;font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-bottom:.45rem}.form-input,.form-select,.form-textarea{width:100%;padding:.6rem .85rem;background:var(--bg-base);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.82rem;color:var(--text-primary);font-family:var(--font-display);transition:var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-light)}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-hint{font-size:.7rem;color:var(--text-muted);margin-top:.35rem}.spec-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .55rem;background:var(--teal-light);border:1px solid rgba(13,158,116,.2);border-radius:100px;font-family:var(--font-mono);font-size:.65rem;color:var(--teal)}.spec-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);flex-shrink:0}.spec-version{color:var(--teal-dim);font-size:.6rem}.promote-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;background:var(--amber-pale);border:1px solid rgba(217,119,6,.15);border-radius:var(--radius-md)}.promote-banner-text{font-size:.77rem;color:var(--text-secondary);line-height:1.5;flex:1}.compound-entry{display:flex;align-items:flex-start;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--border)}.compound-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);flex-shrink:0;margin-top:.35rem}.compound-entry-title{font-size:.82rem;color:var(--text-primary);font-weight:500}.compound-entry-meta{font-size:.7rem;color:var(--text-muted);margin-top:.2rem}.tab{padding:.4rem .75rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;font-size:.78rem;font-weight:500;color:var(--text-muted);background:transparent;transition:var(--transition)}.tab.active{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary);box-shadow:var(--shadow-sm)}.fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--teal)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;font-family:var(--font-display);cursor:pointer;border:1px solid transparent;transition:var(--transition);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex-shrink:0}.btn-primary{background:var(--teal);color:#fff;border-color:var(--teal-dim)}.btn-primary:hover:not(:disabled){background:var(--teal-dim)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--teal);color:var(--teal);background:var(--teal-light)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-secondary)}.btn-amber{background:var(--amber-light);color:var(--amber);border-color:#d9770633}.btn-amber:hover:not(:disabled){background:var(--amber-pale)}.btn-danger{background:var(--red-light);color:var(--red);border-color:#dc262633}.btn-danger:hover:not(:disabled){filter:brightness(.95)}.btn-sm{padding:.3rem .7rem;font-size:.75rem}