@import "https://fonts.googleapis.com/css2?family=Material+Icons&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Inter:wght@100..900&family=Tajawal:wght@400;500;700;800&display=swap";
.m_468e7eda{appearance:none;padding-top:0;padding-bottom:0}.m_468e7eda::-webkit-calendar-picker-indicator{display:none}.m_468e7eda::-webkit-clear-button{display:none}.m_468e7eda::-webkit-datetime-edit-hour-field{max-height:calc(1.875rem*var(--mantine-scale));padding-top:0;display:inline}.m_468e7eda::-webkit-datetime-edit-minute-field{max-height:calc(1.875rem*var(--mantine-scale));padding-top:0;display:inline}.m_468e7eda::-webkit-datetime-edit-second-field{max-height:calc(1.875rem*var(--mantine-scale));padding-top:0;display:inline}.m_468e7eda::-webkit-datetime-edit-ampm-field{max-height:calc(1.875rem*var(--mantine-scale));padding-top:0;display:inline}.m_468e7eda::-webkit-datetime-edit-hour-field:focus{background-color:var(--mantine-primary-color-filled);color:var(--mantine-color-white)}.m_468e7eda::-webkit-datetime-edit-minute-field:focus{background-color:var(--mantine-primary-color-filled);color:var(--mantine-color-white)}.m_468e7eda::-webkit-datetime-edit-second-field:focus{background-color:var(--mantine-primary-color-filled);color:var(--mantine-color-white)}.m_468e7eda::-webkit-datetime-edit-ampm-field:focus{background-color:var(--mantine-primary-color-filled);color:var(--mantine-color-white)}.m_7a8f1e6d{align-items:center;height:100%;display:flex;overflow:hidden}:where([dir=rtl]) .m_7a8f1e6d{flex-direction:row-reverse}.m_d6bb0a54{height:calc(var(--input-height) - 15px);align-items:center;display:flex}.m_b97ecb26{flex-direction:column;display:flex}.m_31fe42f9{gap:calc(.25rem*var(--mantine-scale));display:flex}.m_9c4817c3{padding:calc(.25rem*var(--mantine-scale))}.m_154c536b{text-align:center;border-radius:var(--mantine-radius-default);width:max-content;min-width:2.5em;height:2em;font-size:var(--control-font-size,var(--mantine-font-size-sm))}.m_154c536b:where([data-active]){background-color:var(--mantine-primary-color-filled);color:var(--mantine-color-white)}@media (hover:hover){.m_154c536b:hover:where(:not([data-active])){color:var(--mantine-color-bright)}:where([data-mantine-color-scheme=dark]) .m_154c536b:hover:where(:not([data-active])){background-color:var(--mantine-color-dark-5)}:where([data-mantine-color-scheme=light]) .m_154c536b:hover:where(:not([data-active])){background-color:var(--mantine-color-gray-1)}}@media (hover:none){.m_154c536b:active:where(:not([data-active])){color:var(--mantine-color-bright)}:where([data-mantine-color-scheme=dark]) .m_154c536b:active:where(:not([data-active])){background-color:var(--mantine-color-dark-5)}:where([data-mantine-color-scheme=light]) .m_154c536b:active:where(:not([data-active])){background-color:var(--mantine-color-gray-1)}}.m_7be09d0c{text-align:center;border-radius:var(--mantine-radius-default);height:2em;font-size:var(--control-font-size,var(--mantine-font-size-sm));padding-inline:.5em}.m_7be09d0c:where([data-active]){background-color:var(--mantine-primary-color-filled);color:var(--mantine-color-white)}@media (hover:hover){.m_7be09d0c:hover:where(:not([data-active])){color:var(--mantine-color-bright)}:where([data-mantine-color-scheme=dark]) .m_7be09d0c:hover:where(:not([data-active])){background-color:var(--mantine-color-dark-5)}:where([data-mantine-color-scheme=light]) .m_7be09d0c:hover:where(:not([data-active])){background-color:var(--mantine-color-gray-1)}}@media (hover:none){.m_7be09d0c:active:where(:not([data-active])){color:var(--mantine-color-bright)}:where([data-mantine-color-scheme=dark]) .m_7be09d0c:active:where(:not([data-active])){background-color:var(--mantine-color-dark-5)}:where([data-mantine-color-scheme=light]) .m_7be09d0c:active:where(:not([data-active])){background-color:var(--mantine-color-gray-1)}}.m_7d00001d+.m_7d00001d{margin-top:var(--mantine-spacing-sm)}.m_d8d918d7{margin-bottom:calc(.25rem*var(--mantine-scale));color:var(--mantine-color-dimmed);font-size:calc(var(--control-font-size,var(--mantine-font-size-sm)) - 2px);align-items:center;padding-inline-start:calc(.4375rem*var(--mantine-scale));font-weight:500;display:flex}.m_d8d918d7:after{content:"";width:100%;height:calc(.0625rem*var(--mantine-scale));flex:1;margin-inline-start:var(--mantine-spacing-xs)}:where([data-mantine-color-scheme=light]) .m_d8d918d7:after{background-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_d8d918d7:after{background-color:var(--mantine-color-dark-4)}.m_6b43ba88{caret-color:#0000;font-variant-numeric:tabular-nums;text-align:center;text-align-last:center;width:calc(2ch + .3em);height:100%;color:var(--input-color);border-radius:calc(.125rem*var(--mantine-scale));appearance:none;background-color:#0000;border:0;padding-inline:.15em;line-height:1;position:relative}.m_6b43ba88:where([data-am-pm]){width:auto}.m_6b43ba88:where(:disabled){cursor:not-allowed}.m_6b43ba88::selection{background-color:#0000}.m_6b43ba88::placeholder{opacity:1;color:inherit}.m_6b43ba88:focus{background-color:var(--mantine-primary-color-filled);color:var(--mantine-color-white);outline:0}.m_6b43ba88:focus::placeholder{color:var(--mantine-color-white)}.m_396ce5cb{--day-size-xs:calc(1.875rem*var(--mantine-scale));--day-size-sm:calc(2.25rem*var(--mantine-scale));--day-size-md:calc(2.625rem*var(--mantine-scale));--day-size-lg:calc(3rem*var(--mantine-scale));--day-size-xl:calc(3.375rem*var(--mantine-scale));--day-size:var(--day-size-sm);width:var(--day-size,var(--day-size-sm));height:var(--day-size,var(--day-size-sm));font-size:calc(var(--day-size)/2.8);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:var(--mantine-radius-default);color:var(--mantine-color-text);opacity:1;background-color:#0000;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){[data-mantine-color-scheme=light] .m_396ce5cb:hover:where(:not([data-static],[data-disabled],[data-selected],[data-in-range])){background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m_396ce5cb:hover:where(:not([data-static],[data-disabled],[data-selected],[data-in-range])){background-color:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m_396ce5cb:active:where(:not([data-static],[data-disabled],[data-selected],[data-in-range])){background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m_396ce5cb:active:where(:not([data-static],[data-disabled],[data-selected],[data-in-range])){background-color:var(--mantine-color-dark-5)}}.m_396ce5cb:where([data-static]){-webkit-user-select:auto;user-select:auto;cursor:default}.m_396ce5cb:where([data-weekend]){color:var(--mantine-color-red-6)}.m_396ce5cb:where([data-outside]){color:var(--mantine-color-dimmed);opacity:.5}.m_396ce5cb:where(:disabled,[data-disabled]){color:var(--mantine-color-disabled-color);cursor:not-allowed;opacity:.5}.m_396ce5cb:where([data-hidden]){display:none}:where([data-mantine-color-scheme=light]) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected],[data-in-range])){border:1px solid var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected],[data-in-range])){border:1px solid var(--mantine-color-dark-4)}.m_396ce5cb:where([data-in-range]){background-color:var(--mantine-primary-color-light-hover);border-radius:0}@media (hover:hover){.m_396ce5cb:where([data-in-range]):hover:where(:not([data-disabled],[data-static])){background-color:var(--mantine-primary-color-light)}}@media (hover:none){.m_396ce5cb:where([data-in-range]):active:where(:not([data-disabled],[data-static])){background-color:var(--mantine-primary-color-light)}}.m_396ce5cb:where([data-first-in-range]){border-radius:0;border-start-start-radius:var(--mantine-radius-default);border-end-start-radius:var(--mantine-radius-default)}.m_396ce5cb:where([data-last-in-range]){border-radius:0;border-start-end-radius:var(--mantine-radius-default);border-end-end-radius:var(--mantine-radius-default)}.m_396ce5cb:where([data-last-in-range][data-first-in-range]){border-radius:var(--mantine-radius-default)}.m_396ce5cb:where([data-selected]){background-color:var(--mantine-primary-color-filled);color:var(--mantine-primary-color-contrast)}@media (hover:hover){.m_396ce5cb:where([data-selected]):hover:where(:not([data-disabled],[data-static])){background-color:var(--mantine-primary-color-filled-hover)}}@media (hover:none){.m_396ce5cb:where([data-selected]):active:where(:not([data-disabled],[data-static])){background-color:var(--mantine-primary-color-filled-hover)}}.m_18a3eca{color:var(--mantine-color-dimmed);font-weight:400;font-size:var(--wr-fz,var(--mantine-font-size-sm));text-transform:capitalize;padding-bottom:calc(var(--wr-spacing,var(--mantine-spacing-sm))/2)}.m_cc9820d3{border-collapse:collapse;table-layout:fixed}.m_8f457cd5{padding:0}.m_8f457cd5:where([data-with-spacing]){padding:calc(.03125rem*var(--mantine-scale))}.m_6cff9dea{--wn-size-xs:calc(1.875rem*var(--mantine-scale));--wn-size-sm:calc(2.25rem*var(--mantine-scale));--wn-size-md:calc(2.625rem*var(--mantine-scale));--wn-size-lg:calc(3rem*var(--mantine-scale));--wn-size-xl:calc(3.375rem*var(--mantine-scale));color:var(--mantine-color-dimmed);font-weight:400;font-size:calc(var(--wn-size,var(--wn-size-sm))/2.8);text-align:center;width:var(--wn-size,var(--wn-size-sm))}.m_dc6a3c71{--dpc-size-xs:calc(1.875rem*var(--mantine-scale));--dpc-size-sm:calc(2.25rem*var(--mantine-scale));--dpc-size-md:calc(2.625rem*var(--mantine-scale));--dpc-size-lg:calc(3rem*var(--mantine-scale));--dpc-size-xl:calc(3.375rem*var(--mantine-scale));--dpc-size:var(--dpc-size-sm);font-size:var(--dpc-fz,var(--mantine-font-size-sm));height:var(--dpc-size);width:calc((var(--dpc-size)*7)/3 + calc(.09375rem*var(--mantine-scale)));-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--mantine-color-text);opacity:1;border-radius:var(--mantine-radius-default);background-color:#0000;justify-content:center;align-items:center;display:flex}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m_dc6a3c71:hover:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_dc6a3c71:hover:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-dark-5)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m_dc6a3c71:active:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_dc6a3c71:active:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-dark-5)}}.m_dc6a3c71:where(:disabled,[data-disabled]){color:var(--mantine-color-disabled-color);cursor:not-allowed;opacity:.5}.m_dc6a3c71:where([data-selected]){background-color:var(--mantine-primary-color-filled);color:var(--mantine-primary-color-contrast,var(--mantine-color-white))}@media (hover:hover){.m_dc6a3c71:where([data-selected]):hover{background-color:var(--mantine-primary-color-filled-hover)}}@media (hover:none){.m_dc6a3c71:where([data-selected]):active{background-color:var(--mantine-primary-color-filled-hover)}}.m_dc6a3c71:where([data-in-range]){background-color:var(--mantine-primary-color-light-hover);border-radius:0}@media (hover:hover){.m_dc6a3c71:where([data-in-range]):hover{background-color:var(--mantine-primary-color-light)}}@media (hover:none){.m_dc6a3c71:where([data-in-range]):active{background-color:var(--mantine-primary-color-light)}}.m_dc6a3c71:where([data-first-in-range]){border-radius:0;border-start-start-radius:var(--mantine-radius-default);border-end-start-radius:var(--mantine-radius-default)}.m_dc6a3c71:where([data-last-in-range]){border-radius:0;border-start-end-radius:var(--mantine-radius-default);border-end-end-radius:var(--mantine-radius-default)}.m_dc6a3c71:where([data-first-in-range][data-last-in-range]){border-radius:var(--mantine-radius-default)}.m_9206547b{border-collapse:collapse;border-width:0}.m_c5a19c7d{padding:0}.m_c5a19c7d:where([data-with-spacing]){padding:calc(.03125rem*var(--mantine-scale))}.m_2a6c32d{border-collapse:collapse;cursor:pointer;border-width:0}.m_fe27622f{padding:0}.m_fe27622f:where([data-with-spacing]){padding:calc(.03125rem*var(--mantine-scale))}.m_730a79ed{--dch-control-size-xs:calc(1.875rem*var(--mantine-scale));--dch-control-size-sm:calc(2.25rem*var(--mantine-scale));--dch-control-size-md:calc(2.625rem*var(--mantine-scale));--dch-control-size-lg:calc(3rem*var(--mantine-scale));--dch-control-size-xl:calc(3.375rem*var(--mantine-scale));--dch-control-size:var(--dch-control-size-sm);max-width:calc(var(--dch-control-size)*8 + calc(.4375rem*var(--mantine-scale)));margin-bottom:var(--mantine-spacing-xs);display:flex}.m_f6645d97,.m_2351eeb0{height:var(--dch-control-size);border-radius:var(--mantine-radius-default);-webkit-user-select:none;user-select:none;opacity:1;cursor:pointer;justify-content:center;align-items:center;display:flex}.m_f6645d97:where([data-static]),.m_2351eeb0:where([data-static]){cursor:default}@media (hover:hover){[data-mantine-color-scheme=light] .m_f6645d97:hover:where(:not([data-disabled],[data-static],:disabled)),[data-mantine-color-scheme=light] .m_2351eeb0:hover:where(:not([data-disabled],[data-static],:disabled)){background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m_f6645d97:hover:where(:not([data-disabled],[data-static],:disabled)),[data-mantine-color-scheme=dark] .m_2351eeb0:hover:where(:not([data-disabled],[data-static],:disabled)){background-color:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m_f6645d97:active:where(:not([data-disabled],[data-static],:disabled)),[data-mantine-color-scheme=light] .m_2351eeb0:active:where(:not([data-disabled],[data-static],:disabled)){background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m_f6645d97:active:where(:not([data-disabled],[data-static],:disabled)),[data-mantine-color-scheme=dark] .m_2351eeb0:active:where(:not([data-disabled],[data-static],:disabled)){background-color:var(--mantine-color-dark-5)}}.m_f6645d97:where(:disabled,[data-disabled]),.m_2351eeb0:where(:disabled,[data-disabled]){opacity:.2;cursor:not-allowed}.m_2351eeb0{width:var(--dch-control-size)}.m_f6645d97{font-size:var(--dch-fz,var(--mantine-font-size-sm));text-transform:capitalize;flex:1;font-weight:500}.m_367dc749{width:60%;height:60%}.m_367dc749:where([data-direction=next]){transform:rotate(270deg)}:where([dir=rtl]) .m_367dc749:where([data-direction=next]),.m_367dc749:where([data-direction=previous]){transform:rotate(90deg)}:where([dir=rtl]) .m_367dc749:where([data-direction=previous]){transform:rotate(270deg)}.m_30b26e33{gap:var(--mantine-spacing-md);display:flex}.m_6fa5e2aa{cursor:pointer;line-height:unset}.m_6fa5e2aa:where([data-read-only]){cursor:default}.m_765a40cf{font-size:var(--preset-font-size);display:flex}.m_d6a681e1{border-inline-end:calc(.0625rem*var(--mantine-scale))solid;flex-direction:column;margin-inline-end:.5em;padding-inline-end:.5em;display:flex}:where([data-mantine-color-scheme=light]) .m_d6a681e1{border-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_d6a681e1{border-color:var(--mantine-color-dark-5)}.m_acd30b22{border-radius:var(--mantine-radius-default);font-size:var(--preset-font-size);white-space:nowrap;padding:.52em .8em}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m_acd30b22:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_acd30b22:hover{background-color:var(--mantine-color-dark-5)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m_acd30b22:active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_acd30b22:active{background-color:var(--mantine-color-dark-5)}}.m_208d2562{margin-top:var(--mantine-spacing-md);align-items:stretch;display:flex}.m_62ee059{flex:1;margin-inline-end:var(--mantine-spacing-md)}.m_ac3f4d63{text-align:center;border:1px solid var(--mantine-color-default-border);background-color:var(--mantine-color-default);color:var(--mantine-color-default-color);border-radius:var(--time-grid-radius,var(--mantine-radius-default));font-size:var(--time-grid-fz,var(--mantine-font-size-sm));padding-block:.25em;padding-inline:1em}@media (hover:hover){.m_ac3f4d63:hover:where(:not([data-disabled])){background-color:var(--mantine-color-default-hover)}}@media (hover:none){.m_ac3f4d63:active:where(:not([data-disabled])){background-color:var(--mantine-color-default-hover)}}.m_ac3f4d63:where([data-active]){background-color:var(--mantine-primary-color-filled);color:var(--mantine-color-white);border-color:#0000}@media (hover:hover){.m_ac3f4d63:where([data-active]):hover:where(:not([data-disabled])){background-color:var(--mantine-primary-color-filled-hover)}}@media (hover:none){.m_ac3f4d63:where([data-active]):active:where(:not([data-disabled])){background-color:var(--mantine-primary-color-filled-hover)}}.m_ac3f4d63:where(:disabled,[data-disabled]){opacity:.5;cursor:not-allowed}.m_2a0c4eda{width:fit-content;font-size:var(--mini-calendar-font-size);align-items:center;display:flex}.m_2a05be4f{font-size:inherit;display:flex}.m_99d16a4{min-width:3em;font-size:inherit;border-radius:var(--mantine-radius-default);flex-direction:column;align-items:center;gap:.5em;padding:.75em;line-height:1;display:flex}.m_99d16a4:where([data-selected]){color:var(--mantine-primary-color-contrast);background-color:var(--mantine-primary-color-filled)}@media (hover:hover){.m_99d16a4:where([data-selected]):hover:where(:not([data-disabled],[data-static])){background-color:var(--mantine-primary-color-filled-hover)}}@media (hover:none){.m_99d16a4:where([data-selected]):active:where(:not([data-disabled],[data-static])){background-color:var(--mantine-primary-color-filled-hover)}}.m_99d16a4:where([data-disabled]){opacity:.3;cursor:not-allowed}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m_99d16a4:hover:where(:not([data-disabled],[data-selected])){background-color:var(--mantine-color-gray-1)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m_99d16a4:active:where(:not([data-disabled],[data-selected])){background-color:var(--mantine-color-gray-1)}}@media (hover:hover){:where([data-mantine-color-scheme=dark]) .m_99d16a4:hover:where(:not([data-disabled],[data-selected])){background-color:var(--mantine-color-dark-5)}}@media (hover:none){:where([data-mantine-color-scheme=dark]) .m_99d16a4:active:where(:not([data-disabled],[data-selected])){background-color:var(--mantine-color-dark-5)}}.m_176ca23c{opacity:.65;font-size:.75em;font-weight:500}.m_d830530d{font-size:.9em;font-weight:500}.m_14c23465{font-size:inherit;border-radius:var(--mantine-radius-default);width:2em;color:var(--mantine-color-bright);justify-content:center;align-self:stretch;align-items:center;display:flex}.m_14c23465:where([data-disabled]){opacity:.3;cursor:not-allowed}.m_14c23465 [data-chevron]{font-size:inherit;width:60%}.m_14c23465[data-direction=previous] [data-chevron]{transform:rotate(90deg)}[dir=rtl] .m_14c23465[data-direction=previous] [data-chevron],.m_14c23465[data-direction=next] [data-chevron]{transform:rotate(-90deg)}[dir=rtl] .m_14c23465[data-direction=next] [data-chevron]{transform:rotate(90deg)}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m_14c23465:hover:where(:not([data-disabled])){background-color:var(--mantine-color-gray-1)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m_14c23465:active:where(:not([data-disabled])){background-color:var(--mantine-color-gray-1)}}@media (hover:hover){:where([data-mantine-color-scheme=dark]) .m_14c23465:hover:where(:not([data-disabled])){background-color:var(--mantine-color-dark-5)}}@media (hover:none){:where([data-mantine-color-scheme=dark]) .m_14c23465:active:where(:not([data-disabled])){background-color:var(--mantine-color-dark-5)}}
.m_b37d9ac7{width:calc(100% - var(--mantine-spacing-md)*2);z-index:var(--notifications-z-index);max-width:var(--notifications-container-width);position:fixed}.m_b37d9ac7:where([data-position=top-center]){top:var(--mantine-spacing-md);left:50%;transform:translate(-50%)}.m_b37d9ac7:where([data-position=top-left]){top:var(--mantine-spacing-md);left:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=top-right]){top:var(--mantine-spacing-md);right:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=bottom-center]){bottom:var(--mantine-spacing-md);left:50%;transform:translate(-50%)}.m_b37d9ac7:where([data-position=bottom-left]){bottom:var(--mantine-spacing-md);left:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=bottom-right]){bottom:var(--mantine-spacing-md);right:var(--mantine-spacing-md)}.m_5ed0edd0+.m_5ed0edd0{margin-top:var(--mantine-spacing-md)}
:root{--color-primary:#17b0be;--color-primary-50:#e6fafa;--color-primary-100:#ccf5f4;--color-primary-200:#99ebea;--color-primary-300:#66e0df;--color-primary-400:#33d6d4;--color-primary-500:#1db5b0;--color-primary-600:#17b0be;--color-primary-700:#128a8f;--color-primary-800:#0d6466;--color-primary-900:#083e3d;--color-secondary:#1d4ed8;--color-secondary-50:#e7f0ff;--color-secondary-100:#d4e5ff;--color-secondary-200:#a8cbff;--color-secondary-300:#7cb1ff;--color-secondary-400:#5097ff;--color-secondary-500:#2563eb;--color-secondary-600:#1d4ed8;--color-secondary-700:#1e40af;--color-secondary-800:#1e3a8a;--color-secondary-900:#172554;--color-accent:#dc2626;--color-accent-50:#fde8e8;--color-accent-100:#fbd5d5;--color-accent-200:#f7b0b0;--color-accent-500:#dc2626;--color-accent-600:#b91c1c;--color-accent-700:#991b1b;--color-danger:#dc2626;--color-danger-50:#fde8e8;--color-danger-100:#fbd5d5;--color-danger-500:#dc2626;--color-danger-600:#b91c1c;--color-danger-700:#991b1b;--color-success:#10b981;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#10b981;--color-success-600:#059669;--color-warning:#f59e0b;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-text:#111827;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-text-inverse:#fff;--color-bg:transparent;--color-bg-secondary:#f9fafbcc;--color-bg-tertiary:#f3f4f6cc;--color-bg-elevated:#ffffffe6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-focus:#17b0be;--color-hover:#f3f4f6;--color-active:#e5e7eb;--color-focus-ring:#17b0be40;--color-disabled:#9ca3af;--color-disabled-bg:#f3f4f6;--color-primary-light-bg:#17b0be14;--color-primary-lighter-bg:#17b0be0a;--color-primary-soft-bg:#e6fafa;--gradient-primary:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-700)100%);--gradient-primary-light:linear-gradient(135deg,var(--color-primary-50)0%,var(--color-primary-100)100%);--gradient-card:linear-gradient(180deg,var(--color-primary-300)0%,var(--color-primary-600)100%);--gradient-surface:linear-gradient(180deg,#ffffffe6 0%,var(--color-primary-50)100%);--shadow-primary:0 4px 12px #17b0be26;--shadow-primary-lg:0 8px 24px #17b0be33;--font-scale:1;--theme-primary:var(--color-primary);--theme-secondary:var(--color-secondary);--theme-danger:var(--color-danger);--theme-success:var(--color-success);--theme-warning:var(--color-warning);--neutral-text:var(--color-text);--neutral-muted:var(--color-text-muted);--neutral-border:var(--color-border);--neutral-background:var(--color-bg)}.mantine-Button-root[data-variant=filled],.mantine-Button-root[data-variant=primary]{background-color:var(--theme-primary)!important}.mantine-Button-root[data-variant=light]{background-color:var(--color-primary-light-bg)!important;color:var(--theme-primary)!important}.mantine-ActionIcon-root[data-variant=filled],.mantine-Badge-root[data-variant=filled]{background-color:var(--theme-primary)!important}.mantine-NavLink-root[data-active=true]{background-color:var(--theme-primary)!important;color:#fff!important}.mantine-SegmentedControl-active{background-color:var(--theme-primary)!important}.mantine-Radio-root input:checked+.mantine-Radio-inner{border-color:var(--theme-primary)!important;background-color:var(--theme-primary)!important}.mantine-Switch-root input:checked+.mantine-Switch-track{background-color:var(--theme-primary)!important;border-color:var(--theme-primary)!important}.mantine-Alert-root[data-variant=filled]{background-color:var(--theme-primary)!important}.mantine-Notification-root[data-variant=filled],.mantine-Notification-root[data-variant=filled][data-color=primary]{background-color:var(--color-primary)!important}.mantine-Notification-root[data-variant=filled][data-color=success]{background-color:var(--color-success)!important}.mantine-Notification-root[data-variant=filled][data-color=danger]{background-color:var(--color-danger)!important}.mantine-Notification-root[data-variant=filled][data-color=warning]{background-color:var(--color-warning)!important}.mantine-Progress-bar{background-color:var(--theme-primary)!important}.mantine-Stepper-stepIcon[data-progress=true],.mantine-Stepper-stepIcon[data-completed=true]{background-color:var(--theme-primary)!important;border-color:var(--theme-primary)!important}html{font-size:calc(16px*var(--font-scale))}:root{--mantine-primary-color-filled:var(--color-primary);--mantine-primary-color-filled-hover:var(--color-primary-700);--mantine-primary-color-light:var(--color-primary-100);--mantine-primary-color-light-hover:var(--color-primary-200);--mantine-primary-color-light-color:var(--color-primary-700);--mantine-color-anchor:var(--color-primary)}body{color:var(--color-text);background:linear-gradient(#87ceeb 0%,#e0f6ff 50%,#c8e6c9 100%) fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #14b8a666}50%{box-shadow:0 0 0 8px #14b8a600}}@keyframes pulse-ring{0%,to{box-shadow:0 0 #4caf5066}50%{box-shadow:0 0 0 6px #4caf5000}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(400px)rotate(720deg)scale(.3)}}@keyframes trophyBounce{0%{opacity:0;transform:scale(0)rotate(-10deg)}50%{transform:scale(1.2)rotate(5deg)}70%{transform:scale(.9)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes statPop{0%{opacity:0;transform:scale(0)translateY(20px)}60%{transform:scale(1.15)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes btnShine{0%{background-position:-200%}to{background-position:200%}}@keyframes dialogScaleIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes progressFill{0%{width:0}}.confetti-particle{animation:2s ease-out forwards confettiFall}.trophy-bounce{animation:.7s cubic-bezier(.34,1.56,.64,1) .1s both trophyBounce}.stat-circle-pop{opacity:0;animation:.5s cubic-bezier(.34,1.56,.64,1) both statPop}.title-fade-in{animation:.5s ease-out .2s both titleFadeIn}.btn-shine{background-size:200%;animation:3s linear infinite btnShine}.tab-dialog-enter{animation:.4s cubic-bezier(.34,1.56,.64,1) both dialogScaleIn}.progress-fill-animate{animation:1s ease-out .8s both progressFill}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga";direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.video-recording-question{padding:30px 30px 0}.video-recording-question .description{margin-bottom:20px}.video-recording-question .row{flex-wrap:wrap;margin-left:-8px;margin-right:-8px;display:flex}.video-recording-question .col-md-8{flex:0 0 66.6667%;max-width:66.6667%;padding:0 8px}.video-recording-question .col-sm-6{flex:0 0 50%;max-width:50%;padding:0 8px 16px}.video-recording-question .col-12{flex:0 0 100%;max-width:100%;padding:0 8px 16px}@media (max-width:768px){.video-recording-question .col-md-8{flex:0 0 100%;max-width:100%}}@media (max-width:576px){.video-recording-question .col-sm-6{flex:0 0 100%;max-width:100%}}.video-recording-question .justify-content-center{justify-content:center!important}.video-recording-question .student-answer{background:#fff;border:2px solid #217a7366;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;column-gap:25px;width:100%;min-height:150px;margin-bottom:40px;padding:15px;display:flex}.video-recording-question .student-answer.wrong{border:2px solid #fa5252}.video-recording-question .student-answer.right{border:2px solid #51cf66}.video-recording-question .upload-document{flex-direction:column;align-items:center;row-gap:10px;display:flex}.video-recording-question .upload-document p{margin:0;font-weight:600}.video-recording-question .fas-file-input{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:50px;height:45px;transition:all .3s ease-in;display:flex;box-shadow:0 2px 4px #0000001a}.video-recording-question .fas-file-input.selected-file{color:#fff;background-color:#fa5252;border:2px solid #fa5252}.video-recording-question .fas-file-input.not-selected-file{color:#fff;background-color:#1e3a5f;border:2px solid #1e3a5f}.video-recording-question .fas-file-input:hover{transform:scale(1.05)}.video-recording-question .file-name{color:#e13d3d;text-align:center;word-break:break-all;max-width:200px;margin:0}.video-recording-question .student-answer h3{color:#333;text-align:center;margin:0;font-size:1.25rem}.video-recording-question .section-header{margin-bottom:15px;font-size:1.1rem;font-weight:600}.video-recording-question .student-history-answer{background:#fff;border:2px solid #217a7366;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:8px 12px;display:flex}.video-recording-question .student-history-answer.right{border:2px solid #51cf66}.video-recording-question .student-history-answer.wrong{border:2px solid #fa5252}.video-recording-question .student-history-answer .content{flex-direction:column;gap:4px;display:flex}.video-recording-question .file-number{margin:0;font-size:20px;font-weight:800}.video-recording-question .points{align-items:center;column-gap:8px;display:flex}.video-recording-question .coin-icon{font-size:20px}.video-recording-question .points p{margin:0;padding-top:4px;font-size:16px;font-weight:600}.video-recording-question .file-actions{align-items:center;column-gap:10px;display:flex}.video-recording-question .file-actions button{justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex}.video-recording-question .main-actions{justify-content:center;align-items:center;column-gap:20px;margin:20px 0 0;display:flex}.video-recording-question .teacher-comments-modal{flex-direction:column;justify-content:center;align-items:center;row-gap:20px;padding:20px;display:flex}.video-recording-question .teacher-comments-modal h4{text-align:center;margin:0;font-weight:500}.video-recording-question .teacher-comments-modal audio{width:100%;max-width:300px}.video-recording-question .text-comment{background:#f8f9fa;border-radius:8px;width:100%;padding:15px}.fill-in-gaps-type2-question{padding:30px 30px 0}.fill-in-gaps-type2-question .row{flex-wrap:wrap;margin:0 -8px;display:flex}.fill-in-gaps-type2-question .col-lg-3{flex:0 0 25%;max-width:25%;padding:8px}.fill-in-gaps-type2-question .col-md-4{flex:0 0 33.3333%;max-width:33.3333%;padding:8px}.fill-in-gaps-type2-question .col-sm-6,.fill-in-gaps-type2-question .col-6{flex:0 0 50%;max-width:50%;padding:8px}@media (max-width:992px){.fill-in-gaps-type2-question .col-lg-3{flex:0 0 33.3333%;max-width:33.3333%}}@media (max-width:768px){.fill-in-gaps-type2-question .col-md-4{flex:0 0 50%;max-width:50%}}@media (max-width:576px){.fill-in-gaps-type2-question .col-sm-6{flex:0 0 50%;max-width:50%}}.fill-in-gaps-type2-question .cards-wrapper{justify-content:center}.fill-in-gaps-type2-question .card-content{cursor:pointer;background:#fff;border-radius:12px;outline:2px solid #b1d2cf;flex-direction:column;justify-content:center;align-items:center;row-gap:25px;width:100%;height:100%;min-height:90px;padding:10px 15px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.fill-in-gaps-type2-question .card-content:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.fill-in-gaps-type2-question .card-content.with-image{min-height:200px}.fill-in-gaps-type2-question .card-content.wrong-option{outline:2px solid #fa5252;animation:.5s ease-in-out shake}.fill-in-gaps-type2-question .card-content.right-option{outline:2px solid #51cf66}.fill-in-gaps-type2-question .card-content .image{justify-content:center;align-items:center;display:flex}.fill-in-gaps-type2-question .card-content .image img{object-fit:contain;width:100%;max-width:125px;height:125px}.fill-in-gaps-type2-question .card-content .text{text-align:center;font-size:2rem;font-weight:600}.fill-in-gaps-type2-question .card-content .text h2{margin:0;font-size:2rem;font-weight:600}.fill-in-gaps-type2-question .options-wrapper{background:#fff;border-radius:8px;outline:2px dotted #b1d2cf;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:100%;margin-bottom:40px;padding:20px 10px;display:flex}.fill-in-gaps-type2-question .option{cursor:pointer;color:#1e3a5f;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;outline:1px solid #b1d2cf;flex:0 0 50px;justify-content:center;align-items:center;width:50px;min-height:50px;padding:5px;font-size:2rem;font-weight:600;transition:all .2s;display:flex}.fill-in-gaps-type2-question .option:hover:not(.assigned){background:#e8f4f3;transform:scale(1.05)}.fill-in-gaps-type2-question .option.selected{color:#fff;background:#b1d2cf;outline:2px solid #1e3a5f}.fill-in-gaps-type2-question .option.assigned{color:#fff;cursor:not-allowed;opacity:.8;background:#1e3a5f}.fill-in-gaps-type2-question .option h2{margin:0;font-size:2rem;font-weight:600}.fill-in-gaps-type2-question .main-actions{justify-content:center;align-items:center;column-gap:15px;width:100%;max-width:250px;margin:35px auto 0;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.d-flex{display:flex!important}.justify-content-center{justify-content:center!important}.p-4{padding:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.mb-4{margin-bottom:1.5rem!important}.font-cairo{font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-tajawal{font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-inter{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}