.echo-with-movement{pointer-events:none}.echo-container{transition:transform .1s ease-out;will-change:transform;-moz-user-select:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.echo-container.dragging{transition:none!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.15))}.echo-container.hovering{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1)) drop-shadow(0 0 8px rgba(147,51,234,.2))}.interaction-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.hover-ring{animation:ringPulse 1.5s ease-in-out infinite}@keyframes ringPulse{0%,to{transform:scale(1.1);opacity:.5}50%{transform:scale(1.15);opacity:.8}}.snap-indicator{pointer-events:none}.echo-container[data-privacy=true]{opacity:.6}.echo-container[data-emotion=happy]{animation:happyBounce 3s ease-in-out infinite}@keyframes happyBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}75%{transform:translateY(2px)}}.echo-container[data-emotion=excited]{animation:excitedShake 2s ease-in-out infinite}@keyframes excitedShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1px) rotate(-1deg)}75%{transform:translate(1px) rotate(1deg)}}.echo-container[data-emotion=thinking]{animation:thinkingTilt 4s ease-in-out infinite}@keyframes thinkingTilt{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}@media (max-width: 768px){.echo-container{min-width:60px;min-height:60px}}@media (prefers-color-scheme: dark){.echo-container{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.echo-container.hovering{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3)) drop-shadow(0 0 12px rgba(147,51,234,.4))}}@media (prefers-reduced-motion: reduce){.echo-container,.interaction-glow,.hover-ring{animation:none!important;transition:none!important}}.neural-analytics-dashboard{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .3s ease}.neural-analytics-dashboard.light{background:#f8f9fa;color:#2c3e50}.neural-analytics-dashboard.dark{background:#1a1a1a;color:#e0e0e0}.neural-analytics-dashboard.fullscreen{z-index:2000}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid;background:#ffffff0d;backdrop-filter:blur(10px)}.dark .dashboard-header{border-bottom-color:#333;background:#0000004d}.light .dashboard-header{border-bottom-color:#e0e0e0;background:#fffc}.dashboard-header h2{margin:0;font-size:1.5rem;font-weight:600}.header-controls{display:flex;align-items:center;gap:1rem}.time-range-selector,.refresh-controls select,.level-filter{padding:.5rem;border:1px solid;border-radius:4px;background:transparent;color:inherit;font-size:.875rem}.dark .time-range-selector,.dark .refresh-controls select,.dark .level-filter{border-color:#444;background:#2a2a2a}.light .time-range-selector,.light .refresh-controls select,.light .level-filter{border-color:#ccc;background:#fff}.refresh-controls{display:flex;align-items:center;gap:.5rem}.refresh-button,.clear-button,.export-button{padding:.5rem;border:none;border-radius:4px;background:#3498db;color:#fff;cursor:pointer;font-size:.875rem;transition:background .2s}.refresh-button:hover,.clear-button:hover,.export-button:hover{background:#2980b9}.auto-refresh{display:flex;align-items:center;gap:.25rem;font-size:.875rem;cursor:pointer}.view-controls{display:flex;gap:.5rem}.theme-toggle,.fullscreen-toggle{padding:.5rem;border:none;border-radius:4px;background:transparent;color:inherit;cursor:pointer;font-size:1rem}.theme-toggle:hover,.fullscreen-toggle:hover{background:#ffffff1a}.dashboard-tabs{display:flex;background:#ffffff0d;border-bottom:1px solid}.dark .dashboard-tabs{border-bottom-color:#333}.light .dashboard-tabs{border-bottom-color:#e0e0e0}.tab{padding:.75rem 1.5rem;border:none;background:transparent;color:inherit;cursor:pointer;font-size:.875rem;text-transform:capitalize;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{background:#ffffff1a}.tab.active{border-bottom-color:#3498db;background:#3498db1a}.dashboard-content{flex:1;overflow:auto;padding:1rem}.overview-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr;gap:1rem;height:100%}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;grid-column:1 / -1}.summary-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;background:#ffffff0d;border:1px solid}.dark .summary-card{border-color:#333;background:#ffffff08}.light .summary-card{border-color:#e0e0e0;background:#fff;box-shadow:0 2px 4px #0000001a}.card-icon{font-size:1.5rem}.card-content h4{margin:0 0 .25rem;font-size:.875rem;opacity:.8}.card-value{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.card-trend{font-size:.75rem;font-weight:500}.card-trend.up{color:#27ae60}.card-trend.down{color:#e74c3c}.quick-insights{padding:1rem;border-radius:8px;background:#ffffff0d;border:1px solid}.dark .quick-insights{border-color:#333}.light .quick-insights{border-color:#e0e0e0;background:#fff;box-shadow:0 2px 4px #0000001a}.quick-insights h3{margin:0 0 1rem;font-size:1rem}.insight-card{padding:.75rem;margin-bottom:.5rem;border-radius:6px;border-left:4px solid}.insight-card.low{border-left-color:#3498db;background:#3498db1a}.insight-card.medium{border-left-color:#f39c12;background:#f39c121a}.insight-card.high{border-left-color:#e74c3c;background:#e74c3c1a}.insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.insight-type{font-size:.75rem;text-transform:uppercase;opacity:.8}.insight-severity{font-size:.75rem;padding:.125rem .5rem;border-radius:12px;background:#fff3}.insight-card h4{margin:0 0 .5rem;font-size:.875rem}.insight-card p{margin:0 0 .5rem;font-size:.8rem;opacity:.9}.insight-recommendation{font-size:.75rem;padding:.5rem;border-radius:4px;background:#ffffff1a;margin-top:.5rem}.mini-charts{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mini-chart{padding:1rem;border-radius:8px;background:#ffffff0d;border:1px solid}.dark .mini-chart{border-color:#333}.light .mini-chart{border-color:#e0e0e0;background:#fff;box-shadow:0 2px 4px #0000001a}.mini-chart h4{margin:0 0 1rem;font-size:.875rem}.chart-placeholder{height:100px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:4px;font-size:2rem}.dashboard-status{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;border-top:1px solid;background:#ffffff0d;font-size:.875rem}.dark .dashboard-status{border-top-color:#333}.light .dashboard-status{border-top-color:#e0e0e0}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-indicator.connected{color:#27ae60}.status-indicator.disconnected{color:#e74c3c}.last-update,.alert-count{opacity:.8}.performance-metrics-panel{height:100%;display:flex;flex-direction:column;gap:1rem}.metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem;border-radius:8px;background:#ffffff0d;border:1px solid}.dark .metrics-summary{border-color:#333}.light .metrics-summary{border-color:#e0e0e0;background:#fff;box-shadow:0 2px 4px #0000001a}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-item .label{font-size:.75rem;opacity:.8}.summary-item .value{font-size:1.25rem;font-weight:600}.summary-item .value.success{color:#27ae60}.metrics-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem}.filter-input{flex:1;max-width:300px;padding:.5rem;border:1px solid;border-radius:4px;background:transparent;color:inherit}.dark .filter-input{border-color:#444;background:#2a2a2a}.light .filter-input{border-color:#ccc;background:#fff}.view-options{display:flex;gap:1rem}.view-options label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.metrics-table-container{flex:1;overflow:auto;border-radius:8px;border:1px solid}.dark .metrics-table-container{border-color:#333}.light .metrics-table-container{border-color:#e0e0e0}.metrics-table{width:100%;border-collapse:collapse;font-size:.875rem}.metrics-table th{padding:.75rem;text-align:left;background:#ffffff0d;border-bottom:1px solid;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .metrics-table th{border-bottom-color:#333}.light .metrics-table th{border-bottom-color:#e0e0e0;background:#f8f9fa}.metrics-table th:hover{background:#ffffff1a}.metrics-table td{padding:.75rem;border-bottom:1px solid}.dark .metrics-table td{border-bottom-color:#2a2a2a}.light .metrics-table td{border-bottom-color:#f0f0f0}.metrics-table tr:hover{background:#ffffff0d}.metrics-table tr.selected{background:#3498db1a;border-left:3px solid #3498db}.operation-name{font-weight:500}.count{text-align:right}.duration{text-align:right;font-family:Monaco,Consolas,monospace}.success-rate .good{color:#27ae60}.success-rate .warning{color:#f39c12}.success-rate .critical{color:#e74c3c}.health-indicator{display:flex;align-items:center;gap:.5rem}.health-bar{width:50px;height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}.health-fill{height:100%;transition:width .3s ease}.health-indicator.excellent .health-fill{background:#27ae60}.health-indicator.good .health-fill{background:#2ecc71}.health-indicator.warning .health-fill{background:#f39c12}.health-indicator.critical .health-fill{background:#e74c3c}.health-score{font-size:.75rem;font-weight:500}.operation-details{padding:1rem;border-radius:8px;background:#ffffff0d;border:1px solid;margin-top:1rem}.dark .operation-details{border-color:#333}.light .operation-details{border-color:#e0e0e0;background:#fff;box-shadow:0 2px 4px #0000001a}.operation-details h3{margin:0 0 1rem;font-size:1rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item .label{font-size:.75rem;opacity:.8}.detail-item .value{font-size:1rem;font-weight:500}.detail-item .value.success{color:#27ae60}.detail-item .value.error{color:#e74c3c}.performance-distribution{margin-top:1rem}.performance-distribution h4{margin:0 0 1rem;font-size:.875rem}.latency-histogram{display:flex;align-items:end;gap:2px;height:100px;padding:.5rem;background:#ffffff0d;border-radius:4px}.histogram-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.bar{width:100%;background:#3498db;border-radius:2px 2px 0 0;transition:all .2s;cursor:pointer}.bar:hover{background:#2980b9}.bar-label{font-size:.6rem;opacity:.8;writing-mode:vertical-lr;text-orientation:mixed}.no-data{display:flex;align-items:center;justify-content:center;height:100px;opacity:.6;font-style:italic}.debug-console{height:100%;display:flex;flex-direction:column;font-family:Monaco,Consolas,monospace;font-size:.875rem}.console-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid}.dark .console-header{border-bottom-color:#333}.light .console-header{border-bottom-color:#e0e0e0}.header-left{display:flex;align-items:center;gap:1rem}.header-left h3{margin:0;font-size:1rem;font-family:Inter,sans-serif}.connection-status{font-size:.75rem;padding:.25rem .5rem;border-radius:12px}.connection-status.connected{color:#27ae60;background:#27ae601a}.connection-status.disconnected{color:#e74c3c;background:#e74c3c1a}.console-content{flex:1;display:grid;grid-template-columns:300px 1fr;overflow:hidden}.system-state-panel{padding:1rem;border-right:1px solid;overflow-y:auto}.dark .system-state-panel{border-right-color:#333;background:#ffffff05}.light .system-state-panel{border-right-color:#e0e0e0;background:#f8f9fa}.system-state-panel h4{margin:0 0 1rem;font-size:.875rem;font-family:Inter,sans-serif}.state-grid{display:flex;flex-direction:column;gap:.75rem}.state-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:4px;background:#ffffff0d}.state-item .label{font-size:.75rem;opacity:.8}.state-item .value{font-weight:500}.state-item .value.good{color:#27ae60}.state-item .value.warning{color:#f39c12}.state-item .value.critical{color:#e74c3c}.no-state{padding:1rem;text-align:center;opacity:.6;font-style:italic}.logs-panel{display:flex;flex-direction:column;overflow:hidden}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid}.dark .logs-header{border-bottom-color:#333}.light .logs-header{border-bottom-color:#e0e0e0}.logs-header h4{margin:0;font-size:.875rem;font-family:Inter,sans-serif}.logs-info{font-size:.75rem;opacity:.8}.logs-container{flex:1;overflow-y:auto;padding:.5rem}.no-logs{display:flex;align-items:center;justify-content:center;height:200px;opacity:.6;font-style:italic}.log-entry{margin-bottom:.25rem;border-radius:4px;overflow:hidden}.log-entry.error{border-left:3px solid #e74c3c}.log-entry.warn{border-left:3px solid #f39c12}.log-entry.info{border-left:3px solid #3498db}.log-entry.debug{border-left:3px solid #95a5a6}.log-entry.trace{border-left:3px solid #9b59b6}.log-main{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;transition:background .2s}.log-main:hover{background:#ffffff0d}.log-timestamp{font-size:.7rem;opacity:.6;min-width:80px}.log-level{font-size:.7rem;font-weight:600;min-width:50px}.log-category{font-size:.7rem;opacity:.8;min-width:80px}.log-source{font-size:.7rem;opacity:.6;min-width:60px}.log-message{flex:1;font-size:.8rem}.expand-indicator{font-size:.7rem;opacity:.6}.log-data{padding:.5rem 1rem;background:#ffffff0d;border-top:1px solid;overflow-x:auto}.dark .log-data{border-top-color:#333}.light .log-data{border-top-color:#e0e0e0}.log-data pre{margin:0;font-size:.75rem;opacity:.9}.command-panel{border-top:2px solid;background:#ffffff0d}.dark .command-panel{border-top-color:#333}.light .command-panel{border-top-color:#e0e0e0;background:#f8f9fa}.command-form{display:flex;align-items:center;padding:.75rem;gap:.5rem}.command-prompt{font-weight:600;color:#3498db}.command-input{flex:1;padding:.5rem;border:1px solid;border-radius:4px;background:transparent;color:inherit;font-family:inherit}.dark .command-input{border-color:#444;background:#2a2a2a}.light .command-input{border-color:#ccc;background:#fff}.command-input:focus{outline:none;border-color:#3498db}.command-form button{padding:.5rem 1rem;border:none;border-radius:4px;background:#3498db;color:#fff;cursor:pointer}.command-form button:disabled{opacity:.5;cursor:not-allowed}.command-help{padding:.5rem .75rem;font-size:.75rem;opacity:.6;border-top:1px solid}.dark .command-help{border-top-color:#333}.light .command-help{border-top-color:#e0e0e0}.loading{display:flex;align-items:center;justify-content:center;height:200px}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{opacity:.6;font-style:italic}@media (max-width: 1200px){.overview-grid{grid-template-columns:1fr}.console-content{grid-template-columns:250px 1fr}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem}.header-controls{flex-wrap:wrap}.console-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.summary-cards,.mini-charts{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dark ::-webkit-scrollbar-thumb{background:#ffffff1a}.dark ::-webkit-scrollbar-thumb:hover{background:#fff3}.light ::-webkit-scrollbar-thumb{background:#0003}.light ::-webkit-scrollbar-thumb:hover{background:#0000004d}