html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}@font-face{font-family:Almarai;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/almarai/v19/tsstApxBaigK_hnnQ1iFo0C3.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Almarai;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/almarai/v19/tsstApxBaigK_hnnQ12Fow.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Almarai;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/almarai/v19/tssoApxBaigK_hnnS-agtnqWo572.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Almarai;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/almarai/v19/tssoApxBaigK_hnnS-agtn-Wow.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/amiri/v30/J7aRnpd8CGxBHpUrtLMA7w.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/amiri/v30/J7aRnpd8CGxBHpUgtLMA7w.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/amiri/v30/J7aRnpd8CGxBHpUutLM.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/amiri/v30/J7acnpd8CGxBHp2VkaY6zp5yGw.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/amiri/v30/J7acnpd8CGxBHp2VkaYxzp5yGw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/amiri/v30/J7acnpd8CGxBHp2VkaY_zp4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/scheherazadenew/v20/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwFmO24p.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/scheherazadenew/v20/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwpmO24p.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/scheherazadenew/v20/4UaZrFhTvxVnHDvUkUiHg8jprP4DOwRmOw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/scheherazadenew/v20/4UaerFhTvxVnHDvUkUiHg8jprP4DM79DLlQI-bKn.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/scheherazadenew/v20/4UaerFhTvxVnHDvUkUiHg8jprP4DM79DLl8I-bKn.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/scheherazadenew/v20/4UaerFhTvxVnHDvUkUiHg8jprP4DM79DLlEI-Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-color: #4a90e2;--accent-color: #f7c948;--highlight-color: #f7c948;--background-color: #f9fafb;--card-background: #ffffff;--text-color: #2d3748;--shadow-color: rgba(0, 0, 0, .1);--night-background-color: #1a202c;--night-card-background: #2d3748;--night-text-color: #e2e8f0;--night-shadow-color: rgba(0, 0, 0, .3)}html,body{height:100%;margin:0;font-family:Scheherazade New,serif;direction:rtl!important;text-align:right;color:var(--text-color);font-size:1.1rem;line-height:1.8}*{box-sizing:border-box}.header{background:linear-gradient(#4a90e2b3,#6ab0f3b3),url(/books-banner.png) center center/cover;color:var(--card-background);box-shadow:0 8px 16px #0003;border-bottom:5px solid var(--accent-color);letter-spacing:1.5px;position:sticky;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:1rem 2rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:auto!important;height:180px}.header-title-link{text-decoration:none;color:var(--card-background);pointer-events:auto!important;cursor:pointer;margin-bottom:.5rem}.header-title{font-family:Almarai,serif;font-size:1.5rem;font-weight:700;margin:0;text-align:center;transition:transform .3s ease,color .3s ease}.header-title-link:hover .header-title{transform:scale(1.05);color:var(--accent-color)}.header-banner-link{text-decoration:none;display:block;margin-bottom:1rem;pointer-events:auto!important;cursor:pointer;position:absolute;left:0rem;bottom:0!important;top:2px;max-height:40px!important;filter:invert(1)}.header-banner-link:hover .header-banner{transform:scale(1.1)}.header-banner{max-width:100%;height:auto;max-height:165px;object-fit:contain;border-radius:12px;transition:transform .3s ease,filter .3s ease}.social-icons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:8px}.social-img{height:30px;width:30px}.social-icon{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#fff3;transition:transform .3s ease,background-color .3s ease;pointer-events:auto!important;cursor:pointer}.social-icon:hover{transform:scale(1.2);background-color:#fff6;filter:drop-shadow(0 0 5px rgba(247,201,72,.5))}.social-svg{width:24px;height:24px;transition:transform .3s ease}.social-icon:nth-child(1) .social-svg{fill:#1877f2}.social-icon:nth-child(2) .social-svg{fill:#08c}.social-icon:nth-child(3) .social-svg{fill:red}.social-icon:nth-child(4) .social-svg{fill:#e1306c}.social-icon:nth-child(5) .social-svg{fill:#000}.social-icon:nth-child(6) .social-svg{fill:#00f2ea}nav{display:none}.islamic-card{background:var(--card-background);border:2px solid var(--accent-color);border-radius:12px;box-shadow:0 6px 12px var(--shadow-color);margin:1.5rem;padding:1.5rem;width:300px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.islamic-card:hover{transform:scale(1.05);box-shadow:0 10px 20px var(--shadow-color);border-color:var(--highlight-color)}.islamic-card img{width:100%;height:180px;object-fit:contain;border-radius:8px;border:1px solid #ddd}.islamic-card h3{font-size:1.4rem;color:var(--primary-color);margin:.8rem 0;font-weight:700}.islamic-card p{font-size:1rem;color:var(--text-color);margin:.5rem 0}mat-card-actions button{background:var(--card-background);color:var(--primary-color);margin:.5rem;padding:.5rem;border-radius:50%;width:32px;height:32px;font-size:16px;transition:all .3s ease}mat-card-actions button:hover{background:var(--accent-color);color:var(--card-background);transform:scale(1.1)}.page-container{max-width:900px;margin:2rem auto;background:var(--card-background);border-radius:12px;box-shadow:0 6px 12px var(--shadow-color);padding:1rem}.book-page{max-width:100%;width:100%;overflow-x:hidden;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;border:2px solid var(--accent-color);padding:1.5rem;background:var(--card-background);font-size:1.2rem;border-radius:8px;text-align:right;direction:rtl}mat-form-field{width:100%;margin:1rem 0;background:var(--card-background);border-radius:8px}mat-form-field input{font-family:Scheherazade New,serif!important;font-size:1.1rem!important;color:var(--text-color)}mat-select{font-family:Scheherazade New,serif!important;font-size:1.1rem}button[mat-raised-button]{background:var(--primary-color);color:var(--card-background);font-family:Scheherazade New,serif;border-radius:8px;animation:pulse 2s infinite}button[mat-raised-button]:hover{background:var(--accent-color);color:var(--card-background);transform:scale(1.05)}button[mat-raised-button][disabled]{background:#ccc;color:#666}.highlight{background:var(--highlight-color);border-radius:4px}mat-list{overflow-y:auto;border:1px solid var(--accent-color);border-radius:8px;padding:1rem;background:var(--background-color)}mat-list-item{font-size:1rem;line-height:1.6;cursor:pointer;padding:.5rem;border-bottom:1px solid #eee;transition:background .3s ease}mat-list-item:hover{background:var(--highlight-color);color:var(--card-background)}.page-image{max-height:100%;height:auto;margin:1rem auto;display:block;border-radius:8px}.footer{background:linear-gradient(#4a90e2b3,#6ab0f3b3),url(/books-banner.png) no-repeat center center/cover;color:var(--card-background);text-align:center;padding:1rem;box-shadow:0 -2px 10px var(--shadow-color);font-family:Scheherazade New,serif;font-size:1.2rem;position:absolute;width:100%;bottom:0;left:0}.footer p{margin:0}.footer .year{font-weight:700;color:var(--accent-color)}.book-item{display:flex;align-items:center;gap:1rem}.book-item img.book-image{max-width:100px;height:auto;border-radius:8px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}app-book-list .mdc-list-item__primary-text{font-size:.8rem!important;font-family:Scheherazade New,serif!important;color:var(--text-color)!important}.mat-mdc-dialog-surface{min-height:unset!important}@media (max-width: 768px){.header{height:90px;padding:.25rem .5rem}.header-title-link,.header-title{display:none}.header-banner-link{position:absolute;left:-.5rem;margin-bottom:0!important;bottom:0!important;top:5px;max-height:40px!important}.header-banner{max-height:70px;object-fit:contain}.theme-toggle{height:25px!important}mat-form-field{margin:0rem!important}.social-icons{gap:.2rem;margin-top:8px}.social-icon{width:30px;height:30px}.social-icon img{width:25px;height:25px}.social-img{height:20px!important;width:20px!important}}.page-wrapper{position:relative;min-height:100vh;padding-bottom:80px}.back-to-top{position:fixed;bottom:20px;left:20px;background:var(--primary-color);color:var(--card-background);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px var(--shadow-color);cursor:pointer;transition:transform .3s ease,background .3s ease;z-index:1000}.back-to-top .material-icons{font-size:24px}.theme-toggle{display:flex;align-items:center;justify-content:center;margin-top:.5rem}.crescent-icon{font-size:24px;color:var(--card-background);margin-left:.5rem;margin-right:.5rem;margin-top:.175rem}.theme-label{position:relative;display:inline-flex;align-items:center;cursor:pointer;pointer-events:auto!important}.theme-checkbox{display:none}.slider{width:50px;height:24px;background-color:#ccc;border-radius:34px;position:relative;transition:background-color .3s ease}.slider:before{content:"";position:absolute;width:20px;height:20px;background-color:#fff;border-radius:50%;top:2px;right:2px;transition:transform .3s ease}.theme-checkbox:checked+.slider{background-color:var(--accent-color)}.theme-checkbox:checked+.slider:before{transform:translate(-26px)}.theme-icon{margin-left:.5rem;color:var(--card-background);font-size:24px}:root{--night-background-color: #1a202c;--night-card-background: #2d3748;--night-text-color: #e2e8f0;--night-shadow-color: rgba(0, 0, 0, .3)}body.night-mode{background:var(--night-background-color);color:var(--night-text-color)}body.night-mode .header{background:linear-gradient(#2a2f4acc,#1e2236cc),url(/books-banner.png) no-repeat center center/cover;color:var(--night-text-color);box-shadow:0 8px 16px var(--night-shadow-color)}body.night-mode .header-title-link{color:var(--night-text-color)}body.night-mode .header-title-link:hover .header-title{color:var(--accent-color)}body.night-mode .social-icons .social-icon{background-color:#e2e8f033}body.night-mode .social-icons .social-icon:hover{background-color:#e2e8f066;filter:drop-shadow(0 0 5px rgba(247,201,72,.5))}body.night-mode .theme-toggle .theme-icon{color:var(--night-text-color)}body.night-mode .footer{background:linear-gradient(#2a2f4acc,#1e2236cc),url(/books-banner.png) no-repeat center center/cover;color:var(--night-text-color);box-shadow:0 -2px 10px var(--night-shadow-color)}body.night-mode .footer .year{color:var(--accent-color)}body.night-mode .back-to-top{background:var(--night-card-background);color:var(--night-text-color)}body.night-mode .back-to-top:hover{background:#2d3748cc;transform:scale(1.1)}body.night-mode .islamic-card,body.night-mode .page-container{background:var(--night-card-background);box-shadow:0 6px 12px var(--night-shadow-color)}body.night-mode .book-page{background:var(--night-card-background);color:var(--night-text-color)}body.night-mode .footer{background:linear-gradient(#2a2f4acc,#1e2236cc),url(/books-banner.png) no-repeat center center/cover;color:var(--night-text-color)}body.night-mode mat-form-field{background:var(--night-card-background)}body.night-mode mat-form-field input{color:var(--night-text-color)}body.night-mode mat-select{color:var(--night-text-color)}body.night-mode mat-list{background:var(--night-card-background);color:var(--night-text-color)}body.night-mode app-book-list .mdc-list-item__primary-text{color:var(--night-text-color)!important}html.night-mode,html.night-mode body{--background-color: #1a202c !important;background:var(--background-color)!important;color:var(--night-text-color)}html.night-mode .header{background:linear-gradient(#2a2f4acc,#1e2236cc),url(/books-banner.png) no-repeat center center/cover!important;color:var(--night-text-color)}html.night-mode .footer{background:linear-gradient(#2a2f4acc,#1e2236cc),url(/books-banner.png) no-repeat center center/cover!important;color:var(--night-text-color)}