.heatmap-view{padding:20px;max-width:1200px;margin:0 auto}.heatmap-view h2{margin-bottom:30px;color:#333}.heatmap-view.loading,.heatmap-view.error,.heatmap-view.empty{text-align:center;padding:40px;color:#666}.heatmap-view.error{color:#d32f2f}.time-distribution-summary,.subject-timings,.question-heatmap{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.time-distribution-summary h3,.subject-timings h3,.question-heatmap h3{margin:0 0 20px;color:#333}.distribution-bars{display:flex;flex-direction:column;gap:15px}.distribution-item{display:grid;grid-template-columns:150px 1fr 60px;gap:15px;align-items:center}.distribution-label{font-size:14px;color:#666;font-weight:500}.distribution-bar{height:30px;background:#e0e0e0;border-radius:4px;overflow:hidden}.distribution-fill{height:100%;transition:width .3s ease}.distribution-fill.fast{background:#4caf50}.distribution-fill.normal{background:#ff9800}.distribution-fill.slow{background:#f44336}.distribution-count{font-size:16px;font-weight:700;color:#333;text-align:right}.subject-timing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.subject-timing-card{padding:20px;background:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0}.subject-timing-card h4{margin:0 0 15px;color:#1976d2;font-size:18px}.timing-stat{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0}.timing-stat:last-child{border-bottom:none}.timing-label{color:#666;font-weight:500}.timing-value{color:#333;font-weight:700}.heatmap-legend{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.legend-color{width:20px;height:20px;border-radius:4px}.legend-color.fast{background:#4caf50}.legend-color.normal{background:#ff9800}.legend-color.slow{background:#f44336}.heatmap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.heatmap-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;padding:8px}.heatmap-cell:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003;z-index:10}.heatmap-cell.correct{border:2px solid #2e7d32}.heatmap-cell.incorrect{border:2px solid #c62828}.cell-number{font-size:12px;font-weight:700;color:#fff;margin-bottom:4px}.cell-time{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.cell-status{font-size:16px;color:#fff}@media (max-width: 768px){.distribution-item{grid-template-columns:1fr;gap:8px}.distribution-count{text-align:left}.subject-timing-cards{grid-template-columns:1fr}.heatmap-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.cell-number,.cell-time{font-size:10px}.cell-status{font-size:12px}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #1976d2;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.metric-title{font-size:14px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-icon{font-size:24px}.metric-value{font-size:36px;font-weight:700;color:#1976d2;margin-bottom:8px;line-height:1}.metric-subtitle{font-size:12px;color:#999;margin-bottom:8px}.metric-trend{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600;margin-top:10px}.metric-trend.trend-up{color:#4caf50}.metric-trend.trend-down{color:#f44336}.metric-trend.trend-neutral{color:#ff9800}.trend-icon{font-size:18px}.kpi-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.kpi-label{font-size:14px;color:#666;font-weight:500;margin-bottom:10px}.kpi-value{font-size:32px;font-weight:700;color:#333;margin-bottom:15px}.kpi-progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.kpi-progress-fill{height:100%;background:#1976d2;transition:width .3s ease}.kpi-max{font-size:12px;color:#999;text-align:right}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;text-align:center}.stat-label{font-size:14px;color:#666;font-weight:500;margin-bottom:10px}.stat-value{font-size:32px;font-weight:700;color:#1976d2;margin-bottom:10px}.stat-change{display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px;font-weight:600}.stat-change.positive{color:#4caf50}.stat-change.negative{color:#f44336}.change-icon{font-size:12px}@media (max-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:28px}.kpi-value,.stat-value{font-size:24px}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}}.chart-container{width:100%;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.recharts-wrapper{margin:0 auto}.recharts-legend-wrapper{padding-top:20px}.recharts-tooltip-wrapper{z-index:1000}.trend-analysis{padding:20px;max-width:1200px;margin:0 auto}.trend-analysis h2{margin-bottom:30px;color:#333}.trend-analysis.loading,.trend-analysis.error,.trend-analysis.empty{text-align:center;padding:40px;color:#666}.trend-analysis.error{color:#d32f2f}.performance-trend-section,.subject-trends-section,.prediction-section{margin-bottom:30px}.performance-trend-section h3,.subject-trends-section h3,.prediction-section h3{margin-bottom:20px;color:#333}.subject-trend-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.subject-trend-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.subject-trend-header{display:flex;justify-content:space-between;align-items:center}.subject-trend-header h4{margin:0;color:#1976d2;font-size:18px}.trend-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.prediction-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.prediction-item{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #f0f0f0}.prediction-item:last-child{border-bottom:none}.prediction-label{font-size:16px;color:#666;font-weight:500}.prediction-value{font-size:18px;color:#333;font-weight:700}@media (max-width: 768px){.subject-trend-cards{grid-template-columns:1fr}.prediction-item{flex-direction:column;gap:8px}.prediction-value{text-align:left}}.comparison-view{padding:20px;max-width:1200px;margin:0 auto}.comparison-view h2{margin-bottom:30px;color:#333}.test-selection{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.test-selection h3{margin:0 0 20px;color:#333}.test-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:400px;overflow-y:auto}.test-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f5f5f5;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease}.test-item:hover,.test-item.selected{background:#e3f2fd;border-color:#1976d2}.test-item input[type=checkbox]{cursor:pointer}.test-date{font-weight:500;color:#333;min-width:120px}.test-type{color:#666;text-transform:capitalize}.compare-button{width:100%;padding:15px;background:#1976d2;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.compare-button:hover:not(:disabled){background:#1565c0}.compare-button:disabled{background:#ccc;cursor:not-allowed}.comparison-error{padding:15px;background:#ffebee;border:1px solid #f44336;border-radius:8px;color:#c62828;margin-bottom:20px}.comparison-results{display:flex;flex-direction:column;gap:30px}.comparison-overview{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.comparison-overview h3{margin:0 0 20px;color:#333}.comparison-table{display:flex;flex-direction:column;gap:2px}.table-header{display:grid;grid-template-columns:150px repeat(3,1fr);gap:15px;padding:15px;background:#1976d2;border-radius:8px 8px 0 0;font-weight:600;color:#fff}.table-row{display:grid;grid-template-columns:150px repeat(3,1fr);gap:15px;padding:15px;background:#f5f5f5}.table-row:last-child{border-radius:0 0 8px 8px}.header-cell,.table-cell{text-align:left}.table-cell{color:#333;font-weight:500}.subject-comparison{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.subject-comparison h3{margin:0 0 20px;color:#333}.subject-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.subject-comparison-card{padding:20px;background:#f5f5f5;border-radius:8px}.subject-comparison-card h4{margin:0 0 15px;color:#1976d2;font-size:18px}.subject-comparison-bars{display:flex;flex-direction:column;gap:12px}.comparison-bar-item{display:flex;align-items:center;gap:10px}.bar-label{min-width:60px;font-size:12px;color:#666}.bar-container{flex:1;height:24px;background:#e0e0e0;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.bar-value{min-width:50px;text-align:right;font-weight:600;color:#333;font-size:14px}.improvements-section,.declines-section,.insights-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.improvements-section h3{margin:0 0 15px;color:#2e7d32}.declines-section h3{margin:0 0 15px;color:#c62828}.insights-section h3{margin:0 0 15px;color:#1976d2}.improvements-section ul,.declines-section ul,.insights-section ul{margin:0;padding-left:20px}.decline-item{margin:8px 0;color:#b71c1c;line-height:1.5}.insight-item{margin:8px 0;color:#0d47a1;line-height:1.5}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1fr;gap:8px}.subject-comparison-grid{grid-template-columns:1fr}.comparison-bar-item{flex-direction:column;align-items:flex-start}.bar-label,.bar-value{min-width:auto}}.progress-tracker{padding:20px;max-width:1200px;margin:0 auto}.progress-tracker h2{margin-bottom:30px;color:#333}.progress-tracker.loading,.progress-tracker.error,.progress-tracker.empty{text-align:center;padding:40px;color:#666}.progress-tracker.error{color:#d32f2f}.overall-progress{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.overall-progress h3{margin:0 0 20px;color:#333}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.progress-stat{display:flex;flex-direction:column;gap:8px;padding:15px;background:#f5f5f5;border-radius:8px}.stat-label{font-size:14px;color:#666;font-weight:500}.stat-value{font-size:24px;color:#1976d2;font-weight:700}.stat-value.positive{color:#4caf50}.stat-value.negative{color:#f44336}.subject-progress-section{margin-bottom:30px}.subject-progress-section h3{margin-bottom:20px;color:#333}.subject-progress-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.subject-progress-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.subject-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.subject-progress-header h4{margin:0;color:#1976d2;font-size:18px}.trend-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.trend-badge.trend-improving{background:#e8f5e9;color:#2e7d32}.trend-badge.trend-declining{background:#ffebee;color:#c62828}.trend-badge.trend-stable{background:#e3f2fd;color:#1565c0}.subject-progress-stats{margin-bottom:15px}.progress-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.progress-item:last-child{border-bottom:none}.item-label{color:#666;font-weight:500}.item-value{color:#333;font-weight:700}.recent-performance{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.recent-label{display:block;font-size:14px;color:#666;margin-bottom:10px;font-weight:500}.performance-bars{display:flex;gap:8px;align-items:flex-end;height:60px}.performance-bar-container{flex:1;height:100%;display:flex;align-items:flex-end}.performance-bar{width:100%;background:linear-gradient(180deg,#1976d2,#42a5f5);border-radius:4px 4px 0 0;min-height:5px;transition:height .3s ease}.test-history-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.test-history-section h3{margin:0 0 20px;color:#333}.test-history-list{display:flex;flex-direction:column;gap:10px}.test-history-item{display:grid;grid-template-columns:120px 1fr 100px 80px;gap:15px;padding:15px;background:#f5f5f5;border-radius:8px;align-items:center}.test-date{color:#666;font-size:14px}.test-type{color:#333;font-weight:500;text-transform:capitalize}.test-score{color:#1976d2;font-weight:700;text-align:right}.test-accuracy{color:#4caf50;font-weight:700;text-align:right}.improvement-areas,.weak-areas{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.improvement-areas h3{margin:0 0 15px;color:#2e7d32}.weak-areas h3{margin:0 0 15px;color:#c62828}.improvement-areas ul,.weak-areas ul{margin:0;padding-left:20px}.improvement-item{margin:8px 0;color:#1b5e20;line-height:1.5}.weak-item{margin:8px 0;color:#b71c1c;line-height:1.5}@media (max-width: 768px){.progress-stats{grid-template-columns:repeat(2,1fr)}.subject-progress-cards{grid-template-columns:1fr}.test-history-item{grid-template-columns:1fr;gap:8px}.test-score,.test-accuracy{text-align:left}}.subject-analysis{padding:20px;max-width:1200px;margin:0 auto}.subject-analysis h2{margin-bottom:30px;color:#333}.subject-analysis.loading,.subject-analysis.error,.subject-analysis.empty{text-align:center;padding:40px;color:#666}.subject-analysis.error{color:#d32f2f}.subject-selector{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.subject-button{padding:12px 24px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all .3s ease}.subject-button:hover{border-color:#1976d2;color:#1976d2}.subject-button.active{background:#1976d2;border-color:#1976d2;color:#fff}.subject-details{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.subject-header h3{margin:0 0 20px;color:#1976d2;font-size:24px}.subject-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;padding:20px;background:#f5f5f5;border-radius:8px}.summary-item{display:flex;flex-direction:column;gap:5px}.summary-label{font-size:14px;color:#666;font-weight:500}.summary-value{font-size:20px;color:#333;font-weight:700}.topic-breakdown{margin-bottom:30px}.topic-breakdown h4{margin:0 0 20px;color:#333;font-size:18px}.topic-list{display:flex;flex-direction:column;gap:15px}.topic-item{padding:15px;background:#fafafa;border-radius:8px;border:1px solid #e0e0e0}.topic-name{font-weight:600;color:#333;margin-bottom:8px}.topic-stats{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.topic-questions{color:#666}.topic-accuracy{color:#1976d2;font-weight:700}.topic-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.topic-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.strengths-weaknesses{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.strengths-section,.weaknesses-section{padding:20px;border-radius:8px}.strengths-section{background:#e8f5e9;border:1px solid #4caf50}.weaknesses-section{background:#ffebee;border:1px solid #f44336}.strengths-section h4{margin:0 0 15px;color:#2e7d32;font-size:16px}.weaknesses-section h4{margin:0 0 15px;color:#c62828;font-size:16px}.strengths-section ul,.weaknesses-section ul{margin:0;padding-left:20px}.strength-item{margin:8px 0;color:#1b5e20;line-height:1.5}.weakness-item{margin:8px 0;color:#b71c1c;line-height:1.5}@media (max-width: 768px){.subject-selector{flex-direction:column}.subject-button{width:100%}.subject-summary,.strengths-weaknesses{grid-template-columns:1fr}}.performance-dashboard{padding:20px;max-width:1200px;margin:0 auto}.performance-dashboard h2{margin-bottom:30px;color:#333}.performance-dashboard.loading,.performance-dashboard.error,.performance-dashboard.empty{text-align:center;padding:40px;color:#666}.performance-dashboard.error{color:#d32f2f}.metrics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 4px #0000001a}.metric-card h3{margin:0 0 10px;font-size:14px;color:#666;text-transform:uppercase}.metric-value{font-size:32px;font-weight:700;color:#1976d2;margin-bottom:5px}.metric-label{font-size:12px;color:#999}.subject-analysis-section{margin-bottom:30px}.subject-analysis-section h3{margin-bottom:20px;color:#333}.subject-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.subject-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.subject-card h4{margin:0 0 15px;color:#1976d2;font-size:18px}.subject-stats{margin-bottom:15px}.stat{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat:last-child{border-bottom:none}.stat-label{color:#666;font-weight:500}.stat-value{color:#333;font-weight:700}.subject-strengths,.subject-weaknesses{margin-top:15px}.subject-strengths strong{color:#4caf50}.subject-weaknesses strong{color:#f44336}.subject-strengths ul,.subject-weaknesses ul{margin:8px 0 0;padding-left:20px}.subject-strengths li,.subject-weaknesses li{margin:4px 0;font-size:14px}.time-management-section,.thinking-ability-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.time-management-section h3,.thinking-ability-section h3{margin:0 0 20px;color:#333}.time-stats,.thinking-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.time-stat,.thinking-stat{display:flex;justify-content:space-between;padding:12px;background:#f5f5f5;border-radius:4px}.time-label,.thinking-label{color:#666;font-weight:500}.time-value,.thinking-value{color:#1976d2;font-weight:700}.time-suggestions,.thinking-insights{margin-top:20px}.time-suggestions h4,.thinking-insights h4{margin:0 0 10px;color:#666;font-size:16px}.time-suggestions ul,.thinking-insights ul{margin:0;padding-left:20px}.time-suggestions li,.thinking-insights li{margin:8px 0;color:#555;line-height:1.5}@media (max-width: 768px){.metrics-overview{grid-template-columns:repeat(2,1fr)}.subject-cards,.time-stats,.thinking-stats{grid-template-columns:1fr}}