*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;width:100vw}.demo-container{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;height:100vh;position:relative}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;left:0;padding:15px 30px;position:absolute;right:0;top:0;z-index:100}.app-header h1{color:#667eea;font-size:1.5em;margin:0}.demo-toggle{background:#667eea1a;border-radius:25px;display:flex;gap:5px;padding:4px}.toggle-button{background:#0000;border:none;border-radius:20px;color:#667eea;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all .3s ease}.toggle-button.active{background:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.toggle-button:hover:not(.active){background:#667eea1a}.left-panel,.right-panel{overflow-y:auto;padding:100px 30px 30px}.demo-mode{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.demo-mode,.test-results-mode{grid-column:1/-1;overflow-y:auto;padding:100px 30px 30px}.test-results-mode{background:#f5f5f5}h1{font-size:1.8em;margin-bottom:10px}h1,h2{color:#667eea}h2{align-items:center;display:flex;font-size:1.3em;gap:10px;margin:20px 0 15px}.subtitle{color:#999;font-size:.9em;margin-bottom:25px}@keyframes pulseRed{0%,to{box-shadow:0 4px 15px #ff767580}50%{box-shadow:0 4px 30px #ff7675cc}}@keyframes waveAnimation{0%,to{height:10px}50%{height:40px}}@keyframes typing{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.left-panel{background:#fff;border-right:2px solid #e1e8ed;overflow-y:auto;padding:30px}.voice-recorder{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:20px;overflow:hidden;padding:25px;position:relative}.recorder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.recorder-status{align-items:center;display:flex;font-size:.95em;gap:10px}.status-indicator{background:#ffffff80;height:12px;width:12px}.status-indicator.listening{animation:pulse 1.5s ease-in-out infinite;background:#00b894}.status-indicator.processing{animation:pulse 1s ease-in-out infinite;background:#fdcb6e}.mic-button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;flex-shrink:0;font-size:2em;height:80px;justify-content:center;transition:all .3s;width:80px}.mic-button:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.05)}.mic-button.recording{animation:pulseRed 1s ease-in-out infinite;background:#ff7675}.waveform{align-items:center;display:flex;gap:3px;height:60px;justify-content:center;margin:15px 0}.waveform-bar{background:#fff9;border-radius:2px;height:10px;transition:height .1s;width:4px}.waveform.active .waveform-bar{animation:waveAnimation 1s ease-in-out infinite}.waveform-bar:first-child{animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}.waveform-bar:nth-child(6){animation-delay:.3s}.waveform-bar:nth-child(7){animation-delay:.2s}.waveform-bar:nth-child(8){animation-delay:.1s}.vad-display{background:#ffffff1a;border-radius:8px;margin:10px 0;padding:12px}.vad-label{font-size:.85em;margin-bottom:8px;opacity:.8}.vad-bar{background:#fff3;border-radius:3px;height:6px;overflow:hidden}.vad-level{background:#00b894;border-radius:3px;height:100%;transition:width .1s}.audio-metrics{grid-gap:10px;display:grid;font-size:.85em;gap:10px;grid-template-columns:1fr 1fr 1fr}.audio-metric{background:#ffffff26;border-radius:8px;padding:8px 12px;text-align:center}.audio-metric-label{font-size:.9em;margin-bottom:3px;opacity:.8}.audio-metric-value{font-size:1.1em;font-weight:600}.tech-badge{background:#ffffff26;border-radius:12px;display:inline-block;font-size:.8em;margin-right:8px;padding:4px 10px}.recorder-controls{align-items:center;display:flex;gap:20px;justify-content:center;margin:20px 0}.upload-button{align-items:center;background:#ffffffe6;border:none;border-radius:25px;box-shadow:0 2px 8px #0000001a;color:#667eea;cursor:pointer;display:inline-flex;font-size:.9em;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s}.upload-button:hover{background:#fff;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.upload-button.disabled{cursor:not-allowed;opacity:.5;transform:none}.upload-button.disabled:hover{background:#ffffffe6;box-shadow:0 2px 8px #0000001a;transform:none}.process-button{background:linear-gradient(135deg,#00b894,#00a085);border:none;border-radius:25px;box-shadow:0 4px 15px #00b8944d;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;padding:12px 20px;transition:all .3s ease}.process-button:hover{box-shadow:0 6px 20px #00b89466;transform:translateY(-2px)}.process-button.processing{cursor:not-allowed;opacity:.8}.processing-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.file-preview{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;margin:15px 0;padding:15px}.file-info{display:flex;flex-direction:column;gap:5px}.file-name{color:#fff;font-size:.9em;font-weight:500}.file-size{color:#ffffffe6;font-size:.8em;opacity:.8}.remove-file{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .3s ease;width:24px}.remove-file:hover{background:#ff6b6bcc;transform:scale(1.1)}.transcription-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.transcription-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.transcription-text{font-size:1.1em;line-height:1.8;min-height:80px}.word{border-radius:3px;cursor:pointer;display:inline-block;margin:2px;padding:2px 4px;transition:all .3s}.word.high-confidence{background:#00b8941a}.word.medium-confidence{background:#fdcb6e1a}.word.low-confidence{background:#ff76751a;border-bottom:2px dashed #ff7675}.word:hover{background:#667eea33}.word.typing{animation:typing .3s ease}.interim-text{color:#999;font-style:italic}.alternatives{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px}.alternatives-title{color:#666;font-size:.9em;font-weight:600;margin-bottom:10px}.alternative-option{align-items:center;background:#fff;border:1px solid #e1e8ed;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px;transition:all .2s}.alternative-option:hover{background:#f0f2ff;border-color:#667eea}.alternative-text{flex:1 1}.alternative-confidence{color:#666;font-size:.85em;font-weight:600}.transcription-textbox-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:16px 0;padding:16px}.transcription-textbox-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.transcription-textbox-header h3{color:#333;font-size:18px;margin:0}.transcription-textbox-actions{display:flex;gap:8px}.clear-transcription-btn,.save-transcription-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s}.save-transcription-btn{background:#4caf50;color:#fff}.save-transcription-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.save-transcription-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.clear-transcription-btn{background:#f44336;color:#fff}.clear-transcription-btn:hover:not(:disabled){background:#da190b;transform:translateY(-1px)}.clear-transcription-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.transcription-textbox{border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:Courier New,monospace;font-size:14px;line-height:1.6;min-height:200px;padding:12px;resize:vertical;width:100%}.transcription-textbox:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.transcription-textbox-footer{border-top:1px solid #e0e0e0;color:#666;display:flex;font-size:12px;justify-content:space-between;margin-top:8px;padding-top:8px}.char-count,.word-count{font-weight:500}.conversation-history{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:20px}.messages{margin-bottom:15px;max-height:300px;overflow-y:auto}.message{animation:fadeIn .3s ease;border-radius:8px;margin-bottom:15px;padding:12px 15px}.message.ai{background:#667eea;color:#fff;margin-right:20%}.message.user{background:#e8f4f8;border-left:4px solid #667eea;color:#333;margin-left:20%}.message-label{font-size:.85em;font-weight:600;margin-bottom:5px;opacity:.8}.asr-technical{background:#2d3436;border-radius:12px;color:#dfe6e9;font-family:Courier New,monospace;font-size:.9em;margin-bottom:20px;max-height:250px;overflow-y:auto;padding:20px}.log-line{animation:fadeIn .3s ease;border-radius:4px;margin-bottom:8px;padding:5px 8px}.log-line.info{color:#74b9ff}.log-line.success{color:#00b894}.log-line.warning{color:#fdcb6e}.log-line.error{color:#ff7675}.timestamp{color:#b2bec3;margin-right:8px}.progress-container{margin:20px 0}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.progress-label{color:#666;font-size:.9em}.progress-percent{color:#667eea;font-size:.9em;font-weight:600}.progress-bar{background:#e1e8ed;border-radius:4px;height:8px;margin:15px 0}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease}.voice-processing-workflow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000001a;color:#fff;margin:20px 0;padding:25px}.workflow-header{margin-bottom:30px;text-align:center}.workflow-header h3{font-size:1.5em;font-weight:600;margin:0 0 8px}.workflow-subtitle{font-size:.95em;margin:0;opacity:.8}.workflow-steps{display:flex;flex-direction:column;gap:20px}.workflow-step{align-items:flex-start;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;min-height:80px;padding:20px;position:relative;transition:all .3s ease}.workflow-step.active{background:#fff3;border-color:#fff6;box-shadow:0 4px 20px #0003;transform:translateX(5px)}.workflow-step.completed{background:#00b89433;border-color:#00b89466}.workflow-step.processing{animation:pulse 2s infinite;background:#fdcb6e33;border-color:#fdcb6e66}.workflow-step.warning{background:#ff767533;border-color:#ff767566}.step-connector{background:#ffffff4d;height:20px;left:40px;position:absolute;top:-20px;width:2px}.step-connector .connector-line{background:linear-gradient(180deg,#ffffff4d,#ffffff1a);height:100%;width:100%}.step-icon{align-items:center;border-radius:50%;box-shadow:0 4px 15px #0003;display:flex;flex-shrink:0;font-size:1.5em;height:60px;justify-content:center;margin-right:20px;transition:all .3s ease;width:60px}.workflow-step.active .step-icon{box-shadow:0 6px 20px #0000004d;transform:scale(1.1)}.step-details{flex:1 1;min-width:0}.step-title{font-size:1.1em;font-weight:600;margin-bottom:4px}.step-description{font-size:.9em;margin-bottom:12px;opacity:.8}.step-content{background:#ffffff1a;border-radius:8px;font-size:.9em;margin-top:12px;padding:12px}.step-status{flex-shrink:0;margin-left:15px}.status-icon{animation:fadeIn .5s ease;display:inline-block;font-size:1.2em}.status-icon.completed{animation:checkmarkPop .4s ease;color:#00b894;font-size:1.3em}.status-icon.processing{animation:spin 1s linear infinite;color:#fdcb6e}.status-icon.warning{animation:pulse 1s ease-in-out infinite;color:#ff7675}.status-icon.pending{opacity:.5}.input-method{align-items:center;display:flex;gap:8px;margin-bottom:8px}.method-label{font-weight:600;opacity:.9}.method-value{background:#fff3;border-radius:6px;font-size:.85em;padding:4px 8px}.audio-info{display:flex;font-size:.85em;gap:15px;opacity:.8}.audio-duration,.audio-format{background:#ffffff1a;border-radius:4px;padding:4px 8px}.processing-animation{align-items:flex-start;gap:12px}.processing-animation,.processing-details{display:flex;flex-direction:column;width:100%}.processing-details{gap:8px}.progress-indicator{display:flex;flex-direction:column;gap:4px;margin-top:8px;width:100%}.progress-bar-container{background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:3px}.progress-text{color:#ffffffe6;font-size:.85em;opacity:.9}.cancel-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:5px 10px;transition:all .2s ease}.cancel-button:hover{background:#ffffff4d;border-color:#ffffff80}.error-info{align-items:center;color:#ff6b6b;display:flex;gap:8px}.error-icon{font-size:1.2em}.step-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:6px;justify-content:center;margin-top:12px;padding:8px 16px;transition:all .2s ease;width:100%}.step-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.step-button:active:not(:disabled){transform:translateY(0)}.step-button:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5}.result-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:12px;overflow:hidden}.result-box-warning{background:#ffc1071a;border-color:#ffc10780}.result-box-header{align-items:center;background:#ffffff1a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 12px}.result-box-title{color:#fffffff2;font-size:.95em;font-weight:600}.result-box-content{padding:12px}.result-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:6px 0}.result-item:last-child{border-bottom:none}.result-label{font-size:.9em;font-weight:500;opacity:.8}.result-value{color:#fffffff2;font-size:.9em;font-weight:600}.result-value.success{color:#00b894}.result-textarea{background:#0003;border:1px solid #fff3;border-radius:6px;color:#fffffff2;font-family:Courier New,monospace;font-size:.9em;line-height:1.5;min-height:80px;overflow-y:auto;padding:10px;resize:vertical;width:100%}.result-textarea:focus{border-color:#fff6;outline:none}.result-textarea::placeholder{color:#ffffff80}.result-json-section{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.result-json-label{font-size:.85em;font-weight:500;margin-bottom:6px;opacity:.8}.result-json{font-size:.85em;min-height:120px}.contradiction-item{background:#ffc1071a;border-left:3px solid #ffc107;border-radius:6px;margin-bottom:12px;padding:8px}.response-note{background:#ffffff0d;border-radius:4px;font-size:.85em;font-style:italic;margin-top:8px;opacity:.7;padding:8px}.spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.completion-info{align-items:center;animation:fadeInCheckmark .5s ease;background:#00b89433;border-left:3px solid #00b894;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.completion-text{color:#fffffff2;font-weight:600}.checkmark{animation:checkmarkPop .4s ease;color:#00b894;font-size:1.2em;font-weight:700}@keyframes fadeInCheckmark{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.transcription-result{margin-top:8px}.transcription-text{background:#ffffff1a;border-left:3px solid #4facfe;border-radius:6px;font-style:italic;margin-bottom:8px;padding:8px}.transcription-metrics{display:flex;font-size:.85em;gap:15px;opacity:.9}.confidence,.processing-time{background:#ffffff1a;border-radius:4px;padding:2px 6px}.slots-extracted{margin-top:8px}.slots-title{font-weight:600;margin-bottom:8px;opacity:.9}.slots-list{display:flex;flex-direction:column;gap:6px}.slot-item{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;font-size:.9em;gap:8px;padding:6px 10px}.slot-name{min-width:80px}.slot-value{background:#ffffff1a;border-radius:4px;flex:1 1;font-family:monospace;font-size:.9em;padding:4px 8px}.slot-confidence{color:#fdcb6e;font-size:.8em;opacity:.8}.contradiction-alert{background:#ff767533;border:1px solid #ff76754d;border-radius:8px;display:flex;gap:12px;padding:12px}.alert-icon{flex-shrink:0;font-size:1.2em}.alert-content{flex:1 1}.alert-title{color:#ff7675;font-weight:600;margin-bottom:4px}.alert-message{font-size:.95em;margin-bottom:6px}.alert-evidence{font-size:.85em;font-style:italic;opacity:.8}.no-contradiction{align-items:center;color:#00b894;display:flex;gap:8px}.ai-response{text-align:center}.response-title{font-weight:600;margin-bottom:8px;opacity:.9}.response-text{font-size:.9em;line-height:1.4;opacity:.8}.workflow-controls{border-top:1px solid #fff3;margin-top:25px;padding-top:20px;text-align:center}.reset-button{align-items:center;background:#ffffffe6;border:none;border-radius:25px;color:#667eea;cursor:pointer;display:inline-flex;font-size:.95em;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.reset-button:hover:not(:disabled){background:#fff;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.reset-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.voice-processing-workflow{margin:15px 0;padding:20px}.workflow-step{flex-direction:column;padding:15px;text-align:center}.step-icon{margin:0 auto 15px}.step-connector{left:50%;transform:translateX(-50%)}.step-status{margin:15px 0 0}.transcription-metrics{flex-direction:column;gap:8px}.slots-list{gap:8px}.slot-item{align-items:flex-start;flex-direction:column;gap:6px}.slot-name{min-width:auto}.slot-value{width:100%}}.service-status-container{background:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.service-status-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.service-status-header h2{color:#333;font-size:1.5em;margin:0}.refresh-button{background:#2196f3;transition:background .3s}.refresh-button:hover:not(:disabled){background:#1976d2}.refresh-button:disabled{background:#ccc;cursor:not-allowed}.error-banner{background:#ffebee;border-left:4px solid #c62828;border-radius:4px;color:#c62828;margin-bottom:15px;padding:12px}.last-update{color:#666;font-size:.9em;margin-bottom:15px;text-align:right}.services-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.service-card{background:#fff;border-left:4px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;padding:15px;transition:transform .2s,box-shadow .2s}.service-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.service-card[data-status=ready]{border-left-color:#4caf50}.service-card[data-status=not_ready]{border-left-color:#f44336}.service-card[data-status=checking]{border-left-color:#ff9800}.service-card[data-status=error]{border-left-color:#f44336}.service-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.service-icon{flex-shrink:0;font-size:24px}.service-info{flex:1 1}.service-name{font-size:1.1em;font-weight:600;margin:0 0 5px}.service-message{color:#666;font-size:.9em;margin:0}.service-details{border-top:1px solid #e0e0e0;margin-top:12px;padding-top:12px}.service-detail-item{display:flex;font-size:.85em;justify-content:space-between;padding:4px 0}.detail-label{color:#666;font-weight:500}.detail-value{color:#333;font-weight:600}.configuration-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:15px}.configuration-section h3{color:#333;font-size:1.2em;margin:0 0 15px}.config-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.config-item{background:#f9f9f9;border-radius:4px;display:flex;flex-direction:column;gap:5px;padding:10px}.config-label{color:#666;font-size:.85em;font-weight:500}.config-value{color:#333;font-size:1em;font-weight:600}@media (max-width:768px){.service-status-header{align-items:flex-start;flex-direction:column;gap:10px}.config-grid,.services-grid{grid-template-columns:1fr}}.service-card[data-status=checking]{animation:pulse 2s ease-in-out infinite}.endpoint-indicator{align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;margin:12px 0;padding:12px 16px;transition:all .3s ease}.endpoint-indicator.endpoint-speaking{background:#e3f2fd;border-color:#2196f3}.endpoint-indicator.endpoint-pausing{background:#fff3e0;border-color:#ff9800}.endpoint-indicator.endpoint-finished{background:#e8f5e9;border-color:#4caf50}.endpoint-indicator.endpoint-unknown{background:#f5f5f5;border-color:#9e9e9e}.endpoint-indicator.turn-complete{animation:pulse .5s ease-in-out;box-shadow:0 0 0 4px #4caf5033}.endpoint-icon{font-size:24px;line-height:1}.endpoint-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.endpoint-state{color:#333;font-size:14px;font-weight:600}.endpoint-details{color:#666;display:flex;flex-direction:column;font-size:12px;gap:2px;margin-top:4px}.endpoint-confidence,.endpoint-reason,.endpoint-silence{display:inline-block;margin-right:12px}.turn-complete-message{color:#2e7d32;font-size:13px;font-weight:600;margin-top:4px}.audio-player{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;margin:10px 0;padding:10px}.audio-player-controls{align-items:center;display:flex;gap:10px}.audio-play-button{align-items:center;background:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:background .2s;width:40px}.audio-play-button:hover{background:#45a049}.audio-play-button.playing{background:#f44336}.audio-play-button.playing:hover{background:#da190b}.audio-player-info{flex:1 1}.audio-progress{align-items:center;display:flex;gap:10px}.audio-progress-bar{background:#ddd;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.audio-progress-fill{background:#4caf50;height:100%;transition:width .1s}.audio-time{color:#666;font-size:12px;min-width:80px;text-align:right}.audio-error{background:#ffebee;border-radius:4px;color:#c62828;font-size:12px;margin-top:5px;padding:5px}.last-update-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;bottom:20px;box-shadow:0 4px 12px #00000026;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:400px;min-width:280px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.last-update-badge.expanded{max-width:500px}.badge-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.badge-header:hover{background-color:#ffffff1a;border-radius:12px 12px 0 0}.badge-icon{flex-shrink:0;font-size:18px}.badge-text{flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-arrow{flex-shrink:0;font-size:10px;opacity:.8;transition:transform .3s}.badge-content{background:#ffffff0d;border-radius:0 0 12px 12px;border-top:1px solid #ffffff1a;font-size:12px;line-height:1.6;max-height:400px;overflow-y:auto;padding:16px}.update-info{margin-bottom:16px}.info-row{align-items:center;gap:8px;margin-bottom:8px}.status-badge{background:#4caf504d;border:1px solid #4caf5080;border-radius:4px;padding:2px 8px}.features-list{margin-bottom:16px}.features-list ul{list-style-type:disc;margin:8px 0 0;padding-left:20px}.features-list li{margin-bottom:6px;opacity:.95}.performance-metrics{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.metric-item{margin-bottom:8px;padding:4px 0}.metric-value{color:#4caf50;text-shadow:0 1px 2px #0003}.badge-content::-webkit-scrollbar{width:6px}.badge-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.badge-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.badge-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.last-update-badge{bottom:10px;left:10px;max-width:none;right:10px}.badge-text{font-size:12px}}.backend-status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border:1px solid #ffffff1a;border-radius:6px;bottom:20px;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;gap:8px;min-width:200px;padding:8px 12px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.backend-status-badge:hover{background:#000000f2;box-shadow:0 4px 12px #0006}.status-indicator{animation:pulse 2s ease-in-out infinite;border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-indicator.ok{background:#4ade80;box-shadow:0 0 8px #4ade8099}.status-indicator.checking{background:#fbbf24;box-shadow:0 0 8px #fbbf2499}.status-indicator.error{background:#ef4444;box-shadow:0 0 8px #ef444499}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-text{align-items:center;display:flex;flex:1 1;gap:4px}.uptime-label{color:#9ca3af;font-weight:500}.uptime-value{color:#fff;font-family:Courier New,monospace;font-weight:600}.startup-time{color:#9ca3af;font-size:10px;margin-left:auto;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backend-status-badge.checking .status-text{color:#fbbf24}.backend-status-badge.error .status-text{color:#ef4444}@media (max-width:768px){.backend-status-badge{bottom:10px;font-size:10px;min-width:150px;padding:6px 10px;right:10px}.startup-time{display:none}}.processing-status-display{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:15px}.processing-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.processing-status-header h3{color:#333;margin:0}.processing-status-controls{align-items:center;display:flex;gap:15px}.processing-status-controls label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:5px}.processing-statistics{background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.stat-item{gap:5px}.stat-label{font-weight:500}.stat-value{font-size:18px}.stat-value.success{color:#4caf50}.stat-value.error{color:#f44336}.stat-value.warning{color:#ff9800}.processing-steps{display:flex;flex-direction:column;gap:10px}.processing-step{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #9e9e9e;border-radius:6px;overflow:hidden;transition:all .2s}.processing-step:hover{box-shadow:0 2px 4px #0000001a}.processing-step.expanded{border-left-width:6px}.processing-step-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;-webkit-user-select:none;user-select:none}.processing-step-header:hover{background:#f9f9f9}.step-info{align-items:center;display:flex;flex:1 1;gap:10px}.step-icon{font-size:18px}.step-name{color:#333;flex:1 1;font-weight:500}.step-duration{background:#f0f0f0;border-radius:12px;color:#666;font-size:12px;padding:2px 8px}.step-actions{align-items:center;display:flex;gap:10px}.step-time{color:#999;font-size:12px}.step-toggle{color:#666;font-size:12px}.processing-step-details{background:#fafafa;border-top:1px solid #e0e0e0;padding:15px}.step-error,.step-metadata,.step-result{margin-bottom:15px}.step-error strong,.step-metadata strong,.step-result strong{color:#333;display:block;font-size:14px;margin-bottom:8px}.step-metadata pre,.step-result pre{background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;max-height:300px;overflow-x:auto;overflow-y:auto;padding:10px}.step-error{background:#ffebee;border-left:4px solid #f44336;border-radius:4px;padding:12px}.error-message{color:#c62828;font-weight:500}.step-error details{margin-top:8px}.step-error details summary{color:#666;cursor:pointer;font-size:12px}.step-error details pre{background:#fff;border-radius:4px;font-size:11px;margin-top:8px;padding:10px}.step-processing{align-items:center;color:#666;display:flex;font-style:italic;gap:10px}.spinner{animation:spin 1s linear infinite}.current-step-indicator{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;color:#1976d2;font-size:14px;margin-top:15px;padding:10px}.processing-step.completed{border-left-color:#4caf50}.processing-step.failed{border-left-color:#f44336}.processing-step.skipped{border-left-color:#ff9800}.processing-step.processing,.processing-step.started{border-left-color:#2196f3}.processing-step.pending{border-left-color:#9e9e9e;opacity:.7}.right-panel{background:#f8f9fa;overflow-y:auto;padding:30px}.operator-console{display:flex;flex-direction:column;gap:20px}.selected-session-details{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.traffic-lights{grid-gap:12px;background:#fff;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:16px}.traffic-light{border-radius:50%;cursor:pointer;height:40px;margin:0 auto;transition:all .3s ease;width:40px}.traffic-light.green{background:#4caf50;box-shadow:0 0 10px #4caf5080}.traffic-light.yellow{background:#ff9800;box-shadow:0 0 10px #ff980080}.traffic-light.red{background:#f44336;box-shadow:0 0 10px #f4433680}.traffic-light:hover{transform:scale(1.1)}.metrics-grid{grid-template-columns:repeat(3,1fr);margin-bottom:20px}.metrics-compact{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.metrics-compact .metric-item{align-items:center;display:flex;font-size:13px;gap:4px}.metrics-compact .metric-label{color:#666;font-weight:600}.metrics-compact .metric-value{color:#333;font-weight:700}.metric-card{border:2px solid #e1e8ed;border-radius:10px;padding:15px}.metric-value{color:#667eea;font-size:2em;margin:5px 0}.metric-label{font-size:.85em}.slots-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.slot-card{background:#fff;border:2px solid #e1e8ed;border-radius:10px;padding:15px;transition:all .3s}.slot-card.filled{background:#f0fff4;border-color:#00b894}.slot-card.low-confidence{background:#fffbf0;border-color:#fdcb6e}.slot-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.slot-name{color:#667eea;font-weight:600}.slot-status{border-radius:12px;font-size:.75em;font-weight:600;padding:4px 10px}.slot-status.empty{background:#e1e8ed;color:#666}.slot-status.filled{background:#00b894;color:#fff}.slot-status.low{background:#fdcb6e;color:#333}.slot-value{color:#333;font-size:1.1em;margin:8px 0;min-height:24px}.slot-confidence{color:#666;font-size:.85em;margin-top:5px}.confidence-bar{background:#e1e8ed;border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.confidence-fill{background:#00b894;height:100%;transition:width .5s ease}.status-dot{border-radius:50%;display:inline-block;height:10px;margin-right:8px;width:10px}.status-dot.green{background:#00b894;box-shadow:0 0 0 3px #00b8944d}.alerts-container{margin-bottom:20px}.alert{animation:slideIn .4s ease;border-left:5px solid;border-radius:10px;margin-bottom:15px;padding:15px 20px}.alert.critical{background:#f8d7da;border-color:#dc3545;color:#721c24}.alert-header{font-weight:600;margin-bottom:8px}.contradiction-box{background:#fff;border:2px solid #e1e8ed;border-radius:8px;margin:10px 0;padding:12px}.statement{background:#f8f9fa;border-radius:6px;font-size:.9em;margin:5px 0;padding:8px 12px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.controls.compact{gap:8px}.controls button.primary{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.controls button.primary:hover{background:#5568d3;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 24px;transition:all .3s}button:hover{background:#5568d3;transform:translateY(-1px)}button:disabled{background:#ccc;cursor:not-allowed;transform:none}button.secondary{background:#6c757d}button.secondary:hover{background:#5a6268}.pipeline-status{background:#fff;border:2px solid #e1e8ed;border-radius:12px;padding:20px}.pipeline-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);text-align:center}.pipeline-stage{flex-direction:column}.pipeline-icon,.pipeline-stage{align-items:center;display:flex}.pipeline-icon{background:#e1e8ed;border-radius:50%;font-size:1.2em;height:40px;justify-content:center;margin:0 auto 8px;transition:all .3s;width:40px}.pipeline-label{color:#666;font-size:.8em}.multi-session-view{background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;height:100%;padding:16px;width:100%}.multi-session-header{margin-bottom:20px}.multi-session-header h2{color:#333;font-size:20px;margin:0 0 16px}.session-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-box{flex:1 1;min-width:200px}.search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.filter-buttons{display:flex;gap:8px}.filter-buttons button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.filter-buttons button:hover{background:#f0f0f0}.filter-buttons button.active{background:#667eea;border-color:#667eea;color:#fff}.view-toggle{background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;gap:4px;padding:2px}.view-toggle button{background:#0000;border:none;border-radius:2px;cursor:pointer;font-size:16px;padding:6px 10px;transition:background .2s}.view-toggle button:hover{background:#f0f0f0}.view-toggle button.active{background:#667eea;color:#fff}.sessions-container{flex:1 1;overflow-y:auto;padding:8px}.sessions-container.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sessions-container.list{display:flex;flex-direction:column;gap:12px}.sessions-container.list .session-card{width:100%}.no-sessions{align-items:center;color:#999;display:flex;height:200px;justify-content:center}.multi-session-view.error,.multi-session-view.loading{align-items:center;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.multi-session-view.error button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.multi-session-view.error button:hover{background:#5568d3}.session-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .3s ease}.session-card:hover{border-color:#667eea;box-shadow:0 4px 8px #667eea33;transform:translateY(-2px)}.session-card.active{background:#f3f4ff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.session-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.session-id{align-items:center;display:flex;flex:1 1;gap:8px}.status-icon{font-size:12px}.session-id-text{color:#333;font-family:Courier New,monospace;font-size:14px;font-weight:600}.status-badge{font-size:11px}.session-card-body{gap:12px}.session-card-body,.session-info{display:flex;flex-direction:column}.session-info{gap:6px}.info-row{display:flex;font-size:13px;justify-content:space-between}.info-label{color:#666;font-weight:500}.info-value{color:#333;font-weight:600}.session-alerts{background:#fff3cd;border-left:3px solid #ff9800;border-radius:4px;padding:8px}.alert-count{color:#856404;font-size:12px;font-weight:600}.session-metrics{border-top:1px solid #e0e0e0;display:flex;gap:16px;padding-top:8px}.metric-item{flex-direction:column;gap:2px}.metric-label{font-size:11px}.metric-value{font-size:13px}.session-card-actions{border-top:1px solid #e0e0e0;margin-top:12px;padding-top:12px}.intervene-btn{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s;width:100%}.intervene-btn:hover{background:#5568d3}.session-card.active{border-left:4px solid #4caf50}.session-card.paused{border-left:4px solid #ff9800}.session-card.error{border-left:4px solid #f44336}.session-card.completed{border-left:4px solid #2196f3}.intervention-panel-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.intervention-panel{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.intervention-panel-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.intervention-panel-header h3{color:#333;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-btn:hover{background:#f0f0f0;color:#333}.intervention-panel-body{padding:20px}.session-info{background:#f5f5f5;border-radius:8px;margin-bottom:24px;padding:16px}.session-info p{color:#666;font-size:14px;margin:8px 0}.session-info strong{color:#333}.intervention-actions{display:flex;flex-direction:column;gap:24px}.action-group{display:flex;flex-direction:column;gap:12px}.action-group h4{color:#333;font-size:16px;font-weight:600;margin:0}.intervention-btn{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;text-align:left;transition:all .2s}.intervention-btn:hover:not(:disabled){background:#f3f4ff;border-color:#667eea;transform:translateX(4px)}.intervention-btn:disabled{cursor:not-allowed;opacity:.6}.intervention-btn.pause{border-color:#ff9800;color:#ff9800}.intervention-btn.pause:hover:not(:disabled){background:#fff3e0}.intervention-btn.resume{border-color:#4caf50;color:#4caf50}.intervention-btn.resume:hover:not(:disabled){background:#e8f5e9}.intervention-btn.redirect{border-color:#2196f3;color:#2196f3}.intervention-btn.redirect:hover:not(:disabled){background:#e3f2fd}.intervention-btn.escalate{border-color:#f44336;color:#f44336}.intervention-btn.escalate:hover:not(:disabled){background:#ffebee}.intervention-btn.takeover{border-color:#9c27b0;color:#9c27b0}.intervention-btn.takeover:hover:not(:disabled){background:#f3e5f5}.intervention-btn.flag{border-color:#ff9800;color:#ff9800}.intervention-btn.flag:hover:not(:disabled){background:#fff3e0}.intervention-btn.notes{border-color:#607d8b;color:#607d8b}.intervention-btn.notes:hover:not(:disabled){background:#eceff1}.intervention-message{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.intervention-message:focus{border-color:#667eea;outline:none}.intervention-loading{align-items:center;background:#ffffffe6;border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.intervention-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.intervention-loading p{color:#666;font-size:14px}.workload-indicator{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}.workload-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.workload-icon{font-size:20px}.workload-label{color:#333;font-size:14px;font-weight:600}.workload-bar-container{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.workload-bar{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.workload-stats{align-items:center;display:flex;font-size:12px;justify-content:space-between}.workload-percentage{color:#333;font-weight:600}.workload-details{color:#666}.adaptive-layout{height:100%;transition:all .3s ease;width:100%}.adaptive-layout.workload-medium{font-size:.95em}.adaptive-layout.workload-high{font-size:.9em}.metrics-dashboard{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.dashboard-header{margin-bottom:24px;padding-bottom:16px}.dashboard-header h2{color:#333;font-size:24px;margin:0}.dashboard-controls{align-items:center;display:flex;gap:12px}.time-range-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.export-buttons{display:flex;gap:10px;margin-top:10px}.export-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.export-btn:hover{background:#5568d3;transform:translateY(-1px)}.metrics-grid{grid-gap:16px;gap:16px;margin-bottom:24px}.metric-card{background:#f8f9fa;border-left:4px solid #667eea;padding:16px;transition:all .2s}.metric-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.metric-card.large{background:linear-gradient(135deg,#667eea,#764ba2);border-left:none;color:#fff;grid-column:span 2}.metric-card.large .metric-label,.metric-card.large .metric-subtext,.metric-card.large .metric-value{color:#fff}.metric-label{font-weight:600;letter-spacing:.5px;margin-bottom:8px}.metric-value{margin-bottom:4px}.metric-subtext{color:#999;font-size:12px;margin-top:4px}.metric-trend{font-size:20px;margin-top:8px}.metric-progress{background:#e0e0e0;border-radius:4px;height:8px;margin-top:8px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.charts-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.chart-card{background:#f8f9fa;border-radius:8px;padding:16px}.chart-card h3{color:#333;font-size:16px;margin:0 0 16px}.simple-chart{align-items:flex-end;display:flex;gap:4px;height:150px;justify-content:space-around}.chart-bar{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;cursor:pointer;flex:1 1;min-height:4px;transition:all .2s}.chart-bar:hover{opacity:.8;transform:scaleY(1.1)}.chart-line{background:#667eea;border-radius:2px;cursor:pointer;flex:1 1;height:4px;position:relative;transition:all .2s}.chart-line:hover{opacity:.8;transform:scaleY(1.5)}.metrics-dashboard.loading{align-items:center;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.metrics-dashboard.loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.alert-manager{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:600px;padding:20px}.alert-manager-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.alert-manager-header h3{color:#333;font-size:18px;margin:0}.alert-filters{display:flex;gap:8px}.filter-select,.sort-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px}.alerts-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.alert-item{background:#f8f9fa;border-left:4px solid #999;border-radius:8px;padding:16px;transition:all .2s}.alert-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.alert-item.priority-critical{background:#ffebee;border-left-color:#f44336}.alert-item.priority-high{background:#fff3e0;border-left-color:#ff9800}.alert-item.priority-medium{background:#fffde7;border-left-color:#ffc107}.alert-item.priority-low{background:#e8f5e9;border-left-color:#4caf50}.alert-header{justify-content:space-between;margin-bottom:12px}.alert-header,.alert-priority{align-items:center;display:flex}.alert-priority{gap:8px}.priority-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;text-transform:uppercase}.priority-score{color:#666;font-size:12px;font-weight:600}.alert-time{color:#999;font-size:12px}.alert-content{margin-bottom:12px}.alert-message{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.alert-session{color:#666;font-size:12px;margin-bottom:8px}.alert-details,.alert-session{font-family:Courier New,monospace}.alert-details{background:#fff;border-radius:4px;color:#999;font-size:11px;max-height:100px;overflow-y:auto;padding:8px}.alert-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.action-btn.resolve{background:#4caf50;color:#fff}.action-btn.resolve:hover{background:#45a049}.action-btn.dismiss{background:#f44336;color:#fff}.action-btn.dismiss:hover{background:#da190b}.action-btn.view{background:#2196f3;color:#fff}.action-btn.view:hover{background:#0b7dda}.no-alerts{align-items:center;color:#999;display:flex;font-size:16px;height:200px;justify-content:center}.voice-workflow-demo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000001a;color:#fff;margin:20px 0;padding:30px}.demo-intro{margin-bottom:30px;text-align:center}.demo-intro h2{font-size:1.8em;font-weight:600;margin:0 0 10px}.demo-intro p{font-size:1.1em;margin:0;opacity:.9}.demo-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.demo-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.demo-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.demo-card:hover:before{left:100%}.demo-card:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 12px 30px #0003;transform:translateY(-5px)}.demo-icon{display:block;font-size:3em;margin-bottom:15px;text-align:center}.demo-card h3{font-size:1.3em;font-weight:600;margin:0 0 12px;text-align:center}.demo-card p{font-size:1em;line-height:1.4;margin:0 0 15px;opacity:.9;text-align:center}.demo-card ul{list-style:none;margin:0 0 20px;padding:0}.demo-card li{font-size:.9em;opacity:.8;padding:5px 0 5px 20px;position:relative}.demo-card li:before{color:#00b894;content:"✓";font-weight:700;left:0;position:absolute}.demo-button{background:#ffffffe6;border:none;border-radius:25px;color:#667eea;cursor:pointer;display:block;font-size:.95em;font-weight:600;margin-top:10px;padding:12px 20px;transition:all .3s ease;width:100%}.demo-button:hover{background:#fff;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.demo-features{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:25px}.demo-features h3{font-size:1.3em;font-weight:600;margin:0 0 20px;text-align:center}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{align-items:flex-start;background:#ffffff0d;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.feature-item:hover{background:#ffffff1a;transform:translateX(5px)}.feature-icon{flex-shrink:0;font-size:1.5em;margin-top:2px}.feature-item strong{display:block;font-size:.95em;margin-bottom:5px}.feature-item p{font-size:.85em;line-height:1.4;margin:0;opacity:.8}.demo-header{margin-bottom:25px;text-align:center}.demo-header h2{font-size:1.5em;font-weight:600;margin:0 0 8px}.demo-header p{margin:0 0 15px;opacity:.9}.demo-progress{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-block;font-size:.9em;margin-top:10px;padding:8px 15px}.demo-status{border-top:1px solid #fff3;margin-top:20px;padding-top:20px;text-align:center}.processing-indicator{align-items:center;display:flex;font-size:1.1em;gap:12px;justify-content:center}.demo-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.completion-message{align-items:center;color:#00b894;display:flex;font-size:1.1em;gap:10px;justify-content:center}.checkmark{animation:bounce .5s ease;font-size:1.3em}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}@media (max-width:768px){.voice-workflow-demo{margin:15px 0;padding:20px}.demo-options{gap:15px;grid-template-columns:1fr}.demo-card,.demo-features{padding:20px}.features-grid{gap:15px;grid-template-columns:1fr}.feature-item{padding:12px}.demo-intro h2{font-size:1.5em}.demo-intro p{font-size:1em}}.asr-test-results{background:#f8f9fa;border-radius:8px;margin:20px auto;max-width:1200px;padding:20px}.test-results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.test-results-header h2{color:#333;font-size:24px;margin:0}.refresh-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.refresh-button:hover{background:#0056b3}.summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.summary-card{background:#fff;box-shadow:0 2px 4px #0000001a;padding:15px;text-align:center}.summary-card.success{border-left:4px solid #28a745}.summary-card.failed{border-left:4px solid #dc3545}.summary-label{color:#666;font-size:12px;margin-bottom:8px;text-transform:uppercase}.summary-value{color:#333;font-size:24px}.summary-card.success .summary-value{color:#28a745}.summary-card.failed .summary-value{color:#dc3545}.results-section{margin-top:30px}.results-section h3{color:#333;margin-bottom:15px}.results-list{display:flex;flex-direction:column;gap:15px}.result-item{background:#fff;border-left:4px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:15px;transition:all .2s}.result-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.result-item.success{border-left-color:#28a745}.result-item.failed{border-left-color:#dc3545}.result-item.selected{border-left-width:6px;box-shadow:0 4px 12px #0003}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.result-file-name{color:#333;font-size:16px;font-weight:600}.status-badge{font-weight:600}.status-badge.success{background:#d4edda;color:#155724}.status-badge.failed{background:#f8d7da;color:#721c24}.result-details{margin-top:10px}.result-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:15px}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{color:#666;font-size:12px;text-transform:uppercase}.metric-value{color:#333;font-size:16px;font-weight:600}.metric-value.high-confidence{color:#28a745}.metric-value.medium-confidence{color:#ffc107}.metric-value.low-confidence{color:#dc3545}.result-transcription{background:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;margin-top:15px;padding:15px}.transcription-label{color:#666;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.transcription-text{color:#333;font-size:14px;line-height:1.6;white-space:pre-wrap}.result-error{background:#f8d7da;border-left:3px solid #dc3545;border-radius:4px;margin-top:10px;padding:10px}.error-label{font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.error-label,.error-message{color:#721c24}.error-message,.loading,.no-results{color:#666;font-size:16px;padding:40px;text-align:center}.retry-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 20px}.retry-button:hover{background:#0056b3}.test-timestamp{border-top:1px solid #ddd;color:#999;font-size:12px;margin-top:20px;padding-top:15px;text-align:center}.developer-dashboard{background:#f5f5f5;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.dashboard-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.header-controls{gap:15px}.ws-status{font-size:14px;font-weight:700;padding:5px 15px}.header-controls button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.header-controls button:hover{background:#1976d2}.dashboard-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:10px}.dashboard-tabs button{background:#0000;border-radius:4px;font-weight:500}.dashboard-tabs button:hover{background:#f0f0f0}.dashboard-tabs button.active{background:#2196f3;color:#fff}.dashboard-content{background:#fff;box-shadow:0 2px 4px #0000001a;min-height:600px}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.overview-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.overview-card h3{border-bottom:2px solid #2196f3;color:#333;margin-top:0;padding-bottom:10px}.resource-item{margin-bottom:15px}.resource-item span:first-child{color:#666;display:block;font-weight:500;margin-bottom:5px}.progress-bar{background:#e0e0e0;border-radius:12px;height:24px;overflow:hidden;position:relative;width:100%}.progress-fill{align-items:center;background:linear-gradient(90deg,#4caf50,#8bc34a);color:#fff;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:flex-end;padding-right:8px;transition:width .3s}.progress-bar span{color:#333;font-size:12px;font-weight:700;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:1}.resource-item small{color:#999;display:block;font-size:12px;margin-top:5px}.info-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none}.error-count{color:#f44336;font-weight:700}.service-status-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.service-status-item:last-child{border-bottom:none}.service-name{color:#333;font-weight:500}.status-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.service-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.service-card h3{border-bottom:2px solid #2196f3;color:#333;margin-top:0;padding-bottom:10px}.service-details{margin-top:15px}.detail-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-item.error{color:#f44336}.pipeline-stages{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pipeline-stage{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.pipeline-stage h3{border-bottom:2px solid #2196f3;color:#333;margin-top:0;padding-bottom:10px}.stage-metrics{margin-top:15px}.metric-item{border-bottom:1px solid #e0e0e0;padding:8px 0}.metric-item:last-child{border-bottom:none}.error-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.summary-card h3{border-bottom:2px solid #2196f3;color:#333;margin-top:0;padding-bottom:10px}.summary-value{color:#2196f3;font-size:48px;font-weight:700;margin:20px 0;text-align:center}.category-list,.severity-list{margin-top:15px}.category-item,.severity-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.category-item:last-child,.severity-item:last-child{border-bottom:none}.edge-cases-list{display:flex;flex-direction:column;gap:15px}.no-edge-cases{color:#999;font-size:18px;padding:40px;text-align:center}.edge-case-card{background:#fff3cd;border-left:4px solid #ff9800;border-radius:8px;padding:20px}.edge-case-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.edge-case-type{color:#333}.edge-case-type,.severity-badge{font-weight:700;text-transform:uppercase}.severity-badge{border-radius:12px;color:#fff;font-size:12px;padding:4px 12px}.edge-case-description{color:#666;margin-bottom:10px}.edge-case-link a{color:#2196f3;text-decoration:none}.edge-case-link a:hover{text-decoration:underline}.performance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{background:#f9f9f9}.metric-card h3{border-bottom:2px solid #2196f3;color:#333;padding-bottom:10px}.metric-value{font-size:36px;margin:20px 0}.auto-debug-tab{display:flex;flex-direction:column;gap:20px}.auto-debug-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.auto-debug-header h2{color:#333;margin:0}.auto-debug-filters{display:flex;flex-wrap:wrap;gap:10px}.auto-debug-filters button,.auto-debug-filters select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.auto-debug-filters button{background:#2196f3;border:none;color:#fff;cursor:pointer}.auto-debug-filters button:hover{background:#1976d2}.auto-debug-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.auto-debug-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1.5fr}.errors-list-panel{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;max-height:800px;overflow-y:auto;padding:20px}.errors-list-panel h3{border-bottom:2px solid #2196f3;color:#333;margin-top:0;padding-bottom:10px}.errors-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.error-item{background:#fff;border-radius:6px}.error-badges{align-items:center;display:flex;gap:8px}.recoverable-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px}.recovery-action{color:#2196f3;font-weight:500}.error-details-panel{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;max-height:800px;overflow-y:auto;padding:20px}.error-details-panel h3{border-bottom:2px solid #2196f3;color:#333;margin-top:0;padding-bottom:10px}.error-details-section{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:25px;padding:15px}.error-details-section h4{border-bottom:1px solid #e0e0e0;color:#333;margin-top:0;padding-bottom:8px}.detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{background:#f9f9f9;border-radius:4px;padding:8px}.suggested-fixes{list-style:none;padding:0}.suggested-fixes li{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-bottom:8px;padding:10px}.processing-flow{display:flex;flex-direction:column;gap:15px}.flow-stage{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.flow-stage-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.stage-number{align-items:center;background:#2196f3;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;width:30px}.stage-name{color:#333;flex:1 1;font-weight:700}.stage-status{border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.flow-stage-details{background:#fff;border-radius:4px;margin-left:40px;padding:10px}.flow-detail-item{font-size:13px;padding:5px 0}.flow-arrow{color:#2196f3;font-size:24px;margin:5px 0;text-align:center}.context-json,.stack-trace{background:#2d2d2d;border-radius:4px;color:#f8f8f2;font-size:12px;line-height:1.5;max-height:300px;overflow-x:auto;overflow-y:auto;padding:15px}.recovery-info{display:flex;flex-direction:column;gap:10px}.recovery-item{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;padding:10px}@media (max-width:1024px){.auto-debug-content{grid-template-columns:1fr}}@media (max-width:768px){.auto-debug-stats,.error-summary,.overview-grid,.performance-grid,.pipeline-stages,.services-grid{grid-template-columns:1fr}.dashboard-tabs{flex-wrap:wrap}.dashboard-tabs button{flex:1 1;min-width:100px}.auto-debug-header{align-items:stretch}.auto-debug-filters,.auto-debug-header{flex-direction:column}.auto-debug-filters button,.auto-debug-filters select{width:100%}}.lifecycle-dashboard{margin:0 auto;max-width:1400px;padding:20px}.dashboard-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.dashboard-header h1{color:#333;font-size:24px;margin:0}.header-controls{align-items:center;display:flex;gap:10px}.header-controls button,.time-range-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.header-controls button:hover{background:#f5f5f5}.header-controls button:disabled{cursor:not-allowed;opacity:.6}.dashboard-tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.dashboard-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.dashboard-tabs button:hover{color:#2196f3}.dashboard-tabs button.active{border-bottom-color:#2196f3;color:#2196f3;font-weight:700}.dashboard-content{background:#f9f9f9;border-radius:8px;min-height:500px;padding:20px}.overview-tab{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.health-card,.recovery-card,.statistics-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.health-card h2,.recovery-card h2,.statistics-card h2{color:#333;font-size:18px;margin-top:0}.health-score{display:flex;justify-content:center;margin:20px 0}.score-circle{height:120px;position:relative;width:120px}.score-circle,.score-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.score-inner{background:#fff;flex-direction:column;height:90px;width:90px}.score-value{color:#333;font-size:32px;font-weight:700}.score-label{color:#666;font-size:14px}.health-components{display:flex;flex-direction:column;gap:10px}.component-item{align-items:center;display:flex;gap:10px}.component-name{color:#666;font-size:13px;min-width:150px}.component-bar{align-items:center;background:#e0e0e0;border-radius:10px;display:flex;flex:1 1;height:20px;position:relative}.component-fill{border-radius:10px;height:100%;transition:width .3s}.component-value{color:#333;font-size:12px;font-weight:700;position:absolute;right:5px}.recovery-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.stat-item{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;flex-direction:column;padding:15px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.stat-box{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;flex-direction:column;padding:20px}.stat-label{margin-bottom:10px}.stat-number{color:#2196f3;font-size:32px;font-weight:700}.lifecycles-tab{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1.5fr}.lifecycles-list{display:flex;flex-direction:column;gap:10px;max-height:800px;overflow-y:auto}.lifecycle-item{background:#fff;border-left:4px solid #9e9e9e;border-radius:6px;cursor:pointer;padding:15px;transition:all .2s}.lifecycle-item:hover{background:#f0f0f0;transform:translateX(2px)}.lifecycle-item.selected{background:#e3f2fd;border-left-width:6px}.lifecycle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.error-type{font-size:14px}.lifecycle-badges{display:flex;gap:8px}.severity-badge,.status-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px}.lifecycle-message{color:#666;font-size:13px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lifecycle-timeline{color:#999;display:flex;font-size:11px;gap:15px}.lifecycle-details{background:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:800px;overflow-y:auto;padding:20px}.lifecycle-details h3{border-bottom:2px solid #2196f3;color:#333;margin-top:0;padding-bottom:10px}.details-section{margin-bottom:25px}.details-section h4{border-bottom:1px solid #e0e0e0;color:#333;margin-top:0;padding-bottom:8px}.timeline{border-left:2px solid #e0e0e0;gap:15px;padding-left:20px}.timeline,.timeline-item{display:flex;flex-direction:column}.timeline-item{gap:5px}.timeline-time{color:#999;font-size:12px}.timeline-event{color:#333;font-size:14px;font-weight:500}.timeline-result{border-radius:4px;display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.timeline-result.success{background:#4caf50;color:#fff}.timeline-result.failed{background:#f44336;color:#fff}.recovery-history{display:flex;flex-direction:column;gap:10px}.recovery-attempt{background:#f5f5f5;border-left:4px solid #2196f3;border-radius:6px;padding:10px}.attempt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.attempt-result{border-radius:4px;font-size:11px;font-weight:700;padding:2px 8px}.attempt-result.success{background:#4caf50;color:#fff}.attempt-result.failed{background:#f44336;color:#fff}.attempt-duration{color:#666;font-size:12px}.attempt-failures{margin-top:5px}.failure-reason{background:#ffebee;border-radius:4px;color:#c62828;display:inline-block;font-size:11px;margin-right:5px;padding:2px 6px}.fixes-list{display:flex;flex-direction:column;gap:10px}.fix-item{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:6px;padding:10px}.fix-header{align-items:center;color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:5px}.fix-description{color:#333;font-size:13px;margin-bottom:5px}.fix-effectiveness{color:#4caf50;font-size:12px;font-weight:700}.recovery-tab h2{color:#333;margin-top:0}.metrics-grid{margin-bottom:30px}.metric-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center}.metric-card h3{color:#666;font-size:14px;margin-bottom:10px;margin-top:0}.metric-value{color:#2196f3;font-size:32px;font-weight:700}.section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.section h3{border-bottom:1px solid #e0e0e0;color:#333;margin-top:0;padding-bottom:10px}.action-stats{display:flex;flex-direction:column;gap:15px}.action-item{background:#f9f9f9;border-radius:6px;padding:15px}.action-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.action-name{color:#333;font-weight:700}.action-success-rate{color:#2196f3;font-size:18px;font-weight:700}.action-bar{background:#e0e0e0;border-radius:10px;height:20px;margin-bottom:5px;position:relative}.action-fill{border-radius:10px;height:100%;transition:width .3s}.action-details{color:#666;display:flex;font-size:12px;gap:15px}.ineffective-list{display:flex;flex-direction:column;gap:10px}.ineffective-item{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;padding:15px}.ineffective-type{color:#856404;font-weight:700;margin-bottom:5px}.ineffective-action{color:#333;margin-bottom:5px}.ineffective-recommendation{color:#666;font-size:13px}.trends-chart{display:flex;flex-direction:column;gap:10px}.trend-item{align-items:center;display:flex;gap:15px}.trend-period{color:#666;font-size:12px;min-width:150px}.trend-bar{align-items:center;background:#e0e0e0;border-radius:4px;display:flex;flex:1 1;height:30px;position:relative}.trend-fill{border-radius:4px;height:100%;transition:width .3s}.trend-value{color:#333;font-size:12px;font-weight:700;position:absolute;right:10px}.health-tab h2{color:#333;margin-top:0}.health-score-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:30px;text-align:center}.health-score-card h3{color:#333;margin-bottom:20px;margin-top:0}.score-display{display:flex;justify-content:center}.score-circle-large{height:200px;position:relative;width:200px}.score-circle-large,.score-inner-large{align-items:center;border-radius:50%;display:flex;justify-content:center}.score-inner-large{background:#fff;height:160px;width:160px}.score-value-large{color:#333;font-size:64px;font-weight:700}.health-components-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.health-components-section h3{border-bottom:1px solid #e0e0e0;color:#333;margin-top:0;padding-bottom:10px}.components-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.component-card{background:#f9f9f9;border-radius:6px;padding:15px;text-align:center}.component-card h4{color:#666;font-size:12px;margin-bottom:10px;margin-top:0}.component-score{color:#2196f3;font-size:32px;font-weight:700;margin-bottom:10px}.component-bar-full{background:#e0e0e0;border-radius:10px;height:20px;overflow:hidden}.component-fill-full{border-radius:10px;height:100%;transition:width .3s}.degradation-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.degradation-section h3{border-bottom:1px solid #e0e0e0;color:#333;margin-top:0;padding-bottom:10px}.degradation-alert{border-radius:6px;margin-top:15px;padding:15px}.degradation-alert.degrading{background:#ffebee;border-left:4px solid #f44336}.degradation-alert.improving{background:#e8f5e9;border-left:4px solid #4caf50}.degradation-alert.stable{background:#f5f5f5;border-left:4px solid #9e9e9e}.degradation-score{display:flex;font-weight:700;gap:20px;margin-bottom:10px}.change.positive{color:#4caf50}.change.negative{color:#f44336}.degradation-warning{color:#c62828;font-weight:700}.degradation-info{color:#2e7d32;font-weight:700}.metrics-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.metrics-section h3{border-bottom:1px solid #e0e0e0;color:#333;margin-top:0;padding-bottom:10px}.metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.metric-item{background:#f9f9f9;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:10px}.metric-item span:first-child{color:#666}.metric-item span:last-child{color:#333;font-weight:700}@media (max-width:1024px){.lifecycles-tab{grid-template-columns:1fr}}@media (max-width:768px){.components-grid,.metrics-grid,.overview-tab{grid-template-columns:1fr}.dashboard-header{align-items:stretch;gap:15px}.dashboard-header,.header-controls{flex-direction:column}}.debug-dashboard{margin:0 auto;max-width:1400px;padding:20px}.debug-dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.debug-dashboard-header h2{margin:0}.debug-dashboard-controls{align-items:center;display:flex;gap:15px}.ws-status{border-radius:4px;font-size:12px;padding:5px 10px}.ws-status.connected{background:#4caf50;color:#fff}.ws-status.disconnected{background:#f44336;color:#fff}.debug-statistics{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:120px;padding:15px}.stat-label{color:#666;font-size:12px;margin-bottom:5px;text-transform:uppercase}.stat-value{color:#333;font-size:24px;font-weight:700}.debug-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.debug-filters input,.debug-filters select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.debug-filters input{flex:1 1;min-width:200px}.debug-filters button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.debug-filters button:hover{background:#1976d2}.debug-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.debug-errors-list{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.debug-errors-list h3{margin-top:0}.errors-list{max-height:600px;overflow-y:auto}.error-item{background:#f9f9f9;border-left:4px solid #9e9e9e;border-radius:4px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .2s}.error-item:hover{background:#f0f0f0;transform:translateX(2px)}.error-item.selected{background:#e3f2fd;border-left-width:6px}.error-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.error-type{color:#333;font-weight:700}.error-severity{font-size:12px;font-weight:700;text-transform:uppercase}.error-message{color:#666;font-size:14px;margin-bottom:8px}.error-meta{color:#999;display:flex;font-size:12px;gap:15px}.recoverable{color:#4caf50;font-weight:700}.debug-error-details{background:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:600px;overflow-y:auto;padding:20px}.debug-error-details h3{margin-top:0}.error-details-content{display:flex;flex-direction:column;gap:15px}.detail-section{background:#f9f9f9;border-radius:4px;padding:10px}.detail-section strong{color:#333;display:block;margin-bottom:5px}.detail-section pre{background:#fff;border-radius:4px;font-size:12px;max-height:300px;overflow-x:auto;overflow-y:auto;padding:10px}.stack-trace{font-size:11px;line-height:1.4}@media (max-width:1024px){.debug-content{grid-template-columns:1fr}}.developer-tools{background:#f5f5f5;min-height:100vh;padding:20px}.tools-header{background:#fff;border:2px solid #ff9800;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.tools-header h1{color:#333;font-size:28px;margin:0 0 10px}.tools-subtitle{color:#666;font-size:14px;margin:0 0 15px}.tools-warning{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;font-size:13px;font-weight:700;padding:10px 15px}.tools-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;margin-bottom:20px;padding:10px}.tools-tabs button{background:#f5f5f5;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.tools-tabs button:hover{background:#e0e0e0;color:#333}.tools-tabs button.active{background:#2196f3;box-shadow:0 2px 4px #2196f34d;color:#fff}.tools-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:600px;padding:20px}.tools-content .debug-dashboard,.tools-content .developer-dashboard,.tools-content .lifecycle-dashboard,.tools-content>div{padding:0}
/*# sourceMappingURL=main.b5bcd4fb.css.map*/