#root,body,html{min-height:100vh;width:100%}body{background:radial-gradient(1200px 800px at 50% 0,#0f1222,#090c19 60%,#050811 100%)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e1a;color:#e8ebff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--primary:#8b5cf6;--primary-hover:#a78bfa;--primary-light:#8b5cf633;--primary-border:#8b5cf666;--text-primary:#e8ebff;--text-secondary:#c5d0ff;--text-muted:#a8b3ff;--bg-dark:#0a0e1a;--bg-card:#ffffff0d;--bg-card-hover:#ffffff14;--bg-input:#ffffff0d;--bg-input-focus:#ffffff14;--border:#ffffff1a;--border-hover:#fff3;--border-primary:#8b5cf666;--success:#4ade80;--success-bg:#4ade8033;--warning:#fbbf24;--warning-bg:#fbbf2433;--error:#ff6b7a;--error-bg:#dc354533;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--card-padding:24px;--card-radius:12px;--button-padding:8px 16px;--input-padding:10px 14px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006}.App,.app{background:radial-gradient(1200px 800px at 50% 0,#0f1222,#090c19 60%,#050811 100%);color:#e8ebff;color:var(--text-primary);flex-direction:column}.App,.app,.main-content{display:flex;min-height:100vh;width:100%}.main-content{align-items:center;box-sizing:border-box;flex:1 1;flex-direction:column;overflow-y:auto;padding:100px 20px 40px}.left-panel::-webkit-scrollbar,.main-content::-webkit-scrollbar{width:6px}.left-panel::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track{background:#ffffff05}.left-panel::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.left-panel::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.navigation{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f122299;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.nav-container{align-items:center;display:flex;gap:20px;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px}.nav-logo{color:#e8ebff;color:var(--text-primary);font-size:1.8rem;font-weight:700;text-decoration:none;transition:transform .2s}.nav-logo:hover{color:#8b5cf6;color:var(--primary);transform:scale(1.05)}.nav-right-section{gap:20px}.client-badge,.nav-client-selector,.nav-right-section{align-items:center;display:flex}.client-badge{background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;color:#c5d0ff;color:var(--text-secondary);cursor:pointer;font-size:.85rem;gap:8px;padding:8px 14px;transition:all .2s ease}.client-badge:hover{background:#ffffff26;border-color:#ffffff4d;color:#e8ebff;color:var(--text-primary)}.client-badge.no-client{border-style:dashed}.client-label{font-size:.7rem;letter-spacing:.08em;opacity:.8;text-transform:uppercase}.nav-auth{align-items:center;display:flex;gap:12px}.client-name{color:#e8ebff;color:var(--text-primary);font-weight:600}.client-display{color:#c5d0ff;color:var(--text-secondary);font-size:.9rem}.client-link{color:#8b5cf6;color:var(--primary);font-weight:600;text-decoration:none}.client-link:hover{color:#a78bfa;color:var(--primary-hover)}.nav-menu{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:flex-start;list-style:none;margin:0;padding:0}.nav-item-dropdown{position:relative}.nav-item-dropdown:hover .nav-submenu{display:block}.nav-item-dropdown:after{background:#0000;content:"";height:8px;left:0;pointer-events:auto;position:absolute;right:0;top:100%;z-index:1001}.nav-link-dropdown{align-items:center;cursor:pointer;display:flex;gap:4px}.dropdown-arrow{font-size:.7em;margin-left:4px;transition:transform .2s}.nav-item-dropdown.active .dropdown-arrow,.nav-item-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-submenu{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px #0000004d;left:0;list-style:none;margin:-4px 0 0;min-width:180px;padding:12px 0 8px;pointer-events:auto;position:absolute;top:100%;z-index:1000}.nav-submenu-right{left:auto;right:0}.nav-submenu-link{color:#c5d0ff;color:var(--text-secondary);display:block;font-size:.9em;padding:10px 20px;text-decoration:none;transition:all .2s}.nav-submenu-link.active,.nav-submenu-link:hover{background:#ffffff14;background:var(--bg-card-hover);color:#e8ebff;color:var(--text-primary)}.nav-user-menu{position:relative}.nav-user-menu:after{background:#0000;content:"";height:8px;left:0;pointer-events:auto;position:absolute;right:0;top:100%;z-index:1001}.nav-user-info{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:background .2s}.nav-user-info:hover{background:#ffffff14;background:var(--bg-card-hover)}.nav-user-name{color:#c5d0ff;color:var(--text-secondary);font-size:.9em;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-link{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;color:#e8ebff;color:var(--text-primary);font-size:1rem;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s}.nav-link:hover{background:#ffffff14;background:var(--bg-card-hover);border-color:#fff3;border-color:var(--border-hover)}.nav-link.active{background:#8b5cf633;background:var(--primary-light);border-color:#8b5cf666;border-color:var(--primary-border);color:#e8ebff;color:var(--text-primary)}.nav-link.active:after{background:#8b5cf6;background:var(--primary);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}h1{color:#e8ebff;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:8px}h2{font-size:1.5rem;margin-bottom:16px;margin-bottom:var(--spacing-md)}h2,h3{color:#e8ebff;color:var(--text-primary);font-weight:600}h3{font-size:1.1rem}h3,h4{margin:0}h4{color:#e8ebff;color:var(--text-primary);font-size:1rem;font-weight:600}p{color:#c5d0ff;color:var(--text-secondary);line-height:1.6}.button{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);color:#e8ebff;color:var(--text-primary);cursor:pointer;display:inline-block;font-family:inherit;font-size:.9rem;font-weight:500;padding:8px 16px;padding:var(--button-padding);text-align:center;text-decoration:none;transition:all .3s ease}.button:hover:not(:disabled){background:#ffffff14;background:var(--bg-card-hover);border-color:#fff3;border-color:var(--border-hover);box-shadow:0 4px 12px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button-primary{background:#8b5cf633;background:var(--primary-light);border-color:#8b5cf666;border-color:var(--primary-border);color:#e8ebff;color:var(--text-primary)}.button-primary:hover:not(:disabled){background:#8b5cf64d;border-color:#8b5cf699}.button-secondary{background:#ffffff0d;background:var(--bg-card);border-color:#ffffff1a;border-color:var(--border);color:#c5d0ff;color:var(--text-secondary)}.button-danger{background:#dc354533;background:var(--error-bg);border-color:#dc354566;color:#ff6b7a;color:var(--error)}.button-danger:hover:not(:disabled){background:#dc35454d;border-color:#dc354599}.button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.small-button{font-size:.8rem;padding:6px 12px}.large-button{font-size:1rem;padding:12px 24px}.link-button{background:none;border:none;color:#8b5cf6;color:var(--primary);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.link-button:hover{color:#a78bfa;color:var(--primary-hover)}.card{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);padding:24px;padding:var(--card-padding);transition:all .3s}.card:hover{background:#ffffff14;background:var(--bg-card-hover);border-color:#fff3;border-color:var(--border-hover);box-shadow:0 4px 12px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.capability-card,.client-card,.curated-requirement-card,.function-card,.knowledge-item,.project-card,.requirement-card,.requirement-source,.summary-section{animation:fadeIn .3s ease-in;background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);padding:24px;padding:var(--card-padding);transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.client-card:hover,.curated-requirement-card:hover,.knowledge-item:hover,.project-card:hover,.requirement-card:hover{background:#ffffff14;background:var(--bg-card-hover);border-color:#fff3;border-color:var(--border-hover);box-shadow:0 4px 12px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge,.category-badge,.include-badge,.knowledge-status,.priority-badge,.project-status,.status-badge{align-items:center;border:1px solid;border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.08em;line-height:1;padding:4px 12px;text-transform:uppercase}.status-draft,.status-pending{background:#a8b3ff33;border-color:#a8b3ff4d;color:#a8b3ff;color:var(--text-muted)}.status-active,.status-processed{background:#4ade8033;background:var(--success-bg);border-color:#4ade804d;color:#4ade80;color:var(--success)}.status-archived{background:#ffffff0d;background:var(--bg-card);border-color:#ffffff1a;border-color:var(--border);color:#a8b3ff;color:var(--text-muted)}.status-processing{background:#fbbf2433;background:var(--warning-bg);border-color:#fbbf244d;color:#fbbf24;color:var(--warning)}.status-failed{background:#dc354533;background:var(--error-bg);border-color:#dc35454d;color:#ff6b7a;color:var(--error)}.include-badge.included{background:#4ade8033;background:var(--success-bg);border-color:#4ade804d;color:#4ade80;color:var(--success)}.include-badge.excluded{background:#ffffff0d;background:var(--bg-card);border-color:#ffffff1a;border-color:var(--border);color:#a8b3ff;color:var(--text-muted)}.form-group{margin-bottom:20px}.form-group label{font-size:.9rem;margin-bottom:var(--spacing-sm)}.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea,.input{background:#ffffff0d;background:var(--bg-input);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);color:#e8ebff;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:10px 14px;padding:var(--input-padding);transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.input:focus{background:#ffffff14;background:var(--bg-input-focus);border-color:#8b5cf666;border-color:var(--primary-border);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#a8b3ff;color:var(--text-muted);opacity:.6}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:12px;margin-top:24px;margin-top:var(--spacing-lg)}.form-row{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.settings-content{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl);width:100%}.settings-section{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);padding:24px;padding:var(--card-padding)}.settings-section+.settings-section{margin-top:24px;margin-top:var(--spacing-lg)}.settings-form{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.code-input,.code-textarea{font-family:Courier New,monospace}.code-textarea{min-height:140px}.form-grid{align-items:flex-end;gap:16px;gap:var(--spacing-md)}.form-grid,.inline-actions{display:flex;flex-wrap:wrap}.inline-actions{gap:8px;gap:var(--spacing-sm)}.text-muted{color:#a8b3ff;color:var(--text-muted);font-size:.85rem;margin-top:4px}.status-pill{align-items:center;background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:.8rem;margin-right:8px;margin-top:8px;padding:4px 10px}.queue-entry-summary{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.queue-entry-details{border-top:1px solid #ffffff1a;border-top:1px solid var(--border);margin-top:16px;margin-top:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-md)}.detail-actions,.detail-tabs,.sub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.detail-actions{gap:var(--spacing-sm)}.transition-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.detail-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.artifact-card{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.artifact-card.blocking{background:#dc35451a;border-color:#dc354566}.artifact-json{background:#ffffff08;border-radius:8px;font-size:.85rem;margin-top:8px;max-height:200px;overflow:auto;padding:10px}.view-toggle{display:flex;gap:8px;margin-left:auto}.view-toggle .button,.view-toggle .button.button-secondary{font-size:.75rem;padding:4px 10px}.view-toggle .button.active{border-color:#8b5cf6;border-color:var(--primary);color:#8b5cf6;color:var(--primary)}.button-compact{border-radius:999px;font-size:.75rem;padding:4px 10px!important}.sub-tabs .tab{font-size:.8rem}.single-column{grid-template-columns:1fr}.formatted-plan .formatted-row{margin-bottom:8px}.formatted-plan .formatted-row pre{margin-top:4px}.model-table-wrapper{margin-bottom:12px;overflow-x:auto}.model-table{border-collapse:collapse;font-size:.85rem;width:100%}.model-table td,.model-table th{border:1px solid #ffffff1a;padding:6px 8px;text-align:left}.model-table th{background:#ffffff0d;font-weight:600}.model-table td{background:#ffffff05}.condensed-json{max-height:150px}.comment-form{border:1px dashed #ffffff1a;border:1px dashed var(--border);border-radius:12px;border-radius:var(--card-radius);margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.plan-layout{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;grid-template-columns:220px 1fr;width:100%}.plan-layout,.plan-sidebar{gap:16px;gap:var(--spacing-md)}.plan-sidebar{background:#ffffff0a;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);padding:16px;padding:var(--spacing-md)}.plan-sidebar,.sidebar-section{display:flex;flex-direction:column}.sidebar-section{gap:8px;gap:var(--spacing-sm)}.sidebar-title{color:#a8b3ff;color:var(--text-muted);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.plan-type{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);color:#e8ebff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.plan-type .badge{background:#ffffff14;border-radius:999px;font-size:.75rem;padding:2px 8px}.plan-type.active{background:#8b5cf633;background:var(--primary-light);border-color:#8b5cf666;border-color:var(--primary-border)}.plan-view-toggle{display:flex;gap:8px}.plan-content,.review-layout{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.review-form h4,.review-list h4{font-size:.95rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.comment-actions{margin-top:8px}.codegen-panel{background:#ffffff0a;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.codegen-header{align-items:center;justify-content:space-between}.codegen-header,.codegen-meta{display:flex;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.codegen-meta{color:#a8b3ff;color:var(--text-muted);font-size:.85rem;gap:24px;gap:var(--spacing-lg)}.codegen-log{max-height:500px;overflow:auto;padding:8px;padding:var(--spacing-sm)}.codegen-log,.log-viewer{background:#00000059;border-radius:12px;border-radius:var(--card-radius);font-size:.8rem}.log-viewer{font-family:Fira Code,Courier New,monospace}.log-viewer-header{border-bottom:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.log-viewer-content{max-height:500px;overflow-y:auto;padding:8px;padding:var(--spacing-sm)}.log-line{border-bottom:1px solid #ffffff0d;display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs);padding:6px 0;transition:background-color .2s}.log-line:last-child{border-bottom:none}.log-line:hover{background:#ffffff05}.log-line-summary{align-items:center;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm);padding:4px 0}.log-timestamp{color:#a8b3ff;color:var(--text-muted);font-family:Fira Code,Courier New,monospace;font-size:.7rem;min-width:140px}.log-prefix{font-size:.9rem;min-width:20px;text-align:center}.log-prefix-command{color:#60a5fa}.log-prefix-file{color:#4ade80}.log-prefix-error{color:#ff6b7a;color:var(--error)}.log-prefix-warning{color:#fbbf24;color:var(--warning)}.log-prefix-info{color:#a8b3ff;color:var(--text-muted)}.log-body{color:#c5d0ff;color:var(--text-secondary);flex:1 1;line-height:1.5;white-space:pre-wrap;word-break:break-word}.log-line-error .log-body{color:#ff6b7a;color:var(--error)}.log-line-warning .log-body{color:#fbbf24;color:var(--warning)}.log-line-command .log-body{color:#93c5fd;font-weight:500}.log-expand-indicator{color:#a8b3ff;color:var(--text-muted);font-size:.7rem;margin-left:4px;margin-left:var(--spacing-xs);transition:transform .2s;-webkit-user-select:none;user-select:none}.log-line-summary:hover .log-expand-indicator{color:#c5d0ff;color:var(--text-secondary)}.log-line-details{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--card-radius);margin-left:16px;margin-left:var(--spacing-md);margin-top:4px;margin-top:var(--spacing-xs);padding:8px;padding:var(--spacing-sm)}.log-detail-line{align-items:flex-start;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.log-detail-line:last-child{margin-bottom:0}.log-detail-content{background:#0000004d;border-radius:4px;flex:1 1;font-size:.75rem;line-height:1.6;overflow-x:auto;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.log-body-full,.log-detail-content{color:#c5d0ff;color:var(--text-secondary);font-family:Fira Code,Courier New,monospace;margin:0;white-space:pre-wrap;word-break:break-word}.log-body-full{background:#0000;font-size:.8rem;line-height:1.5;padding:0}.checkbox-inline{align-items:center;display:flex;gap:8px;margin-top:8px;margin-top:var(--spacing-sm)}.client-list-page,.page-container,.project-detail-page,.project-list-page,.project-settings-page,.requirements-processing-page{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0;width:100%}.client-list-page{max-width:1400px}.client-list-header,.page-header,.project-detail-header,.project-header,.project-list-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding-bottom:20px;width:100%}.project-detail-header{flex-direction:column;gap:16px;gap:var(--spacing-md)}.header-content{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);width:100%}.header-content h1,.page-header h1,.project-header h1,.project-list-header h1{margin:0}.back-button{background:none;border:none;color:#c5d0ff;color:var(--text-secondary);cursor:pointer;display:inline-block;font-size:1rem;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:8px 0;text-decoration:none;transition:color .3s}.back-button:hover{color:#8b5cf6;color:var(--primary)}.requirements-header,.settings-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding-bottom:20px;width:100%}.requirements-header h1,.settings-header h1{margin:0}.section-description{font-size:.95rem;line-height:1.6;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.input-hint,.section-description{color:#a8b3ff;color:var(--text-muted)}.input-hint{display:block;font-size:.8rem;margin-top:6px}.tab-badge{background:#8b5cf6;background:var(--primary);border-radius:999px;color:#05060f;font-size:.7rem;margin-left:8px;padding:2px 8px}.project-tabs,.requirements-tabs{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:32px;margin-bottom:var(--spacing-xl);overflow-x:auto;padding-bottom:0;width:100%}.project-tabs::-webkit-scrollbar,.requirements-tabs::-webkit-scrollbar{height:4px}.project-tabs::-webkit-scrollbar-thumb,.requirements-tabs::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.tab{border-bottom:2px solid #0000;color:#c5d0ff;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:10px 20px;position:relative;top:1px;transition:all .3s;white-space:nowrap}.tab:hover{background:#ffffff0d;background:var(--bg-card);color:#e8ebff;color:var(--text-primary)}.tab.active{border-bottom-color:#8b5cf6;border-bottom-color:var(--primary);color:#8b5cf6;color:var(--primary)}.project-content,.requirements-content,.tab-content{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;min-height:600px;padding:32px;padding:var(--spacing-xl);width:100%}.chat-tab,.configuration-tab,.curated-tab,.knowledge-tab,.overview-tab,.raw-requirements-tab,.raw-tab,.summary-tab{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;min-height:100%;min-width:0;width:100%}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.client-cards,.project-cards,.project-grid{grid-gap:24px;grid-gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.client-cards,.client-list,.project-cards,.project-grid{display:grid;gap:24px;gap:var(--spacing-lg);margin-top:24px;margin-top:var(--spacing-lg)}.client-list{grid-gap:24px;grid-gap:var(--spacing-lg);grid-template-columns:1fr}.curated-requirements-list,.knowledge-list,.raw-requirements-list,.structured-requirements{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.project-list-filters{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between;margin:24px 0;margin:var(--spacing-lg) 0;width:100%}.project-count{color:#a8b3ff;color:var(--text-muted);font-size:.9rem}.detail-grid,.info-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:24px;margin-top:var(--spacing-lg);width:100%}.detail-item,.info-item{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);min-width:0;padding:16px;padding:var(--spacing-md)}.detail-item.full-width,.info-item.full-width{grid-column:1/-1}.detail-item label,.info-item label{color:#a8b3ff;color:var(--text-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.detail-item span,.info-item span{color:#e8ebff;color:var(--text-primary);font-size:1rem;word-break:break-word}.info-section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.client-info-grid{margin-top:16px;margin-top:var(--spacing-md)}.details-panel{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);padding:32px;padding:var(--spacing-xl);width:100%}.code-text{font-size:.95rem;word-break:break-all}.code-text,.detail-json{color:#c5d0ff;color:var(--text-secondary);font-family:Courier New,monospace}.detail-json{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;font-size:.9rem;overflow-x:auto;padding:16px;padding:var(--spacing-md)}.client-card-header,.knowledge-item-header,.project-card-header,.requirement-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.client-card-header h3,.knowledge-item-info h3,.project-card-header h3{color:#e8ebff;color:var(--text-primary);margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.client-meta,.knowledge-status-row,.project-meta,.requirement-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;margin-top:var(--spacing-md)}.client-card-actions,.knowledge-item-actions,.project-actions{display:flex;flex-wrap:wrap;gap:8px}.client-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.client-select{min-width:140px;text-align:center}.client-secondary-actions{display:flex;gap:8px}.project-card-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-md)}.project-description{color:#c5d0ff;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:16px 0;margin:var(--spacing-md) 0}.project-id,.project-knowledge-count{color:#a8b3ff;color:var(--text-muted);font-size:.85rem}.stats-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px;margin-top:var(--spacing-md)}.stat-value{color:#8b5cf6;color:var(--primary);font-size:2rem;font-weight:700;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.stat-label{color:#c5d0ff;color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.knowledge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.knowledge-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);margin-top:8px;margin-top:var(--spacing-sm)}.knowledge-type-badge{background:#8b5cf633;background:var(--primary-light);border-color:#8b5cf666;border-color:var(--primary-border);color:#8b5cf6;color:var(--primary)}.knowledge-size{color:#a8b3ff;color:var(--text-muted);font-size:.8rem}.knowledge-item-details{background:#00000040;border:1px solid #ffffff0a;border-radius:10px;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.knowledge-detail-row{color:#c5d0ff;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px;gap:var(--spacing-md)}.detail-label{color:#a8b3ff;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.knowledge-preview{border-top:1px solid #ffffff14;margin-top:8px;margin-top:var(--spacing-sm);padding-top:8px;padding-top:var(--spacing-sm)}.knowledge-preview p{color:#c5d0ff;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:8px 0 0;white-space:pre-wrap}.processing-note{align-items:center;color:#a8b3ff;color:var(--text-muted);display:flex;font-style:italic;gap:8px;gap:var(--spacing-sm)}.processing-spinner{animation:pulse 1.5s ease-in-out infinite;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.summary-content{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.structured-requirements-section,.summary-section{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);padding:32px;padding:var(--spacing-xl)}.structured-requirements-section h3,.summary-section h3{margin-bottom:16px;margin-bottom:var(--spacing-md)}.summary-text{background:#0000004d;border:1px solid #ffffff0d;border-radius:10px;color:#e8ebff;color:var(--text-primary);font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;margin:0;padding:24px;padding:var(--spacing-lg);white-space:pre-wrap}.structured-requirements-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.function-item{background:#00000040;border:1px solid #ffffff0d;border-radius:10px;margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.function-item em{color:#c5d0ff;color:var(--text-secondary)}.formatted-summary-block{background:#ffffff05;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);padding:32px;padding:var(--spacing-xl)}.formatted-summary{background:#0000;border:none;margin-top:0;padding:0}.formatted-summary .summary-section{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding-bottom:24px;padding-bottom:var(--spacing-lg)}.formatted-summary .summary-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.formatted-summary h3{color:#8b5cf6;color:var(--primary);font-size:1.3rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md);margin-top:0}.formatted-summary h4{color:#e8ebff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:16px 0 8px;margin:var(--spacing-md) 0 var(--spacing-sm)}.formatted-summary h5{color:#8b5cf6;color:var(--primary);font-size:1.1rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.formatted-summary h6{color:#e8ebff;color:var(--text-primary);font-size:1rem;font-weight:600;margin:16px 0 8px;margin:var(--spacing-md) 0 var(--spacing-sm)}.formatted-summary p{color:#c5d0ff;color:var(--text-secondary);line-height:1.6;margin:8px 0;margin:var(--spacing-sm) 0}.formatted-summary ul{margin:8px 0 8px 24px;margin:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-lg);padding-left:16px;padding-left:var(--spacing-md)}.formatted-summary li{color:#c5d0ff;color:var(--text-secondary);line-height:1.6;margin:4px 0;margin:var(--spacing-xs) 0}.formatted-summary .capability-item{background:#ffffff05;border-left:3px solid #8b5cf6;border-left:3px solid var(--primary);border-radius:8px;margin:24px 0;margin:var(--spacing-lg) 0;padding:16px;padding:var(--spacing-md)}.formatted-summary .functions-list{margin-top:16px;margin-top:var(--spacing-md)}.formatted-summary .function-item{background:#ffffff03;border-left:2px solid #8b5cf633;border-left:2px solid var(--primary-light);border-radius:6px;margin:16px 0;margin:var(--spacing-md) 0;padding:16px;padding:var(--spacing-md)}.formatted-summary .function-item strong{color:#e8ebff;color:var(--text-primary);display:block;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.formatted-summary .function-item em{color:#a8b3ff;color:var(--text-muted);font-style:italic}.curated-summary-block{background:#0000004d;border:1px solid #ffffff0d;border-radius:10px;color:#e8ebff;color:var(--text-primary);font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;max-height:600px;overflow-y:auto;padding:24px;padding:var(--spacing-lg);white-space:pre-wrap}.raw-requirements-content{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.raw-requirement-section{background:#00000040;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg)}.requirement-section-header{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}.requirement-source-title{align-items:center;color:#e8ebff;color:var(--text-primary);display:flex;font-size:1rem;gap:8px;gap:var(--spacing-sm)}.source-icon{font-size:1.2rem}.requirement-content{background:#00000059;border:1px solid #ffffff0f;border-radius:10px;padding:16px;padding:var(--spacing-md)}.requirement-text{color:#c5d0ff;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap}.create-client-form,.create-project-form{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.requirement-card-body{margin-top:16px;margin-top:var(--spacing-md)}.requirement-field ul{color:#c5d0ff;color:var(--text-secondary);margin:8px 0 8px 16px;margin:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-md);padding-left:24px;padding-left:var(--spacing-lg)}.requirement-field ul li{list-style:disc;margin-bottom:6px}.requirement-card-actions{border-top:1px solid #ffffff1a;border-top:1px solid var(--border);display:flex;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-md)}.code-block,.requirement-content{background:#0000004d;border:1px solid #ffffff0d;border-radius:6px;color:#c5d0ff;color:var(--text-secondary);font-family:Courier New,monospace;font-size:.9rem;line-height:1.8;padding:16px;padding:var(--spacing-md);white-space:pre-wrap}.capabilities-list,.functions-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);margin-top:16px;margin-top:var(--spacing-md)}.capability-header,.function-card{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.summary-curation-actions{border-top:1px solid #ffffff1a;border-top:1px solid var(--border);display:flex;gap:16px;gap:var(--spacing-md);margin-top:24px;margin-top:var(--spacing-lg);padding-top:24px;padding-top:var(--spacing-lg)}.chat-container{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);display:flex;flex-direction:column;height:600px;padding:20px}.chat-messages{background:#0003;border-radius:8px;flex:1 1;margin-bottom:20px;overflow-y:auto;padding:16px;padding:var(--spacing-md)}.chat-message{border-radius:8px;margin-bottom:16px;margin-bottom:var(--spacing-md);max-width:80%;padding:12px 16px}.chat-message.user{background:#8b5cf633;background:var(--primary-light);border:1px solid #8b5cf666;border:1px solid var(--primary-border);color:#e8ebff;color:var(--text-primary);margin-left:auto}.chat-message.assistant{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);color:#c5d0ff;color:var(--text-secondary)}.chat-message.thinking{align-items:center;background:#ffffff14;color:#a8b3ff;color:var(--text-muted);display:flex;font-size:.9rem;gap:10px}.chat-spinner{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top:2px solid var(--primary);height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.chat-input-form{align-items:flex-end;display:flex;gap:12px}.chat-input{background:#ffffff0d;background:var(--bg-input);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;color:#e8ebff;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;padding:10px 14px;padding:var(--input-padding);resize:none}.chat-input:focus{background:#ffffff14;background:var(--bg-input-focus);border-color:#8b5cf666;border-color:var(--primary-border);outline:none}.chat-welcome{color:#a8b3ff;color:var(--text-muted);padding:40px 20px;text-align:center}.chat-apply-actions{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);justify-content:flex-end;margin:24px 0;margin:var(--spacing-lg) 0}.chat-warning{color:#fbbf24;color:var(--warning);font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;right:0;top:0;z-index:2000}.modal-content{background:#0f1222f2;border:1px solid #fff3;border:1px solid var(--border-hover);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 8px 24px #0006;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;width:100%}.modal-header{border-bottom:1px solid #ffffff1a;padding:24px}.modal-header h2{color:#e8ebff}.modal-body,.modal-footer{padding:24px;padding:var(--spacing-lg)}.modal-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border);display:flex;gap:16px;gap:var(--spacing-md);justify-content:flex-end}.modal-close{border-radius:6px;color:#c5d0ff;font-size:24px;transition:all .2s}.modal-close:hover{background:#ffffff0d;background:var(--bg-card);color:#e8ebff}.modal-form{gap:24px;gap:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.modal-form,.modal-form-group{display:flex;flex-direction:column}.modal-form-group{gap:4px;gap:var(--spacing-xs)}.modal-form-group label{color:#c5d0ff;color:var(--text-secondary);font-size:.9rem;font-weight:600}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{background:#ffffff0d;background:var(--bg-input);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);color:#e8ebff;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:10px 14px;padding:var(--input-padding)}.modal-form-group textarea{min-height:90px;resize:vertical}.modal-form-group textarea.large{min-height:140px}.modal-form-group.full-width{grid-column:1/-1}.modal-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);width:100%}.modal-grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.modal-grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.modal-form-array{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.modal-form-array-item{background:#ffffff05;border:1px dashed #ffffff1a;border:1px dashed var(--border);border-radius:12px;border-radius:var(--card-radius);display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs);padding:16px;padding:var(--spacing-md)}.modal-form-array-item textarea{min-height:80px}.array-add{margin-top:4px;margin-top:var(--spacing-xs)}.modal-data-group{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.field-subtitle{color:#a8b3ff;color:var(--text-muted);font-size:.8rem;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.modal-form-actions{display:flex;gap:8px;gap:var(--spacing-sm);justify-content:flex-end}.client-modal{max-width:960px;width:90%}.client-form .form-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.client-form .form-group.span-2{grid-column:1/-1}.client-form textarea{min-height:120px}.client-flex-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.client-column{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;border-radius:var(--card-radius);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.client-column h3{color:#c5d0ff;color:var(--text-secondary);font-size:1rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.branding-page{width:100%}.branding-form{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.branding-form .form-actions{justify-content:flex-end}.branding-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.branding-card,.branding-grid{gap:16px;gap:var(--spacing-md)}.branding-card{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:16px;padding:var(--spacing-md)}.branding-card h2{color:#e8ebff;color:var(--text-primary);margin:0}.branding-card.span-2{grid-column:span 2}.branding-card .form-group.full-width{grid-column:1/-1}.form-grid.compact{grid-gap:16px;grid-gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.form-grid.compact,.palette-grid{display:grid;gap:16px;gap:var(--spacing-md)}.palette-grid{grid-gap:16px;grid-gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.color-field{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--card-radius);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.color-field-header{align-items:center;color:#a8b3ff;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between;letter-spacing:.08em;text-transform:uppercase}.color-value{color:#e8ebff;color:var(--text-primary);font-family:Courier New,monospace;font-size:.85rem}.color-inputs{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.color-picker{background:#0000;border:1px solid #fff3;border-radius:12px;cursor:pointer;height:52px;width:52px}.color-text-input{background:#ffffff0d;background:var(--bg-input);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:10px;color:#e8ebff;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;padding:10px 14px;padding:var(--input-padding)}.modal-description{color:#c5d0ff;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.modal-actions{border-top:1px solid #ffffff1a;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;margin-top:var(--spacing-lg);padding-top:24px;padding-top:var(--spacing-lg)}.service-modal{max-width:960px;width:100%}.modal-tabs{grid-gap:8px;grid-gap:var(--spacing-sm);background:#ffffff08;border:none;border-radius:12px;border-radius:var(--card-radius);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:8px;padding:var(--spacing-sm);width:100%}.tab-button{align-items:flex-start;background:#ffffff05;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;border-radius:calc(var(--card-radius) - 4px);color:#c5d0ff;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:64px;padding:16px;padding:var(--spacing-md);transition:all .2s ease}.tab-button .tab-title{color:inherit;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.tab-button .tab-subtitle{color:#a8b3ff;color:var(--text-muted);font-size:.8rem}.tab-button:hover{background:#ffffff14;border-color:#fff3;border-color:var(--border-hover);color:#e8ebff;color:var(--text-primary)}.tab-button.active{background:#8b5cf633;background:var(--primary-light);border-color:#8b5cf666;border-color:var(--primary-border);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);color:#8b5cf6;color:var(--primary)}.tab-button.active .tab-subtitle{color:#e8ebff;color:var(--text-primary)}.health-tab,.service-modal .modal-body,.services-tab{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.health-list,.services-list{grid-gap:16px;grid-gap:var(--spacing-md);align-items:stretch;display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.health-item,.service-item{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);height:100%;padding:24px;padding:var(--spacing-lg)}.service-item.all-services{border-style:dashed;grid-column:1/-1;opacity:.9}.health-service-name,.service-header{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between}.service-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);justify-content:flex-start;margin-top:16px;margin-top:var(--spacing-md)}.action-status{align-items:center;display:inline-flex;font-size:.85rem;gap:6px}.action-status.running{color:#fbbf24;color:var(--warning)}.action-status.success{color:#4ade80;color:var(--success)}.action-status.error{color:#ff6b7a;color:var(--error)}.health-item{border-left-width:3px}.health-item.health-healthy{border-left-color:#4ade80;border-left-color:var(--success)}.health-item.health-warning{border-left-color:#fbbf24;border-left-color:var(--warning)}.health-item.health-critical,.health-item.health-error{border-left-color:#ff6b7a;border-left-color:var(--error)}.health-detail-row{color:#c5d0ff;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;gap:var(--spacing-sm)}.health-label{color:#a8b3ff;color:var(--text-muted);font-weight:600}.health-badge{background:#ffffff14;border-radius:999px;font-size:.75rem;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.error-message{background:#dc354533;background:var(--error-bg);border:1px solid #dc354566;border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:16px;padding:var(--spacing-md)}.error-close,.error-message{align-items:center;color:#ff6b7a;color:var(--error);display:flex}.error-close{background:none;border:none;border-radius:4px;cursor:pointer;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.error-close:hover{background:#dc35454d}.warning-message{background:#fbbf2433;background:var(--warning-bg);border:1px solid #fbbf2466;border-radius:8px;color:#fbbf24;color:var(--warning)}.success-message,.warning-message{margin-bottom:20px;padding:16px;padding:var(--spacing-md)}.success-message{background:#4ade8033;background:var(--success-bg);border:1px solid #4ade8066;border-radius:8px;color:#4ade80;color:var(--success)}.loading{font-size:1.1rem;padding:40px}.empty-state,.loading{color:#a8b3ff;color:var(--text-muted);text-align:center}.empty-state{padding:60px 20px}.empty-state p{font-size:1.1rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.empty-hint{font-size:.9rem;margin-bottom:24px!important;margin-bottom:var(--spacing-lg)!important;opacity:.7}.filter-input{background:#ffffff0d;background:var(--bg-input);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;color:#e8ebff;color:var(--text-primary);font-size:1rem;margin-bottom:24px;margin-bottom:var(--spacing-lg);max-width:400px;padding:10px 14px;padding:var(--input-padding);width:100%}.filter-input:focus{background:#ffffff14;background:var(--bg-input-focus);border-color:#8b5cf666;border-color:var(--primary-border);outline:none}.filter-input::placeholder{color:#a8b3ff;color:var(--text-muted);opacity:.6}@media (max-width:1024px){.main-content{margin-left:0;padding:100px 20px 20px;width:100%}.navigation{position:relative}.nav-container{flex-wrap:wrap;height:auto;padding:16px 0}.nav-right-section{margin-top:12px;order:3;width:100%}.branding-grid,.client-cards,.client-list,.project-cards,.project-grid{grid-template-columns:1fr}.branding-card.span-2{grid-column:span 1}}@media (max-width:768px){.main-content{padding:80px 16px 16px}.page-header,.project-header,.project-list-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md)}.project-tabs,.requirements-tabs{flex-wrap:wrap}.tab{font-size:.9rem;padding:8px 16px}.info-grid{grid-template-columns:1fr}.chat-container{height:500px}.modal-content{margin:10px;max-width:100%}}.recording-controls{align-items:flex-start;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.waveform-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);padding:8px;padding:var(--spacing-sm);width:100%}.waveform{align-items:flex-end;display:flex;gap:2px;height:60px;justify-content:center;width:100%}.waveform-bar{background:var(--color-primary);border-radius:2px;flex:1 1;min-width:2px;transition:height .1s ease}.epics-stories-page{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl);margin:0 auto;max-width:1400px;width:100%}.page-header{align-items:flex-end;display:flex;gap:24px;gap:var(--spacing-lg);justify-content:space-between;width:100%}.page-header h1{font-size:2.4rem;line-height:1.2}.eyebrow{color:#a8b3ff;color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.project-selector{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs);min-width:220px}.project-selector label{color:#a8b3ff;color:var(--text-muted);font-size:.85rem}.project-selector select{background:#ffffff0d;background:var(--bg-input);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);color:#e8ebff;color:var(--text-primary);font-size:.95rem;padding:10px 14px;padding:var(--input-padding)}.epics-layout{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:320px minmax(0,1fr);width:100%}.sidebar-column{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:90px}.content-column,.sidebar-column{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.panel{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);padding:24px;padding:var(--card-padding)}.panel-header{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.button-link,.collapse-toggle{background:none;border:none;color:#a78bfa;color:var(--primary-hover);cursor:pointer;font-weight:600;padding:6px 0}.button-link:hover,.collapse-toggle:hover{color:#e8ebff;color:var(--text-primary)}.summary-groups{gap:24px;gap:var(--spacing-lg)}.summary-cluster,.summary-groups{display:flex;flex-direction:column}.summary-cluster{gap:8px;gap:var(--spacing-sm)}.cluster-title{color:#a8b3ff;color:var(--text-muted);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.summary-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.summary-card{display:flex;flex-direction:column;gap:6px;min-height:90px;padding:16px;padding:var(--spacing-md)}.summary-card.highlighted{background:#8b5cf633;background:var(--primary-light);border-color:#8b5cf666;border-color:var(--primary-border)}.summary-card.subtle{opacity:.8}.summary-card .card-label{color:#a8b3ff;color:var(--text-muted);font-size:.75rem;text-transform:uppercase}.summary-card .card-value{font-size:1.4rem;font-weight:600}.filter-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.filter-field{color:#a8b3ff;color:var(--text-muted);display:flex;flex-direction:column;font-size:.85rem;gap:4px;gap:var(--spacing-xs)}.filter-field.full-width{grid-column:1/-1}.filter-field input,.filter-field select{background:#ffffff0d;background:var(--bg-input);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);color:#e8ebff;color:var(--text-primary);font-size:.95rem;padding:10px 14px;padding:var(--input-padding)}.checkbox-group{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.checkbox-group label{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:.8rem;gap:6px;padding:6px 12px}.checkbox-group input{accent-color:#8b5cf6;accent-color:var(--primary)}.tabs{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:999px;display:inline-flex;gap:4px;padding:4px}.tab{background:#0000;border:none;border-radius:999px;color:#a8b3ff;color:var(--text-muted);cursor:pointer;font-weight:600;padding:10px 18px;transition:all .2s ease}.tab.active{background:#8b5cf633;background:var(--primary-light);border:1px solid #8b5cf666;border:1px solid var(--primary-border);color:#e8ebff;color:var(--text-primary)}.detail-tabs{background:#0000;border:none;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:0}.detail-tabs .tab{border:1px solid #ffffff1a;border:1px solid var(--border);font-size:.85rem;padding:6px 14px}.sub-tabs{background:#0000;border:none;padding:0}.sub-tabs .tab{border:1px solid #ffffff1a;border:1px solid var(--border);font-size:.75rem;justify-content:center;min-width:70px;padding:6px 12px}.epics-list{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.epic-card{background:#ffffff0a;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);flex-direction:column;padding:24px;padding:var(--card-padding)}.epic-card,.epic-header{display:flex;gap:16px;gap:var(--spacing-md)}.epic-header{cursor:pointer;justify-content:space-between}.epic-heading{gap:16px;gap:var(--spacing-md)}.epic-heading,.epic-meta{align-items:center;display:flex}.epic-meta{gap:8px;gap:var(--spacing-sm)}.story-count{color:#a8b3ff;color:var(--text-muted);font-size:.85rem}.expand-icon{align-items:center;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:.75rem;height:28px;justify-content:center;width:28px}.epic-details{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.epic-description{background:#ffffff05;border:1px dashed #ffffff1a;border:1px dashed var(--border);border-radius:12px;border-radius:var(--card-radius);color:#c5d0ff;color:var(--text-secondary);font-size:.95rem;padding:16px;padding:var(--spacing-md)}.stories-list{gap:16px;gap:var(--spacing-md)}.stories-list,.story-card{display:flex;flex-direction:column}.story-card{background:#00000040;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--card-radius);gap:8px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.story-header{cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between}.story-heading{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.story-meta{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs);justify-content:flex-end}.story-footer{align-items:center;display:flex;justify-content:space-between}.story-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.btn-small{background:#8b5cf633;background:var(--primary-light);border:1px solid #8b5cf666;border:1px solid var(--primary-border);border-radius:999px;color:#e8ebff;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .2s ease}.btn-small.secondary{background:#0000;border-color:#ffffff1a;border-color:var(--border);color:#c5d0ff;color:var(--text-secondary)}.btn-small:hover{border-color:#8b5cf6;border-color:var(--primary);color:#e8ebff;color:var(--text-primary)}.story-details{background:#00000040;border-radius:12px;border-radius:var(--card-radius);color:#c5d0ff;color:var(--text-secondary);font-size:.95rem;padding:16px;padding:var(--spacing-md)}.story-details ul{margin-top:4px;margin-top:var(--spacing-xs);padding-left:20px}.story-type-badge{font-size:.7rem}.staged-badge{background:#ffffff14;padding:4px 10px}.queue-badge,.staged-badge{border-radius:999px;font-size:.7rem;text-transform:uppercase}.queue-badge{border:1px solid #ffffff1a;border:1px solid var(--border);padding:4px 12px}.queue-status-badge{border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:999px;font-size:.75rem;padding:6px 14px;text-transform:uppercase}.queue-tab .queue-list{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.queue-entry-card{background:#ffffff0a;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);flex-direction:column;padding:24px;padding:var(--card-padding)}.queue-entry-card,.queue-entry-header{display:flex;gap:16px;gap:var(--spacing-md)}.queue-entry-header{align-items:flex-start;justify-content:space-between}.queue-entry-meta{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs);justify-content:flex-end}.queue-entry-details{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.detail-row{color:#c5d0ff;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between}.detail-row span,.empty-message{color:#a8b3ff;color:var(--text-muted)}.empty-message{padding:24px;padding:var(--spacing-lg);text-align:center}.status-draft,.status-queued,.status-ready,.status-todo{background:#a8b3ff33;border-color:#a8b3ff4d;color:#e8ebff;color:var(--text-primary)}.status-in_progress,.status-processing{background:#fbbf2433;background:var(--warning-bg);border-color:#fbbf244d;color:#fbbf24;color:var(--warning)}.status-review{background:#8b5cf64d;border-color:#8b5cf680;color:#a78bfa;color:var(--primary-hover)}.status-blocked,.status-failed{background:#dc354533;background:var(--error-bg);border-color:#dc354566;color:#ff6b7a;color:var(--error)}.status-completed{background:#8b5cf633;background:var(--primary-light);border-color:#8b5cf666;border-color:var(--primary-border);color:#8b5cf6;color:var(--primary)}.priority-badge.priority-high{background:#f9731626;border-color:#f973164d;color:#fb923c}.priority-badge.priority-medium{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}.priority-badge.priority-low{background:#4ade8026;border-color:#4ade804d;color:#86efac}@media (max-width:1200px){.epics-layout{grid-template-columns:1fr}.sidebar-column{position:static}}@media (max-width:768px){.tabs{justify-content:space-between;width:100%}.tab{flex:1 1;text-align:center}.epic-header,.story-footer,.story-header{align-items:flex-start;flex-direction:column}.story-footer{gap:8px;gap:var(--spacing-sm)}}.health-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);justify-content:space-between}.principles-page{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.principles-summary{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-card{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);padding:8px;padding:var(--spacing-sm)}.summary-label{color:#a8b3ff;color:var(--text-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.summary-value{color:#e8ebff;color:var(--text-primary);display:block;font-size:1.4rem;font-weight:600;margin-top:4px}.principles-list{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.principle-card{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease}.principle-card:hover{box-shadow:0 4px 12px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.principle-card.inactive{border-style:dashed;opacity:.7}.principle-header{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);justify-content:space-between}.principle-header h3{color:#e8ebff;color:var(--text-primary);font-size:1.1rem;line-height:1.3;margin:0}.principle-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.principle-badges .badge{background:#ffffff14;border-radius:999px;font-size:.7rem;letter-spacing:.08em;padding:2px 8px;text-transform:uppercase}.principle-badges .badge:first-of-type{background:#ffffff0d}.principle-badges .priority-high{background:#ff6b7a33;color:#ff6b7a;color:var(--error)}.principle-badges .priority-medium{background:#fbbf2433;color:#fbbf24;color:var(--warning)}.principle-badges .priority-low{background:#4ade8033;color:#4ade80;color:var(--success)}.principle-body{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.principle-description{color:#c5d0ff;color:var(--text-secondary);font-size:.95rem;line-height:1.4}.principle-meta{color:#a8b3ff;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;gap:var(--spacing-sm)}.principle-section ul{color:#c5d0ff;color:var(--text-secondary);margin-top:4px;margin-top:var(--spacing-xs);padding-left:20px}.principle-actions{display:flex;gap:8px;gap:var(--spacing-sm);justify-content:flex-end}.log-modal{display:flex;flex-direction:column;max-height:90vh}.log-modal .modal-body{flex:1 1;overflow:auto;padding:16px}.log-modal-viewer{background:#05070fcc;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--card-radius);font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem;line-height:1.6;max-height:calc(90vh - 200px);overflow:auto;padding:16px}.modal-content.wide{max-width:720px}.config-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.config-grid .span-2{grid-column:span 2}.config-info-box{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:12px}.config-grid .checkbox-group{align-items:flex-end;display:flex}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.auth-card{background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 6px #0000004d;max-width:400px;padding:32px;width:100%}.auth-card h2{color:#e8ebff;color:var(--text-primary);margin-bottom:8px}.auth-card .text-muted{color:#a8b3ff;color:var(--text-muted);font-size:.9em;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{color:#c5d0ff;color:var(--text-secondary);display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{background:#ffffff0d;background:var(--bg-input);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:4px;color:#e8ebff;color:var(--text-primary);font-family:inherit;font-size:1em;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;background:var(--bg-input-focus);border-color:#8b5cf6;border-color:var(--primary);outline:none}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-group small{color:#a8b3ff;color:var(--text-muted);display:block;font-size:.85em;margin-top:4px}.alert{border-radius:4px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#dc354533;background:var(--error-bg);border:1px solid #ff6b7a;border:1px solid var(--error);color:#ff6b7a;color:var(--error)}.alert-success{background:#4ade8033;border:1px solid #4ade80;border:1px solid var(--success);color:#4ade80;color:var(--success)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#050811d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:calc(100% - 40px)}.modal-small{max-width:520px}.modal-medium{max-width:900px}.modal-large{max-width:1100px}.modal-header{align-items:center;background:#ffffff05;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal-header h2{color:var(--text-primary);font-size:1.4rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:26px;height:32px;justify-content:center;padding:0;transition:background-color .2s,color .2s;width:32px}.modal-close:hover{background-color:#ffffff14;color:var(--text-primary)}.modal-content{background:var(--bg-card);flex:1 1;overflow-y:auto;padding:0}.agent-page{flex-direction:column;width:100%}.agent-header,.agent-page{display:flex;gap:var(--spacing-lg)}.agent-header{align-items:flex-start;border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:var(--spacing-md)}.agent-header h1{font-size:2rem;line-height:1.2;margin:0}.agent-description{color:var(--text-secondary);margin-top:var(--spacing-sm);max-width:640px}.agent-banner{align-items:center;border:1px solid;border-radius:var(--card-radius);display:flex;font-size:.95rem;gap:var(--spacing-md);padding:var(--spacing-md)}.agent-banner--warning{background:#fbbf241f;border-color:#fbbf2499;color:var(--warning)}.agent-banner--warning strong{margin-right:4px}.agent-page-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between}.status-stack{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.connection-dot{align-items:center;display:inline-flex;font-size:.85rem;gap:8px;letter-spacing:.08em;text-transform:uppercase}.connection-dot:before{border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.connection-dot.online:before{background:var(--success);box-shadow:0 0 10px #4ade8099}.connection-dot.offline:before{background:var(--error);box-shadow:0 0 10px #ff6b7a99}.agent-layout{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(0,420px) minmax(0,1fr);width:100%}.agent-left,.agent-panel,.agent-right{display:flex;flex-direction:column;gap:var(--spacing-lg)}.agent-card{background:#080c18cc;border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.prompt-input-card label{color:var(--text-muted);display:block;font-size:.85rem;letter-spacing:.08em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.prompt-input-card input,.prompt-input-card textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--card-radius);color:var(--text-primary);font-family:inherit;font-size:1rem;margin-bottom:var(--spacing-md);padding:var(--spacing-md);width:100%}.prompt-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-sm)}.agent-control-description{color:var(--text-muted);font-size:.85rem}.prompt-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--card-radius);color:var(--text-primary);font-family:inherit;font-size:1rem;min-height:180px;padding:var(--spacing-md);resize:vertical;width:100%}.prompt-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-md)}.recent-prompts{border-top:1px solid var(--border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.recent-prompts ul{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.recent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.prompt-count{color:var(--text-muted);font-size:.8rem}.agent-error{color:var(--error);font-size:.9rem;margin-top:var(--spacing-sm)}.console-card .console-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.console-window{background:#05070f;border:1px solid #ffffff14;border-radius:var(--card-radius);font-family:Fira Code,Courier New,monospace;max-height:420px;min-height:280px;overflow-y:auto;padding:var(--spacing-md)}.console-line{border-bottom:1px solid #ffffff0a;display:flex;gap:var(--spacing-md);padding:6px 0}.console-line:last-child{border-bottom:none}.console-line-type{color:var(--text-muted);font-size:.7rem;letter-spacing:.06em;min-width:110px;text-transform:uppercase}.console-line-body{color:var(--text-secondary);flex:1 1;line-height:1.4;white-space:pre-wrap}.console-code-block{background:#ffffff08;border-radius:var(--card-radius);font-family:Fira Code,Courier New,monospace;font-size:.85rem;margin:0;overflow:auto;padding:var(--spacing-sm)}.console-system-data,.console-tool-result,.console-tool-use{margin-bottom:var(--spacing-sm)}.console-collapsible{background:#ffffff05;border:1px solid #ffffff14;border-radius:var(--card-radius);padding:0}.console-collapsible summary{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;letter-spacing:.06em;list-style:none;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.console-collapsible[open] summary{color:var(--text-primary)}.console-collapsible-body{padding:0 var(--spacing-md) var(--spacing-md)}.console-collapsible summary::-webkit-details-marker{display:none}.console-system-data-title,.console-tool-result-title,.console-tool-use-title{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.console-tool-command{background:#3b82f61f;border-radius:var(--card-radius);color:var(--text-primary);display:block;font-family:Fira Code,Courier New,monospace;font-size:.85rem;padding:6px 8px}.console-tool-description{color:var(--text-secondary);font-size:.85rem;margin:4px 0 0}.console-line-error .console-line-body{color:var(--error)}.console-line-tool_use .console-line-body{color:var(--primary)}.console-line-approval_required .console-line-body{color:var(--warning);font-weight:600}.console-placeholder{color:var(--text-muted);font-style:italic}.file-changes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.file-changes-list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.file-change-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:var(--spacing-sm);padding:8px 0}.file-change-item:last-child{border-bottom:none}.file-refresh-button{align-self:flex-end;margin:var(--spacing-sm) 0}.change-badge{border:1px solid var(--border);border-radius:999px;font-size:.75rem;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.status-added{background:var(--success-bg);border-color:#4ade8066;color:var(--success)}.status-modified{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary-hover)}.status-deleted{background:var(--error-bg);border-color:#ff6b7a66;color:var(--error)}.status-renamed{background:#f9731633;border-color:#f9731666;color:#f97316}.change-path{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.9rem;word-break:break-all}.agent-controls{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.agent-control-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.agent-card+.agent-card{margin-top:var(--spacing-md)}.agent-operations-wrapper{margin-top:var(--spacing-lg)}.agent-operations{display:flex;flex-direction:column;gap:var(--spacing-md)}.agent-operations-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.agent-operations-group input,.agent-operations-group textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--card-radius);color:var(--text-primary);font-family:inherit;font-size:.9rem;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);width:100%}.agent-operations-group label{color:var(--text-muted);display:block;font-size:.8rem;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.ops-status{background:#3b82f626;border-radius:var(--card-radius);color:#93c5fd;font-size:.85rem;margin:0;padding:var(--spacing-sm)}.status-pill.status-running{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}.status-pill.status-awaiting{background:var(--warning-bg);border-color:#fbbf2466;color:var(--warning)}.status-pill.status-error{background:var(--error-bg);border-color:#ff6b7a80;color:var(--error)}.status-pill.status-complete{background:var(--success-bg);border-color:#4ade8066;color:var(--success)}.status-pill.status-stopped{background:#94a3b833;border-color:#94a3b866;color:#e2e8f0e6}.status-pill.status-idle{background:#ffffff0d;border-color:var(--border);color:var(--text-muted)}.status-pill.docker-status-running{background:#22c55e33;border-color:#22c55e80;color:#4ade80;font-weight:500}.status-pill.docker-status-stopped{background:#ef444433;border-color:#ef444480;color:#f87171}.status-pill.docker-status-restarting{background:#fbbf2433;border-color:#fbbf2480;color:#fbbf24}.status-pill.docker-status-starting{background:#3b82f633;border-color:#3b82f680;color:#60a5fa}.status-pill.docker-status-unknown{background:#94a3b833;border-color:#94a3b866;color:#94a3b8}@media (max-width:1024px){.agent-layout{grid-template-columns:1fr}.agent-controls{flex-wrap:wrap;justify-content:center}}.agent-info-banner{align-items:center;background:#ffffff08;border:1px dashed var(--border);border-radius:var(--card-radius);display:flex;gap:var(--spacing-md);justify-content:space-between;margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.agent-info-banner .banner-title{font-weight:600;margin-bottom:4px}.agent-info-banner .banner-message{color:var(--text-secondary);margin:0}.agent-info-banner.banner-success{background:#4ade8014;border-color:#4ade8066}.agent-info-banner.banner-error{background:#ff6b7a14;border-color:#ff6b7a66}.agent-info-banner.banner-muted{opacity:.9}.placeholder-card{border:1px dashed var(--border);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;min-height:150px}.placeholder-title{color:var(--text-secondary);font-size:1rem;margin:0}.placeholder-text{color:var(--text-muted);line-height:1.4}.placeholder-terminal{justify-content:center;min-height:260px;text-align:center}.placeholder-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.placeholder-controls .button{opacity:.6}.env-list{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md)}.env-badge{background:#05070fb3;border:1px solid #ffffff1a;border-radius:var(--card-radius);display:flex;flex-direction:column;gap:4px;min-width:220px;padding:10px 14px}.env-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.env-value{color:var(--text-secondary);font-size:.9rem;word-break:break-all}.terminal-window{background:#05070f;border:1px solid #ffffff14;border-radius:var(--card-radius);font-family:Fira Code,Courier New,monospace;font-size:.85rem;max-height:600px;min-height:280px;overflow-y:auto;padding:var(--spacing-md)}.terminal-line{flex-direction:column;gap:var(--spacing-xs);padding:8px 0;transition:background-color .2s}.terminal-line:hover{background:#ffffff05}.terminal-line-summary{align-items:center;display:flex;gap:var(--spacing-sm);padding:4px 0}.line-prefix{color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;min-width:120px;text-transform:uppercase}.line-body{color:var(--text-secondary);flex:1 1;line-height:1.5;white-space:pre-wrap;word-break:break-word}.terminal-line.line-tool-group{border-left:3px solid var(--primary);margin-left:var(--spacing-xs);padding-left:var(--spacing-sm)}.terminal-line.line-tool-group.line-error{border-left-color:var(--error)}.terminal-line.line-thinking .line-prefix{color:#a78bfa}.terminal-line.line-tool_use .line-prefix{color:var(--primary)}.terminal-line.line-text .line-prefix{color:var(--text-secondary)}.terminal-line.line-error .line-body,.terminal-line.line-error .line-prefix{color:var(--error)}.terminal-line.line-approval_required .line-body,.terminal-line.line-approval_required .line-prefix{color:var(--warning);font-weight:600}.status-indicator{font-size:.9rem;font-weight:700;margin-left:auto}.status-indicator.success{color:var(--success)}.status-indicator.error{color:var(--error)}.expand-indicator{color:var(--text-muted);font-size:.7rem;margin-left:var(--spacing-xs);transition:transform .2s;-webkit-user-select:none;user-select:none}.terminal-line-summary:hover .expand-indicator{color:var(--text-secondary)}.terminal-line-details{background:#ffffff08;border:1px solid #ffffff14;border-radius:var(--card-radius);margin-left:var(--spacing-md);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.terminal-line-detail-section{margin-bottom:var(--spacing-md)}.terminal-line-detail-section:last-child{margin-bottom:0}.terminal-line-detail-section strong{color:var(--text-primary);display:block;font-size:.8rem;letter-spacing:.05em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.terminal-line-detail-content{background:#0000004d;border-radius:4px;color:var(--text-secondary);font-family:Fira Code,Courier New,monospace;font-size:.8rem;line-height:1.6;margin:0;max-height:400px;overflow-x:auto;overflow-y:auto;padding:var(--spacing-sm);white-space:pre-wrap;word-break:break-word}.agent-code-viewer{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);display:flex;flex-direction:column;height:600px;overflow:hidden;width:100%}.code-viewer-header{align-items:center;background:#ffffff05;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-md)}.code-viewer-title{align-items:center;display:flex;gap:var(--spacing-sm)}.code-viewer-title h3{color:var(--text-primary);font-size:1.1rem;margin:0}.code-viewer-layout{display:grid;flex:1 1;grid-template-columns:250px 1fr 400px;overflow:hidden}.code-viewer-sidebar{background:#0003;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.file-tree-header{background:#ffffff08;border-bottom:1px solid var(--border);padding:var(--spacing-sm) var(--spacing-md)}.file-tree-header h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0}.file-tree-container{flex:1 1;overflow-y:auto;padding:var(--spacing-xs)}.file-tree-empty{color:var(--text-muted);font-size:.85rem;padding:var(--spacing-lg);text-align:center}.file-tree-directory{margin-bottom:var(--spacing-sm)}.file-tree-dir-name{color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.file-tree-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.85rem;gap:var(--spacing-xs);margin-left:var(--spacing-md);padding:6px var(--spacing-sm);transition:background-color .2s}.file-tree-item:hover{background:#ffffff0d}.file-tree-item.selected{background:#3b82f633;color:var(--primary)}.file-status-indicator{font-size:.6rem;line-height:1}.file-name{color:var(--text-secondary);flex:1 1;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree-item.selected .file-name{color:var(--text-primary);font-weight:500}.file-status-badge{background:#ffffff1a;border-radius:3px;color:var(--text-muted);font-size:.7rem;letter-spacing:.05em;padding:2px 6px;text-transform:uppercase}.code-viewer-main{background:var(--bg-card);display:flex;flex-direction:column;overflow:hidden}.code-viewer-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.code-viewer-tabs{background:#ffffff05;border-bottom:1px solid var(--border);display:flex}.code-tab{border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:var(--spacing-sm) var(--spacing-md)}.code-tab.active{border-bottom-color:var(--primary);color:var(--text-primary)}.code-block-wrapper{background:#0d1117;flex:1 1;overflow:auto;padding:var(--spacing-md)}.code-block{background:#0000;border:none;color:#c9d1d9;font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.6;margin:0;overflow-x:auto;padding:0;white-space:pre}.code-block code{background:#0000;border-radius:0;color:inherit;padding:0}.code-block .language-python .keyword{color:#ff7b72}.code-block .language-python .string{color:#a5d6ff}.code-block .language-javascript .keyword{color:#ff7b72}.code-block .language-javascript .string{color:#a5d6ff}.code-block .language-sql .keyword{color:#ff7b72}.code-viewer-error,.code-viewer-loading,.code-viewer-placeholder{align-items:center;color:var(--text-muted);display:flex;flex:1 1;font-size:.9rem;justify-content:center}.code-viewer-error{color:var(--error)}.code-viewer-terminal{background:#0000004d;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.terminal-header{align-items:center;background:#ffffff08;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.terminal-header h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0}.terminal-message-count{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.terminal-container{flex:1 1;font-family:Fira Code,Courier New,monospace;font-size:.8rem;line-height:1.5;overflow-y:auto;padding:var(--spacing-sm)}.terminal-empty{color:var(--text-muted);font-size:.85rem;padding:var(--spacing-lg);text-align:center}.terminal-line{border-bottom:1px solid #ffffff0d;display:flex;gap:var(--spacing-sm);margin-bottom:2px;padding:4px 0}.terminal-line:last-child{border-bottom:none}.terminal-line-prefix{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;min-width:80px;text-transform:uppercase}.terminal-line-content{color:var(--text-secondary);flex:1 1;font-size:.8rem;white-space:pre-wrap;word-break:break-word}.terminal-line-error .terminal-line-content{color:var(--error)}.terminal-line-tool .terminal-line-content{color:var(--primary)}@media (max-width:1200px){.code-viewer-layout{grid-template-columns:200px 1fr 300px}}@media (max-width:768px){.code-viewer-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.code-viewer-sidebar{border-bottom:1px solid var(--border);border-right:none;max-height:150px}.code-viewer-terminal{border-left:none;border-top:1px solid var(--border);max-height:200px}}
/*# sourceMappingURL=main.a8e08e95.css.map*/