.animation-wrapper{position:relative;width:100%;max-width:800px;height:600px;margin:0 auto;display:flex;justify-content:center;align-items:center}.core-glow{position:absolute;width:250px;height:250px;background:radial-gradient(circle,#22d3ee26,#0000 70%);border-radius:50%;z-index:0}.SDLC-svg-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.central-hub{position:relative;z-index:10;width:320px;background:#0d0d0df2;border:1px solid #333;border-radius:12px;overflow:hidden;box-shadow:0 0 #06b6d4}.window-header{background:#1a1a1a;padding:10px 14px;display:flex;gap:6px;border-bottom:1px solid #262626}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ef4444}.yellow{background:#eab308}.green{background:#22c55e}.window-content{padding:1.25rem;font-family:Fira Code,monospace;display:flex;flex-direction:column;gap:.75rem}.status-line{display:flex;justify-content:space-between;color:#6b7280;font-size:.7rem;margin-bottom:.25rem;letter-spacing:.05em}.status-badge{color:#10b981;background:#10b9811a;padding:2px 6px;border-radius:4px}.window-content{padding:20px;font-family:Courier New,monospace;display:flex;flex-direction:column;height:100%;position:relative}.status-line{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b7280;margin-bottom:16px;border-bottom:1px solid #1f2937;padding-bottom:12px}.status-badge{background:#10b9811a;color:#10b981;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px}.log-container{min-height:50px;display:flex;flex-direction:column;gap:.4rem}.log-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.log-text{color:#e5e7eb}.log-highlight{color:var(--primary-cyan);font-weight:600}.progress-track{height:3px;background:#262626;border-radius:2px;overflow:hidden;margin-top:4px}.progress-bar{height:100%;background:var(--primary-cyan)}.progress-label{font-size:.6rem;color:#525252;display:flex;justify-content:space-between}.node{position:absolute;background:#0a0a0ae6;border:1px solid #333;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px -10px #00000080;z-index:5;min-width:160px}.node-left{top:12%;left:2%}.node-right{top:75%;left:70%;transform:translate(-50%);margin-top:6px}.node-icon{background:#22d3ee1a;color:var(--primary-cyan);padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center}.code-icon{background:#10b9811a;color:#10b981}.node-content{display:flex;flex-direction:column}.node-title{color:#fff;font-size:.9rem;font-weight:600}.node-subtitle{color:#6b7280;font-size:.7rem}.connector-knob{position:absolute;width:8px;height:8px;background:#22d3ee;border-radius:50%;box-shadow:0 0 10px #22d3ee;left:50%;transform:translate(-50%)}.bottom-knob{bottom:-4px;left:47px}.top-knob{top:-4px;left:95px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-top:120px;min-height:80vh}@media(max-width:968px){.hero-grid{grid-template-columns:1fr;text-align:center;padding-top:120px}.hero-content{display:flex;flex-direction:column;align-items:center}}.gradient-text{background:linear-gradient(135deg,#22d3ee,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.125rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:500px;line-height:1.7}.Versionbadge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#22d3ee1a;border:1px solid rgba(34,211,238,.2);border-radius:100px;color:var(--primary-cyan);font-size:.8rem;font-weight:500}.ping-dot{width:6px;height:6px;background-color:#22d3ee;border-radius:50%;box-shadow:0 0 8px #22d3ee;animation:ping 1.5s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}h1{font-size:4.5rem;line-height:1.05;font-weight:800;letter-spacing:-.03em;margin-bottom:24px}.cta-row{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.email-input-box{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:.8rem 1.2rem;border-radius:8px;width:280px;transition:border-color .2s}.email-input-box:focus-within{border-color:var(--primary-cyan)}.input-icon{color:#6b7280}.hero-input{background:transparent;border:none;color:#fff;font-size:1rem;width:100%;outline:none}.hero-input::placeholder{color:#6b7280}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.9rem 1rem;background:#fff;color:#000;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,background-color .2s;white-space:nowrap;height:100%}.btn-primary:hover{transform:translateY(-2px);background-color:#f8fafc}.features-container{padding:6rem 2rem 4rem;max-width:1200px;margin:0 auto;min-height:100vh}.features-header{text-align:center;margin-bottom:3rem}.features-header h2{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.features-header p{color:#94a3b8;font-size:1.1rem;margin-top:0;margin-bottom:0}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);gap:1.5rem;grid-auto-flow:dense}.bento-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s,box-shadow .3s,border-color .3s}.bento-card:hover{transform:translateY(-5px);border-color:#22d3ee4d;box-shadow:0 10px 40px -10px #00000080}.bento-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 95%,rgba(34,211,238,.1) 100%);transform:translateY(-100%);transition:transform .5s;pointer-events:none}.bento-card:hover:after{animation:scanline 2s linear infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.card-featuresheader{display:flex;align-items:center;gap:1rem;margin-bottom:.2rem}.card-header h3{margin:0;font-size:1.25rem;color:#fff}.core-card{grid-column:span 2;background:linear-gradient(135deg,#0f172acc,#1e293b66);border:1px solid rgba(34,211,238,.2)}.core-card .feature-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#0003;border-radius:12px}.tag{background:#22d3ee1a;color:#22d3ee;padding:2px 8px;border-radius:4px;font-size:.75rem;font-family:Fira Code,monospace;text-transform:uppercase;min-width:80px;text-align:center}.core-card p{margin:0;color:#cbd5e1;font-size:.9rem}.coding-card{grid-column:span 1;grid-row:span 2;background:linear-gradient(180deg,#0f172a99,#064e3b1a)}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.feature-list li:last-child{border:none;padding-bottom:0;margin-bottom:0}.feature-list strong{display:block;color:#34d399;margin-bottom:.25rem}.feature-list span{font-size:.85rem;color:#94a3b8}.coverage-card{grid-column:span 2}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tool-box{background:#ffffff08;padding:1rem;border-radius:12px;display:flex;align-items:center;gap:.8rem;color:#e2e8f0;font-size:.9rem;border:1px solid transparent;transition:all .2s}.tool-box:hover{border-color:#a78bfa80;background:#a78bfa0d}.tool-box small{margin-left:auto;color:#64748b;font-family:Fira Code,monospace;font-size:.7rem}.mgmt-card{grid-column:span 3;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#0f172acc,#42200633);padding:2rem;height:fit-content}.mgmt-header-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:0;padding-bottom:1rem}.mgmt-title{display:flex;align-items:center;gap:1rem}.mgmt-title h3{margin:0;font-size:1.25rem;color:#fff}.mgmt-body{width:100%}.mgmt-desc{color:#cbd5e1;font-size:1rem;line-height:1.5;margin:0;padding-left:.2rem}.status-indicator{display:flex;align-items:center;gap:.5rem;color:#10b981;font-size:.8rem;font-weight:600;background:#10b9811a;padding:.5rem 1rem;border-radius:100px;border:1px solid rgba(16,185,129,.2);white-space:nowrap}.pulse-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 5px #10b981;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(max-width:900px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.core-card,.coding-card,.coverage-card,.mgmt-card{grid-column:span 1;grid-row:span 1}.mgmt-header-row{flex-direction:column;align-items:flex-start;gap:1rem}.status-indicator{align-self:flex-start}.mgmt-desc{padding-left:0}}.wf-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.wf-header{text-align:center;margin-bottom:3rem}.wf-header h2{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.wf-header p{color:#9ca3af;margin-top:0;margin-bottom:0}.wf-console-container{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center}.wf-console-nav{display:flex;flex-direction:column;overflow-y:auto;max-height:380px;width:300px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.404) rgba(255,255,255,.05)}.wf-nav-item{display:flex;gap:1.5rem;cursor:pointer;position:relative;padding-bottom:1rem;opacity:.5;transition:opacity .3s}.wf-nav-item:last-child{padding-bottom:0}.wf-nav-item:hover,.wf-nav-item.active{opacity:1}.wf-nav-indicator{display:flex;flex-direction:column;align-items:center}.wf-nav-dot{width:20px;height:20px;border-radius:50%;border:2px solid #333;display:flex;align-items:center;justify-content:center;z-index:2;background:#0a0a0a}.wf-dot-fill{width:10px;height:10px;border-radius:50%}.wf-nav-line{flex:1;width:2px;background:#333;margin-top:4px;min-height:40px}.wf-nav-label{display:flex;flex-direction:column;padding-top:0}.wf-nav-title{color:#d1d5db;font-weight:600;font-size:1.1rem;transition:color .3s}.wf-nav-code{font-family:Fira Code,monospace;font-size:.75rem;color:#6b7280;margin-top:4px}.wf-console-stage{position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.wf-stage-card{background:#14141499;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;border-radius:24px;padding:3rem;height:90%;display:flex;align-items:flex-start;gap:2rem;position:relative;overflow:hidden}.wf-stage-icon-bg{padding:1.5rem;border-radius:16px;display:flex;align-items:center;justify-content:center}.wf-stage-content{flex:1}.wf-stage-content h3{font-size:1.8rem;margin:0 0 .5rem}.wf-stage-tag{display:inline-block;padding:4px 10px;background:#ffffff0d;border-radius:6px;font-size:.8rem;font-family:Fira Code,monospace;color:#d1d5db;margin-bottom:1.5rem}.wf-stage-content p{color:#9ca3af;line-height:1.6;font-size:1.05rem;margin:0}.wf-corner{position:absolute;width:20px;height:20px;border-style:solid;opacity:.5}.wf-top-left{top:16px;left:16px;border-width:2px 0 0 2px}.wf-bottom-right{bottom:16px;right:16px;border-width:0 2px 2px 0}@media(max-width:900px){.wf-console-container{grid-template-columns:1fr;gap:3rem}.wf-console-nav{flex-direction:row;overflow-x:auto;padding-bottom:1rem;border-bottom:1px solid #333}.wf-nav-item{flex-direction:column;align-items:center;min-width:120px;text-align:center;padding-bottom:0;gap:.5rem}.wf-nav-line{display:none}.wf-nav-label{align-items:center}.wf-stage-card{flex-direction:column;align-items:center;text-align:center;height:auto;padding:2rem}}.auth-container{display:flex;width:100vw;height:100vh;background-color:#050505;overflow:hidden;color:#fff;font-family:Inter,sans-serif}.auth-left{flex:1.2;background:radial-gradient(circle at center,#111,#000);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}.auth-grid-bg{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg);opacity:.4;pointer-events:none}.orbit-scene{width:600px;height:550px;position:relative;display:flex;justify-content:center;align-items:center}.orbit-core{width:80px;height:80px;background:radial-gradient(circle,#22d3ee 0%,rgba(34,211,238,.3) 60%,transparent 100%);border-radius:50%;box-shadow:0 0 50px #22d3ee80;position:absolute;z-index:20;display:flex;align-items:center;justify-content:center}.orbit-ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.inner-ring{width:220px;height:220px;border:1px dashed rgba(34,211,238,.3);margin-top:-110px;margin-left:-110px}.middle-ring{width:340px;height:340px;border:1px solid rgba(52,211,153,.2);margin-top:-170px;margin-left:-170px}.outer-ring{width:460px;height:460px;border:1px dotted rgba(167,139,250,.3);margin-top:-230px;margin-left:-230px}.orbit-item{position:absolute;top:50%;left:50%;width:0;height:0;display:flex;justify-content:center;align-items:center}.icon-wrapper{background:#000;padding:8px;border-radius:50%;border:1px solid #333;display:flex;align-items:center;justify-content:center}.auth-caption{text-align:center;z-index:10;position:relative;padding:0 2rem}.auth-caption h2{margin-top:0;font-size:2.5rem;margin-bottom:0;background:linear-gradient(135deg,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-caption p{color:#9ca3af;margin-top:0;font-size:1.1rem;line-height:1.6}.auth-right{flex:.8;display:flex;justify-content:center;align-items:center;padding:2rem;background:#000;position:relative}.back-to-home{position:absolute;top:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;color:#94a3b8;text-decoration:none;font-size:.9rem;font-weight:500;padding:.6rem 1rem;border-radius:8px;transition:all .2s ease;z-index:20}.back-to-home:hover{color:#fff}.auth-card{width:100%;max-width:400px;padding:2.5rem;background:#14141499;border:1px solid rgba(255,255,255,.08);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000080}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{font-size:1.8rem;color:#fff;margin-bottom:.5rem;font-weight:700}.auth-header p{color:#6b7280;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;color:#d1d5db;font-size:.9rem;margin-bottom:.5rem;font-weight:500}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-icon{position:absolute;left:14px;color:#6b7280;pointer-events:none;z-index:2}.form-input{width:100%;background:#0006;border:1px solid rgba(255,255,255,.1);padding:12px 12px 12px 42px;border-radius:10px;color:#fff;font-size:1rem;outline:none;transition:all .2s}.form-input:focus{border-color:#22d3ee;background:#0009;box-shadow:0 0 0 2px #22d3ee1a}.auth-btn{width:100%;padding:14px;background:linear-gradient(90deg,#22d3ee,#0ea5e9);color:#000;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;margin-top:1rem}.auth-btn:hover{opacity:.9;transform:translateY(-2px)}.auth-footer{margin-top:2rem;text-align:center;font-size:.9rem;color:#6b7280}.auth-link{color:#22d3ee;text-decoration:none;margin-left:5px}.spin{animation:spin 1s linear infinite}@media(max-width:900px){.auth-container{flex-direction:column}.auth-left{display:none}.auth-right{flex:1;background:#050505}.auth-card{background:transparent;border:none;box-shadow:none;padding:1rem}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:50;padding:1.5rem 0;display:flex;justify-content:center}.navbar-glass{pointer-events:auto;background:#ffffff08;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;width:90%;max-width:800px;box-shadow:0 20px 40px #0006}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:#fff;text-decoration:none}.nav-logo-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-radius:8px;box-shadow:0 0 10px #22d3ee66}.logo-text{font-family:Inter,sans-serif;letter-spacing:-.02em}.nav-links{display:flex;gap:4px;background:#0000004d;padding:4px;border-radius:30px}.nav-item{padding:8px 20px;border-radius:20px;border:none;background:transparent;color:#9ca3af;font-size:.85rem;font-weight:500;transition:all .3s;text-decoration:none;cursor:pointer}.nav-item.active{background-color:#22d3ee;color:#000;font-weight:600}.cta-button{background-color:#10b981;color:#000;border:none;padding:10px 24px;border-radius:30px;font-weight:600;font-size:.85rem;cursor:pointer;box-shadow:0 0 20px #10b98140;transition:transform .2s}.cta-button:hover{transform:translateY(-1px);background-color:#34d399}.sidebar{height:calc(100vh - 64px);width:290px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:2rem 1.5rem;position:fixed;top:64px;left:0;transition:width .3s ease;z-index:90;box-sizing:border-box}.sidebar.collapsed{width:80px;padding:2rem .8rem;align-items:center}.sidebar-logo{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1;width:100%;overflow-y:auto;padding-top:.2rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.menu-label,.api-label{font-size:.75rem;color:#64748b;font-weight:700;margin-bottom:.5rem;padding-left:1rem;text-transform:uppercase;letter-spacing:1px}.api-label{margin-top:.4rem!important}.sidebar.collapsed .menu-label,.sidebar.collapsed .api-label{display:none}.nav-button{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border:none;background:transparent;color:#9ca3af;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem;width:100%;text-align:left;font-weight:500}.nav-button:hover{background:#ffffff0d;color:#fff}.nav-button.active{background:linear-gradient(90deg,#22d3ee26,#22d3ee0d);border-left:3px solid #22d3ee;color:#22d3ee;font-weight:600;box-shadow:0 0 15px #22d3ee1a}.nav-icon{flex-shrink:0}.sidebar-toggle{position:absolute;bottom:2rem;right:-12px;width:24px;height:24px;background:#1d1e20;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .2s}.sidebar-toggle:hover{color:#fff;transform:scale(1.1)}.logout-btn{margin-top:auto;color:#ef4444;background:#ef44441a;transition:background .2s,color .2s}.sidebar.collapsed .logout-btn{background:transparent;color:#ef4444}.sidebar.collapsed .logout-btn:hover{background:#ef44441a;color:#ef4444}.dash-top-header{position:fixed;top:0;left:0;width:100%;height:68px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;z-index:110;box-shadow:0 4px 20px #0003;box-sizing:border-box}.header-left{display:flex;align-items:center;gap:12px}.logo-box{width:36px;height:36px;background:linear-gradient(135deg,#22d3ee,#3b82f6);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;box-shadow:0 0 15px #22d3ee4d}.logo-text{font-size:1.4rem;color:#fff;font-weight:700;letter-spacing:-.5px}.header-right{display:flex;align-items:center}.user-pill{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:6px 16px 6px 6px;border-radius:50px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s}.user-pill:hover{background:#ffffff1a}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#475569,#334155);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.1)}.user-name{color:#cbd5e1;font-size:.9rem;font-weight:500}.project-selector-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:6px 12px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:.85rem;cursor:pointer;min-width:180px;justify-content:space-between;transition:all .2s}.project-selector-btn:hover{background:#ffffff1a}.project-dropdown{position:absolute;top:120%;left:1.5rem;width:240px;background:#1e1e20;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px;box-shadow:0 10px 30px #00000080;z-index:100}.dropdown-item{display:flex;align-items:center;gap:8px;padding:10px;border-radius:4px;font-size:.85rem;color:#cbd5e1;cursor:pointer;transition:background .2s}.dropdown-item:hover{background:#ffffff0d;color:#fff}.dropdown-item.sandbox{color:#94a3b8;font-style:italic}.dropdown-divider{height:1px;background:#ffffff1a;margin:6px 0}.dropdown-empty,.dropdown-loading{padding:10px;text-align:center;color:#64748b;font-size:.8rem}.text-slate-400{color:#94a3b8}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;background-color:transparent;color:#fff}.dashboard-body{display:flex;flex:1;margin-top:64px}.dashboard-content{flex:1;padding:2rem 3rem;transition:margin-left .3s ease}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem}.header-title h1{font-size:2.5rem;margin-bottom:.5rem;text-transform:capitalize}.header-title p{color:#94a3b8}.user-profile-pill{display:flex;align-items:center;gap:10px;background:#1e293b66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px 8px 8px;border-radius:50px;border:1px solid rgba(255,255,255,.1)}.avatar-circle{width:32px;height:32px;background:linear-gradient(135deg,#334155,#1e293b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid rgba(255,255,255,.1)}.content-grid{display:flex;flex-direction:column;gap:2rem}.dash-card{background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:1.5rem;display:flex;align-items:center;border:1px solid rgba(255,255,255,.08);transition:transform .2s,border-color .2s}.dash-card:hover{border-color:#22d3ee4d;transform:translateY(-2px)}.card-icon-bg{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff}.card-info{flex:1}.card-info h4{margin:0 0 .2rem;font-size:1.1rem}.card-info small{color:#94a3b8}.card-rating{color:#fbbf24;font-weight:700}.analysis-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.analysis-item{background:#1e293b66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.05)}.analysis-icon{background:#ffffff0d;padding:10px;border-radius:8px;color:#22d3ee}.view-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .2s}.view-btn:hover{background:#22d3ee1a;color:#22d3ee;border-color:#22d3ee}.quick-actions{display:flex;gap:2rem;margin-top:1rem}.quick-btn{width:120px;height:120px;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;cursor:pointer;transition:transform .2s,background .2s;background:#1e293b66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.quick-btn:hover{transform:scale(1.05);border-color:#fff3}.quick-btn.blue:hover{background:#3b82f633;border-color:#3b82f6}.quick-btn.green:hover{background:#10b98133;border-color:#10b981}.quick-btn.purple:hover{background:#a855f733;border-color:#a855f7}@media(max-width:968px){.dashboard-content{margin-left:80px;padding:1.5rem}.analysis-list{grid-template-columns:1fr}.quick-actions{justify-content:center;flex-wrap:wrap}}.body-wrapper{position:relative;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ambient-glow{position:fixed;width:800px;height:800px;background:radial-gradient(circle,#22d3ee26,#0000 70%);top:-200px;left:50%;transform:translate(-50%);z-index:-1;pointer-events:none}.container{max-width:1280px;margin:0 auto;padding:0 10rem;position:relative}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-dark: #0a0a0a;--primary-cyan: #22d3ee;--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--text-main: #ffffff;--text-muted: #9ca3af}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden}.dashboard-content-wrapper{box-sizing:border-box;animation:fadeIn .4s ease-out;padding-bottom:2rem;margin-left:var(--sidebar-width, 290px);margin-right:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dash-header-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem;padding-bottom:1.5rem}.dash-header-section h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;margin-top:0}.dash-header-section p{color:#94a3b8;margin:0}.stats-row{display:flex;gap:1.5rem}.stat-pill{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:12px;text-align:center;min-width:100px}.stat-pill.warning{border-color:#f973164d;background:#f973160d}.stat-pill.success{border-color:#22c55e4d;background:#22c55e0d}.stat-val{display:block;font-size:1.5rem;font-weight:700;color:#fff;line-height:1;margin-bottom:4px}.stat-lbl{font-size:.75rem;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.dashboard-grid-top{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2.5rem}.dash-card{display:flex;flex-direction:column}.card-header{width:90%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.analysis-card{height:390px;display:flex;flex-direction:column}.card-header h3{font-size:1.25rem;font-weight:600;color:#e2e8f0;margin:0}.view-all-link{font-size:.85rem;color:#22d3ee;cursor:pointer}.view-all-link:hover{text-decoration:underline}.project-list,.analysis-list{background:#0003;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.05);min-height:250px}.analysis-list{flex:1;overflow-y:auto;padding-right:6px;scrollbar-width:none}.project-list{flex:1;width:90%}.project-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;margin-bottom:1rem;transition:all .2s}.project-item:hover{border-color:#fff3;transform:translate(4px)}.project-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#22d3ee;background:#22d3ee1a}.project-info{flex:1}.project-info h4{margin:0 0 4px;color:#fff;font-size:1rem}.meta-tags{color:#94a3b8;font-size:.8rem}.btn-view-mini{background:#ffffff0d;border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem}.btn-view-mini:hover{background:#ffffff1a}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.activity-item:last-child{border-bottom:none}.activity-icon{background:#ffffff0d;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.activity-content{flex:1}.act-title{margin:0;color:#e2e8f0;font-size:.9rem}.act-time{font-size:.75rem;color:#475569}.text-blue-400{color:#60a5fa}.empty-state{text-align:center;padding:2rem;color:#64748b}.empty-icon-box{background:#ffffff0d;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.btn-create-primary{background:#22d3ee;color:#000;border:none;padding:8px 20px;border-radius:6px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-top:1rem}.quick-start-section h3{font-size:1.25rem;font-weight:600;color:#e2e8f0;margin-bottom:1.5rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.tool-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;gap:1rem;box-shadow:0 4px 20px #0003;transition:border-color .2s}.tool-card:hover{border-color:#fff3}.tool-icon-wrapper{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tool-label{font-weight:600;color:#e2e8f0;font-size:1.1rem}@media(max-width:900px){.dashboard-grid-top{grid-template-columns:1fr}.stats-row{display:none}}.meta-tags{display:flex;gap:8px;margin-top:4px}.time-tag{font-size:.75rem;color:#94a3b8}.project-icon{color:#22d3ee;background:#22d3ee1a}.modal-backdrop{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;display:flex;align-items:center;justify-content:center}.modal-box{position:relative;width:420px;max-width:92%;background-color:#0f172a;border:1px solid #334155;border-radius:14px;padding:1.5rem 1.5rem 1.7rem;box-shadow:0 25px 60px #000000a6,inset 0 1px #ffffff0a;animation:modalPop .25s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#e5e7eb}.modal-close-btn{background:#ffffff0f;border:none;color:#94a3b8;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.modal-close-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.modal-box input,.modal-box textarea{width:90%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;margin-bottom:.9rem;margin-left:.5rem;color:#fff;font-size:.9rem;outline:none}.modal-box textarea{resize:none;height:90px}.modal-box input::placeholder,.modal-box textarea::placeholder{color:#64748b}.modal-box input:focus,.modal-box textarea:focus{border-color:#22d3ee}.modal-action-btn{width:95%;height:44px;margin-left:.5rem;background:#22d3ee;color:#020617;font-weight:600;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.modal-action-btn:hover{transform:scale(1.02)}.modal-action-btn:disabled{opacity:.6;cursor:not-allowed}.modal-success{color:#22c55e;font-size:.95rem;text-align:center;margin-top:.6rem;display:flex;align-items:center;justify-content:center;gap:6px}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal-box.delete-modal{width:100%;max-width:420px;background-color:#0f172a;border:1px solid #334155;border-radius:1rem;padding:1.5rem;box-shadow:0 20px 25px -5px #00000080;animation:slideUp .3s cubic-bezier(.16,1,.3,1);transition:all .3s ease;min-height:200px;display:flex;flex-direction:column;justify-content:center}.modal-success-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;text-align:center}.success-icon-wrapper{color:#34d399;margin-bottom:1rem}.success-icon-animate{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}.modal-success-content h3{color:#fff;font-size:1.25rem;margin:0;animation:fadeIn .5s ease-out}.header-title-danger{display:flex;align-items:center;gap:.75rem}.danger-icon-bg{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#ef444426;color:#ef4444;display:flex;align-items:center;justify-content:center}.modal-deleteheader{display:flex;justify-content:space-between;align-items:flex-start}.modal-deleteheader h3{margin:0;color:#f1f5f9;font-size:1.125rem}.modal-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;transition:color .2s}.modal-close-btn:hover{color:#fff}.modal-deletebody{margin:0 0 2rem;color:#94a3b8;font-size:.95rem;line-height:1.6}.modal-deletebody .sub-text{font-size:.85rem;margin-top:.5rem;color:#64748b}.text-white{color:#fff;font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:auto}.btn-cancel{padding:.6rem 1.2rem;border-radius:.5rem;border:1px solid #334155;background:transparent;color:#cbd5e1;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#1e293b}.btn-delete-confirm{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:.5rem;border:none;background-color:#ef4444;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.btn-delete-confirm:hover{background-color:#dc2626}.btn-delete-confirm:disabled{opacity:.7;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.projects-page{padding:1rem 2rem 2rem 1rem;margin-left:var(--sidebar-width, 290px);height:100%;overflow-y:auto;color:#fff;background-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.projects-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}@media(min-width:768px){.projects-header{flex-direction:row;align-items:center}}.gradient-title{font-size:1.875rem;font-weight:700;-webkit-background-clip:text;background-clip:text;color:#fff;margin:0}.header-subtitle{color:#94a3b8;margin-top:.25rem;font-size:1rem}.header-actions{display:flex;align-items:center;gap:.75rem;width:100%}@media(min-width:768px){.header-actions{width:auto}}.search-wrapper{position:relative;flex:1}@media(min-width:768px){.search-wrapper{width:16rem}}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#64748b}.search-input{width:80%;background-color:#1e293b80;border:1px solid #334155;border-radius:.5rem;padding:.5rem 1rem .5rem 2.25rem;color:#fff;font-size:.875rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:#3b82f680}.search-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#64748b;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.search-clear-btn:hover{color:#fff}.btn-new-project{display:flex;align-items:center;gap:.5rem;background-color:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:background-color .2s}.btn-new-project:hover{background-color:#3b82f6}.btn-new-project span{display:none}@media(min-width:640px){.btn-new-project span{display:inline}}.projects-list-stack{display:flex;flex-direction:column;gap:1rem}.project-row-card{display:flex;flex-direction:column;background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #334155;border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .2s ease;position:relative}@media(min-width:768px){.project-row-card{flex-direction:row;align-items:center;padding:1rem 1.5rem}}.project-row-card:hover{border-color:#475569;background-color:#1e293b}.project-row-card.selected{border-color:#10b98166;background-color:#0f172af2;box-shadow:0 0 0 1px #10b98166}.card-left-icon{margin-right:1.25rem;margin-bottom:.75rem}@media(min-width:768px){.card-left-icon{margin-bottom:0}}.icon-box{width:3rem;height:3rem;background-color:#1e293b80;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#38bdf8}.icon-box.active-icon{color:#34d399;background-color:#10b9811a}.card-middle-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.35rem;overflow:hidden}.info-heading-row{display:flex;align-items:center;gap:.75rem}.project-title{font-size:1.125rem;font-weight:600;color:#f8fafc;margin:0}.active-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;padding:.1rem .4rem;border-radius:9999px;background-color:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2);font-weight:600;text-transform:uppercase}.project-desc{font-size:.875rem;color:#94a3b8;margin:0;overflow:hidden;text-overflow:ellipsis}.project-date{font-size:.75rem;color:#64748b;margin:0}.card-right-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}@media(min-width:768px){.card-right-actions{margin-top:0;margin-left:2rem}}.stat-usage-badge{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:0 .8rem;border-radius:.5rem;background-color:#1e293b;border:1px solid #334155;color:#94a3b8;font-weight:500;transition:all .2s;height:40px;white-space:nowrap}.stat-usage-badge.active{border-color:#aba4bc;color:#e9d5ff}.text-slate-500{color:#64748b}.action-btn.delete{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:color .2s,background-color .2s;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.action-btn.delete:hover{color:#f87171;background-color:#f871711a}.empty-state-dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background-color:#0f172a66;border:1px dashed #334155;border-radius:1rem;text-align:center;margin-top:1rem}.empty-icon-box-dash{width:4rem;height:4rem;background-color:#1e293b80;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#64748b;margin-bottom:1.5rem}.empty-state-dashboard h4{font-size:1.25rem;font-weight:600;color:#f1f5f9;margin:0 0 .5rem}.empty-state-dashboard p{color:#94a3b8;font-size:.95rem;margin:0 0 2rem;max-width:300px}.btn-create-primary-dash{display:flex;align-items:center;gap:.5rem;background-color:#2563eb;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #2563eb33}.btn-create-primary-dash:hover{background-color:#3b82f6;transform:translateY(-1px)}.btn-clear-search{background-color:transparent;border:1px solid #475569;color:#cbd5e1;padding:.6rem 1.2rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.btn-clear-search:hover{background-color:#1e293b;border-color:#94a3b8;color:#fff}.arch-container{display:flex;gap:2rem;height:calc(100vh - 140px);overflow:hidden;align-items:stretch;margin-left:var(--sidebar-width, 290px);transition:margin-left .28s ease}.arch-input-panel{flex:0 0 350px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.arch-form{display:flex;flex-direction:column;gap:1.5rem}.arch-textarea{width:95%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;resize:vertical;outline:none;font-family:inherit}.arch-textarea:focus{border-color:#22d3ee}.input-tag{background:#22d3ee26;color:#22d3ee;padding:2px 8px;border-radius:4px;font-size:.8rem;display:flex;align-items:center;gap:4px}.input-tag button{background:none;border:none;color:#22d3ee;cursor:pointer;padding:0;display:flex}.arch-submit-btn{background:#22d3ee;color:#000;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:1rem}.arch-submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-box{color:#f43f5e;font-size:.8rem;margin-bottom:-2rem;padding-left:2px;font-weight:500;animation:fadeIn .2s ease-in}.arch-output-panel{flex:1;background:#0003;border-radius:16px;padding:2rem;overflow-y:auto;position:relative;scrollbar-width:thin}.result-header{background:linear-gradient(90deg,rgba(34,211,238,.1),transparent);border-left:4px solid #22d3ee;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.result-header h3{color:#22d3ee;margin:0 0 .5rem}.result-header p{color:#e2e8f0;margin:0;line-height:1.5}.options-grid{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.option-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.option-title{justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.option-title h4{margin-bottom:.5rem;color:#fff;font-size:1.1rem}.badge{color:#94a3b8;border-radius:4px;font-size:.8rem}.diagram-box{background:#0f1012;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:center;overflow-x:auto}.mermaid-wrapper{width:100%;overflow-x:auto;padding:16px 0}.mermaid-wrapper svg{width:100%!important;height:auto!important;transform-origin:top left}.error-diagram{color:#f43f5e;font-size:.8rem;text-align:center}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.pc-col h5{display:flex;align-items:center;gap:8px;margin-bottom:.8rem;color:#fff}.pc-col ul{list-style:none;padding:0;margin:0}.pc-col li{color:#94a3b8;font-size:.9rem;margin-bottom:6px;position:relative;padding-left:12px}.pc-col li:before{content:"•";position:absolute;left:0;color:#475569}.components-list h5{display:flex;align-items:center;gap:8px;color:#fff;margin-bottom:.8rem}.comp-tags{display:flex;flex-wrap:wrap;gap:8px}.comp-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:4px 10px;border-radius:6px;font-size:.85rem}.animate-spin{animation:spin 1s linear infinite}@media(max-width:900px){.arch-container{flex-direction:column;overflow-y:auto;height:auto}.arch-input-panel{flex:none;width:100%}.pros-cons-grid{grid-template-columns:1fr;gap:1rem}}.tradeoff-container{display:flex;gap:2rem;height:calc(100vh - 140px);overflow:hidden;align-items:stretch;margin-left:var(--sidebar-width, 290px);transition:margin-left .28s ease}.tradeoff-input-panel{flex:0 0 350px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.panel-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.vs-section{display:flex;align-items:center;gap:10px}.vs-section .form-group{flex:1}.vs-badge{color:#64748b;font-weight:900;font-size:.8rem;padding-bottom:12px;font-style:italic}.tradeoff-form{display:flex;flex-direction:column;gap:0}.form-label{display:block;color:#94a3b8;font-size:.85rem;margin-bottom:.4rem;font-weight:500}.tradeoff-input,.tradeoff-textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;outline:none;font-family:inherit;font-size:.9rem;box-sizing:border-box}.tradeoff-input:focus,.tradeoff-textarea:focus{border-color:#22d3ee}.tradeoff-submit-btn{background:#22d3ee;color:#000;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:1rem;transition:transform .2s}.tradeoff-submit-btn:disabled{opacity:.7}.error-message{color:#f43f5e;font-size:.85rem;margin-bottom:-.2rem;padding-left:2px;font-weight:500;display:flex;align-items:center;gap:6px}.tradeoff-output-panel{flex:1;background:#0003;border-radius:16px;padding:2rem;overflow-y:auto;position:relative;scrollbar-width:thin}.recommendation-card{background:linear-gradient(135deg,#22c55e1f,#0000);border:1px solid rgba(34,197,94,.25);border-radius:12px;padding:1.5rem;margin-bottom:2rem;overflow:visible}.rec-header{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:8px;align-items:center}.rec-label{grid-column:2;grid-row:1;color:#4ade80;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.rec-content{grid-column:1 / -1;display:flex;flex-direction:column;gap:6px;min-width:0}.rec-title{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.3;margin:0;word-break:break-word}.matrix-list{display:flex;flex-direction:column;gap:1rem}.matrix-title{color:#94a3b8;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.matrix-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.2rem}.matrix-header{margin-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.8rem}.criterion-name{color:#fff;font-weight:600;font-size:1.1rem}.verdict-badge{margin-top:.2rem;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;width:fit-content}.verdict-a{background:#22d3ee26;color:#22d3ee}.verdict-b{background:#f472b626;color:#f472b6}.matrix-body p{margin:0;color:#cbd5e1;font-size:.95rem;line-height:1.5}@media(max-width:900px){.tradeoff-container{flex-direction:column;height:auto}.tradeoff-input-panel{flex:none;width:100%}}.techstack-container{display:flex;gap:2rem;height:calc(100vh - 140px);overflow:hidden;align-items:stretch;margin-left:var(--sidebar-width, 290px);transition:margin-left .28s ease}.techstack-input-panel{flex:0 0 350px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.techstack-form{display:flex;flex-direction:column;gap:.3rem}.techstack-input,.techstack-textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;outline:none;font-family:inherit;font-size:.9rem;box-sizing:border-box}.techstack-input:focus,.techstack-textarea:focus{border-color:#22d3ee}.techstack-submit-btn{background:#22d3ee;color:#000;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:.5rem;transition:transform .2s}.techstack-submit-btn:hover{transform:scale(1.02)}.techstack-submit-btn:disabled{opacity:.7;cursor:not-allowed}.techstack-output-panel{flex:1;background:#0003;border-radius:16px;padding:2rem;overflow-y:auto;position:relative;scrollbar-width:thin}.summary-header{background:#3b82f61a;border-left:4px solid #3b82f6;padding:1rem;border-radius:8px;display:flex;gap:12px;margin-bottom:2rem}.summary-header p{margin:0;color:#e2e8f0;line-height:1.5;font-size:.95rem}.review-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.review-header h4{margin:0;color:#fff;font-size:1.2rem}.review-subtitle{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}.score-gauge{width:50px;height:50px;border-radius:50%;border:2px solid #333;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-value{font-size:.9rem;font-weight:700;line-height:1}.issues-list h5,.suggestions-list h5{display:flex;align-items:center;gap:8px;color:#fff;font-size:.95rem;margin-bottom:.8rem}.text-red-400{color:#f87171}.issues-list ul,.suggestions-list ul{padding-left:1rem;margin-bottom:1.5rem}.issues-list li{color:#cbd5e1;font-size:.9rem;margin-bottom:6px}.section-techtitle{color:#a855f7;margin-bottom:1rem;font-size:1.1rem}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.tech-card{background:#a855f70d;border:1px solid rgba(168,85,247,.2);border-radius:12px;padding:1.2rem}.tech-category{display:block;color:#d8b4fe;font-size:.8rem;font-weight:700;text-transform:uppercase;margin-bottom:.8rem}.tech-options{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.tech-badge{background:#a855f7;color:#000;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:4px}.tech-reasoning{font-size:.85rem;color:#cbd5e1;line-height:1.4;margin:0}.comparison-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.comp-col h5{display:flex;align-items:center;gap:8px;margin-bottom:1rem;font-size:1rem}.matched h5{color:#4ade80}.missing h5{color:#f87171}.comp-col ul{padding-left:1rem;color:#94a3b8;font-size:.9rem}.comp-col li{margin-bottom:6px}@media(max-width:900px){.techstack-container{flex-direction:column;height:auto}.techstack-input-panel{flex:none;width:100%}}.reviewer-container{display:flex;gap:2rem;height:calc(100vh - 140px);overflow:hidden;align-items:stretch;margin-left:var(--sidebar-width, 290px);transition:margin-left .28s ease}.reviewer-input-panel{flex:0 0 350px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.reviewer-form{display:flex;flex-direction:column;gap:.3rem}.reviewer-textarea,.reviewer-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;outline:none;font-family:inherit;font-size:.9rem;box-sizing:border-box;resize:vertical}.reviewer-textarea:focus{border-color:#22d3ee}.reviewer-submit-btn{background:#22d3ee;color:#000;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:.5rem;transition:transform .2s}.reviewer-submit-btn:hover{transform:scale(1.02)}.reviewer-submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message-text{color:#f43f5e;font-size:.85rem;margin-bottom:.2rem;padding-left:2px;font-weight:500;display:flex;align-items:center;gap:6px}.reviewer-output-panel{flex:1;background:#0003;border-radius:16px;padding:2rem;overflow-y:auto;position:relative;scrollbar-width:thin}.summary-card{background:#fbbf240d;border:1px solid rgba(251,191,36,.2);border-radius:12px;padding:1.5rem;margin-bottom:2.5rem}.summary-reviewheader{display:flex;align-items:center;gap:10px;margin-bottom:.6rem}.summary-icon{color:#fbbf24;flex-shrink:0}.summary-reviewheader h4{margin:0;color:#fbbf24;font-size:1.1rem;font-weight:600}.section-reviewtitle{color:#94a3b8;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;padding-bottom:.5rem}.risks-grid{display:flex;flex-direction:column;gap:1.5rem}.risk-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.2rem}.risk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.risk-area{color:#fff;font-weight:600;font-size:1.05rem}.risk-body{display:flex;flex-direction:column;gap:.8rem}.risk-row{display:flex;gap:10px;font-size:.9rem;line-height:1.5}.risk-row .label{color:#64748b;min-width:80px;font-weight:500}.risk-row .value{color:#cbd5e1}.risk-row .value.highlight{color:#fbbf24}.actions-list{display:flex;flex-direction:column;gap:.8rem}.action-item{align-items:flex-start;display:flex;gap:12px;background:#ffffff05;padding:1rem;border-radius:8px;border-left:3px solid #4ade80}.action-item svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}.action-item span{color:#e2e8f0;font-size:.95rem;line-height:1.5}.text-green-400{color:#4ade80}@media(max-width:900px){.reviewer-container{flex-direction:column;height:auto}.reviewer-input-panel{flex:none;width:100%}}.risk-container{display:flex;gap:2rem;height:calc(100vh - 140px);overflow:hidden;align-items:stretch;margin-left:var(--sidebar-width, 290px);transition:margin-left .28s ease}.risk-input-panel{flex:0 0 350px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.risk-form{display:flex;flex-direction:column;gap:0}.risk-textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;outline:none;font-family:inherit;font-size:.9rem;box-sizing:border-box;resize:vertical}.risk-textarea:focus{border-color:#22d3ee}.risk-submit-btn{background:#22d3ee;color:#000;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:.5rem;transition:transform .2s}.risk-submit-btn:hover{transform:scale(1.02)}.risk-submit-btn:disabled{opacity:.7}.risk-output-panel{flex:1;background:#0003;border-radius:16px;padding:2rem;overflow-y:auto;position:relative;scrollbar-width:thin}.summary-card{background:#f973160d;border:1px solid rgba(249,115,22,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.summary-riskheader{display:flex;align-items:center;gap:10px;margin-bottom:.8rem}.summary-riskheader h4{margin:0;color:#fff;font-size:1.1rem}.text-orange-400{color:#fb923c}.summary-card p{margin:0;color:#e2e8f0;line-height:1.6;font-size:.95rem}.section-risktitle{color:#94a3b8;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;padding-bottom:.5rem}.risks-list{display:flex;flex-direction:column;gap:1.2rem}.risk-item-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.2rem;transition:border-color .2s}.risk-item-card:hover{border-color:#ffffff1a}.risk-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.risk-category{display:inline-block;font-size:.7rem;color:#94a3b8;background:#ffffff0d;padding:2px 8px;border-radius:12px;margin-bottom:.5rem;text-transform:uppercase}.risk-info h6{margin:0;color:#fff;font-size:1rem}.risk-score-badge{border:2px solid;border-radius:8px;padding:4px 0;text-align:center;min-width:60px}.score-num{display:block;font-weight:800;font-size:1rem;line-height:1}.score-cat{display:block;font-size:.65rem;text-transform:uppercase;font-weight:600;margin-top:2px}.mitigation-box{background:#22c55e0d;border-left:3px solid #22c55e;padding:.8rem;border-radius:6px;margin-bottom:.8rem}.mit-label{color:#4ade80;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:6px;margin-bottom:4px}.mitigation-box p{margin:0;color:#cbd5e1;font-size:.9rem;line-height:1.4}.meta-row{display:flex;justify-content:space-between;font-size:.8rem;color:#64748b;border-top:1px solid rgba(255,255,255,.05);padding-top:.8rem}@media(max-width:900px){.risk-container{flex-direction:column;height:auto}.risk-input-panel{flex:none;width:100%}}.compliance-container{display:flex;gap:2rem;height:calc(100vh - 140px);overflow:hidden;align-items:stretch;margin-left:var(--sidebar-width, 290px);transition:margin-left .28s ease}.compliance-input-panel{flex:0 0 350px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.compliance-form{display:flex;flex-direction:column;gap:.2rem}.code-editor-wrapper{background:#f3e9e99d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px}.code-textarea{width:100%;background:transparent;border:none;color:#161717;outline:none;font-family:Fira Code,Courier New,monospace;font-size:.85rem;line-height:1.5;resize:vertical;box-sizing:border-box}.compliance-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;outline:none;font-family:inherit;font-size:.9rem;box-sizing:border-box}.compliance-input:focus{border-color:#22d3ee}.compliance-submit-btn{background:#22d3ee;color:#000;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:.5rem;transition:transform .2s}.compliance-submit-btn:hover{transform:scale(1.02)}.compliance-submit-btn:disabled{opacity:.7}.compliance-output-panel{flex:1;background:#0003;border-radius:16px;padding:2rem;overflow-y:auto;position:relative;scrollbar-width:thin}.audit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;border:1px solid rgba(249,115,22,.2);border-radius:12px;padding:1.5rem}.audit-summary h4{margin:0 0 .5rem;font-size:1.2rem;color:#fff}.audit-summary p{margin:0;color:#94a3b8;font-size:.95rem;line-height:1.5;max-width:80%}.audit-score-box{border:4px solid #4ade80;border-radius:50%;width:75px;height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0003;flex-shrink:0}.score-val{font-size:1rem;font-weight:700;line-height:1}.score-lbl{font-size:.55rem;text-transform:uppercase;color:#64748b;margin-top:2px}.section-title{color:#22d3ee;margin-bottom:1rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.findings-list{display:flex;flex-direction:column;gap:1rem}.finding-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.2rem;transition:background .2s}.finding-card:hover{background:#ffffff0a}.finding-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.line-badge{background:#1e293b;color:#94a3b8;padding:4px 8px;border-radius:4px;font-size:.8rem;font-family:monospace;display:flex;align-items:center;gap:6px}.severity-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.finding-type{display:inline-block;font-size:.75rem;color:#64748b;background:#ffffff0d;padding:2px 6px;border-radius:4px;margin-bottom:.5rem;font-weight:600}.finding-body p{margin:0;color:#e2e8f0;font-size:.95rem;line-height:1.5}.perfect-score{text-align:center;padding:3rem;color:#4ade80}@media(max-width:900px){.compliance-container{flex-direction:column;height:auto}.compliance-input-panel{flex:none;width:100%}}.testcase-container{display:flex;gap:2rem;height:calc(100vh - 140px);overflow:hidden;align-items:stretch;margin-left:var(--sidebar-width, 290px);transition:margin-left .28s ease}.testcase-input-panel{flex:0 0 350px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.testcase-form{display:flex;flex-direction:column;gap:0}.testcase-textarea,.testcase-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;outline:none;font-family:inherit;font-size:.9rem;box-sizing:border-box}.testcase-textarea:focus,.testcase-input:focus{border-color:#22d3ee}.tag-input-container{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px}.tags-wrapper{display:flex;flex-wrap:wrap;gap:6px}.tag-input-field{background:transparent;border:none;color:#fff;flex:1;min-width:100px;outline:none;font-size:.9rem}.testcase-submit-btn{background:#22d3ee;color:#000;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:.5rem;transition:transform .2s}.testcase-submit-btn:hover{transform:scale(1.02)}.testcase-submit-btn:disabled{opacity:.7;cursor:not-allowed}.testcase-output-panel{flex:1;background:#0003;border-radius:16px;padding:2rem;overflow-y:auto;position:relative;scrollbar-width:thin}.cases-list{display:flex;flex-direction:column;gap:1.5rem}.test-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.2rem;transition:border-color .2s}.test-card:hover{border-color:#ffffff1a}.test-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.8rem}.test-title-group{display:flex;flex-direction:column;gap:4px}.case-id{font-family:monospace;color:#64748b;background:#1e293b;padding:2px 6px;border-radius:4px;font-size:.75rem;width:fit-content}.test-title-group h4{margin:0;color:#fff;font-size:1.1rem;line-height:1.3}.type-badge{padding:4px 10px;border-radius:20px;border:1px solid grey;font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap;align-self:center}.bdd-grid{display:flex;flex-direction:column;gap:.8rem}.bdd-row{display:flex;gap:1rem}.bdd-label{min-width:60px;font-size:.75rem;font-weight:700;color:#64748b;text-align:right;padding-top:2px}.given .bdd-label{color:#3b82f6}.when .bdd-label{color:#eab308}.then .bdd-label{color:#22c55e}.bdd-row p{margin:0;color:#e2e8f0;font-size:.95rem;line-height:1.5}@media(max-width:900px){.testcase-container{flex-direction:column;height:auto}.testcase-input-panel{flex:none;width:100%}}.codegen-container{display:flex;gap:2rem;height:calc(100vh - 140px);overflow:hidden;align-items:stretch;margin-left:var(--sidebar-width, 290px);transition:margin-left .28s ease}.codegen-input-panel{flex:0 0 350px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.codegen-form{display:flex;flex-direction:column;gap:.5rem}.row-group{gap:1rem}.half{flex:1}.codegen-textarea,.codegen-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;outline:none;font-family:inherit;font-size:.9rem;box-sizing:border-box}.codegen-textarea{resize:vertical}.codegen-textarea:focus,.codegen-input:focus{border-color:#22d3ee}.codegen-submit-btn{background:#22d3ee;color:#000;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:.5rem;transition:transform .2s}.codegen-submit-btn:hover{transform:scale(1.02)}.codegen-submit-btn:disabled{opacity:.7}.codegen-output-panel{flex:1;background:#0003;border-radius:16px;padding:2rem;overflow-y:auto;position:relative;scrollbar-width:thin;min-width:0}.code-card{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:10px;margin-bottom:2rem;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.file-info{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.85rem;font-weight:500}.copy-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:4px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.75rem;transition:all .2s}.copy-btn:hover{background:#ffffff0d;color:#fff}.code-block{margin:0;padding:1.5rem;overflow-x:auto;color:#e2e8f0;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.info-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.5rem;margin-bottom:2rem}.info-header{display:flex;align-items:center;gap:10px;margin-bottom:.8rem}.info-header h4{margin:0;color:#fff;font-size:1.1rem}.info-card p{margin:0;color:#cbd5e1;line-height:1.6;font-size:.95rem}.libs-section{margin-top:1rem}.libs-title{color:#64748b;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem;display:flex;align-items:center;gap:6px}.libs-tags{display:flex;flex-wrap:wrap;gap:8px}.lib-tag{background:#6366f126;color:#818cf8;padding:4px 10px;border-radius:6px;font-size:.85rem;font-family:monospace}@media(max-width:900px){.codegen-container{flex-direction:column;height:auto}.codegen-input-panel{flex:none;width:100%}}.debugger-container{display:flex;gap:2rem;height:calc(100vh - 140px);overflow:hidden;align-items:stretch;margin-left:var(--sidebar-width, 290px);transition:margin-left .28s ease}.debugger-input-panel{flex:0 0 350px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.panel-header{display:flex;align-items:center;gap:12px;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.panel-header h2{margin:0;font-size:1.2rem;color:#fff}.debugger-form{display:flex;flex-direction:column;gap:0}.form-group{display:flex;flex-direction:column}.form-label{display:block;color:#94a3b8;font-size:.9rem;margin-bottom:.5rem;font-weight:500}.debugger-textarea,.debugger-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;outline:none;font-family:inherit;font-size:.9rem;box-sizing:border-box}.debugger-textarea{resize:vertical}.debugger-textarea:focus,.debugger-input:focus{border-color:#22d3ee}.code-editor-wrapper,.trace-editor-wrapper{background:#f3e9e99d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px}.code-textarea{width:100%;background:transparent;border:none;color:#000;outline:none;font-family:Fira Code,monospace;font-size:.85rem;line-height:1.5;resize:vertical;box-sizing:border-box}.text-red-300{color:#fca5a5}.debugger-submit-btn{background:#22d3ee;color:#000;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:.5rem;transition:transform .2s}.debugger-submit-btn:hover{transform:scale(1.02)}.debugger-submit-btn:disabled{opacity:.7}.error-message-text{color:#f43f5e;font-size:.85rem;margin-bottom:.2rem;padding-left:2px;display:flex;align-items:center;gap:6px}.error-dot{font-size:1.2rem;line-height:0}.debugger-output-panel{flex:1;background:#0003;border-radius:16px;padding:2rem;overflow-y:auto;position:relative;scrollbar-width:thin}.placeholder-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;text-align:center}.auto-save-banner{display:flex;align-items:center;gap:.5rem;background-color:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.9rem}.auto-save-banner strong{color:#fff;font-weight:600}.root-cause-card{background:#f43f5e1a;border-left:4px solid #f43f5e;padding:1.2rem;border-radius:8px;margin-bottom:2rem}.rc-header{display:flex;align-items:center;gap:10px;margin-bottom:.5rem}.rc-header h4{margin:0;color:#f43f5e;font-size:1.1rem}.root-cause-card p{margin:0;color:#e2e8f0;line-height:1.5;font-size:.95rem}.fix-card{background:#0f172a;border:1px solid rgba(34,197,94,.3);border-radius:10px;margin-bottom:2rem;overflow:hidden}.fix-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:#22c55e1a;border-bottom:1px solid rgba(34,197,94,.2)}.fix-title{display:flex;align-items:center;gap:8px;color:#4ade80;font-weight:600;font-size:.9rem}.copy-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.75rem}.copy-btn:hover{background:#ffffff1a;color:#fff}.fix-code-block{margin:0;padding:1.5rem;overflow-x:auto;color:#e2e8f0;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.section-title{color:#94a3b8;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.findings-section{margin-bottom:2rem}.finding-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1rem;margin-bottom:1rem}.finding-cat{display:inline-block;background:#f43f5e33;color:#f43f5e;font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:700;margin-right:8px}.finding-loc{font-family:monospace;font-size:.8rem;color:#64748b}.finding-item p{margin:.5rem 0 0;color:#cbd5e1;font-size:.9rem}.notes-section ul{padding-left:1.2rem;color:#94a3b8;font-size:.9rem;line-height:1.6}.notes-section li{margin-bottom:6px}.text-yellow-400{color:#facc15}@media(max-width:900px){.debugger-container{flex-direction:column;height:auto}.debugger-input-panel{flex:none;width:100%}}.project-details-page{padding:2rem;margin:1rem 1rem 1rem 2rem;color:#fff;height:100%;overflow-y:auto}.details-header-container{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:.5rem}.header-left{display:flex;align-items:flex-start;gap:1.5rem;flex:1}.header-icon-large{width:4rem;height:4rem;background-color:#3b82f61a;color:#60a5fa;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(59,130,246,.2)}.header-info{display:flex;flex-direction:column}.details-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#f8fafc;line-height:1.1}.details-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.meta-pill{display:flex;align-items:center;gap:.4rem;font-size:.75rem;background-color:#1e293b;padding:.25rem .75rem;border-radius:99px;color:#94a3b8;border:1px solid #334155}.status-pill{font-size:.75rem;padding:.25rem .75rem;border-radius:99px;background-color:#1e293b;color:#94a3b8;border:1px solid #334155}.status-pill.active{background-color:#10b9811a;color:#34d399;border-color:#10b98133}.description-box{background:linear-gradient(to right,#1b2e46,transparent);border-left:3px solid #60a5fa;border-right:0px;border-radius:.5rem;border-bottom-right-radius:0;border-top-right-radius:0;padding:.5rem 1.5rem;margin-bottom:2rem;max-width:fit-content}.description-box p{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin:0}.header-right{flex-shrink:0}.back-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#94a3b8;padding:.6rem 1.2rem;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.back-btn:hover{color:#fff}.details-divider{border:0;height:1px;background:linear-gradient(to right,#334155,transparent);margin:1rem 0}.section-projecttitle{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#e2e8f0;margin-bottom:1.5rem}.logs-container{display:flex;flex-direction:column;gap:1rem;padding-bottom:2.2rem}.log-card{background-color:#0f172a99;border:1px solid #334155;border-radius:.75rem;overflow:hidden;transition:border-color .2s}.log-card:hover{border-color:#475569}.log-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;background-color:#1e293b4d;transition:background-color .2s}.log-header:hover{background-color:#1e293b99}.log-summary{display:flex;align-items:center;gap:1rem}.log-icon{color:#c084fc;background-color:#c084fc1a;padding:.5rem;border-radius:.5rem;display:flex}.log-title-block{display:flex;flex-direction:column;gap:.1rem}.log-tool-name{font-weight:600;color:#f1f5f9;font-size:1rem}.log-time{font-size:.75rem;color:#64748b}.log-chevron{color:#64748b;transition:transform .2s}.log-content{border-top:1px solid #334155;background-color:#020617;padding:1.5rem}.data-block{margin-bottom:1.5rem}.data-block:last-child{margin-bottom:0}.data-block label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.5rem;font-weight:600}.code-box{background-color:#0f172a;border:1px solid #1e293b;border-radius:.5rem;padding:1rem;font-family:Fira Code,monospace;font-size:.9rem;color:#cbd5e1;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto;line-height:1.6}.output-box{border-left:3px solid #60a5fa;color:#bae6fd}.empty-logs{text-align:center;color:#64748b;padding:4rem 2rem;border:2px dashed #334155;border-radius:1rem;background-color:#1e293b33}.empty-logs p{font-size:1.1rem;margin-bottom:.5rem;color:#94a3b8}.project-loading-state{display:flex;align-items:center;justify-content:center;height:100%;min-height:80vh;width:100%;color:#60a5fa}.spinner-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.log-content-split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #334155;background-color:#020617}.log-panel{padding:1.5rem;display:flex;flex-direction:column;max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#475569 transparent}.log-panel-left{border-right:1px solid #334155;background:#0f172a4d}.log-panel-right{background:#0f172a99}.log-panel::-webkit-scrollbar{width:6px}.log-panel::-webkit-scrollbar-track{background:transparent}.log-panel::-webkit-scrollbar-thumb{background-color:#475569;border-radius:10px}.log-panel::-webkit-scrollbar-thumb:hover{background-color:#64748b}.panel-label{display:flex;align-items:center;gap:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#60a5fa;margin-bottom:1rem;font-weight:700}@media(max-width:1000px){.log-content-split{grid-template-columns:1fr}.log-panel-left{border-right:none;border-bottom:1px solid #334155}.log-panel{max-height:300px}}.arch-history-container{display:flex;flex-direction:column;gap:1.5rem}.arch-recommendation-box{background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:8px;padding:1rem}.record-header{display:flex;align-items:center;height:2rem;gap:8px;margin-bottom:.5rem;color:#22d3ee}.rec-header h4{margin:0;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.arch-recommendation-box p{margin:0;font-size:.9rem;color:#cbd5e1;line-height:1.5}.arch-history-card{background:#0f172a;border:1px solid #334155;border-radius:10px;overflow:hidden;margin-bottom:1rem}.arch-card-header{background:#1e293b;padding:.75rem 1rem;border-bottom:1px solid #334155;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.option-number{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase}.option-name{margin:0;font-size:1rem;font-weight:600;color:#f1f5f9;flex-grow:1}.option-badge{font-size:.7rem;background:#334155;color:#94a3b8;padding:2px 8px;border-radius:4px;border:1px solid #475569}.arch-diagram-wrapper{background:#0000004d;padding:1rem;overflow-x:auto;border-bottom:1px solid #334155;text-align:center}.mermaid-container{display:inline-block}.mermaid-error{color:#ef4444;font-size:.8rem;padding:10px;border:1px dashed #ef4444;border-radius:4px}.pros-cons-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.pc-column ul{list-style:none;padding:0;margin:0}.pc-column li{font-size:.8rem;color:#94a3b8;margin-bottom:4px;padding-left:10px;border-left:2px solid #334155}.pc-title{margin:0 0 .5rem;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:6px}.pc-title.pro{color:#4ade80}.pc-title.con{color:#f87171}@media(max-width:600px){.pros-cons-wrapper{grid-template-columns:1fr}}.dr-history-container{display:flex;flex-direction:column;gap:1.5rem}.dr-summary-card{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:1rem}.dr-summary-header{display:flex;align-items:center;gap:8px;margin-bottom:.5rem}.dr-summary-header h4{margin:0;font-weight:700;color:#34d399;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.dr-summary-card p{margin:0;font-size:.9rem;color:#cbd5e1;line-height:1.5}.dr-section-title{font-size:.9rem;font-weight:700;color:#94a3b8;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.dr-risks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.dr-risk-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.dr-risk-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.dr-risk-area{font-weight:600;color:#f1f5f9;font-size:.95rem}.dr-severity-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:4px;border:1px solid transparent;text-transform:uppercase}.dr-risk-body{display:flex;flex-direction:column;gap:.75rem}.dr-risk-row{display:flex;flex-direction:column;gap:2px}.dr-label{font-size:.75rem;color:#64748b;font-weight:600}.dr-value{font-size:.85rem;color:#cbd5e1}.dr-mitigation-box{background:#0f172a80;border:1px solid #334155;border-radius:6px;padding:.75rem}.dr-mit-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#34d399;margin-bottom:4px}.dr-mitigation-box p{margin:0;font-size:.8rem;color:#94a3b8;line-height:1.4}.dr-actions-list{display:flex;flex-direction:column;gap:.5rem}.dr-action-item{display:flex;gap:10px;background:#1e293b;border:1px solid #334155;padding:.75rem;border-radius:6px;align-items:flex-start}.dr-action-item span{font-size:.9rem;color:#cbd5e1;line-height:1.4}.cg-history-container{display:flex;flex-direction:column;gap:1.5rem}.cg-explanation-card{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:1rem}.cg-card-header{display:flex;align-items:center;gap:8px;margin-bottom:.5rem}.cg-card-header h4{margin:0;font-weight:700;color:#60a5fa;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.cg-explanation-card p{margin:0;font-size:.9rem;color:#cbd5e1;line-height:1.6}.cg-code-card{background:#0f172a;border:1px solid #334155;border-radius:8px;overflow:hidden}.cg-code-header{display:flex;justify-content:space-between;align-items:center;background:#1e293b;padding:.5rem 1rem;border-bottom:1px solid #334155}.cg-file-info{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#94a3b8;font-weight:500}.cg-copy-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#64748b;font-size:.75rem;cursor:pointer;transition:color .2s}.cg-copy-btn:hover{color:#fff}.cg-code-block{margin:0;padding:1rem;overflow-x:auto;font-family:Fira Code,monospace;font-size:.85rem;line-height:1.5;color:#a5f3fc;background:#0b1120}.cg-libs-section{display:flex;flex-direction:column;gap:.5rem}.cg-libs-title{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#94a3b8;font-weight:600;margin:0}.cg-libs-tags{display:flex;flex-wrap:wrap;gap:8px}.cg-lib-tag{font-size:.75rem;color:#cbd5e1;background:#1e293b;padding:4px 10px;border-radius:4px;border:1px solid #334155}.ca-history-container{display:flex;flex-direction:column;gap:1.5rem}.ca-summary-card{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:1rem}.ca-summary-header{display:flex;align-items:center;gap:10px;margin-bottom:.75rem}.ca-summary-header h4{margin:0;font-weight:700;color:#34d399;font-size:1rem}.ca-regulation{font-size:.75rem;color:#6ee7b7;font-weight:500;display:block}.ca-summary-card p{margin:0;font-size:.9rem;color:#cbd5e1;line-height:1.6}.ca-section-title{font-size:.85rem;font-weight:700;color:#94a3b8;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155;padding-bottom:.5rem}.ca-findings-list{display:flex;flex-direction:column;gap:.75rem}.ca-finding-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.75rem 1rem}.ca-finding-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ca-meta-group{display:flex;align-items:center;gap:8px}.ca-line-badge{display:flex;align-items:center;gap:4px;background:#1e293b;color:#94a3b8;font-size:.7rem;padding:2px 6px;border-radius:4px;border:1px solid #334155;font-family:monospace}.ca-type-label{font-size:.75rem;font-weight:600;color:#cbd5e1}.ca-check-text{margin:0;font-size:.9rem;color:#e2e8f0;line-height:1.5}.ca-severity-badge{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;white-space:nowrap;border:1px solid transparent}.ca-rec-box{margin-top:.75rem;padding:.5rem;background:#0f172a80;border-left:2px solid #60a5fa;font-size:.8rem;color:#94a3b8;border-radius:0 4px 4px 0}.ca-perfect-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:2rem;background:#22c55e0d;border:1px dashed rgba(34,197,94,.3);border-radius:8px;color:#4ade80;font-weight:500}.ca-remediation-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.ca-rem-item{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:#cbd5e1}.ca-rem-icon{margin-top:3px;color:#34d399}.rv-history-container{display:flex;flex-direction:column;gap:1.5rem}.rv-summary-card{background:#f973161a;border:1px solid rgba(249,115,22,.2);border-radius:8px;padding:1rem}.rv-summary-header{display:flex;align-items:center;gap:10px;margin-bottom:.5rem}.rv-summary-header h4{margin:0;font-weight:700;color:#fb923c;font-size:1rem}.rv-summary-card p{margin:0;font-size:.9rem;color:#cbd5e1;line-height:1.6}.rv-section-title{font-size:.85rem;font-weight:700;color:#94a3b8;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155;padding-bottom:.5rem}.rv-risks-list{display:flex;flex-direction:column;gap:1rem}.rv-risk-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem;transition:border-color .2s}.rv-risk-card:hover{border-color:#475569}.rv-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rv-category{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.rv-score-badge{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;border:1px solid;font-size:.75rem;background:#0003}.rv-score-badge.critical{border-color:#ef4444;color:#ef4444}.rv-score-badge.high{border-color:#f97316;color:#f97316}.rv-score-badge.medium{border-color:#eab308;color:#eab308}.rv-score-badge.low{border-color:#3b82f6;color:#3b82f6}.rv-score-num{font-weight:700}.rv-score-cat{opacity:.8;font-weight:500;text-transform:uppercase}.rv-description{margin:0 0 1rem;font-size:1rem;color:#f1f5f9;font-weight:500;line-height:1.4}.rv-card-footer{display:flex;flex-direction:column;gap:.75rem}.rv-mitigation-box{background:#1e293b80;border-left:2px solid #4ade80;padding:.75rem;border-radius:0 4px 4px 0}.rv-mit-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#4ade80;margin-bottom:4px}.rv-mitigation-box p{margin:0;font-size:.85rem;color:#cbd5e1;line-height:1.5}.rv-meta-row{font-size:.8rem;color:#64748b;text-align:right}.rv-safe-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#22c55e0d;border:2px dashed rgba(34,197,94,.2);border-radius:8px;gap:1rem}.rv-safe-state p{color:#86efac;font-weight:500}.to-history-container{display:flex;flex-direction:column;gap:1.5rem}.to-recommendation-card{background:linear-gradient(135deg,#22c55e1f,#0000);border:1px solid rgba(34,197,94,.25);border-radius:12px;padding:1.5rem;margin-bottom:2rem;overflow:visible;text-align:left}.to-rec-header{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:8px;align-items:center}.to-rec-label{grid-column:2;grid-row:1;color:#4ade80;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:0}.to-rec-content{grid-column:1 / -1;display:flex;flex-direction:column;gap:6px;min-width:0}.to-rec-title{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.3;margin:0;word-break:break-word}.to-rec-text{margin:0;font-size:.95rem;color:#d1d5db;line-height:1.6;max-width:100%}.to-section-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:#94a3b8;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155;padding-bottom:.5rem}.to-matrix-list{display:flex;flex-direction:column;gap:.75rem}.to-matrix-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem}.to-matrix-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.to-criterion{font-weight:600;color:#e2e8f0;font-size:.95rem}.to-verdict-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;border:1px solid transparent}.to-verdict-badge.winner-a{background:#ec489926;color:#f472b6;border-color:#ec48994d}.to-verdict-badge.winner-b{background:#a855f726;color:#c084fc;border-color:#a855f74d}.to-notes{margin:0;font-size:.85rem;color:#94a3b8;line-height:1.5}.to-alert-box{margin-top:1rem;background:#eab3080d;border:1px dashed rgba(234,179,8,.3);padding:1rem;border-radius:8px}.to-alert-header{display:flex;align-items:center;gap:6px;color:#facc15;font-weight:700;font-size:.85rem;margin-bottom:.25rem}.to-alert-box p{margin:0;font-size:.85rem;color:#d1d5db}.sd-history-container{display:flex;flex-direction:column;gap:1.5rem}.sd-root-cause-card{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);border-radius:8px;padding:1rem}.sd-rc-header{display:flex;align-items:center;gap:10px;margin-bottom:.5rem}.sd-rc-header h4{margin:0;font-weight:700;color:#fb7185;font-size:1rem}.sd-root-cause-card p{margin:0;font-size:.95rem;color:#cbd5e1;line-height:1.6}.sd-fix-card{background:#0f172a;border:1px solid #334155;border-radius:8px;overflow:hidden}.sd-fix-header{display:flex;justify-content:space-between;align-items:center;background:#16a34a1a;padding:.75rem 1rem;border-bottom:1px solid rgba(22,163,74,.2)}.sd-fix-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#4ade80;font-size:.9rem}.sd-copy-btn{background:transparent;border:1px solid rgba(74,222,128,.3);color:#86efac;font-size:.75rem;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .2s}.sd-copy-btn:hover{background:#4ade8033;color:#fff}.sd-fix-code-block{margin:0;padding:1rem;overflow-x:auto;font-family:Fira Code,monospace;font-size:.85rem;line-height:1.5;color:#a7f3d0;background:#020617}.sd-section-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:#94a3b8;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155;padding-bottom:.5rem}.sd-findings-section{display:flex;flex-direction:column;gap:.75rem}.sd-finding-item{background:#1e293b;border:1px solid #334155;border-radius:6px;padding:.75rem}.sd-finding-cat{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;background:#38bdf81a;color:#38bdf8;padding:2px 6px;border-radius:4px;margin-right:8px}.sd-finding-loc{font-size:.8rem;color:#64748b;font-family:monospace}.sd-finding-item p{margin:.5rem 0 0;font-size:.9rem;color:#e2e8f0}.sd-notes-section{background:#eab3080d;border:1px dashed rgba(234,179,8,.3);padding:1rem;border-radius:8px}.sd-notes-list{list-style:none;padding:0;margin:0}.sd-notes-list li{position:relative;padding-left:1.2rem;font-size:.9rem;color:#cbd5e1;margin-bottom:.4rem}.sd-notes-list li:before{content:"•";color:#eab308;font-weight:700;position:absolute;left:0}.tcb-history-container{display:flex;flex-direction:column;gap:1.5rem}.tcb-summary-header{display:flex;align-items:center;gap:10px;padding-bottom:.5rem;border-bottom:1px solid #334155}.tcb-summary-header h4{margin:0;font-size:.9rem;font-weight:700;color:#2dd4bf;text-transform:uppercase;letter-spacing:.05em}.tcb-cases-list{display:flex;flex-direction:column;gap:1rem}.tcb-card{background:#0f172a;border:1px solid #334155;border-radius:8px;overflow:hidden}.tcb-card-header{display:flex;justify-content:space-between;align-items:center;background:#1e293b;padding:.75rem 1rem;border-bottom:1px solid #334155}.tcb-title-group{align-items:center;gap:10px}.tcb-id{font-family:monospace;font-size:.75rem;color:#64748b;background:#0000004d;padding:2px 6px;border-radius:4px}.tcb-title{margin:0;font-size:.95rem;font-weight:600;color:#f1f5f9}.tcb-type-badge{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase}.tcb-bdd-grid{padding:1rem;display:flex;flex-direction:column;gap:.8rem}.tcb-bdd-row{display:flex;align-items:flex-start;gap:12px}.tcb-label-col{min-width:50px;text-align:right;padding-top:2px}.tcb-bdd-label{font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:3px;color:#0f172a}.tcb-bdd-label.given{background:#cbd5e1}.tcb-bdd-label.when{background:#fbbf24}.tcb-bdd-label.then{background:#4ade80}.tcb-bdd-row p{margin:0;font-size:.9rem;color:#cbd5e1;line-height:1.5}.tsv-history-container{display:flex;flex-direction:column;gap:1.5rem}.tsv-summary-card{background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:8px;padding:1rem}.tsv-summary-header{display:flex;align-items:center;gap:10px;margin-bottom:.5rem}.tsv-summary-header h4{margin:0;font-weight:700;color:#c084fc;font-size:1rem}.tsv-summary-card p{margin:0;font-size:.9rem;color:#cbd5e1;line-height:1.6}.tsv-section-title{font-size:.85rem;font-weight:700;color:#94a3b8;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155;padding-bottom:.5rem}.tsv-reviews-list{display:flex;flex-direction:column;gap:1rem}.tsv-review-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem}.tsv-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.8rem}.tsv-review-header h5{margin:0;color:#e2e8f0;font-size:1rem}.tsv-subtitle{font-size:.75rem;color:#64748b}.tsv-score-gauge{width:40px;height:40px;border-radius:50%;border:3px solid #334155;display:flex;align-items:center;justify-content:center;background:#0003}.tsv-score-val{font-size:.7rem;font-weight:700}.tsv-list-group{margin-top:.8rem}.tsv-list-group h6{margin:0 0 .4rem;display:flex;align-items:center;gap:6px;font-size:.8rem;text-transform:uppercase}.tsv-list-group ul{margin:0;padding-left:1.2rem;list-style-type:disc}.tsv-list-group li{font-size:.85rem;color:#cbd5e1;margin-bottom:2px}.tsv-tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.tsv-tech-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.8rem}.tsv-tech-cat{font-size:.7rem;font-weight:700;color:#c084fc;text-transform:uppercase;background:#a855f71a;padding:2px 8px;border-radius:4px}.tsv-tech-options{display:flex;flex-wrap:wrap;gap:6px}.tsv-tech-badge{background:#0f172a;border:1px solid #475569;color:#e2e8f0;font-size:.8rem;padding:2px 8px;border-radius:4px;font-family:monospace}.tsv-tech-reason{margin:0;font-size:.85rem;color:#94a3b8;line-height:1.4}.tsv-comparison-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tsv-comp-col{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem}.tsv-comp-col h5{margin:0 0 .8rem;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600}.tsv-comp-col ul{padding-left:1.2rem;margin:0}.tsv-comp-col li{font-size:.85rem;color:#cbd5e1;margin-bottom:4px}@media(max-width:600px){.tsv-comparison-section{grid-template-columns:1fr}}