.learning-metrics-display,.trend-visualization,.self-assessment-dashboard{background:var(--card-bg, #1a1d2e);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px #0000001a}.metrics-header,.trend-header,.assessment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.metrics-header h3,.trend-header h3,.assessment-header h3{margin:0;font-size:1.5rem;color:var(--text-primary, #e0e0e0)}.btn-refresh{padding:8px 16px;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-refresh:hover{background:var(--primary-hover, #5558e3);transform:translateY(-1px)}.learning-metrics-empty,.learning-metrics-loading{text-align:center;padding:40px 20px;color:var(--text-secondary, #9ca3af)}.metrics-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid var(--border-color, #2d3349)}.metrics-tabs .tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary, #9ca3af);cursor:pointer;font-size:1rem;transition:all .2s}.metrics-tabs .tab:hover{color:var(--text-primary, #e0e0e0)}.metrics-tabs .tab.active{color:var(--primary-color, #6366f1);border-bottom-color:var(--primary-color, #6366f1)}.metrics-tabs .tab:disabled{opacity:.5;cursor:not-allowed}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:var(--card-inner-bg, #232638);padding:20px;border-radius:8px;text-align:center;transition:transform .2s}.kpi-card:hover{transform:translateY(-2px)}.kpi-label{font-size:.85rem;color:var(--text-secondary, #9ca3af);margin-bottom:8px}.kpi-value{font-size:2rem;font-weight:700;color:var(--text-primary, #e0e0e0);margin-bottom:4px}.kpi-value.positive{color:var(--success-color, #10b981)}.kpi-value.negative{color:var(--error-color, #ef4444)}.kpi-value.neutral{color:var(--warning-color, #f59e0b)}.kpi-detail{font-size:.8rem;color:var(--text-secondary, #9ca3af)}.metrics-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color, #2d3349)}.metrics-section h4{margin-bottom:16px;color:var(--text-primary, #e0e0e0)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.metric-item{display:flex;justify-content:space-between;padding:12px 16px;background:var(--card-inner-bg, #232638);border-radius:6px}.metric-label{color:var(--text-secondary, #9ca3af)}.metric-value{font-weight:600;color:var(--text-primary, #e0e0e0)}.metric-value.positive{color:var(--success-color, #10b981)}.metric-value.negative{color:var(--error-color, #ef4444)}.strategy-cards,.market-condition-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}.strategy-card,.condition-card{background:var(--card-inner-bg, #232638);padding:20px;border-radius:8px;border-left:4px solid var(--primary-color, #6366f1)}.strategy-header,.condition-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.strategy-header h5,.condition-header h5{margin:0;font-size:1.1rem;color:var(--text-primary, #e0e0e0);text-transform:capitalize}.badge{padding:4px 12px;background:var(--primary-color, #6366f1);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.strategy-metrics,.condition-metrics{display:flex;flex-direction:column;gap:8px}.metric{display:flex;justify-content:space-between;font-size:.9rem}.metric span:first-child{color:var(--text-secondary, #9ca3af)}.metric strong{color:var(--text-primary, #e0e0e0)}.metric strong.positive{color:var(--success-color, #10b981)}.metric strong.negative{color:var(--error-color, #ef4444)}.pattern-section{margin-top:24px;padding:20px;background:var(--card-inner-bg, #232638);border-radius:8px}.pattern-section h5{margin-bottom:12px;color:var(--text-primary, #e0e0e0)}.insight-list{list-style:none;padding:0;margin:0}.insight-list li{padding:8px 0 8px 24px;position:relative;color:var(--text-secondary, #e5e7eb);line-height:1.6}.insight-list li:before{content:"→";position:absolute;left:0;color:var(--primary-color, #6366f1)}.trend-viz-empty,.trend-viz-loading,.trend-viz-error{text-align:center;padding:40px 20px;color:var(--text-secondary, #9ca3af)}.overall-trend{display:flex;align-items:center;padding:24px;border-radius:8px;margin-bottom:24px;border:2px solid}.overall-trend.trend-positive{background:#10b9811a;border-color:var(--success-color, #10b981)}.overall-trend.trend-negative{background:#ef44441a;border-color:var(--error-color, #ef4444)}.overall-trend.trend-neutral{background:#f59e0b1a;border-color:var(--warning-color, #f59e0b)}.trend-icon{font-size:3rem;margin-right:20px}.trend-details{flex:1}.trend-direction{font-size:1.5rem;font-weight:700;margin-bottom:4px}.trend-magnitude{font-size:1.2rem;color:var(--text-secondary, #9ca3af);margin-bottom:4px}.trend-confidence{font-size:.9rem;color:var(--text-secondary, #9ca3af)}.windows-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px}.window-card{background:var(--card-inner-bg, #232638);padding:20px;border-radius:8px}.window-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.window-header h5{margin:0;font-size:1.1rem;color:var(--text-primary, #e0e0e0)}.window-metrics{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.window-trends{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid var(--border-color, #2d3349)}.mini-trend{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary, #9ca3af)}.insights-section,.recommendations-section,.anomalies-section{margin-top:24px}.insights-section h4,.recommendations-section h4,.anomalies-section h4{margin-bottom:16px;color:var(--text-primary, #e0e0e0)}.insights-list,.recommendations-list{list-style:none;padding:0}.insight-item,.recommendation-item{display:flex;align-items:flex-start;padding:12px 16px;margin-bottom:8px;background:var(--card-inner-bg, #232638);border-radius:6px;line-height:1.6}.insight-item .icon,.recommendation-item .rec-icon{margin-right:12px;font-size:1.2rem;flex-shrink:0}.anomalies-list{display:flex;flex-direction:column;gap:12px}.anomaly-card{padding:16px;border-radius:8px;border-left:4px solid}.anomaly-card.severity-error{background:#ef44441a;border-color:var(--error-color, #ef4444)}.anomaly-card.severity-warning{background:#f59e0b1a;border-color:var(--warning-color, #f59e0b)}.anomaly-card.severity-info{background:#6366f11a;border-color:var(--primary-color, #6366f1)}.anomaly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.anomaly-metric{font-weight:600;color:var(--text-primary, #e0e0e0);text-transform:capitalize}.severity-badge{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700}.severity-badge.high{background:var(--error-color, #ef4444);color:#fff}.severity-badge.medium{background:var(--warning-color, #f59e0b);color:#fff}.severity-badge.low{background:var(--info-color, #3b82f6);color:#fff}.anomaly-details p{margin-bottom:8px;color:var(--text-secondary, #e5e7eb)}.anomaly-values{display:flex;gap:16px;font-size:.85rem;color:var(--text-secondary, #9ca3af)}.self-assessment-loading,.self-assessment-error{text-align:center;padding:40px 20px;color:var(--text-secondary, #9ca3af)}.performance-overview{margin-bottom:24px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.learning-rate-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color, #2d3349)}.learning-rate-card{background:var(--card-inner-bg, #232638);padding:20px;border-radius:8px}.rate-info{display:flex;justify-content:space-around;margin-bottom:20px}.current-rate,.recommended-rate{text-align:center}.rate-label{display:block;font-size:.85rem;color:var(--text-secondary, #9ca3af);margin-bottom:8px}.rate-value{display:block;font-size:2rem;font-weight:700;color:var(--text-primary, #e0e0e0);margin-bottom:4px}.rate-value.recommended{color:var(--primary-color, #6366f1)}.rate-mode{display:block;font-size:.9rem;color:var(--text-secondary, #9ca3af)}.rate-visualizer{margin:20px 0}.rate-track{position:relative;height:8px;background:linear-gradient(to right,#10b981,#f59e0b,#ef4444);border-radius:4px;margin-bottom:8px}.rate-marker{position:absolute;width:16px;height:16px;border-radius:50%;top:50%;transform:translate(-50%,-50%);border:3px solid white;z-index:2}.rate-marker.current{background:var(--text-primary, #e0e0e0)}.rate-marker.recommended{background:var(--primary-color, #6366f1)}.rate-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary, #9ca3af)}.btn-apply-rate{width:100%;padding:12px;margin-top:16px;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-apply-rate:hover{background:var(--primary-hover, #5558e3);transform:translateY(-1px)}.calibration-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color, #2d3349)}.calibration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:16px}.calibration-card{background:var(--card-inner-bg, #232638);padding:16px;border-radius:6px;text-align:center}.cal-range{font-size:1.1rem;font-weight:600;color:var(--primary-color, #6366f1);margin-bottom:8px}.cal-metrics{font-size:.85rem}.cal-success,.cal-sample,.cal-error{margin-bottom:4px;color:var(--text-secondary, #9ca3af)}.cal-error.high{color:var(--error-color, #ef4444);font-weight:600}.cal-error.low{color:var(--success-color, #10b981)}.adjustments-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color, #2d3349)}.adjustments-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.adjustment-item{padding:12px 16px;background:var(--card-inner-bg, #232638);border-radius:6px}.adj-header{display:flex;justify-content:space-between;margin-bottom:8px}.adj-date{font-size:.85rem;color:var(--text-secondary, #9ca3af)}.adj-change{font-weight:600;font-size:.9rem}.adj-change.increase{color:var(--success-color, #10b981)}.adj-change.decrease{color:var(--warning-color, #f59e0b)}.adj-reason{font-size:.85rem;color:var(--text-secondary, #e5e7eb);line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card-bg, #1a1d2e);border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color, #2d3349)}.modal-header h3{margin:0;font-size:1.5rem;color:var(--text-primary, #e0e0e0)}.btn-close{background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary, #9ca3af);cursor:pointer;padding:4px 8px;transition:color .2s}.btn-close:hover{color:var(--text-primary, #e0e0e0)}.suggestion-details{padding:20px 24px;background:var(--card-inner-bg, #232638);margin:20px 24px 0;border-radius:8px}.detail-row{display:flex;margin-bottom:12px}.detail-row:last-child{margin-bottom:0}.detail-label{font-weight:600;color:var(--text-secondary, #9ca3af);min-width:120px}.detail-value{color:var(--text-primary, #e0e0e0);flex:1}.feedback-section{padding:20px 24px}.section-label{display:block;font-weight:600;color:var(--text-primary, #e0e0e0);margin-bottom:12px}.rating-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rating-btn{display:flex;flex-direction:column;align-items:center;padding:20px 12px;background:var(--card-inner-bg, #232638);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.rating-btn:hover{background:var(--card-hover-bg, #2d3349)}.rating-btn.active{border-color:var(--primary-color, #6366f1);background:var(--card-hover-bg, #2d3349)}.rating-btn.success.active{border-color:var(--success-color, #10b981)}.rating-btn.failure.active{border-color:var(--error-color, #ef4444)}.rating-icon{font-size:2rem;margin-bottom:8px}.rating-label{font-weight:600;color:var(--text-primary, #e0e0e0);margin-bottom:4px}.rating-desc{font-size:.8rem;color:var(--text-secondary, #9ca3af);text-align:center}.impact-input-group{display:flex;align-items:center;gap:8px}.impact-input{flex:1;padding:12px 16px;background:var(--card-inner-bg, #232638);border:1px solid var(--border-color, #2d3349);border-radius:6px;color:var(--text-primary, #e0e0e0);font-size:1rem}.impact-input:focus{outline:none;border-color:var(--primary-color, #6366f1)}.input-suffix{color:var(--text-secondary, #9ca3af);font-weight:600}.input-hint{margin-top:8px;font-size:.85rem;color:var(--text-secondary, #9ca3af)}.comments-textarea{width:100%;padding:12px 16px;background:var(--card-inner-bg, #232638);border:1px solid var(--border-color, #2d3349);border-radius:6px;color:var(--text-primary, #e0e0e0);font-size:1rem;font-family:inherit;resize:vertical}.comments-textarea:focus{outline:none;border-color:var(--primary-color, #6366f1)}.modal-actions{display:flex;gap:12px;padding:24px;border-top:1px solid var(--border-color, #2d3349)}.btn-secondary{flex:1;padding:12px 24px;background:transparent;border:1px solid var(--border-color, #2d3349);color:var(--text-primary, #e0e0e0);border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--card-inner-bg, #232638)}.btn-primary{flex:1;padding:12px 24px;background:var(--primary-color, #6366f1);border:none;color:#fff;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--primary-hover, #5558e3);transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.kpi-grid,.kpi-row,.metrics-grid,.strategy-cards,.market-condition-cards,.windows-grid,.rating-buttons{grid-template-columns:1fr}.rate-info{flex-direction:column;gap:16px}.modal-actions{flex-direction:column}}.mt-4{margin-top:24px}.text-center{text-align:center}.text-success{color:var(--success-color, #10b981)}.text-error{color:var(--error-color, #ef4444)}.text-warning{color:var(--warning-color, #f59e0b)}.text-primary{color:var(--primary-color, #6366f1)}
