.gth-grade-calculator .gth-tabs { display: flex; gap: var(--gth-space-2); margin-bottom: var(--gth-space-4); }
.gth-grade-calculator .gth-tab { padding: var(--gth-space-2) var(--gth-space-4); border: 1px solid var(--gth-border); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); cursor: pointer; }
.gth-grade-calculator .gth-tab-active { background: var(--gth-primary); color: white; border-color: var(--gth-primary); }
.gth-grade-calculator .gth-tab-content { display: none; }
.gth-grade-calculator .gth-tab-content-active { display: block; }
.gth-grade-calculator .gth-form-row { display: flex; gap: var(--gth-space-4); }
.gth-grade-calculator .gth-form-half { flex: 1; }
.gth-grade-calculator .gth-weighted-list { display: flex; flex-direction: column; gap: var(--gth-space-2); margin-bottom: var(--gth-space-4); }
.gth-grade-calculator .gth-weighted-row { display: flex; gap: var(--gth-space-2); align-items: center; }
.gth-grade-calculator .gth-weighted-row .gth-input { flex: 1; }
.gth-grade-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; }
.gth-grade-calculator .gth-btn-secondary { margin-bottom: var(--gth-space-4); }
.gth-grade-calculator .gth-grade-result { display: flex; align-items: center; justify-content: center; gap: var(--gth-space-4); padding: var(--gth-space-6); background: var(--gth-primary); color: white; border-radius: var(--gth-radius-lg); }
.gth-grade-calculator .gth-grade-percent { font-size: 3rem; font-weight: 700; }
.gth-grade-calculator .gth-grade-letter { font-size: 3rem; font-weight: 700; padding: var(--gth-space-2) var(--gth-space-4); background: rgba(255,255,255,0.2); border-radius: var(--gth-radius-md); }