.gpa-wrapper{max-width:1000px;margin:20px auto;font-family:"Segoe UI",Arial,sans-serif;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .08)}.gpa-wrapper h2{text-align:center;margin-bottom:20px;color:#2c3e50}.gpa-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.gpa-controls select,.gpa-controls input{padding:8px;width:180px;border:1px solid #ddd;border-radius:6px}.gpa-buttons{margin-bottom:12px;display:flex;gap:10px;flex-wrap:wrap}.btn{padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-weight:600;color:#fff;transition:all 0.2s}.btn.blue{background:#3498db}.btn.green{background:#27ae60}.btn.red{background:#e74c3c}.btn.primary{background:#9b59b6}.btn:hover{opacity:.85}#gpa-table{width:100%;border-collapse:collapse;margin-bottom:16px}#gpa-table th,#gpa-table td{border:1px solid #ddd;padding:8px;text-align:left}#gpa-table th{background:#f0f0f0}#gpa-table tr:hover{background:#fafafa}#gpa-table input,#gpa-table select{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px}.gpa-results{background:#f9f9f9;border-left:6px solid #9b59b6;padding:16px;border-radius:6px}.gpa-results strong{color:#2c3e50}#gpa-result,#cgpa-result{font-size:1.4em;font-weight:700;color:#27ae60}