@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700&family=Tajawal:wght@400;500;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Cairo,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-10{inset:2.5rem}.inset-5{inset:1.25rem}.inset-x-0{left:0;right:0}.-bottom-2{bottom:-.5rem}.-right-2{right:-.5rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.isolate{isolation:isolate}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.order-last{order:9999}.col-span-2{grid-column:span 2 / span 2}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1 / 1}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-5{width:1.25rem;height:1.25rem}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[55dvh\]{height:55dvh}.h-\[650px\]{height:650px}.h-\[720px\]{height:720px}.h-\[92dvh\]{height:92dvh}.h-\[calc\(100\%-42px\)\]{height:calc(100% - 42px)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:10rem}.max-h-\[45vh\]{max-height:45vh}.max-h-\[58dvh\]{max-height:58dvh}.max-h-\[65dvh\]{max-height:65dvh}.max-h-\[85dvh\]{max-height:85dvh}.min-h-0{min-height:0px}.min-h-11{min-height:2.75rem}.min-h-\[330px\]{min-height:330px}.min-h-\[55dvh\]{min-height:55dvh}.min-h-\[60dvh\]{min-height:60dvh}.min-h-\[70dvh\]{min-height:70dvh}.min-h-dvh{min-height:100dvh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[13px\]{width:13px}.w-\[360px\]{width:360px}.w-\[370px\]{width:370px}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-11{min-width:2.75rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[92vw\]{max-width:92vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-white\/5>:not([hidden])~:not([hidden]){border-color:#ffffff0d}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-bl-xl{border-bottom-left-radius:.75rem}.rounded-br-xl{border-bottom-right-radius:.75rem}.rounded-tl-xl{border-top-left-radius:.75rem}.rounded-tr-xl{border-top-right-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-amber-500\/20{border-color:#f59e0b33}.border-amber-500\/25{border-color:#f59e0b40}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/50{border-color:#f59e0b80}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-500\/50{border-color:#3b82f680}.border-emerald-400\/90{border-color:#34d399e6}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-500\/50{border-color:#10b98180}.border-navy-900{--tw-border-opacity: 1;border-color:rgb(2 12 27 / var(--tw-border-opacity, 1))}.border-purple-500\/30{border-color:#a855f74d}.border-red-400\/50{border-color:#f8717180}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border-red-500\/50{border-color:#ef444480}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/5{border-color:#ffffff0d}.border-white\/\[\.07\]{border-color:#ffffff12}.border-t-transparent{border-top-color:transparent}.bg-\[\#FFF9E8\]{--tw-bg-opacity: 1;background-color:rgb(255 249 232 / var(--tw-bg-opacity, 1))}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-500\/50{background-color:#f59e0b80}.bg-amber-900\/25{background-color:#78350f40}.bg-amber-900\/40{background-color:#78350f66}.bg-amber-900\/50{background-color:#78350f80}.bg-amber-950\/20{background-color:#451a0333}.bg-amber-950\/30{background-color:#451a034d}.bg-amber-950\/40{background-color:#451a0366}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/40{background-color:#0006}.bg-black\/65{background-color:#000000a6}.bg-black\/70{background-color:#000000b3}.bg-black\/90{background-color:#000000e6}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-900\/40{background-color:#1e3a8a66}.bg-blue-900\/50{background-color:#1e3a8a80}.bg-blue-950\/20{background-color:#17255433}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/30{background-color:#10b9814d}.bg-emerald-500\/50{background-color:#10b98180}.bg-emerald-900\/40{background-color:#064e3b66}.bg-emerald-900\/50{background-color:#064e3b80}.bg-gold-400{--tw-bg-opacity: 1;background-color:rgb(200 137 30 / var(--tw-bg-opacity, 1))}.bg-gold-500\/10{background-color:#b8720a1a}.bg-gold-500\/15{background-color:#b8720a26}.bg-gold-500\/20{background-color:#b8720a33}.bg-gold-500\/25{background-color:#b8720a40}.bg-gold-500\/40{background-color:#b8720a66}.bg-gold-500\/5{background-color:#b8720a0d}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-navy-700\/80{background-color:#0d1f38cc}.bg-navy-800\/60{background-color:#0a162899}.bg-navy-900{--tw-bg-opacity: 1;background-color:rgb(2 12 27 / var(--tw-bg-opacity, 1))}.bg-navy-950\/60{background-color:#01040999}.bg-navy-950\/75{background-color:#010409bf}.bg-navy-950\/80{background-color:#010409cc}.bg-purple-400{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.bg-purple-900\/40{background-color:#581c8766}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/50{background-color:#ef444480}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-900\/40{background-color:#7f1d1d66}.bg-red-900\/50{background-color:#7f1d1d80}.bg-red-900\/60{background-color:#7f1d1d99}.bg-red-950\/20{background-color:#450a0a33}.bg-red-950\/30{background-color:#450a0a4d}.bg-red-950\/40{background-color:#450a0a66}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-white\/\[\.035\]{background-color:#ffffff09}.bg-white\/\[\.03\]{background-color:#ffffff08}.bg-\[repeating-linear-gradient\(45deg\,\#07111f\,\#07111f_3px\,\#fff_3px\,\#fff_6px\)\]{background-image:repeating-linear-gradient(45deg,#07111f,#07111f 3px,#fff 3px 6px)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pe-12{padding-inline-end:3rem}.pr-1{padding-right:.25rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-end{text-align:end}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-tight{line-height:1.25}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-champagne-100{--tw-text-opacity: 1;color:rgb(244 234 208 / var(--tw-text-opacity, 1))}.text-champagne-200{--tw-text-opacity: 1;color:rgb(236 216 176 / var(--tw-text-opacity, 1))}.text-champagne-300{--tw-text-opacity: 1;color:rgb(224 196 144 / var(--tw-text-opacity, 1))}.text-champagne-400{--tw-text-opacity: 1;color:rgb(212 174 120 / var(--tw-text-opacity, 1))}.text-champagne-500{--tw-text-opacity: 1;color:rgb(196 152 96 / var(--tw-text-opacity, 1))}.text-champagne-600{--tw-text-opacity: 1;color:rgb(168 128 80 / var(--tw-text-opacity, 1))}.text-emerald-100{--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.text-emerald-200{--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-gold-100{--tw-text-opacity: 1;color:rgb(237 208 128 / var(--tw-text-opacity, 1))}.text-gold-200{--tw-text-opacity: 1;color:rgb(224 188 85 / var(--tw-text-opacity, 1))}.text-gold-300{--tw-text-opacity: 1;color:rgb(212 160 48 / var(--tw-text-opacity, 1))}.text-gold-400{--tw-text-opacity: 1;color:rgb(200 137 30 / var(--tw-text-opacity, 1))}.text-navy-900{--tw-text-opacity: 1;color:rgb(2 12 27 / var(--tw-text-opacity, 1))}.text-navy-900\/20{color:#020c1b33}.text-navy-900\/40{color:#020c1b66}.text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-sky-300{--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.no-underline{text-decoration-line:none}.accent-amber-500{accent-color:#f59e0b}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-45{opacity:.45}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(211\,163\,64\,\.25\)\]{--tw-shadow: 0 0 30px rgba(211,163,64,.25);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-dark-lg{--tw-shadow: 0 20px 60px rgba(0,0,0,.6);--tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-dark-xl{--tw-shadow: 0 32px 80px rgba(0,0,0,.8);--tw-shadow-colored: 0 32px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-navy-900{--tw-ring-offset-color: #020C1B}.blur{--tw-blur: blur(8px);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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.grayscale{--tw-grayscale: grayscale(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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.\[direction\:rtl\]{direction:rtl}:root{color-scheme:dark;--ink-0: #020408;--ink-1: #040912;--navy-950: #050b14;--navy-900: #07111f;--navy-850: #0a1726;--navy-800: #0d1c2e;--navy-700: #132740;--gold-900: #60400d;--gold-700: #9c6918;--gold-600: #bd8426;--gold-500: #d6a33c;--gold-400: #e8c366;--gold-300: #f4dc93;--ivory: #fbf5e7;--text-main: #f7edda;--text-soft: #d8cab0;--text-muted: #9f927b;--danger: #ff7b78;--warning: #efbd62;--success: #69d9ae;--info: #70b8e8;--surface: rgba(7, 17, 31, .78);--surface-strong: rgba(5, 13, 24, .94);--surface-raised: rgba(13, 28, 46, .82);--surface-hover: rgba(20, 42, 66, .76);--app-bg: var(--navy-950);--app-surface: var(--surface);--app-text: var(--text-main);--border: rgba(224, 210, 180, .14);--border-strong: rgba(232, 195, 102, .42);--border-soft: rgba(255, 245, 220, .1);--focus: #f4d57d;--overlay: rgba(0, 3, 8, .78);--page-bg: radial-gradient(circle at 82% -8%, rgba(38, 70, 109, .32), transparent 32rem), radial-gradient(circle at 8% 28%, rgba(164, 107, 17, .12), transparent 28rem), linear-gradient(150deg, var(--ink-0), var(--navy-950) 48%, var(--ink-1));--metal: linear-gradient(135deg, #6d4308 0%, #bd8426 27%, #f4dc93 49%, #c78f2c 68%, #704407 100%);--metal-soft: linear-gradient(135deg, rgba(156,105,24,.32), rgba(244,220,147,.14) 48%, rgba(96,64,13,.24));--radius-sm: .65rem;--radius-md: .85rem;--radius-lg: 1.15rem;--radius-xl: 1.5rem;--radius-pill: 999px;--shadow-surface: 0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,247,220,.06);--shadow-gold: 0 10px 36px rgba(177, 119, 23, .24), inset 0 1px 0 rgba(255,247,220,.38);--fast: .14s cubic-bezier(.2,.8,.2,1);--base: .22s cubic-bezier(.2,.8,.2,1);--slow: .32s cubic-bezier(.16,1,.3,1);--font-ar: "Cairo", "Tajawal", sans-serif;--font-en: "Inter", "Manrope", sans-serif;--rail-size: 16rem;--topbar-size: 4rem;--mobile-nav-height: 3.75rem;--mobile-nav-offset: .55rem;--mobile-content-clearance: calc(var(--mobile-nav-height) + var(--mobile-nav-offset) + 3.5rem + env(safe-area-inset-bottom, 0px));--container: 94rem}:root[data-theme=light]{color-scheme:light;--ink-0: #e8deca;--ink-1: #e9dfcd;--navy-950: #ded2bd;--navy-900: #f4ecdf;--navy-850: #e9decc;--navy-800: #ded0b9;--navy-700: #c7b596;--ivory: #172131;--gold-500: #a66e12;--gold-400: #8c5a0d;--gold-300: #724607;--text-main: #101a28;--text-soft: #2c3747;--text-muted: #554c40;--surface: rgba(248, 242, 231, .94);--surface-strong: rgba(244, 236, 221, .98);--surface-raised: rgba(255, 251, 244, .98);--surface-hover: rgba(239, 228, 207, .9);--app-bg: var(--navy-950);--app-surface: var(--surface);--app-text: var(--text-main);--border: rgba(125, 80, 13, .28);--border-strong: rgba(145, 93, 14, .52);--border-soft: rgba(57, 42, 22, .12);--overlay: rgba(29, 22, 14, .4);--page-bg: radial-gradient(circle at 80% -5%, rgba(255,255,255,.92), transparent 34rem), radial-gradient(circle at 4% 35%, rgba(178, 126, 31, .13), transparent 25rem), linear-gradient(145deg, #e7ddca, #f7f0e4 50%, #ece1cc);--shadow-surface: 0 20px 58px rgba(74, 52, 20, .14), inset 0 1px 0 rgba(255,255,255,.78)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;overflow-x:hidden;background:var(--page-bg);color:var(--text-main);font-family:var(--font-en);-webkit-font-smoothing:antialiased}[dir=rtl]{font-family:var(--font-ar)}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}img{max-inline-size:100%}::-moz-selection{background:#d6a33c47;color:var(--ivory)}::selection{background:#d6a33c47;color:var(--ivory)}::-webkit-scrollbar{inline-size:6px;block-size:6px}::-webkit-scrollbar-track{background:var(--navy-950)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 48%,transparent);border-radius:var(--radius-pill)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.app-frame{min-height:100dvh;background:var(--page-bg);position:relative;isolation:isolate}.app-frame:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(232,195,102,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(232,195,102,.08) 1px,transparent 1px);background-size:4rem 4rem;-webkit-mask-image:radial-gradient(circle at 50% 30%,black,transparent 78%);mask-image:radial-gradient(circle at 50% 30%,black,transparent 78%)}.app-frame:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,219,127,.035) 48%,transparent 60%)}.app-layout{min-height:100dvh}.app-content{min-inline-size:0}.app-main{inline-size:100%;max-inline-size:var(--container);margin-inline:auto;padding:clamp(.85rem,2vw,2rem);padding-block-end:var(--mobile-content-clearance);scroll-padding-block-end:var(--mobile-content-clearance)}.skip-link{position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:100;transform:translateY(-150%);background:var(--gold-400);color:var(--ink-0);padding:.7rem 1rem;border-radius:var(--radius-md);font-weight:800}.skip-link:focus{transform:translateY(0)}.desktop-rail{display:none}.brand-emblem{display:block;-o-object-fit:cover;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 18px rgba(218,168,62,.28))}.brand-wordmark{font-family:"Manrope",var(--font-en);letter-spacing:.18em;font-weight:800;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-kicker{color:var(--gold-400);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.topbar{position:sticky;inset-block-start:0;z-index:35;min-block-size:var(--topbar-size);padding-block-start:env(safe-area-inset-top,0px);background:color-mix(in srgb,var(--surface-strong) 92%,transparent);border-block-end:1px solid var(--border);-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%);box-shadow:0 10px 32px #00000029}.topbar-inner{min-block-size:var(--topbar-size);display:flex;align-items:center;gap:.5rem;padding-inline:clamp(.65rem,2vw,1.5rem);position:relative}.topbar-brand{min-inline-size:0;flex:1;display:flex;align-items:center;gap:.65rem}.topbar-title{margin:0;font-size:clamp(.9rem,1.3vw,1.1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:.1rem}.desktop-utilities{display:none}.mobile-menu-trigger{display:inline-grid}.mobile-utility-menu{position:absolute;inset-block-start:calc(100% - .15rem);inset-inline-end:.65rem;z-index:60;min-inline-size:12rem;padding:.35rem;border:1px solid var(--border);border-radius:.9rem;background:var(--surface-strong);box-shadow:var(--shadow-surface)}.mobile-utility-menu button{inline-size:100%;min-block-size:44px;display:flex;align-items:center;gap:.65rem;padding-inline:.75rem;color:var(--text-soft);border:0;border-radius:.65rem;background:transparent}.mobile-utility-menu button:hover{color:var(--gold-300);background:var(--surface-hover)}.icon-control{min-inline-size:44px;min-block-size:44px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-soft);background:transparent;cursor:pointer;transition:color var(--fast),border-color var(--fast),background var(--fast),transform var(--fast)}.icon-control:hover{color:var(--gold-300);border-color:var(--border);background:var(--metal-soft)}.icon-control:active{transform:scale(.96)}.notification-dot{position:absolute;inset-block-start:.35rem;inset-inline-end:.35rem;min-inline-size:1.05rem;block-size:1.05rem;display:grid;place-items:center;border-radius:50%;background:var(--danger);color:#fff;font-size:.58rem;font-weight:800}.bottom-nav{position:fixed;inset-inline:.65rem;inset-block-end:max(var(--mobile-nav-offset),env(safe-area-inset-bottom));z-index:45;pointer-events:none}.bottom-nav-shell{max-inline-size:31rem;block-size:var(--mobile-nav-height);margin-inline:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:.25rem;border:1px solid var(--border);border-radius:1.05rem;background:color-mix(in srgb,var(--surface-strong) 95%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 14px 40px #00000059;pointer-events:auto}.nav-control{inline-size:100%;min-inline-size:0;min-block-size:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border:0;border-radius:.75rem;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.6rem;transition:color var(--fast),background var(--fast)}.nav-control[data-active=true]{color:var(--gold-300);background:var(--metal-soft);box-shadow:inset 0 0 0 1px var(--border)}.scanner-nav{justify-self:center;inline-size:52px;min-inline-size:52px;block-size:52px;margin:0;border-radius:50%;border:1px solid var(--border-strong);color:var(--gold-300);background:radial-gradient(circle at 35% 25%,var(--navy-700),var(--navy-950) 65%);box-shadow:0 8px 22px #0000005c,0 0 18px #d6a33c29;cursor:pointer}.glass-card,.premium-surface{position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 88%,transparent),var(--surface));border:1px solid var(--border);box-shadow:var(--shadow-surface);-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%)}.glass-card:before,.premium-surface:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,rgba(255,242,201,.075),transparent 24%,transparent 72%,rgba(207,145,31,.045))}.glass-card>*,.premium-surface>*{position:relative;z-index:1}.gold-border{border-color:var(--border)}.gold-border-bright{border-color:var(--border-strong)}.gold-text{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}.gold-button{background:var(--metal);color:#07111f;border:1px solid var(--gold-300);box-shadow:var(--shadow-gold);transition:transform var(--fast),filter var(--base),box-shadow var(--base)}.gold-button:hover{filter:brightness(1.08);box-shadow:0 14px 42px #b1771757,inset 0 1px #fff7dc7a}.navy-bg{background:transparent}.page-enter{animation:page-in var(--slow) both}@keyframes page-in{0%{opacity:0;transform:translateY(.55rem)}}.premium-page{display:grid;gap:1rem}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-heading h1{font-size:clamp(1.45rem,2.2vw,2.15rem);line-height:1.25}.page-heading p{color:var(--text-muted)}.section-title{display:flex;align-items:center;gap:.6rem;color:var(--gold-300);font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.department-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.record-grid{display:grid;gap:.7rem}.content-section{display:grid;gap:.8rem}.home-hero{padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.home-hero h1{margin-block:.25rem;font-size:clamp(1.35rem,5vw,2rem);font-weight:900}.home-hero p:last-child{color:var(--text-muted);font-size:.78rem}.home-hero>svg{inline-size:2.5rem;block-size:2.5rem;color:var(--gold-400);opacity:.75}.home-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-block-start:.65rem}.home-summary-grid>div{min-block-size:5rem;padding:.85rem;display:grid;place-content:center;text-align:center}.home-summary-grid strong{font-size:1.5rem;color:var(--text-main)}.home-summary-grid span{font-size:.72rem;color:var(--text-muted)}.home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-block-start:.65rem}.home-recent{padding:.9rem}.home-recent>button{inline-size:100%;min-block-size:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:0;border-block-end:1px solid var(--border-soft);color:var(--text-soft);background:transparent;text-align:start}.home-recent>button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-recent>button span:last-child{color:var(--text-muted);font-size:.65rem}.empty-copy{padding:1.25rem;text-align:center;color:var(--text-muted);font-size:.8rem}.departments-index .page-heading>svg{color:var(--gold-400)}.department-index-grid{display:grid;gap:.7rem}.department-index-card{inline-size:100%;padding:.85rem;border-radius:1rem;color:var(--text-main);text-align:start}.department-index-card:disabled{opacity:.58}.department-index-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem}.department-index-icon{inline-size:2.75rem;block-size:2.75rem;display:grid;place-items:center;border-radius:.8rem;color:var(--gold-400);background:var(--metal-soft)}.department-index-main strong,.department-index-main small{display:block}.department-index-main small{margin-block-start:.1rem;color:var(--text-muted);font-size:.65rem}.department-index-meta{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.8rem;margin-block-start:.65rem;padding-block-start:.65rem;border-block-start:1px solid var(--border-soft);color:var(--text-muted);font-size:.72rem}.department-index-meta span{display:flex;align-items:center;gap:.3rem}.department-index-meta>svg{justify-self:end;color:var(--gold-400)}.toast-region{inset-block-start:calc(var(--topbar-size) + env(safe-area-inset-top,0px) + .65rem);inset-block-end:auto}.modal-panel{max-block-size:calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto}body:has(.modal-viewport) .bottom-nav{opacity:0;visibility:hidden;pointer-events:none}.form-control{inline-size:100%;min-block-size:46px;border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:.72rem .85rem;color:var(--text-main);background:color-mix(in srgb,var(--navy-950) 72%,transparent);outline:none;transition:border-color var(--fast),box-shadow var(--fast),background var(--fast)}.form-control:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #d6a33c21;background:var(--navy-900)}.form-control::-moz-placeholder{color:var(--text-muted)}.form-control::placeholder{color:var(--text-muted)}.form-control option{background:var(--navy-900);color:var(--text-main)}.field-reveal{position:absolute;inset-block:1px;inset-inline-end:1px}.login-shell{min-height:100dvh;position:relative;overflow:hidden;background:var(--page-bg);color:var(--text-main)}.login-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 26% 32%,rgba(214,163,60,.11),transparent 24rem),linear-gradient(90deg,transparent 49.9%,rgba(232,195,102,.08) 50%,transparent 50.1%);pointer-events:none}.login-grid{min-height:100dvh;max-inline-size:92rem;margin-inline:auto;display:grid;align-items:center;gap:clamp(1.5rem,4vw,5rem);padding:clamp(1rem,4vw,4rem)}.login-brand{display:none;text-align:center}.login-portal{inline-size:min(100%,30rem);margin-inline:auto}.login-card{padding:clamp(1.2rem,3vw,2rem);border-radius:var(--radius-xl)}.login-card:after{content:"";position:absolute;inset:.45rem;border:1px solid rgba(232,195,102,.12);border-radius:calc(var(--radius-xl) - .35rem);pointer-events:none}.login-mobile-brand{text-align:center;margin-block-end:1.25rem}.login-logo{inline-size:7rem;aspect-ratio:1;margin-inline:auto;-o-object-fit:cover;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px var(--border-strong),0 0 42px #d6a33c3d}.login-actions{position:absolute;inset-block-start:max(1rem,env(safe-area-inset-top));inset-inline-end:1rem;z-index:10;display:flex;gap:.5rem}.google-button{inline-size:100%;min-block-size:48px;display:flex;align-items:center;justify-content:center;gap:.7rem;border:1px solid rgba(16,24,36,.14);border-radius:var(--radius-md);background:#fbfbfb;color:#253041;font-weight:700;box-shadow:0 8px 24px #00000038;cursor:pointer}.login-divider{display:flex;align-items:center;gap:.7rem;margin-block:1rem;color:var(--text-muted);font-size:.75rem}.login-divider:before,.login-divider:after{content:"";flex:1;block-size:1px;background:var(--border-soft)}.demo-panel{margin-block-start:.8rem}.rights-line{color:var(--gold-400);font-size:.7rem;text-align:center;letter-spacing:.02em}.pwa-prompt{position:fixed;inset-inline:1rem;inset-block-end:calc(6.3rem + env(safe-area-inset-bottom,0px));z-index:70;max-inline-size:32rem;margin-inline:auto;display:flex;align-items:flex-start;gap:.8rem;padding:1rem;border-radius:var(--radius-lg)}.gold-particle{position:absolute;inline-size:2px;block-size:2px;border-radius:50%;background:var(--gold-300);box-shadow:0 0 8px var(--gold-500);animation:particle 12s linear infinite;pointer-events:none}@keyframes particle{0%{transform:translateY(12vh);opacity:0}15%{opacity:.55}to{transform:translateY(-105vh);opacity:0}}.scanner-surface{background:radial-gradient(circle at 50% -10%,rgba(214,163,60,.17),transparent 36%),var(--page-bg)}.scanner-frame{position:relative}.scanner-frame:before{content:"";position:absolute;inset-inline:8%;block-size:2px;background:linear-gradient(90deg,transparent,var(--gold-300),transparent);box-shadow:0 0 18px var(--gold-500);animation:scan-line 2.6s ease-in-out infinite}@keyframes scan-line{0%,to{inset-block-start:12%;opacity:.35}50%{inset-block-start:86%;opacity:1}}.scanner-orb,.success-medallion{display:grid;place-items:center;border-radius:50%;color:var(--gold-300);background:radial-gradient(circle at 35% 25%,var(--navy-700),var(--navy-950) 66%);border:1px solid var(--border-strong);box-shadow:0 0 0 8px #bd842614,0 0 38px #d6a33c38}.scanner-orb{inline-size:86px;block-size:86px}.success-medallion{inline-size:110px;block-size:110px}.scanner-action{min-block-size:132px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-soft);background:var(--surface);box-shadow:var(--shadow-surface);cursor:pointer}.scanner-action:hover{color:var(--gold-300);border-color:var(--border-strong)}.scanner-action-primary{color:#07111f;background:var(--metal);border-color:var(--gold-300);box-shadow:var(--shadow-gold)}.department-search>svg{position:absolute;inset-block-start:1.53rem;inset-inline-start:.8rem;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:2}.department-search>input{padding-inline-start:2.45rem}.department-accent{block-size:3px}.department-card-actions>button{flex:1 1 0}.scan-review{display:grid;gap:.75rem}.scan-review-preview{max-block-size:min(38dvh,18rem)}.scan-review-card{margin-block-end:max(.5rem,env(safe-area-inset-bottom,0px))}.camera-shutter{inline-size:76px;block-size:76px;border-radius:50%;border:3px solid var(--gold-300);padding:7px;box-shadow:0 0 0 7px #d6a33c1f,0 0 28px #d6a33c40}.camera-shutter span{display:block;inline-size:100%;block-size:100%;border-radius:50%;background:var(--metal)}.safe-top{padding-block-start:env(safe-area-inset-top,0px)}.safe-bottom{padding-block-end:env(safe-area-inset-bottom,0px)}.text-champagne-100,.text-champagne-200{color:var(--text-main)!important}.text-champagne-300,.text-champagne-400{color:var(--text-soft)!important}.text-champagne-500,.text-champagne-600{color:var(--text-muted)!important}.text-gold-200,.text-gold-300,.text-gold-400{color:var(--gold-400)!important}.bg-navy-950,.bg-navy-900,.bg-navy-800,.bg-navy-700{background-color:var(--navy-900)!important}.bg-white\/5{background-color:#ffffff0b!important}.bg-white\/10{background-color:#ffffff14!important}.border-white\/5,.border-white\/10,.border-white\/15,.border-white\/25{border-color:var(--border-soft)!important}:root[data-theme=light] .text-amber-200,:root[data-theme=light] .text-amber-300,:root[data-theme=light] .text-amber-400{color:#6e470d!important}:root[data-theme=light] .text-red-200,:root[data-theme=light] .text-red-300{color:#8b2424!important}@media(min-width:640px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.login-grid{grid-template-columns:minmax(18rem,.9fr) minmax(25rem,.72fr)}.login-brand{display:block}.login-mobile-brand{display:none}.login-brand .brand-emblem{inline-size:min(30vw,25rem);aspect-ratio:1;margin-inline:auto;border-radius:50%;box-shadow:0 0 0 1px var(--border-strong),0 0 0 12px #bd84260a,0 0 80px #d6a33c2e}}@media(min-width:1024px){.app-layout{display:grid;grid-template-columns:var(--rail-size) minmax(0,1fr);direction:ltr}[dir=rtl] .app-layout{grid-template-columns:minmax(0,1fr) var(--rail-size)}[dir=rtl] .desktop-rail{grid-column:2;grid-row:1}[dir=rtl] .app-content{grid-column:1;grid-row:1}[dir=rtl] .desktop-rail,[dir=rtl] .app-content{direction:rtl}.desktop-rail{display:flex;position:sticky;inset-block-start:0;block-size:100dvh;flex-direction:column;padding:1rem;border-inline-end:1px solid var(--border);background:linear-gradient(180deg,#03080ff7,#07111ff0);box-shadow:16px 0 44px #00000038;z-index:40}[dir=rtl] .desktop-rail{border-inline-end:0;border-inline-start:1px solid var(--border);box-shadow:-16px 0 44px #00000038}.rail-brand{text-align:center;padding:.75rem .5rem 1.2rem;border-block-end:1px solid var(--border-soft)}.rail-brand .brand-emblem{inline-size:7.4rem;aspect-ratio:1;margin-inline:auto}.rail-nav{display:grid;gap:.5rem;margin-block:1.2rem}.rail-link{min-block-size:48px;display:flex;align-items:center;gap:.8rem;padding-inline:.85rem;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;transition:all var(--base)}.rail-link:hover{color:var(--gold-300);background:var(--metal-soft);border-color:var(--border)}.rail-link.active{color:var(--gold-300);background:var(--metal-soft);border-color:var(--border-strong);box-shadow:inset 3px 0 0 var(--gold-400)}[dir=rtl] .rail-link.active{box-shadow:inset -3px 0 0 var(--gold-400)}.rail-footer{margin-block-start:auto;display:grid;gap:.75rem}.rail-user{padding:.8rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.bottom-nav{display:none}.pwa-prompt{inset-inline-start:1.5rem;inset-inline-end:auto;inset-block-end:1.5rem}.desktop-utilities{display:flex;align-items:center;gap:.15rem}.mobile-menu-trigger,.topbar-brand img{display:none}.app-main{padding-block-end:2rem}}@media(max-width:480px){.topbar-title{display:none}.topbar-brand{gap:.4rem}.topbar-brand .brand-emblem{inline-size:2.25rem;block-size:2.25rem}.brand-kicker{font-size:.58rem;letter-spacing:.08em}.page-heading{align-items:center}.page-heading h1{font-size:1.35rem}.page-heading p{font-size:.72rem}.metric-grid{gap:.55rem}.metric-grid>*{padding:.7rem!important}.department-grid .glass-card>div:last-child{padding:.8rem}.department-admin-card .w-12.h-12{inline-size:2.5rem;block-size:2.5rem}.department-admin-card .grid.grid-cols-3{margin-block-start:.55rem;gap:.4rem}.department-admin-card .grid.grid-cols-3>div{padding-block:.4rem}.department-admin-card .flex.gap-2.mt-3{margin-block-start:.55rem}.department-card-actions{margin-block-start:.35rem;padding-block-start:.25rem}.scanner-action{min-block-size:104px}.modal-viewport{padding:.5rem;align-items:flex-start;padding-block-start:max(.5rem,env(safe-area-inset-top,0px))}.modal-panel{padding:.85rem;max-block-size:calc(100dvh - 1rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:1rem}.modal-panel>div:first-child{margin-block-end:.75rem}}@media(min-width:700px)and (max-width:1023px){.scan-review{grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);align-items:start}.scan-review-preview{max-block-size:70dvh;position:sticky;inset-block-start:0}}@media(min-width:1280px){.department-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-contrast:more){:root{--border: rgba(244,220,147,.68);--border-soft: rgba(255,245,220,.3)}:focus-visible{outline-width:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.last\:border-0:last-child{border-width:0px}.last\:pb-0:last-child{padding-bottom:0}.hover\:bg-gold-500\/10:hover{background-color:#b8720a1a}.hover\:bg-navy-600\/80:hover{background-color:#124c}.hover\:bg-red-800\/70:hover{background-color:#991b1bb3}.hover\:bg-red-900\/20:hover{background-color:#7f1d1d33}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:text-gold-200:hover{--tw-text-opacity: 1;color:rgb(224 188 85 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-gold-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(200 137 30 / var(--tw-ring-opacity, 1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.md\:flex{display:flex}}@media(min-width:1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:max-h-none{max-height:none}.lg\:w-80{width:20rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[1\.05fr_\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:flex-row{flex-direction:row}.lg\:border-s{border-inline-start-width:1px}.lg\:border-t-0{border-top-width:0px}}