@plugin "@tailwindcss/typography";@source "./components";@custom-variant dark (&:is(.dark *));@theme inline{--color-background: hsl(var(--background)); --color-foreground: hsl(var(--foreground)); --color-border: hsl(var(--border)); --color-input: hsl(var(--input)); --color-ring: hsl(var(--ring)); --color-card: hsl(var(--card)); --color-card-foreground: hsl(var(--card-foreground)); --color-card-border: hsl(var(--card-border)); --color-popover: hsl(var(--popover)); --color-popover-foreground: hsl(var(--popover-foreground)); --color-popover-border: hsl(var(--popover-border)); --color-primary: hsl(var(--primary)); --color-primary-foreground: hsl(var(--primary-foreground)); --color-primary-border: var(--primary-border); --color-secondary: hsl(var(--secondary)); --color-secondary-foreground: hsl(var(--secondary-foreground)); --color-secondary-border: var(--secondary-border); --color-muted: hsl(var(--muted)); --color-muted-foreground: hsl(var(--muted-foreground)); --color-muted-border: var(--muted-border); --color-accent: hsl(var(--accent)); --color-accent-foreground: hsl(var(--accent-foreground)); --color-accent-border: var(--accent-border); --color-destructive: hsl(var(--destructive)); --color-destructive-foreground: hsl(var(--destructive-foreground)); --color-destructive-border: var(--destructive-border); --color-chart-1: hsl(var(--chart-1)); --color-chart-2: hsl(var(--chart-2)); --color-chart-3: hsl(var(--chart-3)); --color-chart-4: hsl(var(--chart-4)); --color-chart-5: hsl(var(--chart-5)); --color-sidebar: hsl(var(--sidebar)); --color-sidebar-foreground: hsl(var(--sidebar-foreground)); --color-sidebar-border: hsl(var(--sidebar-border)); --color-sidebar-primary: hsl(var(--sidebar-primary)); --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground)); --color-sidebar-primary-border: var(--sidebar-primary-border); --color-sidebar-accent: hsl(var(--sidebar-accent)); --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground)); --color-sidebar-accent-border: var(--sidebar-accent-border); --color-sidebar-ring: hsl(var(--sidebar-ring)); --font-sans: var(--app-font-sans); --font-serif: var(--app-font-serif); --font-mono: var(--app-font-mono); --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: calc(1.5 / 1); --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: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px);}:root{--button-outline:#0000001a;--badge-outline:#0000000d;--opaque-button-border-intensity:-8;--elevate-1:#00000008;--elevate-2:#00000014;--background:216 50% 96.1%;--foreground:218 75.7% 21%;--border:213 33.3% 88.2%;--card:0 0% 100%;--card-foreground:218 75.7% 21%;--sidebar:0 0% 100%;--sidebar-foreground:218 75.7% 21%;--sidebar-border:213 33.3% 88.2%;--sidebar-primary:218 75.7% 21%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:191 73.3% 94.1%;--sidebar-accent-foreground:218 75.7% 21%;--sidebar-ring:191 67.8% 50%;--popover:0 0% 100%;--popover-foreground:218 75.7% 21%;--primary:191 67.8% 50%;--primary-foreground:213 66.7% 7.1%;--secondary:267 43.5% 43.7%;--secondary-foreground:0 0% 100%;--muted:214 43.8% 93.7%;--muted-foreground:213 28% 49%;--accent:191 73.3% 94.1%;--accent-foreground:218 75.7% 21%;--destructive:0 69.9% 59.6%;--destructive-foreground:0 0% 100%;--input:212 34.1% 82.7%;--ring:191 67.8% 50%;--chart-1:191 67.8% 50%;--chart-2:267 43.5% 43.7%;--chart-3:159 100% 32%;--chart-4:39 100% 42%;--chart-5:0 69.9% 59.6%;--app-font-sans:Cairo, Tajawal, Arial, sans-serif;--app-font-serif:Roboto Slab, Georgia, serif;--app-font-mono:JetBrains Mono, monospace;--radius:.75rem;--spacing:.25rem;--sidebar-primary-border:hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--sidebar-accent-border:hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--primary-border:hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--secondary-border:hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--muted-border:hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--accent-border:hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--destructive-border:hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--card-border:hsl(var(--card));--popover-border:hsl(var(--popover))}.dark{--button-outline:#ffffff1a;--badge-outline:#ffffff0d;--opaque-button-border-intensity:9;--elevate-1:#ffffff0a;--elevate-2:#ffffff17;--background:216 62.5% 6.3%;--foreground:217 39.4% 93.5%;--border:216 43.4% 22.2%;--card:221 63.9% 16.3%;--card-foreground:217 39.4% 93.5%;--sidebar:216 60% 9.8%;--sidebar-foreground:217 39.4% 93.5%;--sidebar-border:216 43.4% 22.2%;--sidebar-primary:191 67.8% 50%;--sidebar-primary-foreground:213 66.7% 7.1%;--sidebar-accent:210 55% 21.8%;--sidebar-accent-foreground:188 79.5% 84.7%;--sidebar-ring:191 67.8% 50%;--popover:216 60% 9.8%;--popover-foreground:217 39.4% 93.5%;--primary:191 67.8% 50%;--primary-foreground:213 66.7% 7.1%;--secondary:267 43.5% 43.7%;--secondary-foreground:0 0% 100%;--muted:216 54.5% 17.3%;--muted-foreground:216 33% 60.8%;--accent:210 55% 21.8%;--accent-foreground:188 79.5% 84.7%;--destructive:0 69.9% 59.6%;--destructive-foreground:0 0% 100%;--input:213 40.8% 27.8%;--ring:191 67.8% 50%;--chart-1:191 67.8% 50%;--chart-2:267 50.5% 62.7%;--chart-3:161 100% 38.4%;--chart-4:39 84.7% 61.6%;--chart-5:0 100% 73.3%;--sidebar-primary-border:hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--sidebar-accent-border:hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--primary-border:hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--secondary-border:hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--muted-border:hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--accent-border:hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--destructive-border:hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--card-border:hsl(var(--card));--popover-border:hsl(var(--popover))}@layer base{@apply border-border;@apply font-sans antialiased bg-background text-foreground;}@layer components{.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.6875rem;font-weight:800;line-height:1.25}.nav-item,.shell-nav-item{text-align:start;width:100%;min-height:44px;color:hsl(var(--muted-foreground));border-radius:.75rem;align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:600;transition:color .15s,background-color .15s;display:flex}.nav-item:hover,.shell-nav-item:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.nav-item[aria-current=true],.shell-nav-item[aria-current=true]{background:hsl(var(--accent));color:hsl(var(--primary));font-weight:800}.nav-item:focus-visible,.shell-nav-item:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.spinner{border:2px solid hsl(var(--primary) / .28);border-top-color:hsl(var(--primary));border-radius:9999px;flex:none;width:1rem;height:1rem;animation:.8s linear infinite nafithah-spin;display:inline-block}}@keyframes nafithah-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@layer utilities{@apply hidden;[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:hsl(var(--muted-foreground));pointer-events:none}.toggle-elevate:before,.toggle-elevate-2:before{content:"";pointer-events:none;border-radius:inherit;z-index:-1;position:absolute;inset:0}.toggle-elevate.toggle-elevated:before{background-color:var(--elevate-2)}.border.toggle-elevate:before{inset:-1px}.hover-elevate:not(.no-default-hover-elevate),.active-elevate:not(.no-default-active-elevate),.hover-elevate-2:not(.no-default-hover-elevate),.active-elevate-2:not(.no-default-active-elevate){z-index:0;position:relative}.hover-elevate:not(.no-default-hover-elevate):after,.active-elevate:not(.no-default-active-elevate):after,.hover-elevate-2:not(.no-default-hover-elevate):after,.active-elevate-2:not(.no-default-active-elevate):after{content:"";pointer-events:none;border-radius:inherit;z-index:999;position:absolute;inset:0}.hover-elevate:hover:not(.no-default-hover-elevate):after,.active-elevate:active:not(.no-default-active-elevate):after{background-color:var(--elevate-1)}.hover-elevate-2:hover:not(.no-default-hover-elevate):after,.active-elevate-2:active:not(.no-default-active-elevate):after{background-color:var(--elevate-2)}.border.hover-elevate:not(.no-hover-interaction-elevate):after,.border.active-elevate:not(.no-active-interaction-elevate):after,.border.hover-elevate-2:not(.no-hover-interaction-elevate):after,.border.active-elevate-2:not(.no-active-interaction-elevate):after,.border.hover-elevate:not(.no-hover-interaction-elevate):after{inset:-1px}}