:root{--bg-dark:#090d16;--bg-card:#161b22d9;--bg-card-solid:#161b22;--bg-input:#21262d;--bg-hover:#262c36;--border-color:#30363d;--border-focus:#58a6ff;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--accent:#58a6ff;--accent-glow:#58a6ff26;--accent-hover:#1f6feb;--success:#238636;--success-border:#2ea043;--success-glow:#2ea04326;--warning:#d29922;--warning-glow:#d2992226;--danger:#f85149;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*{box-sizing:border-box;min-width:0;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#58a6ff0d 0,#0000 50%),radial-gradient(at 100% 100%,#2386360d 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6,p,span,div,a,label,button,input,textarea{overflow-wrap:break-word;word-break:break-word}.app-shell{flex-direction:column;width:100%;max-width:100%;min-height:100vh;padding-bottom:0;display:flex}.app-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;background-color:#161b22f2;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.header-brand{justify-content:space-between;align-items:center;gap:.75rem;width:auto;display:flex}.brand-logo{align-items:center;gap:.75rem;display:flex}.brand-text h1{color:#fff;letter-spacing:.5px;white-space:nowrap;font-size:1.2rem;font-weight:700;line-height:1.2}.logo-icon{color:var(--accent);filter:drop-shadow(0 0 8px #58a6ff66);flex-shrink:0}.badge-cloud{background:var(--accent-glow);color:var(--accent);white-space:nowrap;border:1px solid #58a6ff4d;border-radius:12px;padding:.15rem .5rem;font-size:.65rem;font-weight:500}.mobile-menu-toggle{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;display:none}.header-nav{align-items:center;gap:.5rem;display:flex}.nav-btn{border-radius:var(--radius-sm);min-height:44px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.nav-btn:hover{color:var(--text-primary);background-color:var(--bg-input);border-color:var(--border-color)}.nav-btn.active{color:#fff;background-color:var(--accent-hover);border-color:var(--accent);box-shadow:0 2px 8px #1f6feb66}.mobile-bottom-bar{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:1000;background-color:#161b22fa;justify-content:space-around;align-items:center;height:64px;padding:0 .5rem;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;width:100%;min-height:48px;padding:.4rem;font-size:.72rem;font-weight:500;transition:color .2s;display:flex}.bottom-btn.active{color:var(--accent)}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem}.chat-container{background-color:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);height:calc(100vh - 160px);min-height:450px;box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border-color);background-color:#ffffff05;flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.chat-header h2{color:#fff;font-size:1.15rem;font-weight:600}.icon-sparkle{color:var(--accent);flex-shrink:0}.chat-messages{flex-direction:column;flex:1;gap:1.25rem;max-width:100%;padding:1.5rem;display:flex;overflow-y:auto}.message-bubble{gap:.75rem;width:fit-content;max-width:85%;display:flex}.message-bubble.ai{align-self:flex-start}.message-bubble.user{flex-direction:row-reverse;align-self:flex-end}.avatar{background-color:var(--bg-input);border:1px solid var(--border-color);width:36px;height:36px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.message-bubble.user .avatar{background-color:var(--accent-hover);color:#fff;border-color:var(--accent)}.content{background-color:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color);max-width:100%;padding:.85rem 1.1rem}.message-bubble.user .content{background-color:var(--accent-hover);border-color:var(--accent);color:#fff}.timestamp{color:var(--text-muted);margin-top:.35rem;font-size:.7rem;display:block}.message-bubble.user .timestamp{color:#ffffffb3}.chat-input-area{border-top:1px solid var(--border-color);background-color:var(--bg-card-solid);flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.chat-input-area input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;outline:none;flex:1;width:100%;padding:.75rem 1rem;font-size:16px;transition:border-color .2s}.chat-input-area input:focus{border-color:var(--border-focus)}.chat-input-area button{background-color:var(--accent-hover);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;min-width:48px;min-height:48px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:background-color .2s;display:flex}.chat-input-area button:hover:not(:disabled){background-color:#1158c7}.chat-input-area button:disabled{opacity:.5;cursor:not-allowed}.prd-container{flex-direction:column;gap:1.5rem;display:flex}.prd-header h2{color:#fff;font-size:1.5rem;font-weight:700}.prd-header .subtitle{color:var(--text-secondary);font-size:.95rem}.prd-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1.25rem;width:100%;display:grid}.prd-card{background-color:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;width:100%;padding:1.25rem;transition:border-color .2s,transform .2s;display:flex}.prd-card:hover{border-color:#444c56}.prd-card.approved{border-color:var(--success-border);background-color:#161b22f2;box-shadow:0 0 12px #2ea04314}.prd-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%;display:flex}.prd-card-header h3{color:#fff;flex:1;min-width:180px;font-size:1.05rem;font-weight:600}.approval-badge{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:18px;flex-shrink:0;align-items:center;gap:.35rem;min-height:36px;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.approval-badge.approved{background-color:var(--success-glow);color:#3fb950;border-color:var(--success-border)}.approval-badge.approved:hover{background-color:#2ea0434d}.approval-badge.pending{background-color:var(--warning-glow);color:var(--warning);border-color:#d2992266}.approval-badge.pending:hover{background-color:#d299224d}.prd-card-body{width:100%}.view-area p{color:var(--text-primary);margin-bottom:.85rem;font-size:.92rem;line-height:1.5}.btn-edit,.btn-save,.btn-cancel{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-input);min-height:40px;color:var(--text-primary);justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-edit:hover,.btn-cancel:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.btn-save{background-color:var(--success);border-color:var(--success-border);color:#fff}.btn-save:hover{background-color:#2ea043}.edit-area{flex-direction:column;gap:.75rem;width:100%;display:flex}.edit-area textarea{background-color:var(--bg-input);border:1px solid var(--border-focus);border-radius:var(--radius-sm);color:#fff;resize:vertical;width:100%;min-height:90px;padding:.75rem;font-family:inherit;font-size:16px}.edit-actions{flex-wrap:wrap;gap:.5rem;display:flex}.vault-container{background-color:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;gap:1.75rem;width:100%;max-width:900px;margin:0 auto;padding:2rem;display:flex}.vault-header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.vault-header h2{color:#fff;font-size:1.35rem}.vault-header p{color:var(--text-secondary);font-size:.9rem}.icon-vault{color:var(--warning);flex-shrink:0}.vault-form{flex-direction:column;gap:1.5rem;width:100%;display:flex}.form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.form-group label{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.form-group input,.form-group textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;outline:none;width:100%;padding:.85rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:16px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--border-focus)}.btn-save-vault{background-color:var(--success);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.6rem;width:100%;min-height:48px;margin-top:.5rem;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.btn-save-vault:hover{background-color:#2ea043}.save-alert{background-color:var(--success-glow);border:1px solid var(--success-border);color:#3fb950;border-radius:var(--radius-sm);text-align:center;width:100%;padding:.85rem 1rem;font-size:.9rem;font-weight:500}.dashboard-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.dashboard-header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.dashboard-header h2{color:#fff;font-size:1.35rem}.dashboard-header p{color:var(--text-secondary);font-size:.9rem}.icon-dashboard{color:var(--accent);flex-shrink:0}.modules-list{flex-direction:column;gap:1.25rem;width:100%;display:flex}.module-item{background-color:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);width:100%;overflow:hidden}.module-header{cursor:pointer;background-color:#ffffff04;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.35rem;transition:background-color .2s;display:flex}.module-header:hover{background-color:#ffffff09}.module-title{color:#fff;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:600;display:flex}.module-desc{color:var(--text-secondary);font-size:.88rem}.stages-list{border-top:1px solid var(--border-color);background-color:#00000026;flex-direction:column;gap:1.25rem;width:100%;padding:1.25rem;display:flex}.stage-item{background-color:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;overflow:hidden}.stage-header{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.stage-header:hover{background-color:var(--bg-hover)}.stage-title{color:#fff;align-items:center;gap:.5rem;font-size:.98rem;font-weight:600;display:flex}.badge{white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-completed{background-color:var(--success-glow);color:#3fb950;border:1px solid #2ea0434d}.badge-in-progress{background-color:var(--accent-glow);color:var(--accent);border:1px solid #58a6ff4d}.badge-pending{color:var(--text-secondary);background-color:#8b949e26;border:1px solid #8b949e4d}.tasks-list{border-top:1px solid var(--border-color);flex-direction:column;gap:1rem;width:100%;padding:1rem;display:flex}.task-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;padding:1.1rem}.task-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.task-header h4{color:#fff;flex:1;min-width:200px;font-size:.95rem;font-weight:600}.task-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.agent-tag{border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;background:#ffffff0f;border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}.mini-tasks-container{flex-direction:column;gap:.75rem;width:100%;display:flex}.mini-tasks-container h5{color:var(--text-secondary);font-size:.85rem;font-weight:600}.mini-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:.85rem;width:100%;display:grid}.mini-task-card{background-color:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:.5rem;width:100%;padding:.85rem;font-size:.85rem;display:flex}.mt-header{color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;font-weight:600;display:flex}.mt-desc{color:var(--text-secondary);font-size:.8rem}.agent-checks{flex-wrap:wrap;gap:.75rem;margin:.25rem 0;display:flex}.check-item{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.check-item.passed{color:#3fb950}.steps-list{border-top:1px solid var(--border-color);flex-direction:column;gap:.4rem;margin-top:.25rem;padding-top:.6rem;display:flex}.steps-list h6{color:var(--text-muted);font-size:.75rem;font-weight:600}.step-item{color:var(--text-secondary);align-items:flex-start;gap:.4rem;font-size:.8rem;display:flex}.step-item input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;margin-top:.25rem}.step-item.completed{color:var(--text-primary);opacity:.8;text-decoration:line-through}@media (width<=768px){.mobile-menu-toggle,.mobile-bottom-bar{display:flex}.app-shell{padding-bottom:70px}.app-header{flex-direction:column;align-items:stretch;gap:0;padding:.75rem 1rem}.header-brand{width:100%}.header-nav{flex-direction:column;gap:.5rem;width:100%;padding-top:.75rem;display:none}.header-nav.mobile-open{display:flex}.nav-btn{border-color:var(--border-color);background-color:var(--bg-card-solid);justify-content:flex-start;width:100%;padding:.75rem 1rem;font-size:.95rem}.app-main{padding:1rem .75rem}.chat-container{height:calc(100vh - 200px);min-height:380px}.chat-input-area{gap:.5rem;padding:.75rem .85rem}.chat-input-area button span{display:none}.chat-input-area button{padding:.75rem}.message-bubble{max-width:92%}.vault-container{padding:1.25rem 1rem}.prd-grid,.mini-tasks-grid{grid-template-columns:1fr}}@media (width<=480px){.brand-text h1{font-size:1.05rem}.badge-cloud{font-size:.6rem}.chat-messages{padding:.85rem}.message-bubble{max-width:98%}.content{padding:.65rem .85rem;font-size:.9rem}.prd-card{padding:1rem}.task-card{padding:.85rem}.module-header,.stage-header{padding:.75rem .85rem}}