.gth-gpa-calculator .gth-courses-list { display: flex; flex-direction: column; gap: var(--gth-space-3); margin-bottom: var(--gth-space-4); }
.gth-gpa-calculator .gth-course-row { display: flex; gap: var(--gth-space-2); align-items: center; }
.gth-gpa-calculator .gth-course-name { flex: 2; }
.gth-gpa-calculator .gth-course-grade { flex: 1; min-width: 80px; }
.gth-gpa-calculator .gth-course-credits { flex: 1; min-width: 80px; }
.gth-gpa-calculator .gth-btn-icon { width: 36px; height: 36px; padding: 0; border: 1px solid var(--gth-border); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-sm); cursor: pointer; font-size: 1.25rem; }
.gth-gpa-calculator .gth-btn-icon:hover { background: var(--gth-error); color: white; border-color: var(--gth-error); }
.gth-gpa-calculator .gth-btn-secondary { margin-bottom: var(--gth-space-4); }
.gth-gpa-calculator .gth-gpa-result { text-align: center; padding: var(--gth-space-6); background: var(--gth-primary); color: white; border-radius: var(--gth-radius-lg); margin-bottom: var(--gth-space-4); }
.gth-gpa-calculator .gth-gpa-label { font-size: var(--gth-text-sm); display: block; opacity: 0.9; }
.gth-gpa-calculator .gth-gpa-value { font-size: 4rem; font-weight: 700; display: block; line-height: 1.1; }
.gth-gpa-calculator .gth-gpa-scale { font-size: var(--gth-text-sm); opacity: 0.9; }
.gth-gpa-calculator .gth-gpa-details { display: flex; justify-content: center; gap: var(--gth-space-6); font-size: var(--gth-text-sm); }
@media (max-width: 480px) { .gth-gpa-calculator .gth-course-row { flex-wrap: wrap; } .gth-gpa-calculator .gth-course-name { flex: 100%; } }