:root{--color-background: #1A1A1A;--color-agent-glow: #2814FF;--color-text-primary: #FFFFFF;--color-success: #00CD00;--color-error: #FF4444;--color-warning: #FFA500;--color-panel-bg: #242424;--color-border: #333333;--color-card-bg: #2A2A2A;--color-card-hover: #303030;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:1280px;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary);overflow:hidden}#root{width:100%;height:100vh}.monospace{font-family:Courier New,Courier,monospace}*{transition:none}.transition-smooth{transition:all .3s ease-out}.transition-fast{transition:all .2s ease-out}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-panel-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.app{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--color-background)}.app-header{padding:1.5rem 2rem;border-bottom:2px solid var(--color-border);background-color:var(--color-panel-bg)}.app-title{font-size:1.75rem;font-weight:700;margin:0;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.app-subtitle{font-size:.875rem;color:#888;margin-top:.25rem}.game-container{flex:1;display:flex;overflow:hidden}.panel{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--color-border)}.panel:last-child{border-right:none}.panel-header{padding:1rem 1.5rem;background-color:var(--color-panel-bg);border-bottom:1px solid var(--color-border);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;color:#aaa}.panel-content{flex:1;overflow-y:auto;padding:1.5rem}.agent-toolbox-panel{width:25%;min-width:280px}.investigation-panel{width:50%;flex:1}.transparency-panel{width:25%;min-width:300px}.progress-indicators{padding:1rem 2rem;background-color:var(--color-panel-bg);border-top:1px solid var(--color-border);display:flex;gap:2rem;justify-content:center;align-items:center}.progress-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.progress-label{font-size:.75rem;text-transform:uppercase;color:#888;letter-spacing:.5px}.progress-value{font-size:1.5rem;font-weight:700}.progress-value.confidence{color:var(--color-agent-glow)}.progress-value.time-saved{color:var(--color-success)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.loading-text{font-size:1.25rem;color:#888}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-agent-glow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.agent-toolbox{display:flex;flex-direction:column;gap:1.5rem;height:100%}.toolbox-instruction{font-size:.875rem;color:#aaa;line-height:1.6;padding:1rem;background-color:#2814ff1a;border-radius:6px;border-left:3px solid var(--color-agent-glow)}.agents-list{display:flex;flex-direction:column;gap:1rem}.agent-card{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--color-card-bg);border:2px solid transparent;border-radius:8px;cursor:grab;transition:all .2s ease}.agent-card:hover{background-color:var(--color-card-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.agent-card:active{cursor:grabbing;transform:scale(.98)}.agent-icon{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;letter-spacing:.5px;color:#fff;flex-shrink:0}.agent-info{flex:1;min-width:0}.agent-name{font-weight:600;font-size:.875rem;margin-bottom:.25rem;color:var(--color-text-primary)}.agent-description{font-size:.75rem;color:#888;line-height:1.4}.toolbox-hint{margin-top:auto;padding:1rem;background-color:#00cd001a;border-radius:6px;font-size:.8rem;color:#aaa;border-left:3px solid var(--color-success)}.toolbox-hint strong{color:var(--color-success)}.agent-card.dragging{opacity:.5;transform:rotate(5deg)}.investigation-graph{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.alert-card{background:linear-gradient(135deg,#ffa5001a,#ff44441a);border:2px solid var(--color-warning);border-radius:8px;padding:1.5rem}.alert-badge{display:inline-block;background-color:var(--color-warning);color:#000;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.alert-title{font-family:Courier New,monospace;font-size:1.125rem;margin-bottom:1rem;color:var(--color-text-primary);font-weight:700}.alert-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.alert-meta-item{display:flex;align-items:center;font-size:.875rem}.meta-label{font-weight:600;color:#888;min-width:90px}.meta-value{color:#ddd;font-family:Courier New,monospace}.alert-severity{font-weight:700;padding:.125rem .5rem;border-radius:3px;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.severity-low{background-color:#6464644d;color:#aaa}.severity-medium{background-color:#ffa50033;color:var(--color-warning)}.severity-high{background-color:#ff640033;color:#ff6400}.severity-critical{background-color:#f443;color:var(--color-error)}.alert-raw-details{margin-top:1rem}.raw-details-header{font-size:.875rem;font-weight:600;color:#aaa;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.raw-details-content{background-color:#0006;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1rem;font-family:Courier New,monospace;font-size:.75rem;color:#bbb;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.raw-details-content::-webkit-scrollbar{width:8px;height:8px}.raw-details-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.raw-details-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.raw-details-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.investigation-guide{display:flex;align-items:center;gap:1rem;padding:1.5rem;margin:1.5rem 0;background:#2814ff14;border:1px solid rgba(40,20,255,.3);border-radius:8px}.guide-arrow{font-size:2.5rem;color:var(--color-agent-glow);animation:arrowBounce 1.5s ease-in-out infinite;flex-shrink:0}@keyframes arrowBounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.6}}.guide-text{color:#ddd;font-size:.95rem;line-height:1.6}.guide-text strong{color:var(--color-agent-glow);font-weight:700}.questions-flow{display:flex;flex-direction:column;gap:0}.question-connector{width:2px;height:24px;background:linear-gradient(to bottom,var(--color-agent-glow),transparent);margin:0 auto;position:relative}.question-connector:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--color-agent-glow)}.question-card{background-color:var(--color-card-bg);border:2px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:all .3s ease}.question-card.active{border-color:var(--color-agent-glow);box-shadow:0 0 20px #2814ff4d}.question-card.completed{border-color:var(--color-success);background-color:#00cd000d}.question-card.locked{opacity:.5;pointer-events:none}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-number{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-agent-glow);letter-spacing:.5px}.question-category{font-size:.75rem;color:#888;text-transform:uppercase}.question-text{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary);line-height:1.5}.question-locked,.question-completed{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#ffffff08;border-radius:6px;font-size:.875rem;color:#888}.lock-icon{font-size:1.25rem}.checkmark{font-size:1.25rem;color:var(--color-success);font-weight:700}.question-dropzone{min-height:80px;border:2px dashed var(--color-border);border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:#ffffff05;transition:all .2s ease}.question-dropzone:hover{border-color:var(--color-agent-glow);background-color:#2814ff0d}.dropzone-text{font-size:.875rem;color:#666}.question-dropzone.drag-over{border-color:var(--color-agent-glow);background-color:#2814ff1a;border-style:solid}.remediation-button{background:linear-gradient(135deg,var(--color-success),#00AA00);color:#fff;border:none;padding:1.25rem 2rem;font-size:1.25rem;font-weight:700;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;margin-top:2rem;transition:all .3s ease;box-shadow:0 4px 20px #00cd004d;animation:pulse 2s infinite}.remediation-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00cd0080}@keyframes pulse{0%,to{box-shadow:0 4px 20px #00cd004d}50%{box-shadow:0 4px 30px #00cd0099}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.question-card.shake{animation:shake .4s ease}.question-answer{background-color:#ffffff08;border-radius:6px;padding:1rem;animation:fadeIn .3s ease}.question-answer.correct{background-color:#00cd000d;border-left:3px solid var(--color-success)}.question-answer.incorrect{background-color:#ff44440d;border-left:3px solid var(--color-error)}.answer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.assigned-agent{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-agent-glow);letter-spacing:.5px}.confidence-badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:700}.confidence-badge.high{background-color:#00cd0033;color:var(--color-success)}.confidence-badge.low{background-color:#ffa50033;color:var(--color-warning)}.answer-text{font-size:.875rem;line-height:1.6;color:#ccc;margin-bottom:.5rem}.answer-hint{margin-top:.75rem;padding:.75rem;background-color:#ffa5001a;border-radius:4px;font-size:.8rem;color:var(--color-warning)}.answer-hint strong{color:var(--color-warning)}.completed-summary{margin-top:.5rem;font-size:.75rem;color:#888}.wise-verdict-button{width:100%;padding:1.25rem 2rem;margin-top:1rem;background:linear-gradient(135deg,var(--color-agent-glow),#1a0fbf);border:2px solid var(--color-agent-glow);border-radius:8px;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2814ff4d}.wise-verdict-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #2814ff80;background:linear-gradient(135deg,#3520ff,var(--color-agent-glow))}.wise-verdict-button:active{transform:translateY(0);box-shadow:0 2px 10px #2814ff66}.transparency-log{height:100%;display:flex;flex-direction:column}.log-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem}.log-empty-icon{font-size:3rem;opacity:.3}.log-empty-text{font-size:1rem;color:#666;font-weight:600}.log-empty-subtext{font-size:.875rem;color:#555;max-width:250px;line-height:1.5}.log-entries{font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.8;color:var(--color-text-primary)}.log-entry{margin-bottom:.75rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.log-prefix{color:var(--color-agent-glow);font-weight:700;margin-right:.5rem}.log-text{color:#ccc}.typing-cursor{color:var(--color-agent-glow);font-weight:700;animation:cursorBlink .8s infinite;margin-left:2px}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.roi-summary{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);padding:2rem;overflow-y:auto}.summary-container{max-width:900px;width:100%}.summary-verdict{text-align:center;font-size:2.5rem;margin-bottom:1rem;animation:scaleIn .5s ease}.summary-verdict.victory{color:var(--color-success)}.summary-verdict.incomplete{color:var(--color-warning)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.summary-title{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--color-text-primary)}.summary-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background-color:var(--color-panel-bg);border:2px solid var(--color-border);border-radius:8px;padding:1.5rem;text-align:center;animation:fadeInUp .5s ease;animation-fill-mode:backwards}.metric-card:nth-child(1){animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.2s}.metric-card:nth-child(3){animation-delay:.3s}.metric-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metric-label{font-size:.875rem;text-transform:uppercase;color:#888;margin-bottom:.5rem;letter-spacing:.5px}.metric-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.metric-value.success{color:var(--color-success)}.metric-value.warning{color:var(--color-warning)}.metric-goal{font-size:.75rem;color:#666}.remediation-summary{background-color:#00cd001a;border:2px solid var(--color-success);border-radius:8px;padding:2rem;margin-bottom:2rem;animation:fadeInUp .5s ease .5s backwards}.remediation-summary h3{color:var(--color-success);margin-bottom:1rem;font-size:1.125rem}.remediation-summary ul{list-style:none;padding:0;margin:0}.remediation-summary li{padding:.5rem 0;color:#ccc;font-size:.875rem;line-height:1.6}.replay-button{width:100%;background:linear-gradient(135deg,var(--color-agent-glow),#3820FF);color:#fff;border:none;padding:1.25rem 2rem;font-size:1.125rem;font-weight:600;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 20px #2814ff4d;animation:fadeInUp .5s ease .6s backwards}.replay-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #2814ff80}.replay-button:active{transform:translateY(0)}.soc-overview{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.alert-swarm{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.swarm-node{position:absolute;width:8px;height:8px;border-radius:50%;opacity:.6;animation:float infinite ease-in-out;pointer-events:none}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-20px,30px)}75%{transform:translate(20px,20px)}}.swarm-node.low{background:#64646480;box-shadow:0 0 8px #6464644d}.swarm-node.medium{background:#ffa50080;box-shadow:0 0 8px #ffa5004d}.swarm-node.high{background:#ff640080;box-shadow:0 0 8px #ff64004d}.swarm-node.critical{background:#ff444480;box-shadow:0 0 8px #ff44444d}.david-node{position:fixed;width:40px;height:40px;background:var(--color-agent-glow);border-radius:50%;box-shadow:0 0 40px #2814ff,0 0 80px #2814ffcc,0 0 120px #2814ff99;animation:davidPulse 1.5s ease-in-out infinite;cursor:pointer;pointer-events:all;z-index:1000;transform:translate(-50%,-50%)}@keyframes davidPulse{0%,to{box-shadow:0 0 40px #2814ff,0 0 80px #2814ffcc,0 0 120px #2814ff99;transform:translate(-50%,-50%) scale(1);background:var(--color-agent-glow)}50%{box-shadow:0 0 60px #2814ff,0 0 120px #2814ff,0 0 180px #2814ffcc;transform:translate(-50%,-50%) scale(1.3);background:#2814ff}}.david-node:hover{transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 80px #2814ff,0 0 160px #2814ff,0 0 240px #2814ffcc;animation-play-state:paused}.david-node.hovered{transform:translate(-50%,-50%) scale(1.6);z-index:2000}.alert-preview{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:1rem;background:#0a0a0afa;border:2px solid var(--color-agent-glow);border-radius:8px;padding:1rem;min-width:300px;box-shadow:0 8px 30px #2814ff80;z-index:10000;animation:slideDown .3s ease;pointer-events:none}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.preview-header{margin-bottom:.75rem}.preview-badge{display:inline-block;padding:.25rem .75rem;background:var(--color-agent-glow);color:#fff;font-size:.7rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:1px}.preview-title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.5rem;font-family:Courier New,monospace}.preview-host,.preview-time{font-size:.75rem;color:#ccc;margin-bottom:.25rem}.preview-action{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:var(--color-agent-glow);font-weight:600;text-align:center}.content-box{position:relative;z-index:10;background:#0a0a0aeb;border:2px solid rgba(255,255,255,.15);border-radius:16px;padding:3rem 4rem;max-width:900px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000080}.soc-header{text-align:center;margin-bottom:2rem}.soc-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-agent-glow);text-transform:uppercase;letter-spacing:2px}.soc-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.stat-box{text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--color-error);font-family:Courier New,monospace}.stat-label{font-size:.875rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}.soc-message{text-align:center;padding:0 2rem}.message-large{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#fff}.message-medium{font-size:1.5rem;color:#ccc;margin-bottom:1rem}.message-question{font-size:1.75rem;font-weight:600;color:var(--color-warning);margin:1.5rem 0}.message-solution{font-size:1.25rem;line-height:1.8;color:#bbb;margin-bottom:2rem}.wise-highlight{color:var(--color-agent-glow);font-weight:700;font-size:1.4em}.message-instruction{font-size:1rem;color:#888;margin-top:2rem;animation:pulse 2s ease-in-out infinite}.magnifying-glass-icon{font-size:1.5rem;display:inline-block;margin-right:.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.soc-overview.zooming{pointer-events:none}.zoom-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .5s ease}.zoom-circle{width:200px;height:200px;border:3px solid var(--color-agent-glow);border-radius:50%;animation:zoomIn 1.5s ease-out}@keyframes zoomIn{0%{width:50px;height:50px;opacity:0}50%{opacity:1}to{width:2000px;height:2000px;opacity:0}}.zoom-text{margin-top:2rem;font-size:1.5rem;color:var(--color-agent-glow);font-weight:600;animation:fadeInDelay .5s ease .5s both}@keyframes fadeInDelay{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}