*{margin:0;padding:0;box-sizing:border-box;font-family:Raleway,sans-serif}body{background-color:#2f4960;background-image:linear-gradient(to bottom right,#2f4960 10%,#102040);font-family:Poppins,sans-serif}.app{display:flex;align-items:center;justify-content:center;min-height:100vh}.home{width:100%;max-width:400px;padding:50px 30px;background-color:#fff;border-radius:16px;text-align:center}.home h1{padding-bottom:15px}form{display:block;width:100%;max-width:400px;padding:50px 30px;background-image:linear-gradient(to bottom,#00bc7e,#108775);box-shadow:0 6px 12px #0003;border-radius:16px}form h1{color:#fff;font-size:36px;text-transform:uppercase;margin-bottom:30px}.err-msg{padding:10px 15px;background-color:#fff;border-radius:8px;margin-bottom:15px;color:red;box-shadow:0 6px 12px #0003}form .form-group{margin-bottom:30px}form label{display:block;color:#eee;font-size:14px;margin-bottom:5px;padding-bottom:5px}form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none}form input:not([type=submit]){display:block;width:100%;padding:15px;border-radius:8px;background-color:#0003;box-shadow:0 0 #0000;transition:.4s;color:#222;font-size:18px;font-weight:300}form input:not([type=submit])::placeholder{color:#ccc}form input:not([type=submit]):focus,form input:not([type=submit]):valid{background-color:#fff;box-shadow:0 6px 12px #0003}form input[type=submit]{display:block;width:100%;padding:15px;border-radius:8px;background-color:#2f4960;box-shadow:0 0 #0000;transition:.4s;color:#fff;font-size:20px;font-weight:700;cursor:pointer}.text-muted{color:#fbfcfd!important}.results-view{font-family:Tajawal,sans-serif;text-align:right;direction:rtl}@media (max-width: 768px){form,.home{max-width:90%;padding:30px 20px}}.results-view{font-family:Tajawal,sans-serif;background-color:#fff;border-radius:16px;padding:50px 30px;max-width:600px;margin:50px auto;box-shadow:0 6px 12px #0003;color:#333}.results-view h1{font-size:32px;margin-bottom:20px;color:#108775;font-family:Tajawal,sans-serif}.results-details{display:flex;justify-content:space-between;margin-bottom:15px;gap:20px}.results-details .left,.results-details .right{flex:1;display:flex;flex-direction:column}.results-details .left p,.results-details .right p{font-size:18px;margin-bottom:10px;color:#333}.results-details .left p{text-align:left;font-family:Tajawal,sans-serif;font-size:18px}.results-details .right p{text-align:right;direction:rtl}.results-details .right p strong{color:#2f4960;display:inline-block;margin-left:10px;width:100px;font-size:16px}.results-details .right .value{display:inline-block;text-align:left;margin-left:10px;white-space:nowrap;font-family:Tajawal,sans-serif;font-size:18px}.results-view .button-group{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.results-view .button-container{flex:1;text-align:center}.results-view .button-container a{display:inline-block;padding:10px 20px;background-color:transparent;border:2px solid #04AA6D;color:#04aa6d;font-size:16px;font-weight:700;text-decoration:none;border-radius:6px;transition:background-color .3s ease,color .3s ease,transform .3s ease;white-space:nowrap;width:100%;text-align:center}.results-view .button-container a:hover{background-color:#04aa6d;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.results-view .button-group{flex-direction:column;gap:10px}.results-view .button-container{width:100%}}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;width:100%;margin-top:20px;padding:10px}.results-grid li{padding:15px 20px;background-color:#f9f9f9;border:1px solid #ddd;font-size:18px;border-radius:8px;box-shadow:0 2px 5px #0000001a;transition:background-color .3s ease,transform .3s ease}.results-grid li:nth-child(2n){background-color:#fff}.results-grid li:hover{background-color:#f1f1f1;transform:translateY(-3px)}.grid-header{background-color:#2f4960;color:#fff;font-weight:700;text-align:left;padding:10px;font-size:20px;border-radius:8px 8px 0 0}.results-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;background-color:#fff}.results-table th,.results-table td{padding:12px 15px;border:1px solid #ddd;text-align:right;font-family:Tajawal,sans-serif}.results-table th{background-color:#2f4960;background-image:linear-gradient(to bottom,#00bc7e,#108775);color:#fff;font-size:18px}.results-table th:last-child{border-top-left-radius:12px}.results-table th:first-child{border-top-right-radius:12px}.results-table tr:last-child td:last-child{border-bottom-left-radius:12px}.results-table tr:last-child td:first-child{border-bottom-right-radius:12px}.results-table tr:nth-child(2n){background-color:#f9f9f9}.results-table tr:hover{background-color:#f1f1f1;transition:background-color .3s ease}@media print{.results-table th{background-color:#000!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.results-table td,.results-table th{border:.4px solid #2d2d2d}.results-table td{font-family:Tajawal,sans-serif!important}.results-view{background:none!important;padding:0!important;box-shadow:none!important;border:none!important}}.message{background:linear-gradient(to bottom,#00bc7e,#108775);color:#fff;padding:20px;border-radius:12px;font-size:18px;box-shadow:0 4px 10px #0000001a;margin:20px 0;line-height:1.6;font-family:Tajawal,sans-serif}.message p{color:#fff;font-size:18px;font-family:Tajawal,sans-serif;text-align:justify}@media print{.message{display:none}}@media print{.results-view .button-group{display:none}}.results-view .copyright{text-align:center;font-size:14px;color:#333;margin-top:20px;font-family:Tajawal,sans-serif}.results-view .copyright p{margin:0;padding-top:20px;text-align:center;direction:ltr;unicode-bidi:embed}.hide-for-pdf{display:none!important}.grade-counts{font-family:Tajawal,sans-serif;background-color:#f9f9f9;padding:15px 20px;border-radius:8px;margin:20px 0;box-shadow:0 2px 8px #0000001a;text-align:center;color:#333;font-size:18px;font-weight:500;line-height:1.6}.grade-counts p{margin:0;color:#2f4960}.grade-counts span{font-weight:700;color:#108775}@media (max-width: 768px){.grade-counts{font-size:16px;padding:10px 15px}.grade-counts p{line-height:1.4}}.school-results-view{font-family:Tajawal,sans-serif;background-color:#fff;border-radius:16px;padding:40px 30px;max-width:1000px;margin:50px auto;box-shadow:0 6px 12px #0003;color:#333;direction:rtl;text-align:right}.school-results-view h1{font-size:32px;margin-bottom:20px;color:#108775;font-family:Tajawal,sans-serif}.school-results-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;background-color:#fff;border-radius:12px;overflow:hidden;overflow-x:auto}.school-results-table th,.school-results-table td{padding:12px 15px;border:1px solid #ddd;text-align:center;font-family:Tajawal,sans-serif;font-size:16px}.school-results-table th{background-color:#2f4960;background-image:linear-gradient(to bottom,#00bc7e,#108775);color:#fff;font-size:18px}.school-results-table th:first-child{border-top-left-radius:12px}.school-results-table th:last-child{border-top-right-radius:12px}.school-results-table tr:last-child td:first-child{border-bottom-left-radius:12px}.school-results-table tr:last-child td:last-child{border-bottom-right-radius:12px}.school-results-table tr:nth-child(2n){background-color:#f9f9f9}.school-results-table tr:hover{background-color:#f1f1f1;transition:background-color .3s ease}@media (max-width: 768px){.school-results-view{max-width:100%;padding:20px 15px}.school-results-table th,.school-results-table td{font-size:14px}.school-results-table{font-size:12px;overflow-x:auto}.school-results-table td ul li{font-size:14px}.school-results-table th,.school-results-table td{padding:8px}.school-results-view h1{font-size:24px}}@media (max-width: 576px){.school-results-table{display:block;overflow-x:auto;white-space:nowrap}.school-results-table td,.school-results-table th{white-space:nowrap}.school-results-view .button-group{display:flex;flex-direction:column;gap:10px}.school-results-view .button-container{width:100%}}.school-results-table td ul{list-style:none;padding:0;margin:0}.school-results-table td ul li{padding:10px;background-color:#f9f9f9;border:1px solid #ddd;font-size:16px;border-radius:8px;margin-bottom:5px;font-family:Tajawal,sans-serif;color:#333;text-align:right}.school-results-table td ul li:hover{background-color:#f1f1f1;transform:translateY(-2px)}.school-results-view .button-container a{display:inline-block;padding:10px 20px;background-color:transparent;border:2px solid #04AA6D;color:#04aa6d;font-size:16px;font-weight:700;text-decoration:none;border-radius:6px;transition:background-color .3s ease,color .3s ease,transform .3s ease;white-space:nowrap;width:100%;text-align:center;margin-bottom:20px;margin-top:20px}.school-results-view .button-container a:hover{background-color:#04aa6d;color:#fff;transform:translateY(-2px)}.school-results-button-group{display:flex;flex-direction:column;gap:15px;margin-top:20px;margin-bottom:20px;text-align:center}.school-results-button-container{flex:1;text-align:center}.school-results-button-container a{display:inline-block;padding:12px 24px;background-color:transparent;border:2px solid #04AA6D;color:#04aa6d;font-size:16px;font-weight:700;text-decoration:none;border-radius:6px;transition:background-color .3s ease,color .3s ease,transform .3s ease;white-space:nowrap;width:100%;text-align:center;box-sizing:border-box}.school-results-button-container a:hover{background-color:#04aa6d;color:#fff;transform:translateY(-2px)}@media (min-width: 768px){.school-results-button-group{flex-direction:row;justify-content:space-between;gap:0}.school-results-button-container{flex-basis:30%;max-width:300px}.school-results-button-container a{width:100%;padding:12px 40px}}@media print{.school-results-button-group{display:none}}.responsive-header{width:100%;max-width:800px;height:auto;aspect-ratio:360 / 160;object-fit:contain;object-position:center;display:block;margin-left:auto;margin-right:auto}