*{margin:0;padding:0;box-sizing:border-box}.ai-os-app{display:flex;height:100vh;background:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.os-nav{width:250px;background:#1e293b;border-right:1px solid #334155;display:flex;flex-direction:column;padding:20px}.nav-logo{font-size:18px;font-weight:700;margin-bottom:30px;color:#38bdf8}.nav-menu{display:flex;flex-direction:column;gap:8px}.nav-menu button{padding:12px 16px;background:transparent;border:1px solid transparent;border-radius:6px;color:#cbd5e1;cursor:pointer;font-size:14px;transition:all .3s ease;text-align:left}.nav-menu button:hover{background:#334155;color:#f1f5f9}.nav-menu button.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.os-content{flex:1;overflow-y:auto;padding:40px}.loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:16px;color:#94a3b8}.mission-control{max-width:1600px}.mission-header{margin-bottom:40px}.mission-header h1{font-size:32px;margin-bottom:8px;color:#f1f5f9}.timestamp{font-size:13px;color:#94a3b8}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:40px}.kpi-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.kpi-card:hover{border-color:#64748b;transform:translateY(-2px)}.kpi-card.kpi-red{border-color:#ef4444;background:linear-gradient(135deg,#ef44441a,#ef44440d)}.kpi-icon{font-size:32px;margin-bottom:12px}.kpi-value{font-size:28px;font-weight:700;color:#38bdf8;margin-bottom:8px}.kpi-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.customer-status{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:24px;margin-bottom:40px}.customer-status h2{font-size:18px;margin-bottom:20px;color:#f1f5f9}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.status-badge{padding:20px;border-radius:8px;text-align:center}.status-red{background:#ef44441a;border:1px solid #ef4444}.status-orange{background:#fb923c1a;border:1px solid #fb923c}.status-green{background:#22c55e1a;border:1px solid #22c55e}.status-blue{background:#3b82f61a;border:1px solid #3b82f6}.status-badge .count{font-size:28px;font-weight:700;margin-bottom:8px;color:#f1f5f9}.status-badge .label{font-size:12px;color:#94a3b8}.alerts{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:24px;margin-bottom:40px}.alerts h2{font-size:18px;margin-bottom:16px;color:#f1f5f9}.alert{padding:12px 16px;border-radius:6px;margin-bottom:8px;display:flex;gap:12px;align-items:center;font-size:14px}.alert-red{background:#ef44441a;border-left:3px solid #ef4444}.alert-orange{background:#fb923c1a;border-left:3px solid #fb923c}.alert .icon{font-size:16px;flex-shrink:0}.alert .text{flex:1}.bottleneck{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:24px;margin-bottom:40px}.bottleneck h2{font-size:18px;margin-bottom:16px;color:#f1f5f9}.bottleneck-card{background:#fb923c0d;border:1px solid #fb923c;border-radius:8px;padding:20px}.stage-name{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:8px}.conversion{font-size:24px;font-weight:700;color:#fb923c;margin-bottom:12px}.improvement{font-size:14px;color:#cbd5e1;margin-bottom:16px;line-height:1.5}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block;margin-right:8px}.btn-primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.btn-secondary{background:#334155;color:#cbd5e1;border:1px solid #475569}.btn-secondary:hover{background:#475569;color:#f1f5f9}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:40px}.sales-funnel{max-width:1200px}.sales-funnel h1{font-size:32px;margin-bottom:8px;color:#f1f5f9}.subtitle{color:#94a3b8;margin-bottom:40px;font-size:14px}.funnel-chart{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:40px;margin-bottom:40px}.funnel-stage{display:flex;align-items:center;margin-bottom:24px;gap:20px}.stage-left{flex:1}.stage-name{font-size:14px;font-weight:600;color:#cbd5e1;margin-bottom:8px}.stage-bar{background:#1e293b;border-radius:4px;overflow:hidden;position:relative;height:32px;display:flex;align-items:center;padding:0 12px}.stage-bar.bottleneck{background:#ef44441a;border:1px solid #ef4444}.stage-value{font-weight:700;color:#38bdf8;font-size:14px}.stage-right{min-width:100px;text-align:right}.conversion{color:#94a3b8;font-size:13px}.funnel-insights{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:24px}.funnel-insights h3{font-size:16px;margin-bottom:16px;color:#f1f5f9}.funnel-insights ul{list-style:none}.funnel-insights li{padding:8px 0;font-size:14px;color:#cbd5e1;border-bottom:1px solid #334155}.funnel-insights li:last-child{border-bottom:none}.funnel-insights strong{color:#f1f5f9}.journey-board{max-width:1600px}.journey-board h1{font-size:32px;margin-bottom:8px;color:#f1f5f9}.kanban-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.kanban-column{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;max-height:600px}.column-header{background:#0f172a;border-bottom:1px solid #475569;padding:16px;display:flex;justify-content:space-between;align-items:center}.column-header h3{font-size:14px;font-weight:600;color:#cbd5e1;margin:0}.count{background:#38bdf8;color:#0f172a;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:700}.cards{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.customer-card{background:#334155;border:1px solid #475569;border-radius:8px;padding:12px;cursor:pointer;transition:all .3s ease}.customer-card:hover{border-color:#38bdf8;background:#475569;transform:translateY(-2px)}.customer-name{font-weight:600;color:#f1f5f9;font-size:13px;margin-bottom:8px}.customer-meta{display:flex;gap:8px;margin-bottom:8px}.trust{font-size:11px;padding:2px 6px;border-radius:4px}.trust-high{background:#22c55e1a;color:#22c55e}.trust-medium{background:#fb923c1a;color:#fb923c}.trust-low{background:#ef44441a;color:#ef4444}.customer-time{font-size:11px;color:#94a3b8}.attention-badge{margin-top:8px;background:#ef44441a;color:#ef4444;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.customer-inspector{position:fixed;right:0;top:0;width:500px;height:100vh;background:#1e293b;border-left:1px solid #475569;overflow-y:auto;padding:24px;z-index:1000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#94a3b8;transition:color .3s ease}.close-btn:hover{color:#f1f5f9}.inspector-header{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #334155}.inspector-header h2{font-size:20px;color:#f1f5f9;margin-bottom:8px}.journey-stage{display:inline-block;background:#38bdf8;color:#0f172a;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;margin-bottom:12px}.customer-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#94a3b8}.customer-meta span:before{content:"•";margin-right:8px}.customer-meta span:first-child:before{content:"";margin-right:0}section{margin-bottom:32px}section h3{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.readiness-scores{background:#334155;border-radius:8px;padding:16px}.score-bar{margin-bottom:16px}.score-bar label{display:block;font-size:12px;color:#cbd5e1;margin-bottom:8px}.bar{height:24px;background:#1e293b;border-radius:4px;overflow:hidden;position:relative}.bar-default .fill{background:linear-gradient(90deg,#38bdf8,#0ea5e9)}.bar-red .fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;transition:width .3s ease}.value{font-size:10px;font-weight:700;color:#f1f5f9}.ai-thinking{background:#38bdf80d;border:1px solid #38bdf8;border-radius:8px;padding:16px}.thinking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.thinking-card{background:#334155;padding:12px;border-radius:6px;border:1px solid #475569}.thinking-card .label{font-size:11px;color:#94a3b8;margin-bottom:6px;text-transform:uppercase}.thinking-card .value{font-size:13px;font-weight:600;color:#38bdf8}.ai-objective,.ai-next-action,.ai-reasoning{font-size:12px;color:#cbd5e1;margin-bottom:12px;line-height:1.5}.ai-objective strong,.ai-next-action strong,.ai-reasoning strong{color:#f1f5f9}.timeline{space-y:12px}.timeline-step{display:flex;gap:12px;margin-bottom:12px;align-items:flex-start}.step-marker{min-width:24px;height:24px;border-radius:50%;background:#334155;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#94a3b8;flex-shrink:0}.timeline-step.completed .step-marker{background:#22c55e;color:#fff}.step-content{flex:1}.step-name{font-size:13px;font-weight:600;color:#f1f5f9}.step-time{font-size:11px;color:#94a3b8;margin-top:2px}.decision-trace{background:#334155;border-radius:8px;padding:16px}.trace-step{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:12px;border-bottom:1px solid #475569}.trace-step:last-child{border-bottom:none}.trace-step .label{width:120px;color:#94a3b8;font-weight:500}.arrow{color:#38bdf8}.trace-step .value{flex:1;color:#cbd5e1}.scorecard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.scorecard-item{background:#334155;padding:12px;border-radius:6px;border:1px solid #475569}.scorecard-item .label{font-size:11px;color:#94a3b8;margin-bottom:8px;text-transform:uppercase}.bar-container{height:20px;background:#1e293b;border-radius:3px;overflow:hidden;margin-bottom:6px}.bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#0ea5e9);border-radius:3px}.scorecard-item .value{font-size:12px;font-weight:700;color:#38bdf8}.followup-card{background:#334155;border-radius:8px;padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat{display:flex;flex-direction:column}.stat label{font-size:11px;color:#94a3b8;margin-bottom:6px;text-transform:uppercase}.stat value{font-size:13px;font-weight:600;color:#38bdf8}.recommendation{grid-column:1 / -1}.recommendation label{font-size:11px;color:#94a3b8;margin-bottom:6px;text-transform:uppercase}.recommendation value{font-size:12px;color:#cbd5e1;line-height:1.5}.probability{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center}.probability label{font-size:11px;color:#94a3b8;text-transform:uppercase}.probability value{font-size:16px;font-weight:700;color:#22c55e}.conversation-panel{background:#334155;border-radius:8px;padding:16px;max-height:300px;overflow-y:auto}.messages{display:flex;flex-direction:column;gap:12px}.message{padding:8px 12px;border-radius:6px;font-size:12px}.message.customer{background:#1e293b;border-left:3px solid #0ea5e9}.message.ai{background:#38bdf81a;border-left:3px solid #38bdf8}.message .sender{font-weight:600;color:#cbd5e1;margin-bottom:4px;font-size:10px;text-transform:uppercase}.message .text{color:#e2e8f0;line-height:1.4}.message .time{font-size:10px;color:#64748b;margin-top:4px}.action-buttons{display:flex;flex-direction:column;gap:8px;margin-top:24px}.action-buttons button{width:100%}.analytics-view{max-width:1200px}.analytics-view h1{font-size:32px;margin-bottom:40px;color:#f1f5f9}.stage-performance{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:24px;margin-bottom:40px}.stage-performance h2{font-size:16px;margin-bottom:20px;color:#f1f5f9}.stage-row{display:flex;align-items:center;gap:20px;margin-bottom:20px}.stage-name{width:120px;font-size:13px;font-weight:600;color:#cbd5e1}.stage-bar{flex:1}.stage-bar .bar{height:28px;background:#1e293b;border-radius:4px;overflow:hidden;display:flex;align-items:center;padding:0 12px;font-size:12px;font-weight:700;color:#f1f5f9}.stage-bar .bar.high{background:linear-gradient(90deg,#22c55e,#16a34a)}.stage-bar .bar.low{background:linear-gradient(90deg,#ef4444,#dc2626)}.bottleneck-analysis{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:24px;margin-bottom:40px}.bottleneck-analysis h2{font-size:16px;margin-bottom:16px;color:#f1f5f9}.bottleneck-analysis p{font-size:13px;color:#cbd5e1;margin-bottom:8px;line-height:1.6}.product-intelligence{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:24px;margin-bottom:40px;overflow-x:auto}.product-intelligence h2{font-size:16px;margin-bottom:16px;color:#f1f5f9}.stats-table{width:100%;border-collapse:collapse;font-size:13px}.stats-table th{background:#1e293b;border-bottom:1px solid #475569;padding:12px;text-align:left;font-weight:600;color:#cbd5e1;text-transform:uppercase;font-size:11px}.stats-table td{padding:12px;border-bottom:1px solid #334155;color:#e2e8f0}.stats-table td.good{color:#22c55e;font-weight:600}.stats-table td.warn{color:#fb923c;font-weight:600}.ai-health{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:24px}.ai-health h2{font-size:16px;margin-bottom:20px;color:#f1f5f9}.health-heatmap{display:flex;flex-direction:column;gap:16px}.health-item{display:flex;align-items:center;gap:16px}.health-item label{width:180px;font-size:13px;font-weight:500;color:#cbd5e1;flex-shrink:0}.health-item .bar{flex:1;font-size:12px;font-weight:600;color:#38bdf8;font-family:monospace}.health-good{color:#22c55e}.health-ok{color:#fb923c}.health-warn{color:#ef4444}.health-item span{width:50px;text-align:right;font-size:12px;font-weight:600;color:#94a3b8}.admin-panel{max-width:1200px}.admin-panel h1{font-size:32px;margin-bottom:40px;color:#f1f5f9}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.admin-tabs button{padding:10px 16px;background:#334155;border:1px solid #475569;border-radius:6px;color:#cbd5e1;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.admin-tabs button:hover{background:#475569;color:#f1f5f9}.admin-tabs button.active{background:#38bdf8;color:#0f172a;border-color:#38bdf8}.admin-content{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:32px;min-height:400px}.admin-content h2{font-size:18px;color:#f1f5f9;margin-bottom:12px}.admin-content p{color:#cbd5e1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}@media (max-width: 1200px){.os-nav{width:200px}.kanban-grid{grid-template-columns:repeat(3,1fr)}.customer-inspector{width:400px}}@media (max-width: 768px){.ai-os-app{flex-direction:column}.os-nav{width:100%;flex-direction:row;padding:12px;border-right:none;border-bottom:1px solid #334155}.nav-menu{flex-direction:row;overflow-x:auto}.os-content{padding:20px}.kpi-row{grid-template-columns:repeat(2,1fr);gap:12px}.kanban-grid{grid-template-columns:1fr}.customer-inspector{width:100%}.thinking-grid,.scorecard-grid,.followup-card{grid-template-columns:1fr}}