:root { --uae-gpa-calc-accent:#4361ee;--uae-gpa-calc-accent-deep:#3a56d4;--uae-gpa-calc-accent-light:#e6f0ff;--uae-gpa-calc-text:#1e293b;--uae-gpa-calc-bg:#f8f9fa;--uae-gpa-calc-white:#ffffff;--uae-gpa-calc-border:#e0e3e7;--uae-gpa-calc-danger:#e74c3c;--uae-gpa-calc-success:#2ecc71;--uae-gpa-calc-success-deep:#27ae60;--uae-gpa-calc-radius:5px;--uae-gpa-calc-spacing:1.5rem;--uae-gpa-calc-gap:0.65rem;} .uae-gpa-calc-subject-loading-spinner { display:none;border:5px solid var(--uae-gpa-calc-border);border-top:4px solid var(--uae-gpa-calc-accent) !important;border-radius:50%;width:20px;height:20px;animation:uae-gpa-calc-spin 0.8s linear infinite;margin:15px auto;} @keyframes uae-gpa-calc-spin { 0% { transform:rotate(0deg);} 100% { transform:rotate(360deg);} } .uae-gpa-calc-message-box { position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:var(--uae-gpa-calc-text);color:var(--uae-gpa-calc-white) !important;padding:12px 20px;border-radius:var(--uae-gpa-calc-radius);z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;} .uae-gpa-calc-message-box.show { opacity:1;visibility:visible;} .uae-gpa-calc-form { border:1px solid var(--uae-gpa-calc-border);border-radius:var(--uae-gpa-calc-radius);padding:var(--uae-gpa-calc-spacing);} .uae-gpa-calc-intro-section, .uae-gpa-calc-subject-intro, .uae-gpa-calc-result-intro { display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--uae-gpa-calc-gap);padding:15px 25px;margin:25px 0;background-color:var(--uae-gpa-calc-accent-light) !important;border-radius:var(--uae-gpa-calc-radius);} .uae-gpa-calc-section-title { color:var(--uae-gpa-calc-accent-deep) !important;font-size:1.2rem;font-weight:600;} .uae-gpa-calc-input-parent-group { width:100%;display:flex;gap:var(--uae-gpa-calc-gap);align-items:center;} .uae-gpa-calc-input-group { width:100%;margin-bottom:15px;} .uae-gpa-calc-input-group label { display:block;margin-bottom:8px;font-weight:500;font-size:0.9rem !important;color:var(--uae-gpa-calc-text);} .uae-gpa-calc-input.error, .uae-gpa-calc-select.error { border-color:var(--uae-gpa-calc-danger) !important;box-shadow:0 0 0 3px rgba(231, 76, 60, 0.2);} .uae-gpa-calc-error-message { display:block;color:var(--uae-gpa-calc-danger) !important;font-size:0.8rem;margin-top:5px;min-height:1.2em;} .uae-gpa-calc-subject-inputs { display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:var(--uae-gpa-calc-gap);} .uae-gpa-calc-subject-input-group { display:flex;flex-direction:column;gap:var(--uae-gpa-calc-gap);margin-bottom:10px;} .uae-gpa-calc-subject-input-group label { font-weight:500;font-size:0.9rem !important;color:var(--uae-gpa-calc-text);margin:0;} .uae-gpa-calc-results-section { border:1px solid var(--uae-gpa-calc-border);border-radius:var(--uae-gpa-calc-radius);padding:var(--uae-gpa-calc-spacing);} .uae-gpa-calc-overall-status { padding:20px;text-align:center;font-size:1.1rem;font-weight:600;border-radius:var(--uae-gpa-calc-radius);margin:0 0 25px 0;} .uae-gpa-calc-eligible-status { color:var(--uae-gpa-calc-success-deep) !important;background-color:rgba(46, 204, 113, 0.2);} .uae-gpa-calc-ineligible-status { color:var(--uae-gpa-calc-danger) !important;background-color:rgba(231, 76, 60, 0.2);} .uae-gpa-calc-eligible-list { display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--uae-gpa-calc-gap);} .uae-gpa-calc-result-card { padding:20px;border:1px solid var(--uae-gpa-calc-border);border-radius:var(--uae-gpa-calc-radius);display:flex;flex-direction:column;} .uae-gpa-calc-result-card h4 { color:var(--uae-gpa-calc-accent-deep) !important;font-size:1rem;margin-bottom:10px;font-weight:600;} .uae-gpa-calc-result-card p { font-size:0.9rem !important;color:var(--uae-gpa-calc-text);margin-bottom:5px;} .uae-gpa-calc-result-card .uae-gpa-calc-status { display:inline-block;padding:5px 10px;border-radius:var(--uae-gpa-calc-radius);font-weight:600;margin-top:10px;font-size:0.85rem !important;} .uae-gpa-calc-result-card .uae-gpa-calc-status.uae-gpa-calc-eligible-status { color:var(--uae-gpa-calc-success-deep) !important;background-color:rgba(46, 204, 113, 0.2);} .uae-gpa-calc-result-card .uae-gpa-calc-status.uae-gpa-calc-ineligible-status { color:var(--uae-gpa-calc-danger) !important;background-color:rgba(231, 76, 60, 0.2);} .uae-gpa-calc-actions, .uae-gpa-calc-button-group { display:flex;gap:var(--uae-gpa-calc-gap);margin-top:25px;} @media (max-width:550px) { .uae-gpa-calc-input-parent-group { flex-direction:column;} .uae-gpa-calc-eligible-list { grid-template-columns:1fr;} } @media (max-width:450px) { .uae-gpa-calc-actions { flex-direction:column;gap:var(--uae-gpa-calc-gap);} } @media (max-width:400px) { .uae-gpa-calc-subject-inputs { grid-template-columns:1fr;} .uae-gpa-calc-button-group { flex-direction:column;} }