.summary-card{border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.05)}
.summary-value{font-size:2rem;font-weight:700;}
.chart-container{height:350px;margin-top:20px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.exam-accordion{border-radius:12px;overflow:hidden;margin-bottom:16px;background-color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.07);border:1px solid #e5e7eb}
.exam-header{color:#fff;padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600}
.exam-header .accordion-icon{transition:transform .3s ease}
.exam-header.active .accordion-icon{transform:rotate(180deg)}
.exam-content{background-color:#fff;padding:0;display:grid;grid-template-columns:2fr 1fr;gap:24px;max-height:0;overflow:hidden;transition:max-height .4s ease-out,padding .4s ease-out}
.exam-content.active{padding:24px;max-height:1000px}
@media (max-width:900px){.exam-content{grid-template-columns:1fr}}
.performance-section h4,.chart-section h4{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:16px}
.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (max-width:500px){.subject-grid{grid-template-columns:1fr}}
.subject-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}
.subject-card .subject-name{font-weight:500;color:#4b5563}
.subject-card .net-score{font-size:1.75rem;font-weight:700;color:#111827;line-height:1}
.subject-card .stats-text{font-size:.875rem;color:#6b7280}
.progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}
.progress-fill{height:100%;border-radius:9999px}
.chart-section .chart-container{border:1px solid #e5e7eb;box-shadow:none;margin-top:0;height:auto}