@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url("./media/nunito-cyrillic-ext-wght-normal-MF3U6A5A.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url("./media/nunito-cyrillic-wght-normal-KKO5CHEH.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url("./media/nunito-vietnamese-wght-normal-BXDRYU5N.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url("./media/nunito-latin-ext-wght-normal-VPKFC542.woff2") format("woff2-variations");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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url("./media/nunito-latin-wght-normal-LTD77BFG.woff2") format("woff2-variations");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}@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--color-red-700: oklch(50.5% .213 27.518);--spacing: .25rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--leading-tight: 1.25;--leading-snug: 1.375;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.relative{position:relative}.m-0{margin:0}.mx-auto{margin-inline:auto}.ms-1{margin-inline-start:var(--spacing)}.ms-auto{margin-inline-start:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-52{height:calc(var(--spacing) * 52)}.h-60{height:calc(var(--spacing) * 60)}.h-px{height:1px}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.w-10{width:calc(var(--spacing) * 10)}.w-36{width:calc(var(--spacing) * 36)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0px}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-72{min-width:calc(var(--spacing) * 72)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:calc(infinity * 1px)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[var\(--nj-border\)\]{background-color:var(--nj-border)}.p-0{padding:0}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-normal{white-space:normal}.text-\[var\(--nj-muted\)\]{color:var(--nj-muted)}.text-\[var\(--nj-primary\)\]{color:var(--nj-primary)}.text-\[var\(--nj-text\)\]{color:var(--nj-text)}.text-red-700{color:var(--color-red-700)}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-70{opacity:70%}.opacity-75{opacity:75%}.opacity-80{opacity:80%}.opacity-85{opacity:85%}.opacity-90{opacity:90%}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media(width>=40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{syntax: "*"; inherits: false;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}:root{color-scheme:light dark;--nj-bg: light-dark(#f5f8f5, #0b1510);--nj-surface: light-dark(#ffffff, #121f18);--nj-surface-2: light-dark(#edf3ee, #19291f);--nj-border: light-dark(#dfe8e1, #24372b);--nj-text: light-dark(#13201a, #e8f0ea);--nj-muted: light-dark(#55635a, #9fb2a5);--nj-primary: light-dark(#0a6b3d, #5fd08f);--nj-primary-strong: light-dark(#06502d, #8be3ae);--nj-on-primary: light-dark(#ffffff, #04240f);--nj-primary-soft: light-dark(#e1f2e6, #153524);--nj-leaf: light-dark(#2aa35e, #3dbb73);--nj-gold: light-dark(#a87a22, #e2b85e);--nj-hero-from: light-dark(#0b7442, #0d5c35);--nj-hero-to: light-dark(#05452a, #062e1b);--nj-on-hero: #ffffff;--nj-hero-strong: #06502d;--nj-gold-soft: light-dark(#f7eed9, #352c1b);--nj-status-free: light-dark(#c4cfc7, #405348);--nj-status-assigned: light-dark(#2f5faa, #8db4f0);--nj-status-assigned-soft: light-dark(#e7eefa, #1a283d);--nj-status-in-progress: light-dark(#a8650a, #f0b45c);--nj-status-in-progress-soft: light-dark(#fbf0dd, #382a16);--nj-status-read: var(--nj-primary);--nj-status-read-soft: var(--nj-primary-soft);--nj-radius-xs: 6px;--nj-radius-sm: 8px;--nj-radius: 10px;--nj-radius-lg: 14px;--nj-shadow: 0 1px 2px light-dark(rgb(10 50 28 / 5%), rgb(0 0 0 / 30%)), 0 6px 20px light-dark(rgb(10 50 28 / 6%), rgb(0 0 0 / 25%));--nj-shadow-lg: 0 2px 6px light-dark(rgb(10 50 28 / 7%), rgb(0 0 0 / 35%)), 0 20px 44px light-dark(rgb(10 50 28 / 12%), rgb(0 0 0 / 40%));--nj-ease: cubic-bezier(.2, .7, .2, 1);--nj-dock-bottom: calc(8rem + env(safe-area-inset-bottom)) }@media(min-width:1024px){:root{--nj-dock-bottom: 1rem}}:root{--nj-font: "Nunito Variable", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--nj-arabic-font: "Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", "Times New Roman", serif;--nj-arabic-display: "nj-hafs-letters", var(--nj-arabic-font);--nj-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Cpath d='M28 6l6.4 15.6L50 28l-15.6 6.4L28 50l-6.4-15.6L6 28l15.6-6.4z'/%3E%3Crect x='17' y='17' width='22' height='22' transform='rotate(45 28 28)'/%3E%3Ccircle cx='28' cy='28' r='4'/%3E%3C/g%3E%3C/svg%3E");--nj-pattern-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23b8862b' stroke-width='1'%3E%3Cpath d='M28 6l6.4 15.6L50 28l-15.6 6.4L28 50l-6.4-15.6L6 28l15.6-6.4z'/%3E%3Crect x='17' y='17' width='22' height='22' transform='rotate(45 28 28)'/%3E%3Ccircle cx='28' cy='28' r='4'/%3E%3C/g%3E%3C/svg%3E")}@font-face{font-family:nj-hafs-letters;src:url(/fonts/kfgqpc-hafs-v18.ttf) format("truetype");font-display:swap;unicode-range:U+0621-063A,U+0640-0655,U+0670-0671,U+06E1}html{height:100%;--mat-sys-background: light-dark(#f9faf3, #121410);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1eb, #2f312d);--mat-sys-inverse-primary: light-dark(#02e600, #026e00);--mat-sys-inverse-surface: light-dark(#2f312d, #e2e3dc);--mat-sys-on-background: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #013a00);--mat-sys-on-primary-container: light-dark(#015300, #77ff61);--mat-sys-on-primary-fixed: light-dark(#002200, #002200);--mat-sys-on-primary-fixed-variant: light-dark(#015300, #015300);--mat-sys-on-secondary: light-dark(#ffffff, #263422);--mat-sys-on-secondary-container: light-dark(#3c4b37, #d7e8cd);--mat-sys-on-secondary-fixed: light-dark(#121f0e, #121f0e);--mat-sys-on-secondary-fixed-variant: light-dark(#3c4b37, #3c4b37);--mat-sys-on-surface: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-surface-variant: light-dark(#43483f, #dfe4d7);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#73796e, #8d9387);--mat-sys-outline-variant: light-dark(#c3c8bc, #43483f);--mat-sys-primary: light-dark(#026e00, #02e600);--mat-sys-primary-container: light-dark(#77ff61, #015300);--mat-sys-primary-fixed: light-dark(#77ff61, #77ff61);--mat-sys-primary-fixed-dim: light-dark(#02e600, #02e600);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#54634d, #bbcbb2);--mat-sys-secondary-container: light-dark(#d7e8cd, #3c4b37);--mat-sys-secondary-fixed: light-dark(#d7e8cd, #d7e8cd);--mat-sys-secondary-fixed-dim: light-dark(#bbcbb2, #bbcbb2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9faf3, #121410);--mat-sys-surface-bright: light-dark(#f9faf3, #383a35);--mat-sys-surface-container: light-dark(#eeeee7, #1e201c);--mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);--mat-sys-surface-container-highest: light-dark(#e2e3dc, #333531);--mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);--mat-sys-surface-dim: light-dark(#dadbd3, #121410);--mat-sys-surface-tint: light-dark(#026e00, #02e600);--mat-sys-surface-variant: light-dark(#dfe4d7, #43483f);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--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 var(--nj-font);--mat-sys-body-large-font: var(--nj-font);--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 var(--nj-font);--mat-sys-body-medium-font: var(--nj-font);--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 var(--nj-font);--mat-sys-body-small-font: var(--nj-font);--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 var(--nj-font);--mat-sys-display-large-font: var(--nj-font);--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 var(--nj-font);--mat-sys-display-medium-font: var(--nj-font);--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 var(--nj-font);--mat-sys-display-small-font: var(--nj-font);--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 var(--nj-font);--mat-sys-headline-large-font: var(--nj-font);--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 var(--nj-font);--mat-sys-headline-medium-font: var(--nj-font);--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 var(--nj-font);--mat-sys-headline-small-font: var(--nj-font);--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 var(--nj-font);--mat-sys-label-large-font: var(--nj-font);--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 var(--nj-font);--mat-sys-label-medium-font: var(--nj-font);--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 var(--nj-font);--mat-sys-label-small-font: var(--nj-font);--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 var(--nj-font);--mat-sys-title-large-font: var(--nj-font);--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 var(--nj-font);--mat-sys-title-medium-font: var(--nj-font);--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 var(--nj-font);--mat-sys-title-small-font: var(--nj-font);--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;--mat-sys-primary: var(--nj-primary);--mat-sys-on-primary: var(--nj-on-primary);--mat-sys-primary-container: var(--nj-primary-soft);--mat-sys-on-primary-container: var(--nj-primary-strong);--mat-sys-secondary-container: var(--nj-primary-soft);--mat-sys-on-secondary-container: var(--nj-primary-strong);--mat-sys-tertiary: var(--nj-gold);--mat-sys-surface: var(--nj-bg);--mat-sys-on-surface: var(--nj-text);--mat-sys-on-surface-variant: var(--nj-muted);--mat-sys-surface-container-lowest: var(--nj-surface);--mat-sys-surface-container-low: var(--nj-surface);--mat-sys-surface-container: var(--nj-surface);--mat-sys-surface-container-high: var(--nj-surface);--mat-sys-surface-container-highest: var(--nj-surface-2);--mat-sys-outline: var(--nj-status-free);--mat-sys-outline-variant: var(--nj-border);--mat-button-filled-container-shape: var(--nj-radius);--mat-button-outlined-container-shape: var(--nj-radius);--mat-button-text-container-shape: var(--nj-radius);--mat-button-filled-container-height: 46px;--mat-button-outlined-container-height: 46px;--mat-button-filled-label-text-weight: 600;--mat-button-outlined-label-text-weight: 600;--mat-button-text-label-text-weight: 600;--mat-button-outlined-outline-color: var(--nj-border);--mat-card-outlined-container-shape: var(--nj-radius-lg);--mat-card-outlined-outline-color: var(--nj-border);--mat-card-outlined-container-color: var(--nj-surface);--mat-card-elevated-container-shape: var(--nj-radius-lg);--mat-card-elevated-container-color: var(--nj-surface);--mat-form-field-outlined-container-shape: var(--nj-radius-sm);--mat-form-field-outlined-outline-color: var(--nj-border);--mat-dialog-container-shape: var(--nj-radius-lg);--mat-dialog-container-color: var(--nj-surface);--mat-bottom-sheet-container-shape: var(--nj-radius-lg);--mat-bottom-sheet-container-background-color: var(--nj-surface);--mat-button-toggle-shape: var(--nj-radius);--mat-button-toggle-height: 40px;--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-text-color: var(--nj-muted);--mat-button-toggle-label-text-weight: 700;--mat-button-toggle-label-text-size: .875rem;--mat-button-toggle-selected-state-background-color: light-dark(#ffffff, #2a4234);--mat-button-toggle-selected-state-text-color: var(--nj-primary-strong);--mat-chip-container-shape-radius: var(--nj-radius-sm);--mat-chip-outline-color: var(--nj-border);--mat-chip-elevated-selected-container-color: var(--nj-primary-soft);--mat-progress-bar-active-indicator-color: var(--nj-primary);--mat-progress-bar-track-color: var(--nj-surface-2);--mat-progress-bar-active-indicator-height: 8px;--mat-progress-bar-track-height: 8px;--mat-progress-bar-track-shape: 999px;--mat-snack-bar-container-shape: var(--nj-radius-sm);--mat-tab-active-indicator-color: var(--nj-primary);--mat-tab-active-focus-indicator-color: var(--nj-primary);--mat-tab-active-hover-indicator-color: var(--nj-primary);--mat-tab-active-indicator-height: 3px;--mat-tab-active-indicator-shape: 3px 3px 0 0;--mat-tab-active-label-text-color: var(--nj-primary-strong);--mat-tab-active-focus-label-text-color: var(--nj-primary-strong);--mat-tab-active-hover-label-text-color: var(--nj-primary-strong);--mat-tab-label-text-weight: 700;--mat-tab-divider-color: var(--nj-border);--mat-menu-container-shape: var(--nj-radius);--mat-menu-container-color: var(--nj-surface)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100%;background:radial-gradient(120% 60% at 50% -10%,color-mix(in srgb,var(--nj-leaf) 9%,transparent),transparent 70%) no-repeat,var(--nj-bg);background-attachment:fixed;color:var(--nj-text);font:var(--mat-sys-body-large);font-family:var(--nj-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--nj-font);letter-spacing:-.015em;text-wrap:balance}a{color:var(--nj-primary);text-underline-offset:.18em}::selection{background:color-mix(in srgb,var(--nj-leaf) 25%,transparent)}.mat-mdc-progress-bar{border-radius:999px;overflow:hidden}.mat-mdc-progress-bar .mdc-linear-progress__bar-inner{border-color:transparent}.mat-mdc-progress-bar .mdc-linear-progress__primary-bar{border-radius:999px;background:linear-gradient(90deg,var(--nj-leaf),var(--nj-primary))}.nj-skip-link{position:absolute;inset-inline-start:.5rem;top:-3rem;z-index:1000;padding:.5rem 1rem;border-radius:var(--nj-radius-sm);background:var(--nj-primary);color:var(--nj-on-primary)}.nj-skip-link:focus{top:.5rem}.nj-page{display:flex;flex-direction:column;gap:1.25rem;padding-block:.5rem 1.5rem}.nj-title{margin:0;font-size:clamp(1.6rem,1.3rem + 1.2vw,2rem);font-weight:850;line-height:1.15;letter-spacing:-.02em}.nj-subtitle{margin:0;color:var(--nj-muted)}.nj-section-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:800}.nj-section-title:before{content:"";flex-shrink:0;width:.3rem;height:1.1rem;border-radius:999px;background:linear-gradient(var(--nj-leaf),var(--nj-primary))}.nj-card{padding:1.25rem;border:1px solid color-mix(in srgb,var(--nj-border) 80%,transparent);border-radius:var(--nj-radius-lg);background:var(--nj-surface);box-shadow:var(--nj-shadow)}a.nj-card{transition:transform .18s var(--nj-ease),box-shadow .18s var(--nj-ease),border-color .18s var(--nj-ease)}a.nj-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--nj-primary) 25%,var(--nj-border));box-shadow:var(--nj-shadow-lg)}a.nj-card:active{transform:translateY(0)}a.nj-card:focus-visible{outline:3px solid var(--nj-primary);outline-offset:2px}.nj-hero{position:relative;overflow:hidden;padding:1.5rem;border-radius:var(--nj-radius-lg);background:radial-gradient(90% 120% at 100% 0%,color-mix(in srgb,var(--nj-leaf) 55%,transparent),transparent 60%),linear-gradient(140deg,var(--nj-hero-from) 0%,var(--nj-hero-to) 100%);color:var(--nj-on-hero);box-shadow:var(--nj-shadow-lg),inset 0 1px #ffffff1f}.nj-hero:after{content:"";position:absolute;inset:0;background-image:var(--nj-pattern);background-size:56px;opacity:.09;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent);pointer-events:none}.nj-hero>*{position:relative;z-index:1}[data-cat]{--cat: var(--nj-muted);--cat-soft: var(--nj-surface-2)}[data-cat=DHIKR]{--cat: light-dark(#0f766e, #5eead4);--cat-soft: light-dark(#ccfbf1, #0f3b37)}[data-cat=SALAWAT]{--cat: light-dark(#a16207, #fcd34d);--cat-soft: light-dark(#fef3c7, #3d2e0a)}[data-cat=QURAN]{--cat: light-dark(#166534, #86efac);--cat-soft: light-dark(#dcfce7, #12331f)}[data-cat=XASSIDA]{--cat: light-dark(#4338ca, #a5b4fc);--cat-soft: light-dark(#e0e7ff, #23264d)}[data-cat=WIRD]{--cat: light-dark(#9a3412, #fdba74);--cat-soft: light-dark(#ffedd5, #3b2010)}[data-cat=DUA]{--cat: light-dark(#be185d, #f9a8d4);--cat-soft: light-dark(#fce7f3, #3d1428)}[data-cat=ALL]{--cat: var(--nj-primary)}.nj-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:var(--nj-radius-xs);background:var(--nj-surface-2);color:var(--nj-text);font-size:.8125rem;font-weight:700;line-height:1.2}.nj-chip mat-icon{width:1rem;height:1rem;font-size:1rem}.nj-chip.gold{background:var(--nj-gold-soft);color:light-dark(#6f4f12,var(--nj-gold))}.nj-chip.green{background:var(--nj-primary-soft);color:var(--nj-primary-strong)}.nj-chip.urgent{background:light-dark(#fde7e4,#43201c);color:light-dark(#a3271a,#ffb4a8)}.nj-back{display:inline-flex;align-items:center;gap:.35rem;align-self:flex-start;color:var(--nj-muted);font-size:.9rem;font-weight:600;text-decoration:none}.nj-back mat-icon{width:1.1rem;height:1.1rem;font-size:1.1rem}.nj-avatar{display:grid;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;background:linear-gradient(140deg,var(--nj-primary-soft),color-mix(in srgb,var(--nj-leaf) 22%,var(--nj-primary-soft)));color:var(--nj-primary-strong);font-weight:800;text-transform:uppercase}.nj-avatar.small{width:2.1rem;height:2.1rem;font-size:.85rem}.mat-button-toggle-group.mat-button-toggle-group-appearance-standard{gap:2px;max-width:100%;padding:3px;overflow-x:auto;border:none;background:var(--nj-surface-2);scrollbar-width:none}.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle{flex-shrink:0;border-radius:var(--nj-radius-sm);border:none!important;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease}.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-checked{box-shadow:0 1px 2px #0a321c1a,0 2px 8px #0a321c14}.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content{display:inline-flex;align-items:center;padding-inline:14px}.mat-button-toggle-group.mat-button-toggle-group-appearance-standard.nj-segmented-fill{display:flex;width:100%}.mat-button-toggle-group.mat-button-toggle-group-appearance-standard.nj-segmented-fill .mat-button-toggle{flex:1}.nj-options{display:grid;gap:.6rem;margin:0;padding:0;border:none}.nj-options.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.nj-option{position:relative;display:flex;align-items:flex-start;gap:.8rem;width:100%;padding:.9rem 1rem;border:1.5px solid var(--nj-border);border-radius:var(--nj-radius);background:var(--nj-surface);color:var(--nj-text);font:inherit;text-align:start;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.nj-option:hover{border-color:color-mix(in srgb,var(--nj-primary) 40%,var(--nj-border))}.nj-option:focus-visible{outline:3px solid var(--nj-primary);outline-offset:2px}.nj-option>mat-icon{flex-shrink:0;color:var(--nj-muted)}.nj-option .nj-option-text{display:flex;flex:1;flex-direction:column;gap:.15rem;min-width:0}.nj-option .nj-option-title{font-weight:750}.nj-option .nj-option-hint{color:var(--nj-muted);font-size:.85rem;line-height:1.35}.nj-option:after{content:"";flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.1rem;border:2px solid var(--nj-status-free);border-radius:999px;transition:all .15s ease}.nj-option.selected{border-color:var(--nj-primary);background:color-mix(in srgb,var(--nj-primary-soft) 70%,var(--nj-surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--nj-primary) 12%,transparent)}.nj-option.selected>mat-icon{color:var(--nj-primary);font-variation-settings:"FILL" 1}.nj-option.selected:after{border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.8' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat,var(--nj-primary)}.nj-option.compact:after{display:none}.nj-sticky-actions{position:fixed;inset-inline:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));border-top:1px solid var(--nj-border);background:var(--nj-surface);box-shadow:0 -8px 24px light-dark(rgba(10,50,28,.06),rgba(0,0,0,.3))}@media(min-width:1024px){.nj-sticky-actions{position:sticky;bottom:1rem;z-index:10;padding:.6rem;border:1px solid var(--nj-border);border-radius:var(--nj-radius-lg);box-shadow:var(--nj-shadow-lg)}}.nj-sticky-actions.end{justify-content:flex-end}.nj-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.25rem;border:1.5px dashed var(--nj-border);border-radius:var(--nj-radius-lg);background:color-mix(in srgb,var(--nj-surface) 60%,transparent);text-align:center}.nj-empty .nj-empty-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:var(--nj-radius);background:var(--nj-primary-soft);color:var(--nj-primary)}.nj-empty .nj-empty-icon mat-icon{width:1.75rem;height:1.75rem;font-size:1.75rem}.nj-empty p{max-width:22rem;margin:0;color:var(--nj-muted)}.nj-skeleton{border-radius:var(--nj-radius-lg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--nj-surface) 70%,transparent),transparent) 0 0/200% 100% no-repeat,var(--nj-surface-2);animation:nj-shimmer 1.4s ease-in-out infinite}@keyframes nj-shimmer{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}.nj-row-link{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;color:inherit;text-decoration:none}.nj-row-link>mat-icon:last-child{color:var(--nj-muted);transition:transform .18s var(--nj-ease)}.nj-row-link:hover>mat-icon:last-child{transform:translate(3px)}.nj-icon-tile{display:grid;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--nj-radius);background:var(--nj-primary-soft);color:var(--nj-primary-strong)}.nj-icon-tile.gold{background:var(--nj-gold-soft);color:light-dark(#6f4f12,var(--nj-gold))}.whatsapp-button.mat-mdc-unelevated-button{--mat-button-filled-container-color: #0e7a3f;--mat-button-filled-label-text-color: #fff;min-height:3rem}.content>:not(router-outlet){animation:nj-enter .35s var(--nj-ease) both}@keyframes nj-enter{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.topbar,.nav,.offline,.nj-skip-link,.nj-no-print,.nj-sticky-actions{display:none!important}body{background:#fff}.shell,.content{display:block!important;margin:0!important;padding:0!important}}