@font-face{font-family:KSA Kingdom;src:url(https://fonts.qurancomplex.gov.sa/wp-content/uploads/2022/12/KSARegular.ttf) format("truetype");font-style:normal;font-weight:300 500;font-display:swap}@font-face{font-family:KSA Kingdom;src:url(https://fonts.qurancomplex.gov.sa/wp-content/uploads/2022/12/KSARegular_B.ttf) format("truetype");font-style:normal;font-weight:600 800;font-display:swap}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}:root{--font-arabic-modern: "IBM Plex Sans Arabic", "Alexandria", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-arabic-display: "Alexandria", "IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif;--font-arabic-official: "KSA Kingdom", "IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif}html[dir=rtl] body,html[lang=ar] body{font-family:var(--font-arabic-modern);letter-spacing:0;font-optical-sizing:auto;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility}html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{font-family:var(--font-arabic-modern);font-feature-settings:"kern" 1,"liga" 1}html[dir=rtl] .app-content h1{font-family:var(--font-arabic-display);font-weight:700;letter-spacing:-.04em;line-height:1.35}html[dir=rtl] .app-content h2,html[dir=rtl] .app-content h3,html[dir=rtl] .app-content h4{font-family:var(--font-arabic-display);font-weight:650;letter-spacing:-.03em;line-height:1.45}html[dir=rtl] .brand-kicker,html[dir=rtl] .nav-eyebrow,html[dir=rtl] .page-eyebrow{font-family:var(--font-arabic-official);letter-spacing:.015em;font-weight:600}html[dir=rtl] .nav-item{font-size:.88rem;font-weight:500;letter-spacing:-.01em}html[dir=rtl] .page-title{font-family:var(--font-arabic-display);font-weight:700;letter-spacing:-.035em}html[dir=rtl] .auth-copy h2,html[dir=rtl] .auth-card-title{font-family:var(--font-arabic-display);font-weight:700;letter-spacing:-.045em;line-height:1.35}html[dir=rtl] .auth-copy p{line-height:2;font-weight:400}html[dir=rtl] table,html[dir=rtl] input,html[dir=rtl] select{font-variant-numeric:tabular-nums}body{margin:0;min-width:320px;background:hsl(var(--background))}button,a,input,select,textarea{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid hsl(var(--ring) / .25);outline-offset:2px}::selection{color:hsl(var(--primary-foreground));background:hsl(var(--primary))}.app-shell{background-image:radial-gradient(circle at 85% 0%,hsl(var(--primary) / .06),transparent 24rem)}.app-workspace{min-width:0}.app-main{background:transparent!important}.app-content{width:100%;max-width:1600px;margin-inline:auto;animation:page-in .35s ease both}.sidebar-scrim{background:#08181294;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-sidebar{width:17.5rem;border-inline-end:1px solid hsl(var(--border));box-shadow:14px 0 45px #1231260b}.brand-lockup{display:flex;align-items:center;gap:.8rem;min-height:5rem}.brand-mark{width:2.5rem;height:2.5rem;flex:0 0 auto;display:grid;place-items:center;border-radius:.85rem;color:#fff;background:linear-gradient(145deg,#27664e,#123b2e);box-shadow:0 8px 20px #144b373d;position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;width:2.5rem;height:1px;background:#ffffff4d;transform:rotate(-35deg)}.brand-mark span{font:700 1.1rem Playfair Display,serif;z-index:1}.brand-kicker,.nav-eyebrow,.page-eyebrow{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:.62rem}.sidebar-nav{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.nav-eyebrow{padding:.35rem .8rem .6rem}.nav-item{min-height:2.85rem;border:1px solid transparent;font-size:.875rem;position:relative}.nav-item svg{opacity:.8}.nav-item:hover{transform:translate(2px);color:hsl(var(--foreground))}[dir=rtl] .nav-item:hover{transform:translate(-2px)}.nav-item-active{background:hsl(var(--primary) / .1)!important;color:hsl(var(--primary))!important;border-color:hsl(var(--primary) / .1);box-shadow:inset 3px 0 hsl(var(--primary))}[dir=rtl] .nav-item-active{box-shadow:inset -3px 0 hsl(var(--primary))}.nav-item-active svg{opacity:1}.sidebar-footer{margin:.75rem 1.15rem 1.1rem;padding:.8rem .9rem;border:1px solid hsl(var(--border));border-radius:.85rem;color:hsl(var(--muted-foreground));font-size:.7rem;display:flex;align-items:center;gap:.5rem;background:hsl(var(--muted) / .55)}.status-dot{width:.45rem;height:.45rem;border-radius:50%;background:#35a56f;box-shadow:0 0 0 4px #35a56f21}.app-header{background:hsl(var(--card) / .84)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 6px 24px #14322709}.page-title{color:hsl(var(--foreground));font-size:1.05rem;font-weight:700;text-transform:capitalize}.page-eyebrow{margin-bottom:.12rem}.icon-button,.app-header button{min-height:2.35rem;min-width:2.35rem}.profile-trigger{padding:.35rem .55rem .35rem .35rem;border:1px solid hsl(var(--border));border-radius:.85rem;background:hsl(var(--card))}.profile-trigger:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 6px 18px #14322714}.user-avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:700}.app-content h1{letter-spacing:-.035em}.app-content h2,.app-content h3,.app-content h4{letter-spacing:-.018em}.app-content .bg-card{box-shadow:0 1px 2px #14322706,0 12px 35px #1432270b}.app-content .rounded-xl{border-radius:1.05rem}.app-content .border{border-color:hsl(var(--border) / .9)}.app-content table{border-collapse:separate;border-spacing:0}.app-content thead{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.07em;font-size:.68rem}.app-content tbody tr:hover{background:hsl(var(--primary) / .035)}.app-content tbody tr:last-child td{border-bottom:0}.manual-page{min-height:calc(100vh - 5rem);scroll-behavior:smooth}.manual-toc{max-height:min(28rem,calc(100vh - 7rem));scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.manual-toc a{display:block;line-height:1.65}input,select,textarea{min-height:2.75rem;border-radius:.72rem!important}input:hover,select:hover,textarea:hover{border-color:hsl(var(--primary) / .4)}button.bg-primary,a.bg-primary{box-shadow:0 7px 18px hsl(var(--primary) / .16)}button.bg-primary:hover,a.bg-primary:hover{transform:translateY(-1px);box-shadow:0 9px 24px hsl(var(--primary) / .22)}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(28rem,.95fr);background:#10271f url(/assets/haramain-login-panorama-v2-C3pF7cgM.png) center/cover fixed no-repeat}.auth-story{position:relative;overflow:hidden;padding:clamp(2rem,5vw,5rem);color:#fff;background:linear-gradient(135deg,#051b15d1,#08322494 58%,#061f1840);display:flex;flex-direction:column;justify-content:space-between}.auth-story:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 15%,rgb(213 181 105 / .25),transparent 25rem),linear-gradient(0deg,rgb(3 20 15 / .42),transparent 45%);pointer-events:none}.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:.8rem;font-weight:700}.auth-copy{position:relative;z-index:1;max-width:38rem}.auth-copy h2{font:600 clamp(2.4rem,5vw,4.8rem)/.98 "Playfair Display",serif;letter-spacing:-.035em;margin-bottom:1.5rem}.auth-copy p{color:#ffffffb8;font-size:1.05rem;max-width:31rem;line-height:1.75}.auth-proof{position:relative;z-index:1;display:flex;gap:1.5rem;flex-wrap:wrap;color:#ffffffb8;font-size:.76rem}.auth-proof span{display:flex;align-items:center;gap:.45rem}.auth-proof i{width:.4rem;height:.4rem;border-radius:50%;background:#d5b569}.auth-panel{display:grid;place-items:center;padding:2rem;background:hsl(var(--background) / .94);-webkit-backdrop-filter:blur(18px) saturate(.9);backdrop-filter:blur(18px) saturate(.9);border-inline-start:1px solid rgb(255 255 255 / .14)}.auth-card{width:min(100%,29rem)}.auth-card-title{font:700 2.15rem/1.1 Playfair Display,serif;letter-spacing:-.025em}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:.3rem;background:hsl(var(--muted));border-radius:.85rem}.auth-tab{border-radius:.62rem;padding:.7rem;font-size:.82rem;font-weight:700}.auth-tab-active{color:hsl(var(--foreground));background:hsl(var(--card));box-shadow:0 3px 12px #14322714}.auth-submit{min-height:3rem;border-radius:.78rem}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (min-width: 768px){.app-sidebar{transform:translate(0)!important}}@media (max-width: 900px){.auth-page{grid-template-columns:1fr;background-attachment:scroll;background-position:center top}.auth-story{min-height:18rem;padding:2rem}.auth-copy h2{font-size:2.5rem}.auth-proof{display:none}.auth-panel{border-inline-start:0;border-top:1px solid rgb(255 255 255 / .14)}}@media (max-width: 767px){.app-sidebar{width:min(20rem,86vw)}.page-context{display:none}.app-header .space-x-4>:not(:last-child){margin-left:.25rem;margin-right:.25rem}}@media (max-width: 520px){.auth-story{min-height:13rem}.auth-copy h2{font-size:2rem;margin-bottom:.75rem}.auth-copy p{font-size:.85rem}.auth-panel{padding:1.25rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}