.os-shell{display:flex;min-height:100vh;background:#080c14}.os-main{margin-left:220px;flex:1;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.os-topbar{height:46px;background:#0d1117;border-bottom:1px solid #1e2433;display:flex;align-items:center;padding:0 20px;gap:12px;position:sticky;top:0;z-index:50;flex-shrink:0}.os-topbar-path{font-size:12.5px;color:#6b7280;display:flex;align-items:center;gap:6px;font-family:monospace}.os-topbar-path span.active{color:#9ca3af}.os-topbar-sep{color:#374151}.os-topbar-spacer{flex:1}.os-topbar-metrics{display:flex;align-items:center;gap:16px}.os-topbar-metric{font-size:11.5px;color:#6b7280;display:flex;align-items:center;gap:4px}.os-topbar-metric strong{color:#9ca3af;font-weight:600}.os-topbar-version{font-size:11px;color:#374151;font-family:monospace;background:#111827;padding:2px 8px;border-radius:3px;border:1px solid #1e2433}.os-page{flex:1;padding:20px 24px;overflow-y:auto}.os-page-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #1e2433}.os-page-back{width:30px;height:30px;background:#111827;border:1px solid #1e2433;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;color:#9ca3af;transition:all .15s;flex-shrink:0}.os-page-back:hover{background:#161b27;border-color:#2a3050;color:#fff}.os-page-title{font-size:16px;font-weight:700;color:#e2e8f0}.os-page-subtitle{font-size:12px;color:#6b7280;margin-top:1px}.os-subpage{flex:1;display:flex;flex-direction:column;overflow:hidden}.os-subpage>*{flex:1}.os-page .app{min-height:unset}.os-page .header{display:none!important}.os-sidebar{width:220px;min-width:220px;height:100vh;background:#0d1117;border-right:1px solid #1e2433;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;overflow-y:auto;overflow-x:hidden}.os-sidebar::-webkit-scrollbar{width:3px}.os-sidebar::-webkit-scrollbar-track{background:transparent}.os-sidebar::-webkit-scrollbar-thumb{background:#2a3050;border-radius:2px}.sidebar-logo{padding:20px 16px 14px;border-bottom:1px solid #1e2433;flex-shrink:0}.sidebar-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.sidebar-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#4a6cf7,#7c3aed);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sidebar-logo-text{font-size:15px;font-weight:800;color:#fff;letter-spacing:.5px}.sidebar-logo-sub{font-size:10.5px;color:#6b7280;line-height:1.4;padding-left:2px}.sidebar-status{display:flex;align-items:center;gap:6px;padding:8px 16px;border-bottom:1px solid #1e2433;flex-shrink:0}.sidebar-status-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:pulse-dot 2s infinite;flex-shrink:0}.sidebar-status-dot.disconnected{background:#ef4444;box-shadow:0 0 6px #ef4444}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.sidebar-status-text{font-size:11.5px;color:#10b981;font-weight:600}.sidebar-status-text.disconnected{color:#ef4444}.sidebar-lora{padding:6px 16px;border-bottom:1px solid #1e2433;font-size:10px;color:#6b7280;display:flex;align-items:center;gap:5px;flex-shrink:0}.sidebar-lora span:first-child{font-size:12px}.sidebar-modules{flex:1;padding:8px 0;overflow-y:auto}.sidebar-group{margin-bottom:4px}.sidebar-group-label{font-size:9.5px;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:.8px;padding:10px 16px 4px}.sidebar-item{display:flex;align-items:center;gap:9px;padding:7px 16px;cursor:pointer;border-radius:0;transition:all .15s;border-left:3px solid transparent;position:relative;-webkit-user-select:none;user-select:none}.sidebar-item:hover{background:#161b27;border-left-color:#2a3050}.sidebar-item.active{background:linear-gradient(90deg,#1a2040,#161b27);border-left-color:#4a6cf7}.sidebar-item-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.sidebar-item-label{font-size:12.5px;font-weight:500;color:#9ca3af;flex:1}.sidebar-item.active .sidebar-item-label{color:#e2e8f0;font-weight:600}.sidebar-item:hover .sidebar-item-label{color:#cbd5e1}.sidebar-item-badge{font-size:9px;background:linear-gradient(135deg,#4a6cf7,#7c3aed);color:#fff;padding:1px 5px;border-radius:3px;font-weight:700;letter-spacing:.3px;flex-shrink:0}.sidebar-item-badge.new{background:linear-gradient(135deg,#10b981,#059669)}.sidebar-item-badge.ext{background:#1e2433;color:#6b7280;font-size:8px}.sidebar-item-badge.soon{background:linear-gradient(135deg,#374151,#4b5563);color:#9ca3af}.sidebar-footer{padding:12px 16px;border-top:1px solid #1e2433;flex-shrink:0}.sidebar-version{font-size:10px;color:#374151;font-family:monospace}.sidebar-group-bridge .sidebar-group-label{color:#6d4a9c;border-top:1px solid #1e2433;margin-top:8px;padding-top:14px}.sidebar-group-bridge .sidebar-item:hover{background:#12102a;border-left-color:#7c3aed}.sidebar-group-bridge .sidebar-item.active{background:linear-gradient(90deg,#1a1040,#12102a);border-left-color:#7c3aed}.command-center{width:100%}.cc-hero{background:linear-gradient(135deg,#4a6cf7,#7c3aed,#1e1b4b);border-radius:12px;padding:28px 32px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.cc-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' stroke='rgba(255,255,255,0.05)' fill='none' stroke-width='1'/%3E%3Ccircle cx='50' cy='50' r='25' stroke='rgba(255,255,255,0.05)' fill='none' stroke-width='1'/%3E%3C/svg%3E") repeat;background-size:80px 80px;opacity:.4}.cc-hero-text{position:relative;z-index:1}.cc-hero-title{font-size:26px;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.3px}.cc-hero-sub{font-size:13.5px;color:#ffffffbf;margin:0}.cc-hero-live{position:relative;z-index:1;display:flex;align-items:center;gap:7px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cc-hero-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:cc-pulse 2s infinite}@keyframes cc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.cc-hero-live span:last-child{font-size:13px;font-weight:600;color:#fff}.cc-metrics-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-bottom:20px}.cc-metric-card{background:#111827;border:1px solid #1e2433;border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,transform .15s;cursor:default}.cc-metric-card:hover{border-color:#2a3a60;transform:translateY(-1px)}.cc-metric-icon{font-size:18px;line-height:1}.cc-metric-value{font-size:22px;font-weight:800;color:#fff;line-height:1}.cc-metric-label{font-size:10.5px;color:#6b7280;line-height:1.3}.cc-metrics-grid-2{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:24px}.cc-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.cc-panel{background:#111827;border:1px solid #1e2433;border-radius:10px;overflow:hidden}.cc-panel-header{padding:14px 18px 12px;border-bottom:1px solid #1e2433;display:flex;align-items:center;justify-content:space-between}.cc-panel-title{font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.7px}.cc-panel-action{font-size:11.5px;color:#4a6cf7;cursor:pointer;text-decoration:none;font-weight:500}.cc-panel-action:hover{text-decoration:underline}.cc-swarm-list{padding:12px 0}.cc-swarm-item{padding:12px 18px;border-bottom:1px solid #0f1117;transition:background .15s}.cc-swarm-item:last-child{border-bottom:none}.cc-swarm-item:hover{background:#161b27}.cc-swarm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cc-swarm-name{font-size:13px;font-weight:600;color:#e2e8f0}.cc-swarm-status{font-size:10.5px;padding:2px 8px;border-radius:3px;font-weight:600}.cc-swarm-status.running{background:#064e3b;color:#34d399}.cc-swarm-status.pending{background:#1c1917;color:#d97706}.cc-swarm-status.completed{background:#1e1b4b;color:#818cf8}.cc-swarm-priority{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600;margin-left:6px}.cc-swarm-priority.high{background:#450a0a;color:#f87171}.cc-swarm-priority.medium{background:#431407;color:#fb923c}.cc-swarm-priority.low{background:#052e16;color:#4ade80}.cc-swarm-desc{font-size:11.5px;color:#6b7280;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-progress-bar{height:3px;background:#1e2433;border-radius:2px;margin-bottom:4px;overflow:hidden}.cc-progress-fill{height:100%;background:linear-gradient(90deg,#4a6cf7,#7c3aed);border-radius:2px;transition:width .5s}.cc-swarm-prog-row{display:flex;align-items:center;justify-content:space-between}.cc-swarm-pct{font-size:10.5px;color:#6b7280}.cc-swarm-tags{display:flex;gap:5px;flex-wrap:wrap}.cc-swarm-tag{font-size:10px;background:#1e2433;color:#9ca3af;padding:1px 6px;border-radius:3px}.cc-empty-state{padding:30px 18px;text-align:center;color:#4b5563;font-size:13px}.cc-trace-list{padding:8px 0;max-height:300px;overflow-y:auto}.cc-trace-list::-webkit-scrollbar{width:3px}.cc-trace-list::-webkit-scrollbar-thumb{background:#2a3050}.cc-trace-item{padding:7px 18px;display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #0f1117}.cc-trace-item:last-child{border-bottom:none}.cc-trace-dot{width:6px;height:6px;border-radius:50%;background:#4a6cf7;flex-shrink:0;margin-top:4px}.cc-trace-dot.success{background:#10b981}.cc-trace-dot.warn{background:#f59e0b}.cc-trace-dot.error{background:#ef4444}.cc-trace-content{flex:1}.cc-trace-msg{font-size:11.5px;color:#9ca3af;font-family:Fira Code,monospace;line-height:1.4}.cc-trace-time{font-size:10px;color:#4b5563;margin-top:1px}.cc-ecosystem{background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #3730a3;border-radius:10px;padding:20px 24px;margin-bottom:24px;display:flex;align-items:center;gap:20px}.cc-ecosystem-wave{font-size:28px;flex-shrink:0}.cc-ecosystem-text{flex:1}.cc-ecosystem-text h3{font-size:15px;font-weight:700;color:#fff;margin:0 0 4px}.cc-ecosystem-text p{font-size:12.5px;color:#fff9;margin:0 0 12px}.cc-ecosystem-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cc-eco-link{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;text-decoration:none;transition:opacity .2s,transform .15s}.cc-eco-link:hover{opacity:.85;transform:translateY(-1px)}.cc-eco-link.sdk{background:#ec4899}.cc-eco-link.legacy{background:#f97316}.cc-eco-link.cloud{background:#3b82f6}.cc-eco-link.ray{background:#8b5cf6}.cc-eco-link.market{background:#10b981}.cc-eco-arrow{color:#ffffff59;font-size:14px}.cc-ecosystem-cta{flex-shrink:0}.cc-ecosystem-cta button{background:#fff;color:#4338ca;border:none;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;white-space:nowrap}.cc-ecosystem-cta button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4338ca66}.cc-ops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.cc-ops-card{background:#111827;border:1px solid #1e2433;border-radius:10px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:all .15s}.cc-ops-card:hover{border-color:#2a3a60;background:#161b27;transform:translateY(-1px)}.cc-ops-icon{font-size:22px}.cc-ops-title{font-size:13px;font-weight:700;color:#e2e8f0}.cc-ops-desc{font-size:11.5px;color:#6b7280;line-height:1.4}.cc-launcher{background:#111827;border:1px solid #1e2433;border-radius:10px;padding:20px;margin-bottom:24px}.cc-launcher-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cc-launcher h3{font-size:15px;font-weight:700;color:#e2e8f0;margin:0}.cc-launcher p{font-size:12px;color:#6b7280;margin:0}.cc-launcher-row{display:flex;gap:10px;align-items:flex-end}.cc-launcher textarea{flex:1;background:#0d1117;border:1px solid #1e2433;border-radius:8px;padding:12px;color:#c9d1d9;font-size:13px;resize:none;outline:none;font-family:inherit;transition:border-color .2s}.cc-launcher textarea:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf71a}.cc-launcher textarea::placeholder{color:#374151}.cc-launch-btn{background:linear-gradient(135deg,#4a6cf7,#7c3aed);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s;min-width:140px;height:80px;display:flex;align-items:center;justify-content:center}.cc-launch-btn:hover:not(:disabled){box-shadow:0 4px 15px #4a6cf766;transform:translateY(-1px)}.cc-launch-btn:disabled{opacity:.5;cursor:not-allowed}.cc-timeline{background:#111827;border:1px solid #1e2433;border-radius:10px;padding:16px 20px;margin-bottom:16px}.cc-timeline h4{font-size:13px;font-weight:700;color:#9ca3af;margin:0 0 12px}.cc-timeline-item{display:flex;gap:10px;align-items:center;border-left:2px solid;padding:5px 0 5px 12px;margin-left:4px}.cc-timeline-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-left:-17px}.cc-timeline-msg{font-size:12.5px;font-family:monospace}.cc-results{background:#111827;border:1px solid #1e2433;border-radius:10px;padding:20px;margin-bottom:16px}.cc-results h4{font-size:14px;font-weight:700;color:#e2e8f0;margin:0 0 14px}.cc-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cc-results-card{background:#0d1117;border-radius:8px;padding:12px;text-align:center}.cc-results-val{font-size:20px;font-weight:800;color:#10b981}.cc-results-lbl{font-size:11px;color:#6b7280;margin-top:2px}.cc-section-label{font-size:11px;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}.cc-section-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #1e2433}.cc-section-icon{color:#4a6cf7;font-size:13px;font-style:normal}.platform-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:0}.platform-module{background:#111827;border:1px solid #1e2433;border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.platform-module:hover{border-color:#2a3a60;box-shadow:0 2px 12px #4a6cf70f}.platform-module--clickable{cursor:pointer}.platform-module--clickable:hover{border-color:#4a6cf7}.platform-module-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 11px;border-bottom:1px solid #1a2035;background:#0f1623}.platform-module-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#e2e8f0}.platform-module-icon{font-size:15px;line-height:1}.platform-module-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;white-space:nowrap}.platform-module-link{font-size:11px;color:#4a6cf7;background:none;border:none;cursor:pointer;font-weight:500;padding:0;white-space:nowrap;transition:color .15s;font-family:inherit}.platform-module-link:hover{color:#818cf8;text-decoration:underline}.platform-module-body{padding:10px 16px 12px;display:flex;flex-direction:column;gap:0}.mod-metric-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid #131b29}.mod-metric-row:last-child{border-bottom:none}.mod-metric-label{font-size:12px;color:#6b7280}.mod-metric-val{font-size:12.5px;font-weight:700;color:#e2e8f0}.cc-two-col{margin-bottom:0}.cc-panel-action{background:none;border:none;font-size:11.5px;color:#4a6cf7;cursor:pointer;font-weight:500;padding:0;font-family:inherit;transition:color .15s}.cc-panel-action:hover{color:#818cf8;text-decoration:underline}.dev-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:0}.dev-platform-card{background:#111827;border:1px solid #1e2433;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .2s,background .15s,transform .15s}.dev-platform-card:hover{border-color:#2a3a60;background:#161b27;transform:translateY(-1px)}.dev-platform-icon{font-size:22px;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0f1623;border-radius:8px}.dev-platform-info{flex:1;min-width:0}.dev-platform-name{font-size:13px;font-weight:700;color:#e2e8f0;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-platform-desc{font-size:11px;color:#6b7280;line-height:1.3}.dev-platform-arrow{font-size:16px;color:#374151;flex-shrink:0;transition:color .15s}.dev-platform-card:hover .dev-platform-arrow{color:#4a6cf7}.aiops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:0}.aiops-card{background:#111827;border:1px solid #1e2433;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .2s,background .15s,transform .15s}.aiops-card:hover{border-color:#2a3a60;background:#161b27;transform:translateY(-1px)}.aiops-icon{font-size:22px;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0f1623;border-radius:8px}.aiops-body{flex:1;min-width:0}.aiops-title{font-size:13px;font-weight:700;color:#e2e8f0;margin-bottom:2px}.aiops-desc{font-size:11px;color:#6b7280;line-height:1.3}.aiops-arrow{font-size:16px;color:#374151;flex-shrink:0;transition:color .15s}.aiops-card:hover .aiops-arrow{color:#4a6cf7}.cc-launcher{margin-bottom:0}.cc-launcher h3{font-size:14px}.agent-map-container{width:100%;max-width:800px;margin:0 auto;padding:2rem}.agent-map{position:relative;width:100%;padding-bottom:100%;background:linear-gradient(135deg,#1a1f35,#0f1219);border-radius:20px;border:2px solid rgba(99,102,241,.3);overflow:visible}.map-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;z-index:10}.center-pulse{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%);border-radius:50%;animation:pulse-center 2s ease-in-out infinite}.center-label{position:relative;font-size:10px;font-weight:700;color:#6366f1;text-align:center;letter-spacing:1px}.agent-node{position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;opacity:.3}.agent-node.active{opacity:1;animation:node-activate .5s ease-out}.agent-dot{width:12px;height:12px;background:#6366f1;border-radius:50%;box-shadow:0 0 10px #6366f180;position:relative;z-index:2}.agent-node.active .agent-dot{background:#10b981;box-shadow:0 0 20px #10b981cc;animation:dot-glow 1.5s ease-in-out infinite}.agent-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;opacity:0}.agent-node.active .agent-pulse{animation:pulse-ring 2s ease-out infinite;background:transparent;border:2px solid #10b981}.agent-label{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:8px;font-weight:600;color:#94a3b8;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.agent-node.active .agent-label{color:#10b981}.connection-line{position:absolute;width:35%;height:1px;background:linear-gradient(90deg,rgba(16,185,129,.6) 0%,transparent 100%);top:50%;left:50%;transform-origin:left center;opacity:0;animation:line-draw .5s ease-out forwards}.agent-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-value{font-size:2.5rem;font-weight:700;color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.5)}.stat-label{font-size:.875rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}@keyframes pulse-center{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.6}}@keyframes node-activate{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.5)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes dot-glow{0%,to{box-shadow:0 0 20px #10b981cc}50%{box-shadow:0 0 30px #10b981}}@keyframes pulse-ring{0%{width:12px;height:12px;opacity:1}to{width:40px;height:40px;opacity:0}}@keyframes line-draw{0%{opacity:0;width:0}to{opacity:.6;width:35%}}.integrations-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.integrations-nav{max-width:1400px;margin:0 auto 1rem}.integrations-header{text-align:center;color:#fff;margin-bottom:2rem;padding:2rem 0}.integrations-header h1{font-size:3rem;margin-bottom:.5rem}.integrations-subtitle{font-size:1.2rem;opacity:.9}.integrations-tabs{max-width:1400px;margin:0 auto 2rem;display:flex;gap:1rem;justify-content:center}.tab-button{padding:1rem 2rem;background:#fff3;color:#fff;border:2px solid transparent;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.tab-button:hover{background:#ffffff4d}.tab-button.active{background:#fff;color:#667eea;border-color:#fff}.integrations-content{max-width:1400px;margin:0 auto;background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 8px 24px #00000026}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.integration-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:2rem;transition:all .3s;border:2px solid transparent;position:relative}.integration-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026;border-color:#667eea}.integration-card.active{border-color:#28a745}.integration-card.coming-soon{opacity:.6}.integration-card.featured{background:linear-gradient(135deg,#fff5e6,#ffe5cc);border:3px solid #ff9800;box-shadow:0 4px 16px #ff98004d}.integration-card.featured:hover{transform:translateY(-6px);box-shadow:0 12px 28px #ff980066;border-color:#ff6f00}.featured-badge{position:absolute;top:-12px;right:-12px;background:linear-gradient(135deg,#ff9800,#ff6f00);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px #ff980066;z-index:10}.integration-logo{font-size:3rem;margin-bottom:1rem}.integration-card h3{color:#333;margin-bottom:.5rem}.integration-category{display:inline-block;background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-bottom:1rem}.integration-description{color:#666;font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.integration-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-badge{background:#e9ecef;color:#495057;padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600}.integration-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e0e0e0}.integration-pricing{color:#666;font-size:.85rem;font-weight:600}.connect-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.connect-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.connect-button.secondary{background:#fff;color:#667eea;border:2px solid #667eea}.connect-button.disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.integration-info{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px}.integration-info h3{color:#333;margin-bottom:1rem}.integration-info p{color:#666;margin-bottom:1.5rem}.my-integrations-list{display:flex;flex-direction:column;gap:2rem}.my-integration-card{background:#f8f9fa;border-radius:12px;padding:2rem;border:2px solid #e0e0e0}.integration-status{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.status-dot{width:12px;height:12px;border-radius:50%;background:#28a745}.status-dot.warning{background:#ffc107}.status-dot.error{background:#dc3545}.status-text{font-weight:600;color:#28a745;text-transform:uppercase;font-size:.85rem}.integration-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#666;font-size:.85rem}.stat-value{color:#333;font-weight:700;font-size:1.1rem}.stat-value.healthy{color:#28a745}.integration-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.action-button{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-button.secondary{background:#fff;color:#667eea;border:2px solid #667eea}.action-button.danger{background:#dc3545}.empty-state{text-align:center;padding:4rem 2rem;color:#666}.empty-state p{font-size:1.2rem;margin-bottom:2rem}.api-builder{max-width:800px;margin:0 auto}.api-builder h2{color:#333;margin-bottom:.5rem}.api-builder p{color:#666;margin-bottom:2rem}.builder-form{background:#f8f9fa;padding:2rem;border-radius:12px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#333;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.builder-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cta-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.cta-button.primary{background:linear-gradient(135deg,#28a745,#20c997)}@media (max-width: 768px){.integrations-tabs{flex-direction:column}.integrations-grid,.integration-stats{grid-template-columns:1fr}.integration-actions{flex-direction:column}}.sdk-platform-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;position:relative}.sdk-sticky-nav{position:fixed;top:20px;left:20px;z-index:9999}.sdk-floating-back-btn{padding:12px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 20px #6366f166;display:flex;align-items:center;gap:8px}.sdk-floating-back-btn:hover{transform:translate(-5px) scale(1.05);box-shadow:0 6px 30px #6366f199}.sdk-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.sdk-title h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sdk-title p{margin:.5rem 0 0;color:#94a3b8;font-size:1.1rem}.back-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;transition:all .3s ease}.back-btn:hover{background:#fff3;transform:translate(-5px)}.platform-ecosystem{padding:3rem;max-width:1600px;margin:0 auto}.ecosystem-header{text-align:center;margin-bottom:3rem}.ecosystem-header h2{font-size:2.2rem;margin-bottom:.5rem}.ecosystem-header p{color:#94a3b8;font-size:1.1rem}.platform-tabs{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem}.platform-tab{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#94a3b8;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative}.platform-tab:hover{background:#ffffff1a;border-color:#6366f180}.platform-tab.active{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#6366f1;color:#fff}.platform-tab.coming-soon-tab{opacity:.7}.tab-icon{font-size:1.5rem}.tab-name{font-weight:600}.badge{padding:.25rem .5rem;background:#f59e0b;border-radius:4px;font-size:.75rem;font-weight:700;color:#000}.platform-content{display:grid;grid-template-columns:400px 1fr;gap:2rem;margin-bottom:3rem}@media (max-width: 1200px){.platform-content{grid-template-columns:1fr}}.platform-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.info-header{display:flex;gap:1rem;margin-bottom:2rem}.info-icon{font-size:3rem}.info-header h3{font-size:1.5rem;margin:0 0 .5rem}.info-header p{color:#94a3b8;margin:0}.feature-list h4{margin-bottom:1rem;color:#e2e8f0}.feature-list ul{list-style:none;padding:0}.feature-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#cbd5e1}.check-icon{color:#10b981;font-weight:700;font-size:1.2rem}.platform-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.action-btn{padding:1rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.action-btn.primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.action-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-btn.secondary:hover{background:#ffffff26}.coming-soon-badge{text-align:center;padding:2rem;background:#f59e0b1a;border:2px dashed rgba(245,158,11,.3);border-radius:12px;margin-top:2rem}.badge-icon{font-size:3rem;display:block;margin-bottom:1rem}.coming-soon-badge h4{color:#f59e0b;margin-bottom:.5rem}.coming-soon-badge p{color:#94a3b8}.platform-iframe-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;height:700px;display:flex;flex-direction:column}.iframe-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.iframe-title{font-weight:600;color:#e2e8f0}.new-tab-link{color:#6366f1;text-decoration:none;font-size:.9rem;transition:color .3s ease}.new-tab-link:hover{color:#a855f7}.platform-iframe{flex:1;width:100%;border:none;background:#fff}.workflow-guide{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:3rem}.workflow-guide h2{text-align:center;margin-bottom:2rem;font-size:2rem}.workflow-steps{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media (max-width: 1200px){.workflow-steps{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}}.workflow-step{flex:1;min-width:200px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.workflow-step:hover{background:#ffffff1a;transform:translateY(-5px)}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin:0 auto 1rem}.step-content h3{margin:0 0 .5rem;font-size:1.1rem}.step-content p{margin:0;color:#94a3b8;font-size:.9rem}.step-content strong{color:#6366f1}.workflow-arrow{font-size:2rem;color:#6366f1;font-weight:700}.integration-status{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.integration-status h2{text-align:center;margin-bottom:2rem;font-size:2rem}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.status-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.status-card.active:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#10b981,#6366f1)}.status-indicator{width:12px;height:12px;background:#10b981;border-radius:50%;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 0 10px #10b981;animation:pulse 2s infinite}.status-info h4{margin:0 0 .5rem;font-size:1.2rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;margin-bottom:.5rem}.status-badge.online{background:#10b98133;color:#10b981}.status-info p{margin:0;color:#94a3b8;font-size:.9rem}.sdk-footer{text-align:center;padding:2rem;color:#64748b;border-top:1px solid rgba(255,255,255,.1)}.iframe-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:12px;border:2px dashed rgba(99,102,241,.3)}.placeholder-content{text-align:center;padding:3rem}.placeholder-icon{font-size:4rem;display:block;margin-bottom:1rem}.placeholder-content h3{font-size:1.5rem;margin:0 0 .5rem;color:#fff}.placeholder-content p{color:#94a3b8;margin:0 0 1.5rem;font-size:1rem}.open-platform-btn{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 20px #6366f166}.open-platform-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #6366f199}.devtools-main-tabs{display:flex;gap:8px;margin-bottom:28px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:0}.devtools-tab{padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:#94a3b8;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:-1px}.devtools-tab:hover{color:#e2e8f0}.devtools-tab.active{color:#818cf8;border-bottom-color:#6366f1}.tpl-root{display:grid;grid-template-columns:340px 1fr;gap:20px;min-height:620px}.tpl-sidebar{display:flex;flex-direction:column;gap:12px}.tpl-search-row{display:flex}.tpl-search{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px;color:#e2e8f0;font-size:13px;outline:none}.tpl-search::placeholder{color:#475569}.tpl-search:focus{border-color:#6366f1}.tpl-domain-filters{display:flex;flex-wrap:wrap;gap:6px}.tpl-domain-btn{padding:5px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#94a3b8;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.tpl-domain-btn:hover{color:#e2e8f0;border-color:#6366f166}.tpl-domain-btn.active{background:#6366f133;border-color:#6366f1;color:#818cf8}.tpl-count{font-size:11px;color:#475569;padding:0 2px}.tpl-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:500px;padding-right:4px}.tpl-list::-webkit-scrollbar{width:4px}.tpl-list::-webkit-scrollbar-track{background:transparent}.tpl-list::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.tpl-empty{text-align:center;color:#475569;font-size:13px;padding:32px 16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:10px}.tpl-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s;border-left:3px solid var(--domain-color, #6366f1)}.tpl-card:hover{background:#ffffff12;border-color:#ffffff26;transform:translate(2px)}.tpl-card-selected{background:#6366f11a!important;border-color:#6366f1!important}.tpl-card-domain{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:2px 8px;border-radius:4px;margin-bottom:6px}.tpl-card-name{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:4px}.tpl-card-desc{font-size:12px;color:#64748b;line-height:1.5;margin-bottom:8px}.tpl-card-meta{display:flex;gap:12px;margin-bottom:8px;align-items:center}.tpl-roi{font-size:12px;font-weight:700;color:#22c55e}.tpl-agents{font-size:11px;color:#64748b}.tpl-tags{display:flex;flex-wrap:wrap;gap:4px}.tpl-tag{background:#6366f11f;border:1px solid rgba(99,102,241,.2);border-radius:4px;padding:1px 6px;font-size:10px;color:#818cf8;font-weight:500}.tpl-detail{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;min-height:500px}.tpl-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#475569;padding:40px;text-align:center}.tpl-detail-empty-icon{font-size:48px;opacity:.4}.tpl-detail-empty-title{font-size:18px;font-weight:600;color:#64748b}.tpl-detail-empty-sub{font-size:13px;max-width:320px;line-height:1.6}.tpl-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.tpl-detail-name{font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:6px}.tpl-detail-desc{font-size:13px;color:#94a3b8;line-height:1.5;margin-bottom:10px}.tpl-detail-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.tpl-roi-lg{font-size:14px;font-weight:700;color:#22c55e}.tpl-agents-lg{font-size:12px;color:#64748b}.tpl-copy-btn{flex-shrink:0;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.tpl-copy-btn:hover{opacity:.9;transform:translateY(-1px)}.tpl-copy-btn.copied{background:linear-gradient(135deg,#059669,#10b981)}.tpl-deploy-hint{display:flex;align-items:center;gap:10px;padding:10px 24px;background:#6366f10f;border-bottom:1px solid rgba(99,102,241,.12);flex-wrap:wrap}.tpl-hint-step{font-size:11px;font-weight:600;color:#818cf8;background:#6366f11f;padding:3px 8px;border-radius:4px}.tpl-hint-arrow{color:#475569;font-size:12px}.tpl-code{flex:1;margin:0;padding:20px 24px;background:#0a0c14;color:#a5b4fc;font-family:Courier New,Fira Code,monospace;font-size:12px;line-height:1.7;overflow:auto;white-space:pre}.tpl-code::-webkit-scrollbar{width:6px;height:6px}.tpl-code::-webkit-scrollbar-track{background:#0a0c14}.tpl-code::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.observability{min-height:100vh;background:linear-gradient(135deg,#111827,#1f2937,#0c1222);color:#f0f0f5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.observability-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:linear-gradient(90deg,#fb923c26,#f973161a,#ea580c0d);border-bottom:2px solid rgba(251,146,60,.4)}.back-btn{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#f0f0f5;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px}.header-title h1{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,#fb923c,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-title p{margin:4px 0 0;color:#fdba74;font-size:14px}.header-title:before{content:"";display:inline-block;width:4px;height:32px;background:linear-gradient(180deg,#fb923c,#ea580c);border-radius:2px;margin-right:16px;vertical-align:middle}.live-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fb923c33;border:1px solid rgba(251,146,60,.5);border-radius:20px;font-size:14px;color:#fb923c;font-weight:600;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #fb923c4d}to{box-shadow:0 0 15px #fb923c80}}.pulse{width:10px;height:10px;background:#fb923c;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.observability-branding{display:flex;align-items:center;gap:12px;padding:6px 14px;background:linear-gradient(135deg,#fb923c4d,#f9731633);border:1px solid rgba(251,146,60,.5);border-radius:8px;margin-left:16px}.observability-branding span{font-size:12px;font-weight:700;color:#fb923c;letter-spacing:1px;text-transform:uppercase}.observability-tabs{display:flex;gap:4px;padding:16px 40px;background:#0000004d;border-bottom:2px solid rgba(251,146,60,.2)}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:1px solid transparent;color:#9ca3af;border-radius:8px;cursor:pointer;transition:all .2s;font-size:15px;font-weight:500}.tab-btn:hover{background:#fb923c1a;color:#fdba74;border-color:#fb923c4d}.tab-btn.active{background:linear-gradient(135deg,#fb923c40,#f9731633);border-color:#fb923c99;color:#fb923c}.tab-icon{font-size:18px}.observability-content{padding:24px 40px;min-height:calc(100vh - 250px)}.agent-replay{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.replay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.replay-header h2{margin:0;font-size:24px;font-weight:600}.refresh-btn{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.replay-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center}.stat-card .stat-value{font-size:36px;font-weight:700;color:#f0f0f5}.stat-card .stat-label{font-size:14px;color:#9ca3af;margin-top:4px}.stat-card.success{border-color:#10b98166}.stat-card.success .stat-value{color:#10b981}.stat-card.warning{border-color:#f59e0b66}.stat-card.warning .stat-value{color:#f59e0b}.stat-card.error{border-color:#ef444466}.stat-card.error .stat-value{color:#ef4444}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:#9ca3af}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.runs-table{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:80px 150px 1fr 100px 180px 160px 200px;gap:16px;padding:16px 20px;background:#ffffff0d;font-weight:600;font-size:13px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.table-body{max-height:600px;overflow-y:auto}.table-row{display:grid;grid-template-columns:80px 150px 1fr 100px 180px 160px 200px;gap:16px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);align-items:center;transition:background .2s}.table-row.status-success{border-left:3px solid #10b981}.table-row.status-warning{border-left:3px solid #f59e0b}.table-row.status-error{border-left:3px solid #ef4444}.status-icon{font-size:20px}.col-agent{display:flex;align-items:center;gap:8px}.agent-icon{font-size:18px}.agent-name{font-weight:500;font-size:13px}.col-task{font-size:14px;color:#d1d5db}.col-duration{font-family:SF Mono,Monaco,monospace;font-size:13px;color:#10b981}.col-time{font-size:13px;color:#9ca3af}.trace-id{font-family:SF Mono,Monaco,monospace;font-size:11px;padding:4px 8px;background:#0000004d;border-radius:4px;color:#00d4ff}.col-metrics{display:flex;gap:8px;flex-wrap:wrap}.metric-item{font-size:11px;padding:3px 8px;background:#ffffff1a;border-radius:4px;color:#9ca3af}.ray-dashboard,.grafana-dashboard{animation:fadeIn .3s ease-out}.embed-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.embed-header h2{margin:0;font-size:24px}.embed-header p{margin:4px 0 0;color:#9ca3af;font-size:14px}.open-external{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#f0f0f5;border-radius:8px;text-decoration:none;font-size:14px;transition:all .2s}.open-external:hover{background:#fff3}.embed-container{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;margin-bottom:24px}.dashboard-iframe{width:100%;height:500px;border:none}.embed-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:linear-gradient(135deg,#fb923c1a,#f973160d);border:2px dashed rgba(251,146,60,.3);border-radius:12px;text-align:center;padding:3rem}.embed-placeholder .placeholder-icon{font-size:4rem;display:block;margin-bottom:1rem}.embed-placeholder h3{font-size:1.5rem;margin:0 0 .5rem;color:#f0f0f5}.embed-placeholder p{color:#9ca3af;margin:0 0 1.5rem;font-size:1rem}.embed-placeholder .open-platform-btn{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 20px #fb923c66}.embed-placeholder .open-platform-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #fb923c99}.ray-info,.grafana-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px}.info-card h3{margin:0 0 16px;font-size:16px;font-weight:600}.info-card ul{margin:0;padding:0;list-style:none}.info-card li{padding:8px 0;color:#d1d5db;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}.info-card li:last-child{border-bottom:none}.info-card code{font-family:SF Mono,Monaco,monospace;font-size:12px;padding:2px 6px;background:#0006;border-radius:4px;color:#00d4ff}.subdomain-info{font-size:14px;color:#10b981;background:#10b9811a;padding:8px 16px;border-radius:8px;border:1px solid rgba(16,185,129,.3)}.grafana-panels{margin-bottom:24px}.panel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.grafana-panel{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.grafana-panel h3{margin:0 0 16px;font-size:14px;color:#9ca3af}.panel-chart{height:100px;margin-bottom:16px}.chart-placeholder{height:100%;display:flex;flex-direction:column}.chart-line{flex:1;display:flex;align-items:flex-end;gap:4px}.chart-bar{flex:1;background:linear-gradient(180deg,#00d4ff,#00d4ff4d);border-radius:2px 2px 0 0;transition:height .3s}.chart-bar.latency{background:linear-gradient(180deg,#f59e0b,#f59e0b4d)}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:#6b7280;margin-top:8px}.panel-stat{text-align:center}.panel-stat .stat-value{font-size:28px;font-weight:700;color:#f0f0f5}.panel-stat .stat-label{font-size:13px;color:#9ca3af}.panel-gauge{margin-bottom:16px}.gauge{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.gauge-fill{height:100%;background:linear-gradient(90deg,#10b981,#f59e0b 70%,#ef4444);border-radius:6px;transition:width .5s}.gauge-labels{display:flex;justify-content:space-between;font-size:11px;color:#6b7280;margin-top:4px}.panel-number{display:flex;justify-content:center;align-items:center;height:80px}.big-number{font-size:48px;font-weight:700;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loki-logs{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.loki-logs h3{margin:0 0 16px;font-size:16px}.log-viewer{font-family:SF Mono,Monaco,monospace;font-size:13px;max-height:300px;overflow-y:auto}.log-line{display:flex;gap:12px;padding:8px 12px;border-radius:4px;margin-bottom:4px;background:#0000004d}.log-time{color:#6b7280;flex-shrink:0}.log-level{font-weight:600;flex-shrink:0;width:50px}.log-level.info{color:#3b82f6}.log-level.debug{color:#6b7280}.log-level.warn{color:#f59e0b}.log-level.error{color:#ef4444}.log-msg{color:#d1d5db}.log-line.level-error{background:#ef44441a}.log-line.level-warn{background:#f59e0b1a}.observability-footer{padding:20px 40px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:14px;color:#6b7280}.observability-footer .subdomain{margin-top:4px;color:#10b981}@media (max-width: 1200px){.panel-row{grid-template-columns:repeat(2,1fr)}.ray-info,.grafana-info{grid-template-columns:1fr}}@media (max-width: 768px){.observability-header{flex-direction:column;gap:16px;padding:16px 20px}.header-left{flex-direction:column;align-items:flex-start}.observability-tabs{padding:12px 20px;overflow-x:auto}.observability-content{padding:16px 20px}.replay-stats{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:60px 100px 1fr}.col-duration,.col-time,.col-trace,.col-metrics{display:none}.panel-row{grid-template-columns:1fr}}.tempo-dashboard{animation:fadeIn .3s ease-out}.tempo-panels{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.trace-search{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px}.trace-search h3{margin:0 0 16px;font-size:18px}.search-form{display:flex;gap:12px;flex-wrap:wrap}.trace-input{flex:1;min-width:200px;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#f0f0f5;font-size:14px}.trace-input::placeholder{color:#6b7280}.service-select{padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#f0f0f5;font-size:14px;cursor:pointer}.search-btn{padding:12px 24px;background:linear-gradient(135deg,#fb923c,#f97316);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.search-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fb923c66}.recent-traces{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px}.recent-traces h3{margin:0 0 16px;font-size:18px}.traces-list{display:flex;flex-direction:column;gap:8px}.trace-row{display:grid;grid-template-columns:140px 1fr 80px 80px 40px 80px;align-items:center;gap:16px;padding:12px 16px;background:#0003;border-radius:8px;border-left:3px solid #10b981;transition:all .2s}.trace-row:hover{background:#0000004d}.trace-row.status-warning{border-left-color:#f59e0b}.trace-row.status-error{border-left-color:#ef4444}.trace-row .trace-id code{font-family:SF Mono,Monaco,monospace;font-size:12px;padding:4px 8px;background:#0000004d;border-radius:4px;color:#fb923c}.trace-service{font-weight:500;color:#f0f0f5}.trace-duration{font-family:SF Mono,Monaco,monospace;font-size:13px;color:#10b981}.trace-spans{font-size:13px;color:#9ca3af}.view-trace-btn{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#f0f0f5;font-size:12px;cursor:pointer;transition:all .2s}.view-trace-btn:hover{background:#fb923c4d;border-color:#fb923c80}.trace-visualization{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px}.trace-visualization h3{margin:0 0 16px;font-size:18px}.waterfall{display:flex;flex-direction:column;gap:8px}.waterfall-row{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:16px}.span-name{font-family:SF Mono,Monaco,monospace;font-size:13px;color:#d1d5db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.span-bar{height:24px;background:linear-gradient(90deg,#fb923c,#f97316);border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;box-shadow:0 2px 8px #fb923c4d}.span-duration{font-family:SF Mono,Monaco,monospace;font-size:11px;color:#fff;font-weight:600}.waterfall-row.root .span-bar{background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.waterfall-row.child-1 .span-bar{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.waterfall-row.child-2 .span-bar{background:linear-gradient(90deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d}.tempo-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1200px){.tempo-info{grid-template-columns:1fr}.trace-row{grid-template-columns:1fr;gap:8px}}@media (max-width: 768px){.waterfall-row{grid-template-columns:1fr;gap:4px}.span-name{font-size:11px}}.tab-btn.dna-tab{background:#10b9811a;border-color:#10b9814d}.tab-btn.dna-tab.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.dna-dashboard{padding:20px}.dna-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.dna-stat-card{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:20px;text-align:center}.dna-stat-card.merkle{grid-column:span 1;text-align:left}.dna-stat-value{font-size:32px;font-weight:700;color:#10b981}.dna-stat-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.merkle-root{display:block;margin-top:8px;font-size:11px;color:#10b981;background:#0000004d;padding:8px;border-radius:6px;word-break:break-all}.aifp-panel{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;margin-bottom:24px}.aifp-panel h3{margin:0 0 16px;color:#3b82f6;font-size:16px}.aifp-info{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.aifp-item{display:flex;flex-direction:column;gap:4px}.aifp-label{font-size:11px;color:#9ca3af;text-transform:uppercase}.aifp-value{font-size:18px;font-weight:600;color:#3b82f6}.aifp-did{font-size:10px;color:#60a5fa;background:#0000004d;padding:6px 8px;border-radius:4px;word-break:break-all}.dna-timeline-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:24px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.timeline-header h3{margin:0;font-size:16px;color:#f0f0f5}.dna-timeline{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.dna-leaf-item{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:14px}.leaf-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.leaf-agent{font-weight:600;color:#10b981;font-size:14px}.leaf-action{padding:3px 8px;background:#10b98133;border-radius:4px;font-size:11px;color:#34d399}.leaf-time{font-size:11px;color:#9ca3af;margin-left:auto}.leaf-details{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.leaf-hash,.leaf-signature{display:flex;align-items:center;gap:6px}.hash-label,.sig-label{font-size:10px;color:#6b7280;text-transform:uppercase}.leaf-hash code,.leaf-signature code{font-size:11px;color:#9ca3af;background:#0000004d;padding:3px 6px;border-radius:4px}.export-proof-btn{margin-left:auto;padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.export-proof-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.proof-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.proof-content{background:#1f2937;border:1px solid rgba(16,185,129,.3);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.proof-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.proof-header h3{margin:0;color:#10b981}.close-btn{background:#ffffff1a;border:none;color:#f0f0f5;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px}.proof-body{padding:20px}.proof-section{margin-bottom:20px}.proof-section h4{margin:0 0 12px;color:#10b981;font-size:14px}.proof-section p{margin:6px 0;font-size:13px;color:#d1d5db}.proof-section code{font-size:11px;color:#9ca3af;background:#0000004d;padding:2px 6px;border-radius:4px;word-break:break-all}.proof-section ol{margin:0;padding-left:20px;color:#d1d5db;font-size:12px}.proof-section ol li{margin-bottom:6px}.proof-actions{padding:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.download-btn{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.dna-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1024px){.dna-stats-row,.aifp-info{grid-template-columns:repeat(2,1fr)}.dna-info{grid-template-columns:1fr}}@media (max-width: 768px){.dna-stats-row,.aifp-info{grid-template-columns:1fr}.leaf-header{flex-wrap:wrap}.leaf-details{flex-direction:column;align-items:flex-start}.export-proof-btn{margin-left:0;margin-top:10px;width:100%}}.sos-architecture{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:24px;margin:24px 0;border:1px solid rgba(99,102,241,.3);box-shadow:0 8px 32px #0000004d}.sos-title{text-align:center;font-size:1.4rem;font-weight:700;color:#e2e8f0;margin:0 0 24px;letter-spacing:.5px}.sos-diagram{display:flex;justify-content:center;align-items:center}.sos-outer-ring{position:relative;width:100%;max-width:700px;min-height:360px;border:3px solid #6366f1;border-radius:50%;padding:60px 40px;background:radial-gradient(ellipse at center,rgba(99,102,241,.1) 0%,transparent 70%);box-shadow:0 0 30px #6366f14d,inset 0 0 30px #6366f11a}.sos-ring-label{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:8px 20px;border-radius:20px;display:flex;align-items:center;gap:8px;white-space:nowrap}.ring-icon{font-size:18px}.ring-text{font-size:12px;font-weight:700;color:#fff;letter-spacing:1px}.sos-connectors{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.connector{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 8px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.connector:hover{background:#ffffff1a;transform:translateY(-2px)}.connector-icon{font-size:28px;margin-bottom:6px}.connector-name{font-size:12px;font-weight:600;color:#e2e8f0;margin-bottom:2px}.connector-detail{font-size:10px;color:#94a3b8}.connector.erp{border-color:#10b98166}.connector.banks{border-color:#3b82f666}.connector.regulators{border-color:#f59e0b66}.connector.instances{border-color:#8b5cf666}.sos-inner{display:flex;justify-content:center}.pramix-core{background:linear-gradient(135deg,#0f172a,#1e293b);border:2px solid #3b82f6;border-radius:16px;padding:20px 32px;text-align:center;min-width:280px;box-shadow:0 0 20px #3b82f64d,inset 0 1px #ffffff1a}.core-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:4px}.core-icon{font-size:28px}.core-title{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.core-subtitle{font-size:12px;color:#94a3b8;margin-bottom:16px}.core-modules{display:flex;justify-content:center;gap:12px}.module{display:flex;flex-direction:column;align-items:center;padding:10px 14px;background:#ffffff0d;border-radius:8px;font-size:11px;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.module span:first-child{font-size:20px;margin-bottom:4px}.module.legacy{border-color:#ef444466}.module.cloud{border-color:#0ea5e966}.module.ray{border-color:#10b98166}.sos-description{margin-top:20px;text-align:center}.sos-description p{margin:0;font-size:14px;color:#94a3b8;line-height:1.6}.sos-description strong{color:#6366f1}@media (max-width: 768px){.sos-outer-ring{border-radius:24px;padding:40px 20px;min-height:auto}.sos-connectors{grid-template-columns:repeat(2,1fr);gap:10px}.core-modules{flex-wrap:wrap}.ring-text{font-size:10px}}.settings{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e);color:#f0f0f5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.header-left{display:flex;align-items:center;gap:24px}.back-btn{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#f0f0f5;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.back-btn:hover{background:#fff3}.header-title h1{margin:0;font-size:28px;font-weight:700}.settings-content{padding:32px 40px;max-width:1200px;margin:0 auto}.settings-section{margin-bottom:40px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-header h2{margin:0;font-size:20px;font-weight:600}.section-badge{padding:4px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:12px;font-size:12px;font-weight:600;color:#667eea}.section-badge.enterprise{background:#fb923c33;border-color:#fb923c66;color:#fb923c}.section-badge.future{background:#8b5cf633;border-color:#8b5cf666;color:#8b5cf6}.section-badge.capacity{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.setting-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;position:relative}.setting-card.zero-knowledge{border-color:#10b9814d}.setting-card.compound-mode{border-color:#fb923c4d}.setting-card.pcie-card{border-color:#8b5cf64d}.setting-card.capacity-engine{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e0d,#3b82f60d)}.setting-icon.capacity{font-size:42px}.capacity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;padding:16px;background:#0003;border-radius:12px}.capacity-stat{text-align:center}.capacity-stat .stat-value{display:block;font-size:24px;font-weight:700;color:#22c55e}.capacity-stat .stat-label{display:block;font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.capacity-algorithms{margin-top:20px}.capacity-algorithms h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.algorithm-list{display:flex;flex-wrap:wrap;gap:8px}.algorithm{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:12px;color:#e2e8f0}.toggle-switch.capacity .toggle-slider{background:#22c55e4d}.toggle-switch.capacity input:checked+.toggle-slider{background:#22c55e}.toggle-lock{margin-left:8px;font-size:12px;color:#fb923c}.setting-status.capacity{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.capacity-tagline{margin-top:20px;padding:16px;background:#0003;border-radius:8px;font-size:13px;font-style:italic;color:#9ca3af;text-align:center;border-left:3px solid #22c55e}.zk-architecture{margin:20px 0;padding:20px;background:#10b9810d;border-radius:12px;border:1px solid rgba(16,185,129,.2)}.zk-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.zk-step{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:10px;min-width:100px}.zk-icon{font-size:1.5rem}.zk-step span:last-child{font-size:.75rem;font-weight:600;color:#10b981;text-align:center}.zk-arrow{color:#10b981;font-size:1.25rem;font-weight:700}.zk-tagline{margin-top:20px;padding:16px;background:linear-gradient(135deg,#10b9811a,#065f461a);border-radius:8px;font-size:14px;font-style:italic;color:#10b981;text-align:center;border-left:3px solid #10b981;font-weight:500}.section-badge.zk{background:#10b98133;border-color:#10b98166;color:#10b981}.zk-status-panel{margin:16px 0;padding:16px;background:#0003;border-radius:10px;border:1px solid rgba(16,185,129,.2)}.zk-status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.zk-status-item{display:flex;flex-direction:column;align-items:center;gap:4px}.zk-status-label{font-size:.7rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.zk-status-value{font-size:.85rem;font-weight:600;color:#f0f0f5}.zk-status-value.active{color:#10b981}.toggle-switch.zk-toggle .toggle-slider{background:#10b9814d}.toggle-switch.zk-toggle input:checked+.toggle-slider{background:#10b981}.setting-status.zk-active{background:#10b9811a;border-color:#10b9814d;color:#10b981}.zk-logs-section{margin-top:20px;padding:16px;background:#0003;border-radius:10px;border:1px solid rgba(16,185,129,.15)}.zk-logs-section h4{margin:0 0 12px;font-size:.85rem;color:#10b981;font-weight:600}.zk-logs-list{display:flex;flex-direction:column;gap:8px}.zk-log-item{padding:10px 12px;background:#10b9810d;border-radius:8px;border:1px solid rgba(16,185,129,.1)}.zk-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.zk-log-agent{font-weight:600;color:#f0f0f5;font-size:.85rem}.zk-log-proof{font-size:.7rem;color:#9ca3af;font-family:monospace}.zk-log-details{display:flex;gap:12px;font-size:.75rem}.zk-log-time{color:#9ca3af}.zk-log-status{color:#10b981;font-weight:600}.zk-log-compliance{color:#3b82f6;font-size:.7rem}.setting-info{display:flex;gap:20px;margin-bottom:20px}.setting-icon{font-size:48px;flex-shrink:0}.setting-icon.hardware{font-size:42px}.setting-details h3{margin:0 0 12px;font-size:20px;font-weight:600}.setting-details p{margin:0;color:#d1d5db;font-size:14px;line-height:1.6}.setting-tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.tag{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.tag.security{background:#10b98133;color:#10b981}.tag.privacy{background:#3b82f633;color:#3b82f6}.tag.compliance{background:#8b5cf633;color:#8b5cf6}.setting-control{display:flex;align-items:center;gap:16px;position:absolute;top:28px;right:28px}.toggle-switch{position:relative;width:56px;height:28px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:14px;transition:all .3s}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:2px;background:#9ca3af;border-radius:50%;transition:all .3s}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.toggle-switch.compound input:checked+.toggle-slider{background:linear-gradient(135deg,#fb923c,#f97316);border-color:#fb923c}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px);background:#fff}.toggle-label{font-size:12px;font-weight:700;color:#6b7280;letter-spacing:.5px}.toggle-label.active{color:#10b981}.setting-status{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;font-size:14px;color:#10b981}.setting-status.compound{background:#fb923c1a;border-color:#fb923c4d;color:#fb923c}.flywheel-diagram{display:flex;align-items:center;gap:8px;margin-top:20px;padding:16px;background:#0003;border-radius:12px;overflow-x:auto}.flywheel-step{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:#fb923c33;border:1px solid rgba(251,146,60,.4);border-radius:8px;min-width:100px}.step-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fb923c;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.flywheel-step span:last-child{font-size:11px;color:#d1d5db;text-align:center}.flywheel-arrow{font-size:20px;color:#fb923c}.flywheel-arrow.loop{font-size:28px;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.erp-adapters-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px}.adapters-intro{margin-bottom:24px}.adapters-intro p{color:#d1d5db;font-size:14px;line-height:1.6;margin:0}.enterprise-lock{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;background:#fb923c1a;border:1px solid rgba(251,146,60,.3);border-radius:8px}.lock-icon{font-size:20px}.enterprise-lock span{flex:1;color:#fb923c;font-size:14px}.upgrade-btn{padding:8px 16px;background:linear-gradient(135deg,#fb923c,#f97316);border:none;border-radius:6px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fb923c66}.adapters-filter{display:flex;gap:8px;margin-bottom:16px}.filter-btn{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#9ca3af;font-size:13px;cursor:pointer;transition:all .2s}.filter-btn.active{background:#667eea33;border-color:#667eea66;color:#667eea}.filter-btn:hover{background:#ffffff1a}.adapters-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.adapter-item{display:grid;grid-template-columns:40px 1fr 100px 100px;align-items:center;gap:16px;padding:12px 16px;background:#0003;border-radius:8px;transition:all .2s}.adapter-item:hover{background:#0000004d}.adapter-item.locked{opacity:.7}.adapter-icon{font-size:24px}.adapter-info h4{margin:0 0 4px;font-size:14px;font-weight:500;color:#f0f0f5}.adapter-meta{display:flex;gap:12px;font-size:11px;color:#6b7280}.adapter-vendor{padding:2px 6px;background:#ffffff1a;border-radius:4px}.adapter-stats{display:flex;align-items:center;gap:8px}.accuracy{font-family:SF Mono,monospace;font-size:13px;color:#10b981}.encrypted-badge{font-size:14px}.adapter-action{text-align:right}.locked-badge{font-size:12px;color:#6b7280}.download-btn{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.loading-adapters{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:#9ca3af}.spinner.small{width:20px;height:20px;border-width:2px}.hardware-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.spec{padding:12px;background:#0003;border-radius:8px;text-align:center}.spec-label{display:block;font-size:11px;color:#6b7280;margin-bottom:4px}.spec-value{display:block;font-size:13px;font-weight:600;color:#f0f0f5}.hardware-detection{padding:16px;background:#0003;border-radius:8px;margin-top:20px}.detecting{display:flex;align-items:center;gap:12px;color:#9ca3af}.detected{display:flex;align-items:center;gap:12px;color:#10b981}.detected-icon{font-size:24px}.detected-info{display:flex;flex-direction:column;gap:4px}.not-detected{display:flex;align-items:center;gap:12px}.not-detected-icon{font-size:24px}.not-detected-info{display:flex;flex-direction:column;gap:4px;flex:1}.not-detected-info strong{color:#f59e0b}.not-detected-info span{font-size:13px;color:#9ca3af}.rescan-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#f0f0f5;font-size:13px;cursor:pointer;transition:all .2s}.rescan-btn:hover{background:#fff3}.pcie-driver-status{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.driver-label{font-size:13px;color:#9ca3af}.driver-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.driver-badge.ready{background:#10b98133;color:#10b981}.driver-path{font-family:SF Mono,monospace;font-size:11px;padding:4px 8px;background:#0000004d;border-radius:4px;color:#8b5cf6}@media (max-width: 1024px){.hardware-specs{grid-template-columns:repeat(2,1fr)}.adapter-item{grid-template-columns:1fr;gap:8px}}@media (max-width: 768px){.settings-header{padding:16px 20px}.settings-content{padding:20px}.setting-card{padding:16px;overflow:hidden}.setting-info{flex-direction:column;gap:12px}.setting-icon{font-size:36px}.setting-icon.capacity{font-size:32px}.setting-details h3{font-size:18px}.setting-details p{font-size:13px;word-wrap:break-word;overflow-wrap:break-word}.setting-control{position:static;margin-top:16px}.capacity-stats{gap:8px;padding:12px}.capacity-stat .stat-value{font-size:20px}.capacity-stat .stat-label{font-size:9px}.algorithm-list{gap:6px}.algorithm{padding:5px 10px;font-size:11px}.capacity-tagline{font-size:11px;padding:12px}.flywheel-diagram{flex-wrap:wrap;justify-content:center}.hardware-specs{grid-template-columns:1fr}.zk-status-panel{padding:12px;overflow-x:hidden}.zk-status-grid{grid-template-columns:repeat(3,1fr);gap:10px}.zk-status-label{font-size:.6rem}.zk-status-value{font-size:.75rem;word-break:break-word;text-align:center}.zk-architecture{padding:12px;overflow-x:hidden}.zk-flow{flex-direction:column;gap:6px}.zk-step{min-width:unset;width:100%;max-width:200px;padding:10px 12px}.zk-arrow{transform:rotate(90deg);font-size:1rem}.zk-log-header{flex-direction:column;align-items:flex-start;gap:4px}.zk-log-details{flex-wrap:wrap;gap:8px}.zk-tagline{font-size:12px;padding:12px}.setting-tags{flex-wrap:wrap}}@media (max-width: 480px){.setting-card,.settings-content{padding:12px}.setting-details h3{font-size:16px}.setting-details p{font-size:12px;line-height:1.5}.capacity-stat .stat-value{font-size:18px}.capacity-stat .stat-label{font-size:8px}.algorithm{padding:4px 8px;font-size:10px}.zk-status-grid{grid-template-columns:repeat(2,1fr);gap:8px}.zk-status-item:nth-child(5){grid-column:span 2}.zk-step{padding:8px 10px}.zk-icon{font-size:1.2rem}.zk-step span:last-child{font-size:.7rem}}.section-badge.dna{background:#10b98133;color:#10b981;border-color:#10b98166}.setting-icon.dna{background:linear-gradient(135deg,#10b98133,#05966933)}.setting-card.dna-ledger{border-color:#10b9814d}.dna-status-panel{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:16px;margin-top:16px}.dna-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dna-status-item{text-align:center}.dna-status-item.wide{grid-column:span 4;text-align:left}.dna-status-label{display:block;font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dna-status-value{font-size:18px;font-weight:600;color:#d1d5db}.dna-status-value.active{color:#10b981}.dna-status-value.merkle-root{font-size:11px;font-family:SF Mono,monospace;background:#0000004d;padding:6px 10px;border-radius:6px;display:inline-block;margin-top:4px}.dna-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.dna-feature{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:6px;font-size:12px;color:#d1d5db}.dna-feature-icon{font-size:14px}.toggle-switch.dna-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.setting-status.dna-active{background:#10b98126;border-color:#10b9814d}.setting-status.dna-active .status-icon{color:#10b981}.dna-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.dna-action-btn{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.dna-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.dna-action-btn.secondary{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.dna-action-btn.secondary:hover{background:#10b98140}.section-badge.aifp{background:#3b82f633;color:#3b82f6;border-color:#3b82f666}.setting-icon.aifp{background:linear-gradient(135deg,#3b82f633,#2563eb33)}.setting-card.aifp-federation{border-color:#3b82f64d}.aifp-status-panel{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px;margin-top:16px}.aifp-did-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(59,130,246,.2)}.aifp-did-label{display:block;font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.aifp-did-value{display:block;font-family:SF Mono,monospace;font-size:12px;color:#60a5fa;background:#0000004d;padding:10px 14px;border-radius:8px;word-break:break-all}.aifp-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.aifp-status-item{text-align:center}.aifp-status-label{display:block;font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.aifp-status-value{font-size:18px;font-weight:600;color:#d1d5db}.aifp-status-value.active{color:#3b82f6}.aifp-ray-config{background:#0003;border-radius:10px;padding:16px;margin-top:16px}.aifp-ray-config h4{margin:0 0 12px;font-size:13px;color:#9ca3af}.ray-config-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ray-config-item{display:flex;flex-direction:column;gap:4px}.ray-label{font-size:10px;color:#6b7280;text-transform:uppercase}.ray-value{font-size:12px;color:#60a5fa}code.ray-value{font-family:SF Mono,monospace;background:#0000004d;padding:4px 8px;border-radius:4px}.toggle-switch.aifp-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb)}.setting-status.aifp-active{background:#3b82f626;border-color:#3b82f64d}.setting-status.aifp-active .status-icon{color:#3b82f6}.aifp-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.aifp-action-btn{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.aifp-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.aifp-action-btn.secondary{background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.aifp-action-btn.secondary:hover{background:#3b82f640}.tag.feature{background:#3b82f633;border-color:#3b82f64d;color:#60a5fa}@media (max-width: 768px){.dna-status-grid{grid-template-columns:repeat(2,1fr)}.dna-status-item.wide{grid-column:span 2}.aifp-status-grid{grid-template-columns:repeat(2,1fr)}.ray-config-items{grid-template-columns:1fr}.dna-actions,.aifp-actions{flex-direction:column}}.capacity-engine-widget{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #3b82f6;border-radius:16px;padding:24px;color:#fff}.capacity-engine-widget.compact{padding:16px;display:flex;flex-direction:column;gap:12px}.ce-compact-header{display:flex;align-items:center;gap:8px}.ce-compact-header .ce-icon{font-size:20px}.ce-compact-header .ce-label{flex:1;font-weight:600;color:#e2e8f0}.ce-compact-multiplier{display:flex;align-items:baseline;gap:8px}.ce-compact-multiplier .ce-multiplier-value{font-size:28px;font-weight:700;color:#22c55e}.ce-compact-multiplier .ce-multiplier-label{font-size:12px;color:#94a3b8}.ce-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px;color:#94a3b8}.ce-spinner{width:24px;height:24px;border:3px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:ce-spin 1s linear infinite}@keyframes ce-spin{to{transform:rotate(360deg)}}.ce-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ce-title{display:flex;align-items:center;gap:12px}.ce-title .ce-icon{font-size:28px}.ce-title h3{margin:0;font-size:20px;font-weight:700;color:#fff}.ce-status-indicator{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:20px}.ce-status-indicator.inactive{background:#ef444426;border-color:#ef44444d}.ce-status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:ce-pulse 2s ease-in-out infinite}.ce-status-indicator.inactive .ce-status-dot{background:#ef4444;animation:none}@keyframes ce-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.ce-status-text{font-size:14px;font-weight:600;color:#22c55e}.ce-status-indicator.inactive .ce-status-text{color:#ef4444}.ce-status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.ce-status-badge.active{background:#22c55e33;color:#22c55e}.ce-status-badge.inactive{background:#ef444433;color:#ef4444}.ce-main-display{text-align:center;margin-bottom:24px}.ce-multiplier-ring{position:relative;width:160px;height:160px;margin:0 auto 16px}.ce-ring-svg{transform:rotate(-90deg)}.ce-ring-bg{fill:none;stroke:#3b82f633;stroke-width:8}.ce-ring-progress{fill:none;stroke:url(#capacity-gradient);stroke-width:8;stroke-linecap:round;stroke:linear-gradient(45deg,#22c55e,#3b82f6);stroke:#22c55e;transition:stroke-dasharray .5s ease}.ce-multiplier-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline}.ce-multiplier-number{font-size:42px;font-weight:800;color:#22c55e;line-height:1}.ce-multiplier-x{font-size:24px;font-weight:600;color:#22c55e;margin-left:2px}.ce-message{color:#94a3b8;font-size:14px;margin:0}.ce-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;padding:16px;background:#ffffff08;border-radius:12px}.ce-stat{text-align:center}.ce-stat-value{display:block;font-size:20px;font-weight:700;color:#fff}.ce-stat-label{display:block;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.ce-optimizers{margin-bottom:24px}.ce-optimizers h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.ce-optimizer-list{display:flex;flex-direction:column;gap:10px}.ce-optimizer{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.ce-opt-icon{font-size:20px}.ce-opt-info{flex:1;display:flex;flex-direction:column;gap:2px}.ce-opt-name{font-size:13px;font-weight:600;color:#e2e8f0}.ce-opt-gain{font-size:11px;color:#22c55e}.ce-opt-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.ce-opt-status.active{background:#22c55e26;color:#22c55e}.ce-opt-status.scheduled{background:#3b82f626;color:#3b82f6}.ce-opt-status.waiting{background:#fb923c26;color:#fb923c}.ce-actions{margin-bottom:20px}.ce-optimize-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ce-optimize-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.ce-optimize-btn:disabled{opacity:.7;cursor:not-allowed}.ce-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ce-spin .8s linear infinite}.ce-footer{text-align:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.ce-tagline{font-size:12px;color:#64748b;font-style:italic;margin:0;line-height:1.5}.demos-page{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#16213e);padding:24px;color:#f0f0f5}.demos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.header-content{display:flex;align-items:center;gap:24px}.back-btn{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#f0f0f5;font-size:14px;cursor:pointer;transition:all .2s}.back-btn:hover{background:#ffffff26;transform:translate(-2px)}.header-title h1{margin:0;font-size:28px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title p{margin:4px 0 0;color:#9ca3af;font-size:14px}.run-all-btn{padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px}.run-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.run-all-btn:disabled{opacity:.7;cursor:not-allowed}.run-all-btn.running{background:linear-gradient(135deg,#4fd1c5,#38b2ac)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px}.demo-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s;display:flex;flex-direction:column;gap:16px}.demo-card:hover{background:#ffffff14;border-color:var(--category-color, #667eea);transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.demo-card.selected{border-color:var(--category-color, #667eea);box-shadow:0 0 20px #667eea4d}.demo-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:12px}.demo-info h3{margin:0;font-size:18px;font-weight:600;color:#f0f0f5}.demo-info p{margin:8px 0 0;font-size:14px;color:#9ca3af;line-height:1.5}.demo-category{display:inline-block;padding:4px 12px;background:var(--category-color, #667eea);opacity:.8;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;margin-top:8px}.custom-prompt-input input{width:100%;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f0f0f5;font-size:13px}.custom-prompt-input input::placeholder{color:#6b7280}.custom-prompt-input input:focus{outline:none;border-color:var(--category-color, #667eea)}.run-demo-btn{padding:12px 20px;background:linear-gradient(135deg,var(--category-color, #667eea),#764ba2);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto}.run-demo-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.run-demo-btn:disabled{opacity:.7;cursor:not-allowed}.demo-result-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:32px}.demo-result-panel h3{margin:0 0 20px;font-size:20px;display:flex;align-items:center;gap:12px}.loading-result{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:#9ca3af}.demo-result{border-radius:12px;overflow:hidden}.demo-result.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.demo-result.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:20px}.result-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.result-icon{font-size:24px}.result-header h4{margin:0;flex:1;font-size:16px;font-weight:600}.result-time{font-size:14px;color:#10b981;font-family:SF Mono,monospace}.claim-validation{padding:20px;background:#667eea1a;border-bottom:1px solid rgba(255,255,255,.1)}.claim-validation h5{margin:0 0 12px;font-size:14px;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.claim-item{display:flex;gap:12px;margin-bottom:8px;font-size:14px}.claim-label{color:#6b7280;min-width:80px}.claim-text{color:#d1d5db}.claim-measured{color:#10b981;font-family:SF Mono,monospace}.claim-status{display:inline-block;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;margin-top:8px}.claim-status.validated{background:#10b98133;color:#10b981}.claim-status.failed{background:#ef444433;color:#ef4444}.result-details{padding:20px;max-height:400px;overflow-y:auto}.result-details pre{margin:0;font-size:12px;font-family:SF Mono,monospace;color:#9ca3af;white-space:pre-wrap;word-break:break-word}.all-results{background:#ffffff0d;border:1px solid rgba(102,126,234,.3);border-radius:16px;padding:24px;margin-bottom:32px}.all-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.all-results-header h3{margin:0;font-size:22px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.total-time{font-size:16px;color:#10b981;font-family:SF Mono,monospace}.demo-summary{margin-bottom:24px}.demo-summary h4{margin:0 0 16px;font-size:16px;color:#9ca3af}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.summary-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0003;border-radius:10px}.summary-icon{font-size:20px}.summary-label{font-size:12px;color:#6b7280;text-transform:capitalize;min-width:100px}.summary-value{font-size:13px;color:#d1d5db;flex:1}.claims-summary{margin-bottom:24px}.claims-summary h4{margin:0 0 16px;font-size:16px;color:#9ca3af}.claims-list{display:flex;flex-direction:column;gap:8px}.claim-row{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0003;border-radius:8px;font-size:13px}.claim-row.valid{border-left:3px solid #10b981}.claim-row.invalid{border-left:3px solid #ef4444}.claim-check{font-size:16px}.claim-row.valid .claim-check{color:#10b981}.claim-row.invalid .claim-check{color:#ef4444}.claim-demo{font-family:SF Mono,monospace;font-size:11px;color:#667eea;min-width:120px}.full-results{margin-top:24px}.full-results h4{margin:0 0 12px;font-size:14px;color:#6b7280}.full-results pre{margin:0;padding:16px;background:#0000004d;border-radius:10px;font-size:11px;font-family:SF Mono,monospace;color:#9ca3af;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.claims-reference{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}.claims-reference h3{margin:0 0 20px;font-size:18px;color:#9ca3af;text-align:center}.claims-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.claim-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.claim-number{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;font-size:13px;font-weight:700;color:#fff}.claim-card p{margin:0;font-size:13px;color:#d1d5db;line-height:1.5}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.spinner.small{width:18px;height:18px;border-width:2px}@media (max-width: 768px){.demos-header{flex-direction:column;gap:16px;align-items:flex-start}.header-content{flex-direction:column;align-items:flex-start;gap:16px}.run-all-btn{width:100%;justify-content:center}.demo-grid,.summary-grid,.claims-grid{grid-template-columns:1fr}}.cli-container{padding:2rem;max-width:1200px;margin:0 auto}.cli-header{text-align:center;margin-bottom:3rem}.cli-title{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.cli-icon{font-size:2.5rem;font-weight:700;color:#10b981;font-family:Courier New,monospace}.cli-title h1{font-size:2.5rem;margin:0;color:#1e293b}.cli-subtitle{color:#64748b;font-size:1.1rem;max-width:600px;margin:0 auto}.cli-sections{display:flex;flex-direction:column;gap:2.5rem}.cli-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.cli-section.highlight{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.cli-section h2{margin:0 0 1rem;font-size:1.5rem;color:#1e293b}.cli-section.highlight h2{color:#fff}.cli-section>p{color:#64748b;margin-bottom:1.5rem}.install-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.install-option{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.install-option h3{margin:0 0 1rem;font-size:1rem;color:#475569}.code-block{display:flex;align-items:center;gap:1rem;background:#1e293b;padding:1rem;border-radius:6px;overflow-x:auto}.code-block code{flex:1;color:#10b981;font-family:Courier New,monospace;font-size:.9rem;white-space:nowrap}.copy-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s;white-space:nowrap}.copy-btn:hover{background:#2563eb}.copy-btn.copied{background:#10b981}.copy-btn.small{padding:.25rem .5rem;font-size:.7rem}.terminal-demo{background:#1e293b;border-radius:8px;overflow:hidden;font-family:Courier New,monospace}.terminal-demo.large{max-height:500px;overflow-y:auto}.terminal-header{background:#334155;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ef4444}.terminal-dot.yellow{background:#eab308}.terminal-dot.green{background:#22c55e}.terminal-title{color:#94a3b8;font-size:.8rem;margin-left:.5rem}.terminal-body{padding:1rem}.terminal-line{color:#e2e8f0;margin-bottom:.25rem}.terminal-line .prompt{color:#10b981;margin-right:.5rem}.terminal-output{color:#94a3b8;margin-bottom:1rem;padding-left:1rem;font-size:.85rem;line-height:1.5}.terminal-output.success{color:#4ade80}.commands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.command-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.command-code{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.command-code code{flex:1;background:#1e293b;color:#10b981;padding:.5rem .75rem;border-radius:4px;font-size:.8rem;overflow-x:auto}.command-desc{margin:0;color:#64748b;font-size:.85rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.benefit{text-align:center;padding:1rem}.benefit-icon{font-size:2rem;display:block;margin-bottom:.5rem}.benefit h3{margin:0 0 .5rem;font-size:1.1rem;color:#fff}.benefit p{margin:0;color:#94a3b8;font-size:.9rem}@media (max-width: 768px){.cli-container{padding:1rem}.cli-title h1{font-size:1.8rem}.cli-section{padding:1.5rem}.commands-grid,.install-options{grid-template-columns:1fr}.code-block{flex-direction:column;align-items:stretch}.code-block code{word-break:break-all;white-space:pre-wrap}}.security-audit-container{padding:70px 24px 24px;max-width:1400px;margin:0 auto}.security-fixed-header{position:fixed;top:0;left:0;right:0;height:50px;background:linear-gradient(135deg,#1e1e2e,#2d2d44);display:flex;align-items:center;padding:0 24px;z-index:1000;border-bottom:1px solid rgba(139,92,246,.3);box-shadow:0 2px 10px #0000004d}.back-to-dashboard-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-to-dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.security-audit-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#9ca3af}.security-audit-loading .loading-spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.security-header{margin-bottom:32px}.security-title{display:flex;align-items:center;gap:16px}.security-icon{font-size:48px}.security-title h1{font-size:32px;font-weight:700;color:#f9fafb;margin:0}.status-badge{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.status-badge.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.status-badge.inactive{background:#6b7280;color:#fff}.security-subtitle{color:#9ca3af;margin-top:8px;font-size:16px}.security-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#1a1f3a,#0f1629);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.1)}.stat-card.critical{border-left:4px solid #ef4444}.stat-card.warning{border-left:4px solid #f97316}.stat-card.info{border-left:4px solid #3b82f6}.stat-card.success{border-left:4px solid #22c55e}.stat-card.danger{border-left:4px solid #dc2626}.stat-icon{font-size:32px}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:#f9fafb}.stat-label{font-size:14px;color:#9ca3af}.security-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.tab-btn{padding:10px 20px;background:transparent;border:none;color:#9ca3af;font-size:14px;cursor:pointer;border-radius:8px;transition:all .2s}.tab-btn:hover{background:#ffffff0d;color:#f9fafb}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.security-content{background:linear-gradient(135deg,#1a1f3a,#0f1629);border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.1)}.protection-status h3,.recent-alerts h3,.users-section h3,.alerts-section h3,.activity-section h3,.honeypots-section h3{color:#f9fafb;margin-bottom:16px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:32px}.feature-item{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border-radius:8px}.feature-item.enabled .feature-status{color:#22c55e}.feature-item.disabled .feature-status{color:#ef4444}.feature-name{color:#e5e7eb;text-transform:capitalize}.alert-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;margin-bottom:8px}.alert-severity{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.alert-type{color:#e5e7eb;font-weight:500}.alert-desc{color:#9ca3af;flex:1;font-size:14px}.alert-time{color:#6b7280;font-size:12px}.users-table,.activity-table{width:100%;overflow-x:auto}.table-header,.table-row{display:grid;gap:12px;padding:12px;align-items:center}.users-table .table-header,.users-table .table-row{grid-template-columns:2fr 1fr .8fr .8fr .6fr 1.2fr .8fr 1fr}.activity-table .table-header,.activity-table .table-row{grid-template-columns:1.2fr 1.5fr 1fr 2fr .6fr .6fr 1fr}.table-header{background:#ffffff0d;border-radius:8px;color:#9ca3af;font-weight:600;font-size:14px}.table-row{border-bottom:1px solid rgba(255,255,255,.05);color:#e5e7eb;font-size:14px}.table-row:hover{background:#ffffff08}.table-row.banned{opacity:.6;background:#ef44441a}.role-badge{background:#3b82f633;color:#60a5fa;padding:4px 8px;border-radius:4px;font-size:12px}.risk-score{font-weight:600}.risk-score.high{color:#ef4444}.risk-score.medium{color:#f97316}.risk-score.low,.status.active{color:#22c55e}.status.banned{color:#ef4444}.actions button{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:12px;margin-right:8px;background:#3b82f633;color:#60a5fa}.actions .ban-btn{background:#ef444433;color:#f87171}.actions button:hover{opacity:.8}.alerts-list{display:flex;flex-direction:column;gap:16px}.alert-card{background:#ffffff08;border-radius:12px;padding:16px;border-left:4px solid #f97316}.alert-card.resolved{opacity:.6;border-left-color:#6b7280}.alert-header{display:flex;gap:8px;margin-bottom:8px}.severity-badge,.alert-type-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.alert-type-badge{background:#8b5cf64d;color:#a78bfa}.resolved-badge{background:#22c55e33;color:#22c55e;padding:4px 10px;border-radius:4px;font-size:12px}.alert-description{color:#e5e7eb;margin-bottom:12px}.alert-meta{display:flex;flex-wrap:wrap;gap:16px;color:#9ca3af;font-size:13px;margin-bottom:12px}.resolve-btn{padding:8px 16px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:6px;cursor:pointer}.empty-state{text-align:center;padding:40px;color:#6b7280}.honeypot-info{color:#9ca3af;margin-bottom:20px;padding:12px;background:#f59e0b1a;border-radius:8px;border-left:4px solid #f59e0b}.honeypot-triggers{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.honeypot-card{background:#ef44441a;border-radius:12px;padding:16px;border-left:4px solid #ef4444}.honeypot-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.honeypot-icon{font-size:24px}.honeypot-endpoint{color:#f87171;font-family:monospace;font-size:14px}.honeypot-details{display:flex;flex-wrap:wrap;gap:16px;color:#9ca3af;font-size:13px;margin-bottom:8px}.honeypot-ua{color:#6b7280;font-size:12px;font-family:monospace;word-break:break-all}.suspicious-ips h3{margin-top:24px}.ip-card{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ffffff08;border-radius:8px;margin-bottom:8px}.ip-card.high{border-left:4px solid #ef4444}.ip-card.medium{border-left:4px solid #f97316}.ip-address{font-family:monospace;color:#f9fafb}.request-count,.unique-endpoints{color:#9ca3af;font-size:13px}.risk-level{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.risk-level.high{background:#ef444433;color:#f87171}.risk-level.medium{background:#f9731633;color:#fb923c}.user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.user-modal{background:linear-gradient(135deg,#1a1f3a,#0f1629);border-radius:16px;width:90%;max-width:700px;max-height:80vh;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{color:#f9fafb;margin:0}.close-btn{background:transparent;border:none;color:#9ca3af;font-size:24px;cursor:pointer}.modal-content{padding:20px;overflow-y:auto;max-height:calc(80vh - 80px)}.user-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;color:#e5e7eb}.modal-content h4{color:#f9fafb;margin-bottom:12px}.user-activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;gap:16px;padding:8px 12px;background:#ffffff08;border-radius:6px;font-size:13px;color:#9ca3af}.status-code.error{color:#ef4444}.status-code.success{color:#22c55e}.endpoint{font-family:monospace;font-size:12px}.method{font-weight:600;color:#60a5fa}@media (max-width: 768px){.security-stats-grid{grid-template-columns:repeat(2,1fr)}.security-tabs{flex-wrap:wrap}.users-table .table-header,.users-table .table-row,.activity-table .table-header,.activity-table .table-row{grid-template-columns:1fr;gap:4px}}.soc2-dashboard{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;padding:0}.soc2-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.soc2-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#0f172acc;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.soc2-header-left{display:flex;align-items:center;gap:1rem}.back-btn{padding:.5rem 1rem;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#3b82f6;font-weight:600;cursor:pointer;transition:all .3s}.back-btn:hover{background:#3b82f64d;transform:translate(-4px)}.soc2-header h1{margin:0;font-size:1.5rem;font-weight:700;color:#f8fafc}.compliance-badge{padding:.4rem .8rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.export-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.export-btn:disabled{opacity:.6;cursor:not-allowed}.export-success{padding:1rem 2rem;background:linear-gradient(135deg,#10b98133,#05966933);border-bottom:1px solid rgba(16,185,129,.4);color:#10b981;font-weight:600;text-align:center}.soc2-overview{padding:2rem;display:flex;gap:2rem;align-items:flex-start}.overview-card.compliance-score{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-align:center;min-width:200px}.score-circle{width:120px;height:120px;border-radius:50%;background:conic-gradient(#10b981,#10b981 100%,#ffffff1a 0%);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative}.score-circle:before{content:"";position:absolute;width:100px;height:100px;background:#1e293b;border-radius:50%}.score-value{position:relative;font-size:2rem;font-weight:700;color:#10b981}.score-label{font-size:1rem;font-weight:600;color:#94a3b8;margin-bottom:.5rem}.score-detail{font-size:.85rem;color:#64748b}.tsc-cards{display:flex;gap:1rem;flex-wrap:wrap;flex:1}.tsc-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;min-width:160px;text-align:center;transition:all .3s}.tsc-card.enabled{border-color:#10b98166}.tsc-card.disabled{opacity:.5}.tsc-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.tsc-icon{font-size:2rem;margin-bottom:.5rem}.tsc-name{font-weight:600;color:#f8fafc;margin-bottom:.5rem}.tsc-status{display:flex;flex-direction:column;gap:.25rem}.mandatory-badge{font-size:.7rem;padding:.2rem .4rem;background:#ef444433;border-radius:4px;color:#ef4444}.control-count{font-size:.8rem;color:#64748b}.soc2-tabs{display:flex;gap:.5rem;padding:0 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn{padding:1rem 1.5rem;background:transparent;border:none;color:#94a3b8;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s}.tab-btn:hover{color:#e2e8f0}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.soc2-content{padding:2rem;min-height:500px}.controls-section{display:flex;flex-direction:column;gap:2rem}.control-category{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.category-header h3{margin:0;font-size:1.1rem;color:#f8fafc;text-transform:capitalize}.category-progress{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .5s ease}.category-stats{font-size:.9rem;color:#10b981;font-weight:600}.controls-list{display:grid;gap:1rem}.control-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem}.control-item.verified{border-left:3px solid #10b981}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.control-id{font-family:monospace;font-size:.85rem;color:#64748b}.control-status{font-size:1.2rem}.status-verified{color:#10b981}.status-implemented{color:#3b82f6}.status-in_progress{color:#f59e0b}.status-not_started{color:#64748b}.control-name{font-weight:600;color:#f8fafc;margin-bottom:.25rem}.control-description{font-size:.9rem;color:#94a3b8;margin-bottom:.75rem}.control-requirements{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.requirement-item{font-size:.85rem;color:#64748b}.req-check{color:#10b981;margin-right:.5rem}.control-evidence{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.evidence-label{font-size:.8rem;color:#64748b}.evidence-tag{padding:.2rem .5rem;background:#6366f133;border-radius:4px;font-size:.75rem;color:#a5b4fc}.evidence-section,.policies-section,.auditor-section{max-width:1200px}.evidence-header,.policies-header{margin-bottom:2rem}.evidence-header h3,.policies-header h3{margin:0 0 .5rem;font-size:1.5rem;color:#f8fafc}.evidence-header p,.policies-header p{margin:0;color:#94a3b8}.evidence-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#3b82f6}.stat-label{font-size:.9rem;color:#94a3b8;margin-top:.5rem}.evidence-types,.evidence-coverage,.collection-schedule{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.evidence-types h4,.evidence-coverage h4,.collection-schedule h4{margin:0 0 1rem;color:#f8fafc}.type-grid,.coverage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.type-item,.coverage-item{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff08;border-radius:6px}.type-name{text-transform:capitalize;color:#94a3b8}.type-count{font-weight:600;color:#3b82f6}.schedule-info{display:flex;flex-direction:column;gap:.5rem}.schedule-item{display:flex;gap:1rem}.schedule-label{color:#64748b;min-width:120px}.schedule-value{color:#f8fafc}.schedule-value.enabled{color:#10b981}.policies-list{display:grid;gap:1rem}.policy-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.policy-card.enabled{border-left:3px solid #10b981}.policy-card.disabled{opacity:.6}.policy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.policy-id{font-family:monospace;font-size:.85rem;color:#64748b}.policy-status{padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.policy-status.active{background:#10b98133;color:#10b981}.policy-status.inactive{background:#94a3b833;color:#94a3b8}.policy-name{font-weight:600;color:#f8fafc;margin-bottom:.25rem}.policy-description{font-size:.9rem;color:#94a3b8;margin-bottom:.75rem}.policy-meta{display:flex;gap:.5rem;margin-bottom:.75rem}.policy-type,.policy-enforcement{padding:.2rem .5rem;background:#6366f133;border-radius:4px;font-size:.75rem;color:#a5b4fc}.policy-controls{display:flex;flex-wrap:wrap;gap:.5rem}.control-link{padding:.2rem .5rem;background:#3b82f633;border-radius:4px;font-size:.75rem;color:#60a5fa;font-family:monospace}.auditor-portal{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;text-align:center;max-width:600px;margin:0 auto}.portal-icon{font-size:4rem;margin-bottom:1rem}.auditor-portal h3{margin:0 0 .5rem;font-size:1.5rem;color:#f8fafc}.auditor-portal>p{color:#94a3b8;margin-bottom:2rem}.portal-features{text-align:left;margin-bottom:2rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.feature-icon{color:#10b981;font-weight:700}.portal-access{background:#ffffff08;border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:left}.portal-access h4{margin:0 0 1rem;color:#f8fafc}.access-info{display:flex;flex-direction:column;gap:.5rem}.access-item{display:flex;justify-content:space-between}.access-item span:first-child{color:#64748b}.access-item code{background:#0000004d;padding:.2rem .5rem;border-radius:4px;font-size:.85rem}.invite-auditor-btn{padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.invite-auditor-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.soc2-footer{padding:1.5rem 2rem;background:#0f172acc;border-top:1px solid rgba(255,255,255,.1)}.footer-info{display:flex;justify-content:center;gap:2rem;color:#64748b;font-size:.85rem}@media (max-width: 768px){.soc2-overview{flex-direction:column}.tsc-cards{justify-content:center}.evidence-stats{grid-template-columns:repeat(2,1fr)}.footer-info{flex-direction:column;align-items:center;gap:.5rem}}.img-config-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);color:#e2e8f0}.img-config-header{padding:20px 30px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.img-back-button{background:#6366f133;border:1px solid rgba(99,102,241,.4);color:#a5b4fc;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:12px;transition:all .2s ease}.img-back-button:hover{background:#6366f166;border-color:#6366f199}.img-page-title{font-size:24px;font-weight:700;color:#f1f5f9;margin:0 0 8px;display:flex;align-items:center;gap:10px}.img-title-icon{font-size:28px}.img-page-subtitle{color:#94a3b8;font-size:14px;margin:0}.img-config-layout{display:flex;min-height:calc(100vh - 120px)}.img-sidebar{width:380px;min-width:380px;background:#0f172af2;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.img-sidebar-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.img-sidebar-title{font-size:14px;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:8px}.img-sidebar-icon{font-size:16px}.img-search-container{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.img-search-input{width:100%;padding:10px 14px;background:#1e293bcc;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#e2e8f0;font-size:13px;outline:none;transition:all .2s ease}.img-search-input::placeholder{color:#64748b}.img-search-input:focus{border-color:#6366f180;background:#1e293b;box-shadow:0 0 0 3px #6366f11a}.img-toolbar{padding:8px 16px;display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.img-toolbar-btn{background:#33415580;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.img-toolbar-btn:hover{background:#334155cc;color:#e2e8f0}.img-tree-container{flex:1;overflow-y:auto;padding:12px 8px}.img-tree-container::-webkit-scrollbar{width:6px}.img-tree-container::-webkit-scrollbar-track{background:transparent}.img-tree-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.img-tree-container::-webkit-scrollbar-thumb:hover{background:#fff3}.img-node-container{-webkit-user-select:none;user-select:none}.img-node-row{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:6px;transition:all .15s ease;cursor:default}.img-node-row:hover{background:#ffffff0d}.img-node-clickable{cursor:pointer}.img-node-clickable:hover{background:#6366f126}.img-node-icon{width:16px;color:#64748b;font-size:12px;flex-shrink:0;margin-top:2px}.img-node-content{flex:1;min-width:0}.img-node-label{font-size:13px;font-weight:500;color:#e2e8f0;line-height:1.4}.img-node-description{font-size:11px;color:#64748b;margin-top:2px;line-height:1.3}.img-status-badge{font-size:9px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.img-status-now{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.img-status-next{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.img-status-later{background:#64748b33;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.img-status-none{background:#47556933;color:#64748b}.img-node-children{margin-top:2px}.img-legend{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.img-legend-title{font-size:11px;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.img-legend-items{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.img-legend-text{font-size:11px;color:#94a3b8;margin-right:8px}.img-config-main{flex:1;padding:30px;overflow-y:auto}.img-welcome-panel{max-width:800px;margin:0 auto;text-align:center;padding:40px}.img-welcome-icon{font-size:64px;margin-bottom:20px}.img-welcome-title{font-size:28px;font-weight:700;color:#f1f5f9;margin:0 0 12px}.img-welcome-text{font-size:16px;color:#94a3b8;margin:0 0 40px}.img-welcome-stats{display:flex;justify-content:center;gap:24px;margin-bottom:40px}.img-stat-card{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px 32px;min-width:140px}.img-stat-number{font-size:32px;font-weight:700;color:#a5b4fc;margin-bottom:4px}.img-stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.img-ai-operations{text-align:left;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-radius:12px;padding:24px;border:1px solid rgba(99,102,241,.3);margin-bottom:24px}.img-ai-operations h3{font-size:16px;font-weight:600;color:#a5b4fc;margin:0 0 16px;display:flex;align-items:center;gap:8px}.img-ai-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.img-ai-btn{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.img-ai-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.img-ai-support:hover{background:#8b5cf64d;border-color:#8b5cf680}.img-ai-maestro:hover{background:#3b82f64d;border-color:#3b82f680}.img-ai-resolver:hover{background:#10b9814d;border-color:#10b98180}.img-ai-audit:hover{background:#f59e0b4d;border-color:#f59e0b80}.img-ai-icon{font-size:28px}.img-ai-content{display:flex;flex-direction:column;gap:4px}.img-ai-title{font-size:14px;font-weight:600;color:#f1f5f9}.img-ai-desc{font-size:12px;color:#94a3b8}.img-quick-access{text-align:left;background:#1e293b66;border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.1)}.img-quick-access h3{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.img-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.img-quick-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#33415566;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;color:#cbd5e1}.img-quick-item:hover{background:#6366f133;color:#e2e8f0}.img-quick-icon{font-size:20px}.img-detail-panel{max-width:800px}.img-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.img-detail-title{font-size:24px;font-weight:700;color:#f1f5f9;margin:0}.img-detail-status{font-size:11px;font-weight:600;padding:4px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.img-detail-route{font-size:14px;color:#64748b;margin:0 0 12px}.img-detail-route code{background:#1e293bcc;padding:4px 8px;border-radius:4px;font-family:monospace;color:#a5b4fc}.img-detail-description{font-size:16px;color:#cbd5e1;margin:0 0 24px;line-height:1.6}.img-detail-card{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:20px;overflow:hidden}.img-card-header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;font-weight:600;color:#e2e8f0}.img-card-icon{font-size:16px}.img-card-content{padding:16px 18px}.img-config-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.img-config-row:last-child{border-bottom:none}.img-config-label{font-size:13px;color:#94a3b8}.img-config-value{font-size:13px;color:#e2e8f0;font-weight:500}.img-card-actions{padding:16px 18px;display:flex;gap:12px;flex-wrap:wrap}.img-action-btn{padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.img-action-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.img-action-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.img-action-secondary{background:#33415599;color:#cbd5e1;border:1px solid rgba(255,255,255,.1)}.img-action-secondary:hover{background:#334155e6;color:#f1f5f9}.img-status-timeline{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.img-timeline-title{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:16px}.img-timeline{display:flex;flex-direction:column;gap:12px}.img-timeline-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;font-size:13px;color:#94a3b8;background:#0003;transition:all .2s ease}.img-timeline-item.active{background:#6366f126;color:#e2e8f0}.img-timeline-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.img-timeline-dot.now{background:#10b981;box-shadow:0 0 8px #10b98180}.img-timeline-dot.next{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.img-timeline-dot.later{background:#64748b}@media (max-width: 1024px){.img-config-layout{flex-direction:column}.img-sidebar{width:100%;min-width:unset;max-height:50vh}.img-quick-grid{grid-template-columns:repeat(2,1fr)}.img-welcome-stats{flex-wrap:wrap}}@media (max-width: 640px){.img-quick-grid{grid-template-columns:1fr}.img-welcome-stats{flex-direction:column}.img-detail-header{flex-direction:column;align-items:flex-start}}.maestro-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);color:#e2e8f0}.maestro-header{padding:20px 40px;border-bottom:1px solid rgba(139,92,246,.3);background:#0f172ae6}.maestro-back-btn{background:#8b5cf633;border:1px solid rgba(139,92,246,.4);color:#a78bfa;padding:8px 16px;border-radius:6px;cursor:pointer;margin-bottom:15px;transition:all .2s}.maestro-back-btn:hover{background:#8b5cf64d}.maestro-title-section{text-align:center}.maestro-title{font-size:2.5rem;margin:0;background:linear-gradient(135deg,#a78bfa,#f472b6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.maestro-icon{margin-right:10px}.maestro-subtitle{color:#94a3b8;margin:10px 0 0;font-size:1.1rem}.maestro-content{max-width:1200px;margin:0 auto;padding:30px}.maestro-input-section{margin-bottom:30px}.maestro-input-card{background:#1e1b4b99;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:25px;margin-bottom:20px}.maestro-label{display:block;font-size:1.2rem;font-weight:600;color:#a78bfa;margin-bottom:15px}.maestro-textarea{width:100%;background:#0f172acc;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:15px;font-size:1rem;color:#e2e8f0;resize:vertical;font-family:inherit;box-sizing:border-box}.maestro-textarea:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}.maestro-textarea::placeholder{color:#64748b}.maestro-execute-btn{margin-top:15px;width:100%;padding:15px 30px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s}.maestro-execute-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.maestro-execute-btn:disabled{opacity:.6;cursor:not-allowed}.maestro-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.maestro-examples{background:#1e1b4b66;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:20px}.maestro-examples h4{margin:0 0 15px;color:#94a3b8}.maestro-example-list{display:flex;flex-direction:column;gap:10px}.maestro-example-btn{text-align:left;padding:12px 15px;background:#0f172a99;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#cbd5e1;cursor:pointer;transition:all .2s;font-size:.9rem}.maestro-example-btn:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf666}.maestro-error{background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:8px;padding:15px;color:#fca5a5;margin-bottom:20px;display:flex;align-items:center;gap:10px}.maestro-results{margin-bottom:30px}.maestro-workflow-card{background:#1e1b4b99;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:25px}.maestro-workflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(139,92,246,.2)}.maestro-workflow-header h3{margin:0;font-size:1.3rem}.maestro-status{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.maestro-status.running{background:#fbbf2433;color:#fbbf24}.maestro-status.completed{background:#22c55e33;color:#22c55e}.maestro-goal-display{background:#0f172a99;padding:15px;border-radius:8px;margin-bottom:20px;color:#cbd5e1}.maestro-moats-used{margin-bottom:25px}.maestro-moats-used h4{margin:0 0 12px;color:#94a3b8}.maestro-moat-badges{display:flex;flex-wrap:wrap;gap:10px}.maestro-moat-badge{background:linear-gradient(135deg,#8b5cf64d,#a855f74d);border:1px solid rgba(139,92,246,.4);padding:8px 14px;border-radius:20px;font-size:.85rem;color:#e9d5ff}.maestro-steps h4{margin:0 0 15px;color:#94a3b8}.maestro-step{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#0f172a80;border:1px solid rgba(139,92,246,.2);border-radius:8px;margin-bottom:10px;transition:all .3s}.maestro-step.active{border-color:#a78bfa;background:#8b5cf626;box-shadow:0 0 20px #8b5cf633}.maestro-step.completed{border-color:#22c55e66}.maestro-step-number{width:32px;height:32px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.maestro-step-content{flex:1}.maestro-step-moat{font-weight:600;color:#a78bfa;margin-bottom:5px}.maestro-step-action{color:#e2e8f0}.maestro-step-details{color:#94a3b8;font-size:.85rem;margin-top:5px}.maestro-step-status{font-size:1.2rem}.maestro-completion{margin-top:25px;padding:25px;background:linear-gradient(135deg,#22c55e26,#10b98126);border:1px solid rgba(34,197,94,.3);border-radius:12px;text-align:center}.maestro-completion-icon{font-size:3rem;margin-bottom:10px}.maestro-completion h4{margin:0 0 10px;color:#22c55e;font-size:1.3rem}.maestro-completion p{color:#94a3b8;margin:0 0 20px}.maestro-completion-actions{display:flex;gap:15px;justify-content:center}.maestro-action-btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.maestro-action-btn.primary{background:linear-gradient(135deg,#22c55e,#10b981);border:none;color:#fff}.maestro-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #22c55e66}.maestro-action-btn.secondary{background:transparent;border:1px solid rgba(139,92,246,.4);color:#a78bfa}.maestro-action-btn.secondary:hover{background:#8b5cf633}.maestro-moats-grid{margin-top:40px}.maestro-moats-grid h3{margin:0 0 20px;color:#94a3b8;font-size:1.1rem}.maestro-moats-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.maestro-moat-card{background:#1e1b4b80;border:1px solid rgba(139,92,246,.2);border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:5px;transition:all .2s}.maestro-moat-card:hover{border-color:#8b5cf666;transform:translateY(-2px)}.maestro-moat-icon{font-size:1.5rem}.maestro-moat-name{font-weight:600;color:#e2e8f0}.maestro-moat-desc{font-size:.85rem;color:#94a3b8}@media (max-width: 768px){.maestro-content{padding:20px}.maestro-title{font-size:1.8rem}.maestro-completion-actions{flex-direction:column}}.architect-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9}.architect-header{background:#0f172af2;border-bottom:1px solid rgba(255,255,255,.1);padding:16px 32px;display:flex;align-items:center;gap:24px}.architect-back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#94a3b8;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.architect-back-btn:hover{background:#ffffff26;color:#f1f5f9}.architect-title-section{flex:1}.architect-title{font-size:28px;font-weight:700;margin:0;display:flex;align-items:center;gap:12px}.architect-icon{font-size:32px}.architect-subtitle{color:#94a3b8;margin:4px 0 0;font-size:14px}.architect-content{display:grid;grid-template-columns:1fr 380px;height:calc(100vh - 100px);gap:0}.architect-main{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1)}.architect-chat-section{flex:1;display:flex;flex-direction:column;padding:24px}.chat-container{flex:1;overflow-y:auto;margin-bottom:16px}.chat-welcome{text-align:center;padding:48px 24px}.welcome-icon{font-size:64px;margin-bottom:16px}.chat-welcome h2{font-size:28px;margin:0 0 12px;color:#f1f5f9}.chat-welcome p{color:#94a3b8;font-size:16px;max-width:500px;margin:0 auto 32px;line-height:1.6}.quick-questions{text-align:left;max-width:600px;margin:0 auto}.quick-questions h4{color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}.questions-grid{display:flex;flex-direction:column;gap:8px}.quick-question-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;padding:12px 16px;border-radius:8px;text-align:left;cursor:pointer;font-size:14px;transition:all .2s}.quick-question-btn:hover{background:#6366f133;border-color:#6366f180;transform:translate(4px)}.chat-messages{display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;gap:12px;max-width:85%}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.chat-message.user .message-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.chat-message.assistant .message-avatar{background:linear-gradient(135deg,#f59e0b,#d97706)}.message-content{background:#1e293bcc;border-radius:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.1)}.chat-message.user .message-content{background:#6366f133;border-color:#6366f14d}.message-text{font-size:14px;line-height:1.6;white-space:pre-wrap}.message-moats{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.moats-label,.journeys-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.moats-tags{display:flex;flex-wrap:wrap;gap:6px}.moat-tag{background:#6366f133;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;padding:4px 10px;border-radius:12px;font-size:12px;cursor:pointer;transition:all .2s}.moat-tag:hover{background:#6366f14d;transform:scale(1.05)}.message-journeys{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.journeys-list{display:flex;flex-direction:column;gap:8px}.journey-card-mini{background:#10b9811a;border:1px solid rgba(16,185,129,.3);padding:8px 12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.journey-card-mini strong{font-size:13px;color:#10b981}.journey-duration{font-size:11px;color:#64748b}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:8px;height:8px;background:#64748b;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-input-section{display:flex;gap:12px;align-items:flex-end}.chat-input{flex:1;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#f1f5f9;font-size:14px;resize:none;font-family:inherit}.chat-input:focus{outline:none;border-color:#6366f180}.chat-input::placeholder{color:#64748b}.chat-send-btn{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;font-size:20px;cursor:pointer;transition:all .2s}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px #f59e0b66}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.architect-sidebar{background:#0f172a80;padding:24px;overflow-y:auto}.sidebar-section{margin-bottom:32px}.sidebar-section h3{font-size:14px;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}.moats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.moat-card{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .2s}.moat-card:hover{background:#6366f133;border-color:#6366f166;transform:translateY(-2px)}.moat-card-icon{font-size:24px;display:block;margin-bottom:4px}.moat-card-name{font-size:10px;color:#94a3b8;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-all-btn{width:100%;background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;padding:10px;border-radius:8px;margin-top:12px;cursor:pointer;font-size:13px;transition:all .2s}.show-all-btn:hover{background:#6366f133}.journeys-grid{display:flex;flex-direction:column;gap:12px}.journey-card{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px}.journey-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.journey-header strong{font-size:13px;color:#f1f5f9}.journey-desc{font-size:12px;color:#94a3b8;margin:0 0 10px;line-height:1.4}.journey-path{display:flex;gap:6px;align-items:center}.path-step{font-size:16px;cursor:help}.path-more{font-size:11px;color:#64748b}.moat-detail-panel{position:relative}.close-detail{position:absolute;top:0;right:0;background:none;border:none;color:#64748b;font-size:24px;cursor:pointer;padding:4px}.close-detail:hover{color:#f1f5f9}.moat-detail-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.moat-detail-icon{font-size:48px}.moat-detail-header h3{font-size:20px;margin:0;color:#f1f5f9}.moat-category-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;align-self:flex-start}.moat-description{font-size:14px;color:#94a3b8;line-height:1.6;margin:0 0 20px}.moat-section{margin-bottom:20px}.moat-section h4{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.moat-section ul{margin:0;padding:0 0 0 18px;font-size:13px;color:#94a3b8}.moat-section li{margin-bottom:4px}.connects-to{display:flex;flex-wrap:wrap;gap:6px}.connect-tag{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981;padding:4px 10px;border-radius:12px;font-size:11px;cursor:pointer;transition:all .2s}.connect-tag:hover{background:#10b98140;transform:scale(1.05)}@media (max-width: 1024px){.architect-content{grid-template-columns:1fr}.architect-sidebar{display:none}}.reliability-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);color:#e2e8f0}.reliability-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:#94a3b8}.reliability-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:#0000004d;border-bottom:1px solid rgba(16,185,129,.2)}.reliability-back-btn{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#34d399;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.reliability-back-btn:hover{background:#10b9814d}.reliability-title h1{font-size:2rem;margin:0;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reliability-title p{margin:5px 0 0;color:#94a3b8;font-size:.9rem}.reliability-status-badge{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:14px;color:#34d399}.status-dot{width:10px;height:10px;border-radius:50%;background:#10b981}.status-dot.active{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.reliability-tabs{display:flex;gap:5px;padding:15px 30px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto}.tab-btn{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#ffffff0d;color:#e2e8f0}.tab-btn.active{background:#10b98133;border-color:#10b98180;color:#34d399}.reliability-content{padding:30px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.component-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .2s}.component-card:hover{border-color:#10b9814d;transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.card-icon{font-size:1.5rem}.card-header h3{flex:1;margin:0;font-size:1rem;color:#e2e8f0}.status-pill{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-pill.enabled{background:#10b98133;color:#34d399}.status-pill.disabled{background:#ef444433;color:#f87171}.card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#10b981}.stat-label{font-size:11px;color:#64748b;text-transform:uppercase}.sla-tier-card .sla-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tier{text-align:center;padding:15px 10px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.tier.active{background:#10b98133;border-color:#10b98180}.tier-name{display:block;font-size:12px;color:#94a3b8;margin-bottom:5px}.tier-value{font-size:1.2rem;font-weight:700;color:#10b981}.tier.active .tier-name,.tier.active .tier-value{color:#34d399}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-header h2{margin:0;font-size:1.5rem;color:#e2e8f0}.action-btn{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:30px}.metric-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.metric-name{font-size:13px;color:#e2e8f0}.metric-status{font-size:11px;color:#10b981;background:#10b98133;padding:4px 8px;border-radius:4px}.detection-methods h3{margin-bottom:15px;color:#94a3b8;font-size:14px}.methods-list{display:flex;gap:10px}.method-badge{padding:8px 16px;background:#6366f133;border:1px solid rgba(99,102,241,.4);color:#a5b4fc;border-radius:6px;font-size:12px;font-weight:600}.guard-test{max-width:800px}.guard-test h3{margin-bottom:15px;color:#94a3b8}.guard-input{width:100%;min-height:120px;padding:15px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-size:14px;resize:vertical;margin-bottom:15px}.guard-input:focus{outline:none;border-color:#10b98180}.guard-result{margin-top:20px;padding:20px;background:#0003;border-radius:8px;border-left:4px solid #10b981}.guard-result.block{border-left-color:#ef4444}.guard-result.flag{border-left-color:#f59e0b}.result-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.action-badge{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:700}.action-badge.pass{background:#10b98133;color:#34d399}.action-badge.flag{background:#f59e0b33;color:#fbbf24}.action-badge.block{background:#ef444433;color:#f87171}.confidence{color:#94a3b8;font-size:13px}.violations h4{margin:0 0 10px;color:#f87171;font-size:13px}.violation{display:flex;gap:10px;padding:8px 12px;background:#ef44441a;border-radius:6px;margin-bottom:5px}.violation-type{font-size:12px;color:#f87171;font-weight:600}.violation-policy{font-size:12px;color:#94a3b8}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:30px}.service-card{padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-align:center}.service-card.operational{border-color:#10b9814d}.service-card.degraded{border-color:#f59e0b4d}.service-name{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:8px}.service-status{font-size:12px;text-transform:uppercase;color:#10b981;margin-bottom:5px}.service-uptime{font-size:11px;color:#64748b}.overall-status{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.overall-status.operational{background:#10b98133;color:#34d399}.sla-compliance{background:#ffffff0d;border-radius:12px;padding:25px}.sla-compliance h3{margin:0 0 20px;color:#e2e8f0}.compliance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.compliance-stats .stat-value.compliant{color:#10b981}.compliance-stats .stat-value.breach{color:#ef4444}.policies-grid h3,.test-types h3{margin:0 0 15px;color:#94a3b8;font-size:14px}.policies-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-bottom:30px}.policy-card{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.policy-name{font-size:14px;color:#e2e8f0}.policy-status{font-size:11px;padding:4px 10px;border-radius:4px}.policy-status.enabled{background:#10b98133;color:#34d399}.rollback-stats,.generator-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{text-align:center;padding:25px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.stat-card .stat-value{font-size:2rem}.stat-card .stat-label{display:block;margin-top:10px}.types-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.type-badge{padding:8px 16px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);color:#a78bfa;border-radius:6px;font-size:13px;font-weight:500}.oversight-page{padding:2rem;max-width:1400px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.oversight-nav{margin-bottom:1.5rem}.back-to-dashboard-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.back-to-dashboard-btn:hover{transform:translate(-5px);box-shadow:0 6px 20px #667eea99}.oversight-header{text-align:center;margin-bottom:2rem}.oversight-header h1{font-size:2.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:.5rem}.oversight-header .subtitle{color:#ffffffe6;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.overall-stats{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.stat-badge{padding:1rem 2rem;border-radius:12px;text-align:center}.stat-badge.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-badge.success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.stat-badge.info{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-badge .stat-value{display:block;font-size:2rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3)}.stat-badge .stat-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);opacity:1}.oversight-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#f8f9fa;padding:.5rem;border-radius:12px;overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.95rem;color:#555;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#e9ecef}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-icon{font-size:1.2rem}.oversight-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.agent-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.agent-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.agent-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.agent-icon{font-size:2.5rem}.agent-title h3{margin:0 0 .25rem;font-size:1.1rem;color:#333}.automation-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600}.agent-function{color:#666;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.agent-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat-item{flex:1;text-align:center;padding:.75rem;background:#f8f9fa;border-radius:8px}.stat-num{display:block;font-size:1.5rem;font-weight:700;color:#667eea}.stat-desc{font-size:.75rem;color:#888}.human-touch{padding:.75rem;background:#fff3cd;border-radius:8px;font-size:.85rem}.human-label{font-weight:600;color:#856404;margin-right:.5rem}.human-desc{color:#856404}.automation-summary{background:#f8f9fa;border-radius:12px;padding:1.5rem}.automation-summary h3{margin-bottom:1rem;color:#333}.summary-table{width:100%;border-collapse:collapse}.summary-table th,.summary-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e9ecef}.summary-table th{background:#667eea;color:#fff}.summary-table th:first-child{border-radius:8px 0 0}.summary-table th:last-child{border-radius:0 8px 0 0}.summary-table .highlight{color:#11998e;font-weight:600}.agent-info{margin-bottom:2rem}.agent-info h2{color:#333;margin-bottom:.5rem}.agent-info p{color:#666;font-size:1.1rem}.feature-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.feature{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea15,#764ba215);border:1px solid #667eea40;border-radius:20px;font-size:.85rem;color:#667eea}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-box{background:linear-gradient(145deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;text-align:center}.stat-box .stat-value{font-size:2rem;font-weight:700;color:#667eea}.stat-box .stat-label{font-size:.85rem;color:#888;margin-top:.25rem}.test-section{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.test-section h3{margin-bottom:.75rem;color:#333}.test-desc{color:#666;font-size:.9rem;margin-bottom:1rem}.test-form{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.test-form label{font-weight:500;color:#555}.test-form select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem}.test-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s}.test-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}.loading{padding:1rem;text-align:center;color:#667eea;font-style:italic}.result-box{margin-top:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.outcome{font-size:1.2rem;font-weight:700;padding:.5rem 1rem;border-radius:6px;display:inline-block;margin-bottom:.75rem}.outcome.approved{background:#d4edda;color:#155724}.outcome.rejected{background:#f8d7da;color:#721c24}.outcome.escalate{background:#fff3cd;color:#856404}.outcome.conditional{background:#cce5ff;color:#004085}.severity{font-weight:700;padding:.5rem 1rem;border-radius:6px;display:inline-block;margin-bottom:.75rem}.severity.p1_critical{background:#f8d7da;color:#721c24}.severity.p2_high{background:#fff3cd;color:#856404}.severity.p3_medium{background:#cce5ff;color:#004085}.severity.p4_low{background:#d4edda;color:#155724}.confidence,.reasoning,.status,.human-needed{margin-bottom:.5rem;color:#555}.votes,.causes,.remediation{margin-top:1rem}.votes h4,.causes h4,.remediation h4{margin-bottom:.5rem;color:#333}.vote-item,.cause-item{padding:.5rem;background:#f8f9fa;border-radius:4px;margin-bottom:.25rem;font-size:.9rem}.action-item{padding:.5rem;border-radius:4px;margin-bottom:.25rem;font-size:.9rem}.action-item.success{background:#d4edda;color:#155724}.action-item.failed{background:#f8d7da;color:#721c24}.selected-option{font-size:1.2rem;margin-bottom:.75rem}.approval{padding:.5rem;background:#e9ecef;border-radius:4px;margin-top:.5rem}.debt-list{margin-top:1rem}.debt-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:.75rem}.debt-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.priority{font-weight:600;padding:.25rem .5rem;border-radius:4px}.priority.high{background:#f8d7da;color:#721c24}.priority.medium{background:#fff3cd;color:#856404}.category{color:#888;font-size:.85rem}.debt-title{font-weight:600;color:#333;margin-bottom:.25rem}.debt-action{font-size:.9rem;color:#667eea}.risk{font-weight:700;padding:.5rem 1rem;border-radius:6px;display:inline-block;margin-bottom:.75rem}.risk.high{background:#f8d7da;color:#721c24}.risk.low{background:#d4edda;color:#155724}.fairness-metrics{margin-top:1rem}.metric-row{display:flex;justify-content:space-between;padding:.5rem;background:#f8f9fa;border-radius:4px;margin-bottom:.25rem}.metric-row .good{color:#155724;font-weight:600}.metric-row .ok{color:#856404;font-weight:600}.metric-row .bad{color:#721c24;font-weight:600}.alerts-count{font-size:1.1rem;margin-bottom:.75rem}.alerts-count .critical{color:#721c24;font-weight:600}.alert-item{padding:.5rem;border-radius:4px;margin-bottom:.25rem;font-size:.9rem}.alert-item.critical{background:#f8d7da;color:#721c24}.alert-item.warning{background:#fff3cd;color:#856404}.alert-item.info{background:#cce5ff;color:#004085}.probes-summary,.security-score{font-size:1.1rem;margin-bottom:.5rem}.finding-item{padding:.75rem;border-radius:6px;margin-bottom:.5rem}.finding-item.vulnerable{background:#f8d7da;border-left:4px solid #dc3545}.finding-item.secure{background:#d4edda;border-left:4px solid #28a745}.mitigation{font-size:.85rem;margin-top:.5rem;color:#666}.override-id,.anomalies,.investigations,.auto-actions{margin-bottom:.5rem}.loading-spinner{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.2rem;color:#667eea}@media (max-width: 768px){.oversight-page{padding:1rem}.overall-stats{flex-direction:column;gap:1rem}.stats-row{grid-template-columns:repeat(2,1fr)}.agent-grid{grid-template-columns:1fr}}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-modal{background:linear-gradient(145deg,#1a1f2e,#0f1219);border-radius:16px;border:1px solid rgba(99,102,241,.3);box-shadow:0 20px 60px #00000080;max-width:600px;width:90%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.tutorial-list-modal{max-width:700px}.tutorial-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#6366f11a}.tutorial-header-content{display:flex;align-items:center;gap:16px}.tutorial-icon{font-size:2rem}.tutorial-header h2{margin:0;font-size:1.4rem;color:#fff}.tutorial-header p{margin:4px 0 0;color:#fff9;font-size:.9rem}.tutorial-close{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tutorial-close:hover{background:#fff3;transform:scale(1.1)}.tutorial-back{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:.9rem;padding:0;transition:color .2s}.tutorial-back:hover{color:#fff}.tutorial-title{color:#fff;font-weight:600;margin-left:8px;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}.tutorial-list{padding:16px;overflow-y:auto;flex:1}.tutorial-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s}.tutorial-card:hover{background:#6366f126;border-color:#6366f166;transform:translate(4px)}.tutorial-card.completed{border-color:#10b9814d}.tutorial-card.completed .tutorial-card-number{background:linear-gradient(135deg,#10b981,#059669)}.tutorial-card-number{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0}.tutorial-card-content{flex:1}.tutorial-card-content h3{margin:0 0 6px;color:#fff;font-size:1.1rem}.tutorial-card-content p{margin:0 0 10px;color:#fff9;font-size:.9rem}.tutorial-card-meta{display:flex;gap:16px;align-items:center}.tutorial-duration,.tutorial-steps{font-size:.8rem;color:#ffffff80}.tutorial-completed-badge{background:#10b98133;color:#10b981;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.tutorial-card-arrow{color:#ffffff4d;font-size:1.5rem;transition:all .2s}.tutorial-card:hover .tutorial-card-arrow{color:#6366f1;transform:translate(4px)}.tutorial-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.tutorial-progress-summary{display:flex;align-items:center;gap:12px;color:#fff9;font-size:.9rem}.progress-bar-mini{width:100px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill-mini{height:100%;background:linear-gradient(90deg,#6366f1,#10b981);transition:width .3s ease}.reset-progress-btn{background:none;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.reset-progress-btn:hover{border-color:#ef444480;color:#ef4444}.tutorial-progress-bar{height:4px;background:#ffffff1a}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.tutorial-step-content{padding:32px;flex:1;overflow-y:auto}.step-indicator{color:#6366f1cc;font-size:.85rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.step-title{color:#fff;font-size:1.6rem;margin:0 0 16px;line-height:1.3}.step-description{color:#ffffffbf;font-size:1.05rem;line-height:1.7;margin:0 0 24px}.step-tip{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:10px;margin-bottom:20px}.tip-icon{font-size:1.2rem;flex-shrink:0}.step-tip span:last-child{color:#ffffffd9;font-size:.95rem;line-height:1.5}.try-it-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.try-it-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.tutorial-navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s}.nav-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.next-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent}.next-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.step-dots{display:flex;gap:8px}.dot{width:10px;height:10px;background:#fff3;border-radius:50%;cursor:pointer;transition:all .2s}.dot:hover{background:#fff6}.dot.active{background:#6366f1;transform:scale(1.2)}.dot.completed{background:#10b981}@media (max-width: 600px){.tutorial-modal{width:95%;max-height:90vh;margin:20px}.tutorial-step-content{padding:24px}.step-title{font-size:1.3rem}.step-description{font-size:.95rem}.tutorial-card{padding:16px}.tutorial-card-number{width:32px;height:32px;font-size:.9rem}}.hyperscaler-page{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a0a2e,#0a1a2e);color:#e0e0e0;padding:0}.hyperscaler-page .page-header{background:linear-gradient(135deg,#00c8ff1a,#7800ff1a);border-bottom:1px solid rgba(0,200,255,.2);padding:20px 30px;display:flex;align-items:center;justify-content:space-between}.hyperscaler-page .page-header h1{font-size:1.5rem;color:#00c8ff;margin:0}.hyperscaler-page .page-header .subtitle{color:#88a;font-size:.85rem;margin-top:4px}.hyperscaler-page .back-btn{background:#00c8ff1a;border:1px solid rgba(0,200,255,.3);color:#00c8ff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem}.hyperscaler-page .back-btn:hover{background:#00c8ff33}.hyperscaler-page .content{padding:20px 30px}.hyperscaler-page .status-banner{background:linear-gradient(135deg,#00ff880d,#00c8ff0d);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:20px;margin-bottom:24px;display:flex;align-items:center;gap:20px}.hyperscaler-page .status-banner .status-icon{font-size:2.5rem}.hyperscaler-page .status-banner .status-text h2{color:#0f8;margin:0 0 4px;font-size:1.2rem}.hyperscaler-page .status-banner .status-text p{color:#88a;margin:0;font-size:.85rem;font-style:italic}.hyperscaler-page .capabilities-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.hyperscaler-page .cap-badge{background:#7800ff1a;border:1px solid rgba(120,0,255,.3);color:#b8f;padding:4px 12px;border-radius:20px;font-size:.75rem}.hyperscaler-page .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.hyperscaler-page .grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:24px}.hyperscaler-page .card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.hyperscaler-page .card h3{color:#00c8ff;margin:0 0 16px;font-size:1rem;display:flex;align-items:center;gap:8px}.hyperscaler-page .pool-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.hyperscaler-page .pool-row:last-child{border-bottom:none}.hyperscaler-page .pool-name{font-weight:600;color:#e0e0e0;font-size:.85rem}.hyperscaler-page .pool-meta{display:flex;gap:16px;align-items:center;font-size:.8rem}.hyperscaler-page .pool-meta .provider{background:#00c8ff1a;border:1px solid rgba(0,200,255,.2);padding:2px 8px;border-radius:4px;color:#00c8ff;font-size:.7rem;text-transform:uppercase}.hyperscaler-page .pool-meta .util-bar{width:80px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.hyperscaler-page .pool-meta .util-fill{height:100%;border-radius:3px;transition:width .3s}.hyperscaler-page .pool-meta .util-fill.low{background:#0f8}.hyperscaler-page .pool-meta .util-fill.mid{background:#fa0}.hyperscaler-page .pool-meta .util-fill.high{background:#f44}.hyperscaler-page .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hyperscaler-page .stat-item{text-align:center;padding:12px;background:#ffffff05;border-radius:8px}.hyperscaler-page .stat-item .value{font-size:1.5rem;font-weight:700;color:#00c8ff}.hyperscaler-page .stat-item .label{font-size:.7rem;color:#88a;margin-top:4px}.hyperscaler-page .episode-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.8rem}.hyperscaler-page .episode-row .ep-type{color:#b8f;font-weight:600;min-width:120px}.hyperscaler-page .episode-row .ep-action{color:#e0e0e0;flex:1}.hyperscaler-page .episode-row .ep-reward{padding:2px 8px;border-radius:4px;font-weight:600;font-size:.75rem}.hyperscaler-page .ep-reward.positive{background:#00ff881a;color:#0f8}.hyperscaler-page .ep-reward.negative{background:#ff44441a;color:#f44}.hyperscaler-page .request-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hyperscaler-page .request-form label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#88a}.hyperscaler-page .request-form select,.hyperscaler-page .request-form input{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#e0e0e0;padding:8px 10px;border-radius:6px;font-size:.85rem}.hyperscaler-page .request-form select:focus,.hyperscaler-page .request-form input:focus{outline:none;border-color:#00c8ff}.hyperscaler-page .submit-btn{grid-column:1 / -1;background:linear-gradient(135deg,#00c8ff,#7800ff);color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;margin-top:8px}.hyperscaler-page .submit-btn:hover{opacity:.9}.hyperscaler-page .submit-btn:disabled{opacity:.5;cursor:not-allowed}.hyperscaler-page .result-box{margin-top:16px;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:8px;padding:12px;font-size:.8rem;max-height:200px;overflow-y:auto}.hyperscaler-page .result-box pre{margin:0;white-space:pre-wrap;color:#ccc}.hyperscaler-page .cost-suggestion{background:#ffaa000d;border-left:3px solid #ffaa00;padding:8px 12px;margin:6px 0;font-size:.8rem;color:#dc8;border-radius:0 6px 6px 0}@media (max-width: 768px){.hyperscaler-page .grid-2,.hyperscaler-page .grid-3,.hyperscaler-page .request-form{grid-template-columns:1fr}}.cp-page{min-height:100vh;background:#0a0e1a;color:#e0e0e0;font-family:Inter,-apple-system,sans-serif}.cp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.cp-spinner{width:48px;height:48px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:cp-spin .8s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-header{padding:24px 32px 0;border-bottom:1px solid rgba(255,255,255,.06)}.cp-title-row{display:flex;align-items:center;gap:16px;margin-bottom:8px}.cp-title-row h1{font-size:1.6rem;font-weight:700;color:#fff;margin:0}.cp-version{background:#6366f126;color:#818cf8;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.cp-back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#a0a0a0;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.cp-back-btn:hover{background:#ffffff1a;color:#fff}.cp-subtitle{color:#888;font-size:.85rem;margin:0 0 16px}.cp-tabs{display:flex;gap:4px;padding-bottom:0}.cp-tab{padding:10px 20px;background:transparent;border:none;color:#888;cursor:pointer;font-size:.85rem;font-weight:500;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:6px}.cp-tab:hover{color:silver;background:#ffffff08}.cp-tab.active{color:#818cf8;border-bottom-color:#6366f1}.cp-tab-icon{font-size:1rem}.cp-content{padding:24px 32px;max-width:1400px}.cp-result{margin-bottom:20px;padding:16px;border-radius:8px;position:relative;max-height:300px;overflow-y:auto}.cp-result.success{background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.cp-result.error{background:#ef444414;border:1px solid rgba(239,68,68,.2)}.cp-result pre{margin:0;font-size:.8rem;white-space:pre-wrap;color:silver}.cp-result-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#888;cursor:pointer;font-size:.8rem}.cp-section h2{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 4px}.cp-desc{color:#888;font-size:.85rem;margin:0 0 20px}.cp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.cp-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:4px}.cp-stat-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.cp-stat-value{font-size:1.5rem;font-weight:700;color:#fff}.cp-stat-value.status-healthy{color:#22c55e}.cp-form-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:20px;margin-bottom:24px}.cp-form-section h3,.cp-table-section h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 12px}.cp-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:12px}.cp-form-stack{display:flex;flex-direction:column;gap:12px}.cp-field{display:flex;flex-direction:column;gap:4px}.cp-field label{font-size:.75rem;color:#888;font-weight:500}.cp-field input,.cp-field select,.cp-field textarea{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 10px;color:#e0e0e0;font-size:.85rem;font-family:inherit}.cp-field input:focus,.cp-field select:focus,.cp-field textarea:focus{outline:none;border-color:#6366f1}.cp-checkbox{display:flex;align-items:center;gap:8px;color:#888;font-size:.85rem;margin-bottom:12px;cursor:pointer}.cp-submit-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:10px 24px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.cp-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.cp-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cp-submit-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.cp-submit-btn.danger:hover{box-shadow:0 4px 12px #ef44444d}.cp-table-section{margin-bottom:24px}.cp-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.cp-table{width:100%;border-collapse:collapse;font-size:.8rem}.cp-table th{background:#ffffff08;padding:10px 12px;text-align:left;color:#888;font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.06)}.cp-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.03);color:silver}.cp-table tr:hover td{background:#ffffff05}.cp-mono{font-family:JetBrains Mono,monospace;font-size:.75rem}.cp-empty{text-align:center;color:#666;padding:20px;font-style:italic}.cp-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:#6366f126;color:#818cf8}.cp-badge.priority-high{background:#ef444426;color:#f87171}.cp-badge.priority-normal{background:#eab30826;color:#fbbf24}.cp-badge.priority-low{background:#22c55e26;color:#4ade80}.cp-badge.severity-critical{background:#ef444433;color:#f87171}.cp-badge.severity-high{background:#f9731626;color:#fb923c}.cp-badge.severity-medium{background:#eab30826;color:#fbbf24}.cp-badge.severity-low,.cp-badge.status-active,.cp-badge.status-resolved{background:#22c55e26;color:#4ade80}.cp-badge.status-detected,.cp-badge.status-investigating{background:#eab30826;color:#fbbf24}.cp-badge.status-mitigating{background:#6366f126;color:#818cf8}.cp-badge.status-failed{background:#ef444426;color:#f87171}.cp-badge.outcome-success{background:#22c55e26;color:#4ade80}.cp-badge.outcome-partial{background:#eab30826;color:#fbbf24}.cp-badge.outcome-failed{background:#ef444426;color:#f87171}.cp-badge.auto{background:#22c55e26;color:#4ade80}.cp-badge.manual{background:#eab30826;color:#fbbf24}.cp-badge.available{background:#22c55e26;color:#4ade80}.cp-badge.unavailable{background:#ef444426;color:#f87171}.cp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.cp-playbook-list{display:flex;flex-direction:column;gap:8px}.cp-playbook-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:12px}.cp-playbook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#fff}.cp-playbook-desc{font-size:.8rem;color:#888;margin:0 0 8px}.cp-playbook-meta{display:flex;gap:12px;font-size:.7rem;color:#666}.cp-health-section{margin-bottom:24px}.cp-health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cp-health-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px}.cp-health-card.healthy{border-color:#22c55e33}.cp-health-card.degraded{border-color:#eab30833}.cp-health-card.unhealthy{border-color:#ef444433}.cp-health-name{font-weight:600;color:#fff;margin-bottom:4px}.cp-health-status{font-size:.8rem;text-transform:uppercase;color:#888}.cp-health-detail{font-size:.75rem;color:#666;margin-top:4px}.cp-empty-health{grid-column:1 / -1;text-align:center;color:#666;padding:30px;font-style:italic}.cp-telemetry-info{margin-bottom:24px}.cp-endpoint-list{display:flex;flex-direction:column;gap:8px}.cp-endpoint{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:6px}.cp-endpoint code{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#818cf8;background:#6366f11a;padding:3px 8px;border-radius:4px;white-space:nowrap}.cp-endpoint span{font-size:.8rem;color:#888}.cp-capabilities-section{margin-bottom:24px}.cp-capabilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.cp-capability-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px}.cp-capability-card.available{border-color:#22c55e26}.cp-capability-card.unavailable{opacity:.6}.cp-cap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#fff}.cp-capability-card p{font-size:.8rem;color:#888;margin:0 0 8px}.cp-cap-meta{display:flex;gap:12px;font-size:.75rem;color:#666}@media (max-width: 768px){.cp-header,.cp-content{padding:16px}.cp-two-col{grid-template-columns:1fr}.cp-form-grid{grid-template-columns:1fr 1fr}.cp-tabs{overflow-x:auto}}.cap-root{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-family:system-ui,sans-serif;padding:2rem 3rem}.cap-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;text-align:center}.cap-nf-icon{font-size:64px;opacity:.3}.cap-back-btn{margin-top:12px;padding:10px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;cursor:pointer;font-size:14px}.cap-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;background:#ffffff0a;border:1px solid;border-radius:18px;padding:32px 36px;margin-bottom:20px}.cap-hero-left{display:flex;gap:24px;align-items:flex-start}.cap-hero-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:36px;flex-shrink:0}.cap-hero-category{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#64748b;font-weight:600;margin-bottom:6px}.cap-hero-name{font-size:2rem;font-weight:800;margin:0 0 6px;color:#f1f5f9}.cap-hero-tagline{font-size:14px;color:#94a3b8;margin-bottom:14px}.cap-hero-actions{display:flex;align-items:center;gap:12px}.cap-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.3px}.cap-status-dot{width:7px;height:7px;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.cap-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.cap-launch-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px #0000004d;white-space:nowrap}.cap-launch-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0006}.cap-launch-btn.launching{opacity:.8}.cap-launch-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.cap-launch-hint{font-size:11px;color:#475569;text-align:right}.cap-description{font-size:14px;color:#94a3b8;line-height:1.7;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px 24px;margin-bottom:20px}.cap-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.cap-metric-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 24px;text-align:center}.cap-metric-value{font-size:26px;font-weight:800;margin-bottom:4px}.cap-metric-label{font-size:12px;color:#64748b}.cap-body{display:grid;grid-template-columns:1fr 340px;gap:24px;margin-bottom:28px}.cap-section-title{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#64748b;font-weight:700;margin:0 0 16px}.cap-modules-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cap-module-card{display:flex;gap:14px;align-items:flex-start;background:#ffffff08;border:1px solid;border-radius:12px;padding:16px}.cap-module-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.cap-module-name{font-size:13px;font-weight:700;margin-bottom:4px;color:#e2e8f0}.cap-module-desc{font-size:12px;color:#64748b;line-height:1.5}.cap-integrations-section{display:flex;flex-direction:column;gap:20px}.cap-integrations-list{display:flex;flex-direction:column;gap:8px}.cap-integration-chip{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff08;border:1px solid;border-radius:8px;font-size:13px;font-weight:500}.cap-integration-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cap-os-connection{background:#6366f112;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:16px 20px}.cap-os-conn-title{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#818cf8;font-weight:700;margin-bottom:12px}.cap-os-conn-lines{display:flex;flex-direction:column;gap:8px}.cap-conn-line{display:flex;justify-content:space-between;font-size:12px}.cap-conn-key{color:#64748b}.cap-conn-val{font-weight:600}.cap-footer-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.cap-launch-btn-lg{padding:14px 32px;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px #0000004d}.cap-launch-btn-lg:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0006}.cap-nav-btn{padding:10px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.cap-nav-btn:hover{background:#ffffff1a;color:#e2e8f0}