:root{--dakhil-calc-accent:#4361ee;--dakhil-calc-accent-deep:#3a56d4;--dakhil-calc-accent-light:#e6f0ff;--dakhil-calc-text:#2b2d42;--dakhil-calc-bg:#f8f9fa;--dakhil-calc-white:#ffffff;--dakhil-calc-border:#e0e3e7;--dakhil-calc-danger:#e74c3c;--dakhil-calc-success:#2ecc71;--dakhil-calc-success-deep:#27ae60;--dakhil-calc-border-radius:3px;--dakhil-calc-spacing:1rem;--dakhil-calc-gap:0.6rem}.dakhil-gpa-calc-selection-container,.dakhil-gpa-calc-subject-row,.dakhil-gpa-calc-action-buttons,.dakhil-gpa-calc-result-section,.dakhil-gpa-calc-result-actions{background-color:var(--dakhil-calc-bg);border-radius:var(--dakhil-calc-border-radius);border:1px solid var(--dakhil-calc-border);padding:var(--dakhil-calc-spacing)}.dakhil-gpa-calc-selection-container{display:flex;align-items:center;gap:var(--dakhil-calc-gap)}.dakhil-gpa-calc-group-selection,.dakhil-gpa-calc-input-type{display:flex;flex-direction:column;gap:6px;width:100%}.dakhil-gpa-calc-input-lable{display:block;font-weight:600}.dakhil-gpa-calc-subjects-input{display:grid;grid-template-columns:1fr 1fr;gap:var(--dakhil-calc-gap)}.dakhil-gpa-calc-subject-row{position:relative;display:flex;flex-direction:column;gap:6px}.dakhil-gpa-calc-subject-row>label{display:block;font-weight:600}.dakhil-gpa-calc-subject-input-wrapper{position:relative;width:100%}.dakhil-gpa-calc-subject-input-wrapper .dakhil-gpa-calc-error-message{position:absolute;bottom:-20px;left:0;font-size:0.85rem!important;color:var(--dakhil-calc-danger)!important;display:none;padding:5px 0}.dakhil-gpa-calc-subject-input-wrapper.error .dakhil-gpa-calc-error-message{display:block}.dakhil-gpa-calc-hidden{display:none!important}.dakhil-gpa-calc-result-section{width:100%;margin-top:30px;display:flex;flex-direction:column;gap:var(--dakhil-calc-gap)}.dakhil-gpa-calc-result-header{color:var(--dakhil-calc-text);font-size:1.2rem;border-bottom:1px solid var(--dakhil-calc-border);padding-bottom:10px;margin:5px 0}.dakhil-gpa-calc-result-group{margin:10px 0;font-weight:600}.dakhil-gpa-calc-result-table-container{overflow-x:auto}.dakhil-gpa-calc-result-table{width:100%;border-collapse:collapse;margin-bottom:20px}.dakhil-gpa-calc-result-table th,.dakhil-gpa-calc-result-table td{border:1px solid var(--dakhil-calc-border);padding:12px;text-align:left;white-space:nowrap}.dakhil-gpa-calc-result-table th{background-color:var(--dakhil-calc-accent-light)!important;color:var(--dakhil-calc-accent-deep)!important;font-weight:600}.dakhil-gpa-calc-result-table tr:nth-child(even){background-color:#f6f6f6}.dakhil-gpa-calc-final-gpa{text-align:center;padding:15px 10px;border:1px solid var(--dakhil-calc-border);border-radius:var(--dakhil-calc-border-radius)}.dakhil-gpa-calc-final-gpa h3{font-size:1.3rem;font-weight:700;color:var(--dakhil-calc-accent)!important;margin-bottom:10px}.dakhil-gpa-calc-final-gpa p{color:var(--dakhil-calc-success-deep)!important;font-size:1.1rem;font-weight:600;margin:0}.dakhil-gpa-calc-promotional-main-heading{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:var(--dakhil-calc-text);border:1px solid var(--dakhil-calc-border);padding:1rem;text-align:center;background-color:var(--dakhil-calc-accent-light)}.dakhil-gpa-calc-promotional-section{margin-bottom:30px}.dakhil-gpa-calc-promotional-section-heading{font-size:1.3rem;font-weight:700;margin-bottom:var(--dakhil-calc-spacing);color:var(--dakhil-calc-accent)!important;padding-bottom:.5rem;border-bottom:1px solid var(--dakhil-calc-border)}.dakhil-gpa-calc-promotional-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--dakhil-calc-gap);margin-bottom:20px}.dakhil-gpa-calc-promotional-course-card{background-color:var(--dakhil-calc-accent-light);border:1px solid var(--dakhil-calc-border);border-radius:var(--dakhil-calc-border-radius);padding:var(--dakhil-calc-spacing);display:flex;flex-direction:column;gap:var(--dakhil-calc-gap);transition:all 0.2s ease}.dakhil-gpa-calc-promotional-course-card:hover{transform:translateY(-2px)}.dakhil-gpa-calc-promotional-course-name{font-size:1.1rem;color:var(--dakhil-calc-accent)!important;margin:0;font-weight:700;line-height:1.4}.dakhil-gpa-calc-promotional-course-description{color:var(--dakhil-calc-text);font-size:.95rem;line-height:1.5;margin:0;flex-grow:1}.dakhil-gpa-calc-promotional-promo-code{background-color:var(--dakhil-calc-white);padding:8px 12px;border:1px dashed var(--dakhil-calc-accent);border-radius:var(--dakhil-calc-border-radius);font-size:0.9rem!important}.dakhil-gpa-calc-promotional-promo-code strong{color:var(--dakhil-calc-success-deep)}.dakhil-gpa-calc-promotional-promo-code span{background-color:var(--dakhil-calc-white);padding:2px 8px;border-radius:3px;margin-left:5px;font-family:monospace;font-weight:700;color:var(--dakhil-calc-accent-deep)}.dakhil-gpa-calc-promotional-course-link{background-color:var(--dakhil-calc-accent)!important;width:100%!important;margin-top:5px;text-decoration:none;font-weight:500!important}.dakhil-gpa-calc-promotional-course-link:hover{background-color:var(--dakhil-calc-accent-deep)!important}.dakhil-gpa-calc-result-actions{display:flex;justify-content:start;align-items:center;gap:var(--dakhil-calc-gap)}.dakhil-gpa-calc-message-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);display:flex;justify-content:center;align-items:center;z-index:1000}.dakhil-gpa-calc-message-content{background-color:var(--dakhil-calc-white);padding:15px;border-radius:var(--dakhil-calc-border-radius);text-align:center;max-width:400px;width:90%}.dakhil-gpa-calc-message-content p{margin-bottom:10px;font-size:1rem;color:var(--dakhil-calc-text)}.dakhil-gpa-calc-message-content button{background-color:var(--dakhil-calc-accent)!important;color:var(--dakhil-calc-white)!important;padding:10px 25px;border:none;border-radius:var(--dakhil-calc-border-radius);cursor:pointer;font-weight:500}.dakhil-gpa-calc-message-content button:hover{background-color:var(--dakhil-calc-accent-deep)}@media (max-width:667px){.dakhil-gpa-calc-subjects-input{grid-template-columns:1fr}.dakhil-gpa-calc-promotional-main-heading{font-size:1.3rem}.dakhil-gpa-calc-promotional-section-heading{font-size:1.2rem}.dakhil-gpa-calc-promotional-course-name{font-size:1.15rem}}@media (max-width:450px){.dakhil-gpa-calc-selection-container{flex-direction:column}.dakhil-gpa-calc-promotional-main-heading{font-size:1.2rem}.dakhil-gpa-calc-promotional-section-heading{font-size:1.1rem}.dakhil-gpa-calc-promotional-course-name{font-size:1rem}.dakhil-gpa-calc-promotional-course-description{font-size:0.95rem!important}}
