/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Inter", "Cairo", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-600:oklch(57.7% .245 27.325);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-800:oklch(47.3% .137 46.201);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-lg:32rem;--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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Inter", "Cairo", sans-serif;--default-mono-font-family:var(--font-mono);--color-background:var(--background);--color-foreground:var(--foreground);--color-popover:var(--popover);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--font-heading:"DM Sans", "Cairo", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-10{top:calc(var(--spacing) * -10)}.top-0{top:calc(var(--spacing) * 0)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-2{left:calc(var(--spacing) * 2)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.z-\[2000\]{z-index:2000}.z-\[2001\]{z-index:2001}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-1{margin-right:calc(var(--spacing) * 1)}.-mb-px{margin-bottom:-1px}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-full{width:100%;height:100%}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[3rem\]{min-height:3rem}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-\[130px\]{width:130px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[120px\]{max-width:120px}.max-w-\[380px\]{max-width:380px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-none{resize:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.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-6{gap:calc(var(--spacing) * 6)}.gap-px{gap:1px}.gap-x-4{column-gap:calc(var(--spacing) * 4)}:where(.-space-x-px>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-1px * var(--tw-space-x-reverse));margin-inline-end:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-amber-300{border-color:var(--color-amber-300)}.border-border,.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--border) 50%,transparent)}}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.border-violet-200{border-color:var(--color-violet-200)}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-accent{background-color:var(--accent)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-muted,.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--muted) 30%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--primary) 5%,transparent)}}.bg-primary\/8{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/8{background-color:color-mix(in oklab,var(--primary) 8%,transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.bg-secondary,.bg-secondary\/30{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/30{background-color:color-mix(in oklab,var(--secondary) 30%,transparent)}}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-px{padding:1px}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:Inter,Cairo,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-amber-800{color:var(--color-amber-800)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-primary,.ring-primary\/20{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.ring-primary\/20{--tw-ring-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.ring-primary\/50{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.ring-primary\/50{--tw-ring-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.ring-primary\/60{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.ring-primary\/60{--tw-ring-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.running{animation-play-state:running}@media(hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){display:grid}.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.first\:rounded-l-lg:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.last\:rounded-r-lg:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-muted-foreground\/30:hover{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:border-muted-foreground\/30:hover{border-color:color-mix(in oklab,var(--muted-foreground) 30%,transparent)}}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/10:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-gray-300:hover{color:var(--color-gray-300)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-primary\/40:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary\/40:focus{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[\#0c453d\]\/30:focus-visible{--tw-ring-color:oklab(35.2893% -.0579293 -.00115412/.3)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 6)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}@media(min-width:40rem){.sm\:inset-0{inset:calc(var(--spacing) * 0)}.sm\:top-0{top:calc(var(--spacing) * 0)}.sm\:left-0{left:calc(var(--spacing) * 0)}.sm\:h-screen{height:100vh}.sm\:w-screen{width:100vw}.sm\:max-w-2xl{max-width:var(--container-2xl)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-none{max-width:none}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-none{border-radius:0}.sm\:text-left{text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){place-items:start}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.data-\[size\=default\]\:sm\:max-w-lg[data-size=default]{max-width:var(--container-lg)}}@media(min-width:48rem){.md\:inline{display:inline}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:border-violet-800:is(.dark *){border-color:var(--color-violet-800)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive) 60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.dark\:bg-violet-900:is(.dark *){background-color:var(--color-violet-900)}.dark\:bg-violet-950:is(.dark *){background-color:var(--color-violet-950)}.dark\:text-violet-300:is(.dark *){color:var(--color-violet-300)}.dark\:text-violet-400:is(.dark *){color:var(--color-violet-400)}@media(hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent) 50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}@media(hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary) 90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Year of the Camel;src:url(../fonts/YearOfTheCamel-Light.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Palestine;src:url(../fonts/Palestine-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-black:#0c453d;--color-white:#fff;--color-green:#0c453d;--color-green-light:#249788;--color-green-dark:#082e29;--color-gold:#c9a84c;--color-gold-light:#e0c97a;--color-cream:#f4f2ed;--color-cream-dark:#e8e4db;--color-gray-50:#f8f7f4;--color-gray-100:#f0eeea;--color-gray-200:#e2dfda;--color-gray-300:#c9c5be;--color-gray-400:#9a9590;--color-gray-500:#6b6660;--color-gray-600:#4d4944;--color-gray-700:#3a3733;--color-gray-800:#272523;--color-gray-900:#1a1918;--color-gray-950:#0e0d0c;--color-primary:var(--color-green);--color-primary-foreground:var(--color-white);--color-secondary:var(--color-cream);--color-secondary-foreground:var(--color-green-dark);--color-muted:var(--color-cream);--color-muted-foreground:var(--color-gray-500);--color-accent:var(--color-gold);--color-accent-foreground:var(--color-green-dark);--color-destructive:#dc2626;--color-destructive-foreground:var(--color-white);--color-background:var(--color-white);--color-foreground:var(--color-green-dark);--color-card:var(--color-white);--color-card-foreground:var(--color-green-dark);--color-popover:var(--color-white);--color-popover-foreground:var(--color-green-dark);--color-border:var(--color-gray-200);--color-input:var(--color-gray-200);--color-ring:var(--color-green);--font-sans:"Inter", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"DM Sans", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-arabic:"Cairo", "Amiri", "Traditional Arabic", "Arabic Typesetting", sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0em;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #00000008;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-none:0 0 #0000;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--transition-slower:.5s cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-dropdown:50;--z-sticky:100;--z-fixed:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--sidebar-width:260px;--topbar-height:56px;--content-max-width:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-foreground);background-color:var(--color-background);min-height:100vh;overflow-y:scroll}body.auth-pending>:not(script){visibility:hidden}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;border-spacing:0}[dir=rtl],.text-arabic{font-family:var(--font-arabic);direction:rtl}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-foreground);letter-spacing:var(--letter-spacing-tight);border-bottom:none;text-decoration:none}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tighter)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}p{line-height:var(--line-height-relaxed);color:var(--color-gray-700)}p+p{margin-top:var(--spacing-4)}small{font-size:var(--font-size-sm)}strong,b{font-weight:var(--font-weight-semibold)}code{font-family:var(--font-mono);background-color:var(--color-gray-100);border-radius:var(--radius-base);border:1px solid var(--color-gray-200);padding:.125rem .375rem;font-size:.875em}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--color-gray-950);color:var(--color-gray-100);padding:var(--spacing-4);border-radius:var(--radius-lg);overflow-x:auto}pre code{color:inherit;background:0 0;border:none;padding:0}hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-6) 0}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=time],textarea,select{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-input);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-ring);box-shadow:0 0 0 2px #0000000d}input::placeholder,textarea::placeholder{color:var(--color-gray-400)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-50)}label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-1);display:block}textarea{resize:vertical;min-height:80px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}::selection{background-color:var(--color-gray-900);color:var(--color-white)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.gap-0{gap:0}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-4{padding-bottom:var(--spacing-4)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pl-0{padding-left:0}.pl-2{padding-left:var(--spacing-2)}.pl-4{padding-left:var(--spacing-4)}.pl-6{padding-left:var(--spacing-6)}.pr-0{padding-right:0}.pr-2{padding-right:var(--spacing-2)}.pr-4{padding-right:var(--spacing-4)}.pr-6{padding-right:var(--spacing-6)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-4{margin:var(--spacing-4)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-4{margin-left:var(--spacing-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-4{margin-right:var(--spacing-4)}.mr-auto{margin-right:auto}.-mt-1{margin-top:calc(-1 * var(--spacing-1))}.-mt-2{margin-top:calc(-1 * var(--spacing-2))}.-ml-1{margin-left:calc(-1 * var(--spacing-1))}.-ml-2{margin-left:calc(-1 * var(--spacing-2))}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.w-fit{width:fit-content}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.min-w-0{min-width:0}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-sans{font-family:var(--font-sans)}.font-heading{font-family:var(--font-heading)}.font-arabic{font-family:var(--font-arabic)}.font-mono{font-family:var(--font-mono)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-foreground)}.text-secondary{color:var(--color-muted-foreground)}.text-muted{color:var(--color-gray-400)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-foreground{color:var(--color-foreground)}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.text-destructive{color:var(--color-destructive)}.text-primary-foreground{color:var(--color-primary-foreground)}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-950{background-color:var(--color-gray-950)}.bg-transparent{background-color:#0000}.bg-muted{background-color:var(--color-muted)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.border{border:1px solid var(--color-border)}.border-0{border:0}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-2{border-width:2px}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-800{border-color:var(--color-gray-800)}.border-black{border-color:var(--color-black)}.border-transparent{border-color:#0000}.border-border{border-color:var(--color-border)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.divide-y>*+*{border-top:1px solid var(--color-border)}.divide-x>*+*{border-left:1px solid var(--color-border)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-none{box-shadow:var(--shadow-none)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--ease-in-out);transition-duration:.2s}.transition-all{transition-property:all;transition-timing-function:var(--ease-in-out);transition-duration:.2s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:var(--ease-in-out);transition-duration:.2s}.transition-opacity{transition-property:opacity;transition-timing-function:var(--ease-in-out);transition-duration:.2s}.transition-transform{transition-property:transform;transition-timing-function:var(--ease-in-out);transition-duration:.2s}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--ease-in-out);transition-duration:.2s}.duration-fast{transition-duration:.15s}.duration-base{transition-duration:.2s}.duration-slow{transition-duration:.3s}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.translate-y-0{transform:translateY(0)}.translate-y-1{transform:translateY(.25rem)}.translate-y-2{transform:translateY(.5rem)}.-translate-y-1{transform:translateY(-.25rem)}.-translate-y-2{transform:translateY(-.5rem)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:text-black:hover{color:var(--color-black)}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.focus-ring:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.animate-fade-in{animation:.2s ease-out forwards fadeIn}.animate-fade-out{animation:.2s ease-out forwards fadeOut}.animate-slide-up{animation:.3s cubic-bezier(.22,1,.36,1) forwards slideInUp}.animate-slide-down{animation:.3s cubic-bezier(.22,1,.36,1) forwards slideInDown}.animate-slide-left{animation:.3s cubic-bezier(.22,1,.36,1) forwards slideInLeft}.animate-slide-right{animation:.3s cubic-bezier(.22,1,.36,1) forwards slideInRight}.animate-scale-in{animation:.2s ease-out forwards scaleIn}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.container{width:100%;max-width:var(--content-max-width);padding-left:var(--spacing-4);padding-right:var(--spacing-4);margin-left:auto;margin-right:auto}.not-sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}@media(min-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.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))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.sm\:py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-base{font-size:var(--font-size-base)}.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media(min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:inline-flex{display:inline-flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:gap-4{gap:var(--spacing-4)}.md\:gap-6{gap:var(--spacing-6)}.md\:gap-8{gap:var(--spacing-8)}.md\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.md\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.md\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.md\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}.md\:text-3xl{font-size:var(--font-size-3xl)}.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}@media(min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:inline-flex{display:inline-flex}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-6{gap:var(--spacing-6)}.lg\:gap-8{gap:var(--spacing-8)}.lg\:gap-12{gap:var(--spacing-12)}.lg\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.lg\:px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.lg\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.lg\:text-xl{font-size:var(--font-size-xl)}.lg\:text-2xl{font-size:var(--font-size-2xl)}.lg\:text-3xl{font-size:var(--font-size-3xl)}.lg\:text-4xl{font-size:var(--font-size-4xl)}}@media(min-width:1280px){.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:gap-8{gap:var(--spacing-8)}.xl\:gap-10{gap:var(--spacing-10)}.xl\:px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}}@media(max-width:639px){.mobile\:hidden{display:none}.mobile\:block{display:block}.mobile\:flex{display:flex}.mobile\:flex-col{flex-direction:column}.mobile\:w-full{width:100%}.mobile\:text-sm{font-size:var(--font-size-sm)}.mobile\:text-center{text-align:center}.mobile\:p-3{padding:var(--spacing-3)}.mobile\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.mobile\:gap-3{gap:var(--spacing-3)}}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}body{font-size:12pt;line-height:1.5}a,a:visited{text-decoration:underline}img{page-break-inside:avoid;max-width:100%!important}h2,h3{page-break-after:avoid}.hidden-print,nav,footer{display:none!important}}@media(prefers-contrast:high){:root{--color-border:var(--color-gray-400);--color-input:var(--color-gray-400);--shadow-sm:none;--shadow-base:none;--shadow-md:0 0 0 1px var(--color-gray-400);--shadow-lg:0 0 0 2px var(--color-gray-400)}}.app-bar{z-index:1000;-webkit-backdrop-filter:blur(8px);background-color:#fffffff7;height:64px}.app-bar-offset{padding-top:64px}.bottom-nav{z-index:1000;height:56px;padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:1024px){.bottom-nav{display:none}}.bottom-nav__link{color:var(--color-muted-foreground);gap:2px;text-decoration:none}.bottom-nav__link--active{color:var(--color-primary)}.bottom-nav__label{text-overflow:ellipsis;font-size:11px}@media(max-width:1023px){.bottom-nav-offset{padding-bottom:56px}}.sidebar-nav{width:var(--sidebar-width);z-index:900;display:none;top:64px}@media(min-width:1024px){.sidebar-nav{display:flex}}.sidebar-nav__link{color:var(--color-muted-foreground);text-decoration:none}.sidebar-nav__link:hover{background-color:var(--color-muted);color:var(--color-foreground)}.sidebar-nav__link--active{background-color:var(--color-secondary);color:var(--color-primary)}@media(min-width:1024px){.sidebar-offset .main-content{margin-left:var(--sidebar-width)}}.settings-nav--mobile{display:flex}@media(min-width:1024px){.settings-nav--mobile{display:none}}.sidebar-nav__subnav{border-inline-start:1px solid var(--color-border);margin-inline-start:var(--spacing-6);padding-inline-start:var(--spacing-3)}.sidebar-nav__sublink{color:var(--color-muted-foreground);font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3);text-decoration:none}.sidebar-nav__sublink:hover{background-color:var(--color-muted);color:var(--color-foreground)}.sidebar-nav__sublink--active{color:var(--color-primary);background-color:var(--color-secondary)}.sidebar-nav__badge{background-color:var(--color-primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}[dir=rtl] .sidebar-nav__badge{margin-left:0;margin-right:auto}.settings-nav__link{color:var(--color-muted-foreground);text-decoration:none}.settings-nav__link:hover,.settings-nav__link--active{background-color:var(--color-muted);color:var(--color-foreground)}.sidebar-nav__footer{background-color:var(--color-white);position:sticky;bottom:0}[data-slot=dropdown-menu-content]{z-index:1100;background-color:var(--color-popover);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:10rem;padding:var(--spacing-1);box-shadow:var(--shadow-lg);animation:.15s ease-out scaleIn}[data-slot=dropdown-menu-item]{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:default;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);outline:none;display:flex}[data-slot=dropdown-menu-item]:focus,[data-slot=dropdown-menu-item]:hover{background-color:var(--color-muted)}[data-slot=dropdown-menu-item][data-variant=destructive]{color:var(--color-destructive)}[data-slot=dropdown-menu-item][data-variant=destructive]:focus,[data-slot=dropdown-menu-item][data-variant=destructive]:hover{background-color:#fef2f2}[data-slot=dropdown-menu-item] svg{flex-shrink:0;width:16px;height:16px}[data-slot=dropdown-menu-separator]{background-color:var(--color-border);height:1px;margin:var(--spacing-1) calc(-1 * var(--spacing-1))}.sa-tenant-banner{z-index:999;background-color:var(--color-green-dark);position:fixed;top:64px;left:0;right:0}.sa-tenant-banner__exit{color:var(--color-gray-300);padding-top:2px;padding-bottom:2px}.sa-tenant-banner__exit:hover{color:var(--color-white);background-color:#ffffff1a}body.sa-banner-active .sidebar-nav{top:96px}[dir=rtl] body{font-family:"Cairo","Amiri",var(--font-body)}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-left:auto;margin-right:0}[dir=rtl] .search-input{padding-left:12px;padding-right:36px}[dir=rtl] .search-icon{left:auto;right:12px}[dir=rtl] .breadcrumb{flex-direction:row-reverse}[dir=rtl] .icon-chevron-right,[dir=rtl] .icon-arrow-right,[dir=rtl] .quick-action-card__arrow{transform:scaleX(-1)}[dir=rtl] .border-left{border-left:none;border-right:1px solid var(--border)}[dir=rtl] .border-right{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .dashboard-welcome__title,[dir=rtl] .dashboard-section__title,[dir=rtl] .quick-action-card__title,[dir=rtl] .quick-action-card__desc{text-align:right}[dir=rtl] .quick-action-card{flex-direction:row-reverse}[dir=rtl] .sidebar-nav{left:auto;right:0}@media(min-width:1024px){[dir=rtl] .sidebar-offset .main-content{margin-left:0;margin-right:var(--sidebar-width)}}[dir=rtl] header.fixed{direction:rtl}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);height:2.5rem;padding:0 var(--spacing-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.btn--default{background-color:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.btn--default:hover:not(:disabled){background-color:var(--color-green-dark);border-color:var(--color-green-dark)}.btn--default:active:not(:disabled){background-color:var(--color-green-dark)}.btn--outline{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-gray-300)}.btn--outline:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn--outline:active:not(:disabled){background-color:var(--color-gray-100)}.btn--ghost{color:var(--color-black);background-color:#0000;border-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn--ghost:active:not(:disabled){background-color:var(--color-gray-200)}.btn--sm{height:2rem;padding:0 var(--spacing-3);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.btn--md{height:2.5rem;padding:0 var(--spacing-4);font-size:var(--font-size-sm)}.btn--lg{height:3rem;padding:0 var(--spacing-6);font-size:var(--font-size-base)}.btn:disabled,.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:640px){.btn--sm{min-width:2.75rem;min-height:2.75rem}}.card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base);overflow:hidden}.card--elevated{box-shadow:var(--shadow-md);border-color:#0000}.card--elevated:hover{box-shadow:var(--shadow-lg)}.card__header{gap:var(--spacing-1);padding:var(--spacing-6);flex-direction:column;padding-bottom:0;display:flex}.card__header:has(button),.card__header:has(.btn-icon){flex-direction:row;justify-content:space-between;align-items:center}.card__title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-foreground);margin:0}.card__subtitle,.card__description{font-size:var(--font-size-sm);color:var(--color-muted-foreground);line-height:var(--line-height-normal);margin:0}.card__body{padding:var(--spacing-6);padding-top:var(--spacing-4)}.card__content{padding:var(--spacing-6)}.card__header+.card__content{padding-top:var(--spacing-4)}.card__footer{align-items:center;gap:var(--spacing-2);padding:var(--spacing-6);padding-top:0;display:flex}.filter-bar{align-items:center;gap:var(--spacing-2) var(--spacing-3);background-color:var(--color-gray-50);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-flow:wrap;display:flex}.filter-bar__divider{background-color:var(--color-gray-300);flex-shrink:0;width:1px;height:1.5rem}.filter-bar__actions{align-items:center;gap:var(--spacing-2);flex-direction:row;margin-left:auto;display:flex}[dir=rtl] .filter-bar__actions{margin-left:0;margin-right:auto}.filter-chips,.type-chips{align-items:center;gap:var(--spacing-1);flex-flow:wrap;display:flex}.filter-chip{align-items:center;gap:var(--spacing-1);height:2rem;padding:0 var(--spacing-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-white);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap;display:inline-flex}.filter-chip:hover{background-color:var(--color-gray-50)}.filter-chip--active{background-color:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.filter-chip--active:hover{background-color:var(--color-green-dark);border-color:var(--color-green-dark)}.filter-chip__count{border-radius:var(--radius-full);min-width:1.25rem;height:1.25rem;font-size:10px;font-weight:var(--font-weight-semibold);background-color:var(--color-gray-200);color:var(--color-gray-600);justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.filter-chip--active .filter-chip__count{color:var(--color-white);background-color:#fff3}.search-input{flex-shrink:0;align-items:center;width:220px;display:flex;position:relative}.search-input__icon{left:var(--spacing-3);z-index:1;color:var(--color-gray-400);pointer-events:none;flex-shrink:0;align-items:center;width:16px;height:16px;display:flex;position:absolute}.search-input__field{width:100%;height:2rem;padding-left:var(--spacing-8);padding-right:var(--spacing-3);border:1px solid var(--color-input);border-radius:var(--radius-full);background-color:var(--color-white);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-foreground);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input__field::placeholder{color:var(--color-gray-400)}.search-input__field:focus{border-color:var(--color-ring);box-shadow:0 0 0 1px var(--color-ring);outline:none}.search-input--has-value .search-input__field{padding-right:var(--spacing-8)}.search-input__clear{right:var(--spacing-2);border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-gray-400);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.search-input__clear:hover{background-color:var(--color-gray-100);color:var(--color-foreground)}[dir=rtl] .search-input__icon{left:auto;right:var(--spacing-3)}[dir=rtl] .search-input__field{padding-left:var(--spacing-3);padding-right:var(--spacing-8)}[dir=rtl] .search-input--has-value .search-input__field{padding-left:var(--spacing-8)}[dir=rtl] .search-input__clear{right:auto;left:var(--spacing-2)}@media(max-width:640px){.filter-bar__divider{display:none}.filter-bar{gap:var(--spacing-2)}.filter-bar__actions{width:100%;margin-left:0}.search-input{width:100%}.search-input__field{height:2.75rem;font-size:var(--font-size-base)}}.sort-select{display:inline-flex;position:relative}.sort-select__trigger{align-items:center;gap:var(--spacing-2);height:2.25rem;padding:0 var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-white);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap;display:inline-flex}.sort-select__trigger:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.sort-select__trigger:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.sort-select__trigger svg{color:var(--color-gray-500);flex-shrink:0}.sort-select__dropdown{top:calc(100% + var(--spacing-1));z-index:var(--z-dropdown);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:10rem;box-shadow:var(--shadow-lg);padding:var(--spacing-1);position:absolute;right:0}.sort-select__option{width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;gap:var(--spacing-2);background-color:#0000;border:none;display:flex}.sort-select__option:hover{background-color:var(--color-gray-100)}.sort-select__option--active{font-weight:var(--font-weight-medium);color:var(--color-foreground)}.sort-select__option-check{width:1rem;height:1rem;color:var(--color-green);flex-shrink:0;display:inline-flex}.sort-select__option:not(.sort-select__option--active) .sort-select__option-check{visibility:hidden}[dir=rtl] .sort-select__dropdown{left:0;right:auto}[dir=rtl] .sort-select__option{text-align:right;flex-direction:row-reverse}.view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;display:inline-flex;overflow:hidden}.view-toggle__btn{background-color:var(--color-white);width:2.25rem;height:2.25rem;color:var(--color-gray-500);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.view-toggle__btn:hover{background-color:var(--color-gray-50);color:var(--color-foreground)}.view-toggle__btn--active{background-color:var(--color-gray-100);color:var(--color-foreground)}.view-toggle__btn+.view-toggle__btn{border-left:1px solid var(--color-border)}[dir=rtl] .view-toggle__btn+.view-toggle__btn{border-left:none;border-right:1px solid var(--color-border)}.view-toggle__btn svg{flex-shrink:0;width:16px;height:16px}body.sa-banner-active.app-bar-offset{padding-top:96px}.page{background-color:var(--color-cream);min-height:100vh}.page__content{padding:var(--spacing-6);min-width:0;max-width:1280px;margin:0 auto;overflow-x:hidden}@media(max-width:767px){.page__content{padding:var(--spacing-4)}}.dashboard-welcome{margin-bottom:var(--spacing-8)}.dashboard-welcome__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);letter-spacing:-.025em;margin-bottom:var(--spacing-1)}.dashboard-welcome__subtitle{font-size:var(--font-size-sm);color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;margin-bottom:0}@media(max-width:767px){.dashboard-welcome__title{font-size:var(--font-size-xl)}}.dashboard-section{margin-bottom:var(--spacing-8)}.dashboard-section__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.dashboard-section__header-left{align-items:center;gap:var(--spacing-3);display:flex}.dashboard-section__title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.dashboard-section__link{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted-foreground);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.dashboard-section__link:hover{color:var(--color-foreground);opacity:1}.dashboard-section__link svg{flex-shrink:0}.dashboard-now-playing{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5)}.now-playing__grid{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}@media(max-width:1023px){.now-playing__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.now-playing__grid{grid-template-columns:1fr}}.now-playing-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--transition-base),border-color var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.now-playing-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.now-playing-card--current{border-color:var(--color-gray-400);box-shadow:var(--shadow-sm)}.now-playing-card--empty{border-style:dashed;border-color:var(--color-gray-200);opacity:.6}.now-playing-card__thumbnail{aspect-ratio:16/9;background-color:var(--color-gray-100);width:100%;position:relative;overflow:hidden}.now-playing-card__thumbnail img{object-fit:cover;width:100%;height:100%}.now-playing-card__thumbnail-placeholder{width:100%;height:100%;color:var(--color-gray-400);justify-content:center;align-items:center;display:flex}.now-playing-card__thumbnail-placeholder svg{width:32px;height:32px}.now-playing-card__badge{top:var(--spacing-2);left:var(--spacing-2);border-radius:var(--radius-full);color:var(--color-white);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:3px 8px;line-height:1;display:inline-flex;position:absolute}.now-playing-card__badge--live{background-color:#dc2626}.now-playing-card__badge--next{background-color:var(--color-gray-700)}.now-playing-card__badge--prayer{background-color:#10b981e6}.now-playing-card__badge--standby{background-color:#f59e0be6}.now-playing-card__badge-dot{border-radius:var(--radius-full);background-color:var(--color-white);width:6px;height:6px;animation:1.5s ease-in-out infinite live-pulse}.now-playing-card__order{top:var(--spacing-2);right:var(--spacing-2);border-radius:var(--radius-full);width:22px;height:22px;color:var(--color-white);font-size:11px;font-weight:var(--font-weight-bold);background-color:#0009;justify-content:center;align-items:center;display:flex;position:absolute}.now-playing-card__body{gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-3);flex-direction:column;display:flex}.now-playing-card__name{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-playing-card__type{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.04em}.now-playing-card__duration{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--color-foreground);display:flex}.now-playing-card__duration svg{width:14px;height:14px;color:var(--color-muted-foreground);flex-shrink:0}.now-playing-card__duration--remaining{color:#dc2626}.now-playing-card__remaining{color:var(--color-muted-foreground);text-transform:lowercase;font-size:.7rem}.now-playing-card__progress{background-color:var(--color-gray-200);border-radius:var(--radius-full);width:100%;height:3px;overflow:hidden}.now-playing-card__progress-bar{border-radius:var(--radius-full);background-color:#dc2626;height:100%;transition:width 1s linear}.active-design-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base),border-color var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.active-design-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.active-design-card__thumbnail{aspect-ratio:16/9;background-color:var(--color-gray-100);width:100%;position:relative;overflow:hidden}.active-design-card__thumbnail img{object-fit:cover;width:100%;height:100%}.active-design-card__thumbnail-placeholder{width:100%;height:100%;color:var(--color-gray-400);justify-content:center;align-items:center;display:flex}.active-design-card__thumbnail-placeholder svg{width:40px;height:40px}.active-design-card__live-badge{top:var(--spacing-2);left:var(--spacing-2);border-radius:var(--radius-full);color:var(--color-white);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;background-color:#dc2626;align-items:center;gap:4px;padding:3px 8px;line-height:1;display:inline-flex;position:absolute}.active-design-card__live-dot{border-radius:var(--radius-full);background-color:var(--color-white);width:6px;height:6px;animation:1.5s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.active-design-card__body{gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);flex-direction:column;display:flex}.active-design-card__name{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.active-design-card__meta{font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.active-design-card__countdown{align-items:baseline;gap:var(--spacing-2);display:flex}.active-design-card__timer{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--color-foreground);letter-spacing:.02em;line-height:1}.active-design-card__timer--expired{color:#dc2626}.active-design-card__timer-label{font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.active-design-card__progress{background-color:var(--color-gray-200);border-radius:var(--radius-full);width:100%;height:3px;overflow:hidden}.active-design-card__progress-bar{background-color:var(--color-green);border-radius:var(--radius-full);height:100%;transition:width 1s linear}.active-design-card__progress-bar--low{background-color:#dc2626}.active-design-card__actions{justify-content:flex-end;display:flex}.btn--danger{background-color:var(--color-white);color:#dc2626;border-color:#fecaca}.btn--danger:hover:not(:disabled){background-color:#fef2f2;border-color:#dc2626}.dashboard-stats{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}@media(max-width:767px){.dashboard-stats{grid-template-columns:1fr}}.stat-card{gap:var(--spacing-2);padding:var(--spacing-5);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base);flex-direction:column;display:flex}.stat-card:hover{box-shadow:var(--shadow-sm)}.stat-card__header{justify-content:space-between;align-items:center;display:flex}.stat-card__icon{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-green);background-color:#0c453d14;justify-content:center;align-items:center;display:flex}.stat-card__icon svg{width:20px;height:20px}.stat-card__trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:2px;display:inline-flex}.stat-card__trend--up{color:var(--color-green-light)}.stat-card__trend--down{color:#dc2626}.stat-card__trend svg{width:14px;height:14px}.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);font-variant-numeric:tabular-nums;line-height:1}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-muted-foreground);font-weight:var(--font-weight-medium)}.stat-card__value--loading{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);border-radius:var(--radius-md);background-size:200% 100%;width:48px;height:30px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-recent{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}@media(max-width:1023px){.dashboard-recent{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.dashboard-recent{grid-template-columns:1fr}}.recent-design-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;transition:box-shadow var(--transition-base),border-color var(--transition-base);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.recent-design-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300);opacity:1}.recent-design-card__thumbnail{aspect-ratio:16/9;background-color:var(--color-gray-100);width:100%;position:relative;overflow:hidden}.recent-design-card__thumbnail img{object-fit:cover;width:100%;height:100%}.recent-design-card__thumbnail-placeholder{width:100%;height:100%;color:var(--color-gray-300);justify-content:center;align-items:center;display:flex}.recent-design-card__thumbnail-placeholder svg{width:36px;height:36px}.recent-design-card__status-badge{top:var(--spacing-2);right:var(--spacing-2);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:4px;padding:3px 8px;line-height:1;display:inline-flex;position:absolute}.recent-design-card__status-badge--published{background-color:var(--color-green);color:var(--color-white)}.recent-design-card__status-badge--draft{background-color:var(--color-gray-200);color:var(--color-gray-700)}.recent-design-card__body{padding:var(--spacing-3) var(--spacing-4);flex-direction:column;gap:2px;display:flex}.recent-design-card__name{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-design-card__date{font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.dashboard-actions{gap:var(--spacing-3);margin-top:var(--spacing-4);flex-wrap:wrap;display:flex}.quick-actions-grid{gap:var(--spacing-4);margin-top:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}@media(max-width:767px){.quick-actions-grid{grid-template-columns:1fr}}.quick-action-card{align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;transition:box-shadow var(--transition-base),border-color var(--transition-base);text-decoration:none;display:flex}.quick-action-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300);opacity:1}.quick-action-card__icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-green);background-color:#0c453d14;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-action-card__icon svg{width:24px;height:24px}.quick-action-card__icon--campaign{color:#dc2626;background-color:#dc262614}.quick-action-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.quick-action-card__title{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.quick-action-card__desc{font-size:var(--font-size-sm);color:var(--color-muted-foreground)}.quick-action-card__arrow{color:var(--color-gray-400);transition:transform var(--transition-fast);flex-shrink:0}.quick-action-card:hover .quick-action-card__arrow{color:var(--color-gray-600);transform:translate(2px)}.dashboard-empty{padding:var(--spacing-10) var(--spacing-4);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;display:flex}.dashboard-empty__icon{background-color:var(--color-gray-100);border-radius:var(--radius-lg);width:56px;height:56px;margin-bottom:var(--spacing-4);color:var(--color-gray-400);justify-content:center;align-items:center;display:flex}.dashboard-empty__icon svg{width:28px;height:28px}.dashboard-empty__text{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-500);margin-bottom:var(--spacing-1)}.dashboard-empty__subtext{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-bottom:0}.prayers-layout{gap:var(--spacing-8);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.prayers-layout{grid-template-columns:1fr 1fr;align-items:start}}.prayers-page{max-width:1000px}@media(min-width:1024px){.prayers-page{max-width:1200px}}.prayer-times-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.prayer-times-card__header{background:linear-gradient(135deg,var(--color-green-dark) 0%,var(--color-green) 50%,var(--color-green-light) 100%);color:var(--color-white);padding:var(--spacing-8) var(--spacing-6) var(--spacing-6);text-align:center}.prayer-times-card__date-row{gap:var(--spacing-1);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.prayer-times-card__gregorian{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-300);letter-spacing:.02em}.prayer-times-card__hijri{font-family:var(--font-arabic);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-white);letter-spacing:.01em}.prayer-times-card__clock{font-size:3.5rem;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-bottom:var(--spacing-4);line-height:1;font-family:var(--font-heading)}@media(max-width:767px){.prayer-times-card__clock{font-size:2.75rem}}.prayer-times-card__next-prayer{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background-color:#ffffff1a;display:flex}.prayer-times-card__next-prayer--done{opacity:.6}.prayer-times-card__next-label{color:var(--color-gray-400);font-weight:var(--font-weight-medium)}.prayer-times-card__next-name{color:var(--color-white);font-weight:var(--font-weight-bold)}.prayer-times-card__next-countdown{color:var(--color-gray-300);font-variant-numeric:tabular-nums}.prayer-times-card__list{padding:var(--spacing-2) 0}.prayer-row{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-100);transition:background-color var(--transition-fast);display:flex}.prayer-row:last-child{border-bottom:none}.prayer-row:hover{background-color:var(--color-gray-50)}.prayer-row--next{border-left:3px solid var(--color-green);background-color:#0c453d0a}.prayer-row--past{opacity:.5}.prayer-row__icon{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;display:flex}.prayer-row__names{flex-direction:column;flex:1;min-width:0;display:flex}.prayer-row__name-en{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);line-height:1.3}.prayer-row__name-ar{font-family:var(--font-arabic);font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.4}.prayer-row__times{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.prayer-row__azan{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--color-foreground);line-height:1}.prayer-row__iqama{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--color-gray-500);line-height:1}.prayer-row__iqama--na{color:var(--color-gray-300)}.prayer-times-card__footer{padding:var(--spacing-3) var(--spacing-6);border-top:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.prayer-times-card__labels{gap:var(--spacing-4);display:flex}.prayer-times-card__label-azan,.prayer-times-card__label-iqama{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.06em}.prayer-times-card__label-iqama{color:var(--color-gray-500)}.prayer-times-card__source{font-size:var(--font-size-xs);color:var(--color-gray-400);margin:0}.iqama-config-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.iqama-config-card__header{padding:var(--spacing-6) var(--spacing-6) var(--spacing-4)}.iqama-config-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-1)}.iqama-config-card__subtitle{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin:0}.iqama-config-card__body{padding:0 var(--spacing-6)}.iqama-config__table-header{gap:var(--spacing-2);padding:var(--spacing-2) 0;border-bottom:2px solid var(--color-gray-200);margin-bottom:var(--spacing-1);grid-template-columns:1.3fr .7fr .9fr 1.1fr .7fr;display:grid}.iqama-config__th{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.06em}.iqama-config__row{gap:var(--spacing-2);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-100);grid-template-columns:1.3fr .7fr .9fr 1.1fr .7fr;align-items:center;display:grid}.iqama-config__row:last-child{border-bottom:none}.iqama-config__cell--prayer{align-items:center;gap:var(--spacing-2);display:flex}.iqama-config__prayer-icon{font-size:1.125rem;line-height:1}.iqama-config__prayer-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.iqama-config__azan-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--color-gray-600)}.iqama-config__select{width:100%;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-foreground);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;padding-right:22px}.iqama-config__select:hover{border-color:var(--color-gray-400)}.iqama-config__select:focus{outline:2px solid var(--color-ring);outline-offset:1px;border-color:var(--color-gray-400)}.iqama-config__input-wrap{align-items:center;gap:var(--spacing-1);display:flex}.iqama-config__input{width:100%;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--color-foreground);background-color:var(--color-white);transition:border-color var(--transition-fast)}.iqama-config__input:hover{border-color:var(--color-gray-400)}.iqama-config__input:focus{outline:2px solid var(--color-ring);outline-offset:1px;border-color:var(--color-gray-400)}.iqama-config__input--number{max-width:64px}.iqama-config__input--time{max-width:100%}.iqama-config__input-suffix{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap;flex-shrink:0}.iqama-config__computed-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--color-gray-700)}.iqama-config-card__footer{align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);border-top:1px solid var(--color-gray-100);display:flex}.iqama-config-card__save-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.iqama-config-card__save-status--success{color:#16a34a}.iqama-config-card__save-status--error{color:#dc2626}@media(max-width:767px){.iqama-config__table-header{display:none}.iqama-config__row{gap:var(--spacing-2);padding:var(--spacing-4) 0;flex-wrap:wrap;display:flex}.iqama-config__cell--prayer{flex:1 0 50%}.iqama-config__cell--azan{flex:none}.iqama-config__cell--type,.iqama-config__cell--value{flex:1 0 45%}.iqama-config__cell--computed{flex:none;margin-left:auto}.iqama-config-card__body{padding:0 var(--spacing-4)}.iqama-config-card__header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3)}.iqama-config-card__footer{padding:var(--spacing-4);gap:var(--spacing-2);flex-direction:column}.iqama-config-card__footer .btn{width:100%}.prayer-row{padding:var(--spacing-3) var(--spacing-4)}.prayer-times-card__header{padding:var(--spacing-6) var(--spacing-4) var(--spacing-4)}.prayer-times-card__footer{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2);flex-direction:column;align-items:flex-start}}.toast{z-index:9999;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);background-color:var(--color-gray-900);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:opacity var(--transition-slow),transform var(--transition-slow),visibility var(--transition-slow);pointer-events:none;text-align:center;max-width:90vw;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(20px)}.toast--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.toast--success{background-color:var(--color-green)}.toast--error{background-color:#dc2626}.toast--warning{background-color:#d97706}@media(max-width:767px){.toast{bottom:76px}}.page-loader{min-height:40vh;padding:var(--spacing-10);justify-content:center;align-items:center;display:flex}.page-loader__spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-green);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.error-state{padding:var(--spacing-16) var(--spacing-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;display:flex}.error-state__icon{width:56px;height:56px;color:var(--color-gray-400);margin-bottom:var(--spacing-4)}.error-state__text{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.error-state__subtext{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-6);max-width:360px}.designs-empty{padding:var(--spacing-16) var(--spacing-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.designs-empty__icon{background-color:var(--color-gray-100);border-radius:var(--radius-xl);width:64px;height:64px;margin-bottom:var(--spacing-6);color:var(--color-gray-400);justify-content:center;align-items:center;display:flex}.designs-empty__icon svg{width:32px;height:32px}.designs-empty__title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-2)}.designs-empty__text{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin-bottom:var(--spacing-6);max-width:380px}.designs-grid{gap:var(--spacing-4);grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.designs-grid>*{min-width:0}@media(min-width:640px){.designs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.designs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.designs-grid--list{grid-template-columns:1fr}.design-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;width:100%;min-width:0;height:100%;transition:box-shadow var(--transition-base),border-color var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:visible}.design-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.page-header{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.page-header__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);letter-spacing:-.025em}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin:0}.empty-state__cta{margin-top:var(--spacing-4)}.btn--loading{pointer-events:none;opacity:.7;position:relative}.btn--loading .btn__text{opacity:.4}.btn--loading .btn__spinner{justify-content:center;align-items:center;display:flex;position:absolute}.btn--loading .btn__spinner svg{animation:.8s linear infinite spin}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only:focus{top:var(--spacing-2);left:var(--spacing-2);z-index:9999;width:auto;height:auto;padding:var(--spacing-3) var(--spacing-6);clip:auto;background-color:var(--color-green);color:var(--color-white);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0;position:fixed;overflow:visible}@media(max-width:767px){.btn--sm,.bottom-nav__item{min-width:44px;min-height:44px}.filter-chip{min-height:44px;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}}.skeleton--text{border-radius:var(--radius-sm);display:inline-block}.skeleton-stat{padding:var(--spacing-6)}.assets-grid--dragover{outline:2px dashed var(--color-green);outline-offset:-2px;border-radius:var(--radius-lg);background-color:#0c453d0a}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.design-card__quick-action{justify-content:center;align-items:center;gap:var(--spacing-2);height:2.25rem;padding:0 var(--spacing-3);margin-right:var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:inline-flex}.design-card__quick-action--publish{background-color:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.design-card__quick-action--publish:hover{background-color:var(--color-green-dark)}.design-card__quick-action--stop{color:var(--color-red-600);border-color:var(--color-red-200);background-color:#0000}.design-card__quick-action--stop:hover{background-color:var(--color-red-50);border-color:var(--color-red-300)}.design-card__quick-action svg{width:16px;height:16px}@media(max-width:640px){.design-card__quick-action{flex:1;height:44px}}.activity-list{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.activity-item{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-100);transition:background-color var(--transition-fast);display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:var(--color-gray-50)}.activity-item__icon{background-color:var(--color-gray-100);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-gray-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-item__icon svg{width:18px;height:18px}.activity-item__content{flex:1;min-width:0}.activity-item__text{font-size:var(--font-size-sm);color:var(--color-gray-900);line-height:1.5}.activity-item__text strong{font-weight:var(--font-weight-semibold);color:var(--color-black)}.activity-item__time{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-1)}.activity-list__empty{padding:var(--spacing-12) var(--spacing-6);color:var(--color-gray-400);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.activity-list__empty svg{width:48px;height:48px;margin-bottom:var(--spacing-4);opacity:.5}.activity-list__empty p{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}@media(max-width:640px){.activity-item{padding:var(--spacing-3)}.activity-item__icon{width:28px;height:28px}.activity-item__icon svg{width:16px;height:16px}}.page-header__actions{align-items:center;gap:var(--spacing-2);display:flex}.design-card__thumbnail{aspect-ratio:16/9;background-color:var(--color-gray-100);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;position:relative;overflow:hidden}.design-card__thumbnail-bg{background-position:50%;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0}.design-card__thumbnail-overlay{padding:var(--spacing-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.design-card__thumbnail-overlay--dark{background-color:#0006}.design-card__thumbnail-overlay--light{background-color:#ffffff4d}.design-card__thumbnail-text{padding:var(--spacing-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.design-card__thumbnail-arabic{font-family:var(--font-arabic);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-white);line-height:var(--line-height-snug);text-shadow:0 1px 4px #0009,0 0 8px #0000004d;-webkit-line-clamp:3;direction:rtl;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.design-card__thumbnail-german{font-size:var(--font-size-xs);color:var(--color-white);margin-top:var(--spacing-1);opacity:.8;text-shadow:0 1px 4px #0009,0 0 8px #0000004d;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.design-card__thumbnail-empty{justify-content:center;align-items:center;gap:var(--spacing-2);color:var(--color-gray-300);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex-direction:column;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.design-card__thumbnail-empty svg{width:28px;height:28px}.design-card__status-badge{top:var(--spacing-2);right:var(--spacing-2);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:4px;padding:3px 8px;line-height:1;display:inline-flex;position:absolute}.design-card__status-badge--draft{background-color:var(--color-gray-200);color:var(--color-gray-700)}.design-card__status-badge--published{background-color:var(--color-green);color:var(--color-white)}.design-card__status-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.design-card__status-dot--draft{background-color:var(--color-gray-400)}.design-card__status-dot--published{background-color:var(--color-white);animation:1.5s ease-in-out infinite live-pulse}.design-card__body{gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);flex-direction:column;display:flex}.design-card__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-2);display:flex}.design-card__info{flex:1;min-width:0}.design-card__name{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.design-card__meta{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;margin-top:2px;display:flex}.design-card__type-badge{border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;background-color:var(--color-gray-100);color:var(--color-gray-600);white-space:nowrap;align-items:center;padding:1px 6px;display:inline-flex}.design-card__date{font-size:var(--font-size-xs);color:var(--color-muted-foreground);white-space:nowrap}.design-card__status-col{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:2px;display:flex}.design-card__active-label{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-green);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.design-card__active-dot{border-radius:var(--radius-full);background-color:var(--color-green);flex-shrink:0;width:6px;height:6px;animation:1.5s ease-in-out infinite live-pulse}.design-card__timer{font-size:var(--font-size-xs);color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.design-card__timer svg{flex-shrink:0;width:12px;height:12px}.design-card__countdown{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--color-muted-foreground)}.design-card__header-actions{align-items:center;gap:var(--spacing-1);flex-shrink:0;display:flex}.design-card__actions-btn{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-gray-500);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.design-card__actions-btn:hover{background-color:var(--color-gray-100);color:var(--color-foreground)}.design-card__actions-btn svg{width:16px;height:16px}.design-card__actions-menu{top:calc(100% + var(--spacing-1));right:var(--spacing-4);z-index:var(--z-dropdown);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:10rem;box-shadow:var(--shadow-lg);padding:var(--spacing-1);position:absolute}.design-card__actions-menu--open{display:block}[dir=rtl] .design-card__actions-menu{right:auto;left:var(--spacing-4)}.design-card__action-item{align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast);text-align:left;white-space:nowrap;background:0 0;border:none;display:flex}.design-card__action-item:hover{background-color:var(--color-gray-100)}.design-card__action-item svg{flex-shrink:0;width:16px;height:16px}.design-card__action-item--danger{color:#dc2626}.design-card__action-item--danger:hover{background-color:#fef2f2}.design-card__action-divider{background-color:var(--color-border);height:1px;margin:var(--spacing-1) 0}[dir=rtl] .design-card__action-item{text-align:right;flex-direction:row-reverse}.design-card--list{flex-direction:row;height:auto}.design-card--list .design-card__thumbnail{aspect-ratio:auto;border-radius:var(--radius-lg) 0 0 var(--radius-lg);flex-shrink:0;width:200px;min-width:200px;height:100%}.design-card--list .design-card__body{min-width:0;padding:var(--spacing-4);flex:1;justify-content:center}@media(max-width:640px){.design-card--list{flex-direction:column}.design-card--list .design-card__thumbnail{aspect-ratio:16/9;border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;min-width:0;height:auto}.design-card__header-actions{flex-wrap:wrap}}.fab{bottom:calc(56px + var(--spacing-4) + env(safe-area-inset-bottom,0px));right:var(--spacing-4);background-color:var(--color-foreground);width:56px;height:56px;color:var(--color-white);cursor:pointer;box-shadow:var(--shadow-lg);z-index:var(--z-sticky);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;border-radius:9999px;justify-content:center;align-items:center;display:none;position:fixed}.fab:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.fab:active{transform:scale(.95)}@media(max-width:767px){.fab{display:flex}}@media(min-width:768px){.fab{display:none}}[dir=rtl] .fab{right:auto;left:var(--spacing-4)}.designs-list{gap:var(--spacing-3);display:grid}.settings-section{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-5);gap:var(--spacing-4);flex-direction:column;min-width:0;display:flex;overflow:hidden}.settings-section__title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:0}.form-section__subtitle{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin-top:0;margin-bottom:0}.settings-section>.settings-section__title+.form-section__subtitle{margin-top:calc(var(--spacing-1) - var(--spacing-4))}.form-row{gap:var(--spacing-4);grid-template-columns:1fr 1fr;min-width:0;display:grid}.form-row>*{min-width:0}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.settings-section__actions{margin-top:var(--spacing-3)}.settings-section__row{gap:var(--spacing-3);flex-direction:column;display:flex}.settings-section__row--two-col{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}@media(max-width:640px){.settings-section__row--two-col{grid-template-columns:1fr}}.settings-section__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-2)}.settings-section__field{gap:var(--spacing-2);flex-direction:column;display:flex}.settings-section__action{margin-top:var(--spacing-2)}.settings-section__adjustments{gap:var(--spacing-3);margin-top:var(--spacing-3);flex-direction:column;display:flex}.prayer-adjustments{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}@media(max-width:767px){.prayer-adjustments{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.prayer-adjustments{grid-template-columns:1fr}}.prayer-preview{gap:var(--spacing-2);grid-template-columns:repeat(3,1fr);display:grid}.prayer-preview__item{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:#0c453d0a;border:1px solid #0c453d1a;justify-content:space-between;align-items:center;display:flex}.prayer-preview__label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.prayer-preview__time{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-green);font-variant-numeric:tabular-nums}@media(max-width:767px){.prayer-preview{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.prayer-preview{grid-template-columns:1fr}}.range-slider__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-full);background:var(--color-gray-200);cursor:pointer;width:100%;height:6px;transition:background var(--transition-fast);outline:none}.range-slider__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-full);background:var(--color-green);border:2px solid var(--color-white);width:20px;height:20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.range-slider__input::-webkit-slider-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.15)}.range-slider__input::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-green);border:2px solid var(--color-white);width:20px;height:20px;box-shadow:var(--shadow-sm);cursor:pointer}.location-badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);color:var(--color-green);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--spacing-1);background-color:#0c453d0f;border:1px solid #0c453d26;display:inline-flex}.settings-actions{justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) 0;margin-top:var(--spacing-2);display:flex}.input-wrapper{position:relative}.input-wrapper__icon{color:var(--color-muted-foreground);pointer-events:none;z-index:1;align-items:center;display:flex;position:absolute;top:38px;left:12px;transform:translateY(-50%)}[dir=rtl] .input-wrapper__icon{left:auto;right:12px}.input-wrapper .form-group__input--with-icon{padding-left:40px}[dir=rtl] .input-wrapper .form-group__input--with-icon{padding-left:var(--spacing-3);padding-right:40px}.fetch-steps{gap:var(--spacing-3);padding:var(--spacing-4) 0;flex-direction:column;display:flex}.fetch-step{align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);display:flex}.fetch-step__icon{width:24px;height:24px;font-size:var(--font-size-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fetch-step--done .fetch-step__icon{color:var(--color-green)}.fetch-step--error .fetch-step__icon{color:#dc2626}.fetch-step--active .fetch-step__icon,.fetch-step--pending .fetch-step__icon{color:var(--color-muted-foreground)}.fetch-step__label{color:var(--color-foreground)}.fetch-step--done .fetch-step__label{color:var(--color-green)}.fetch-step--error .fetch-step__label{color:#dc2626}.text-error{color:#dc2626;font-size:var(--font-size-sm)}.designs-list .design-card--list{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);grid-template-columns:120px minmax(120px,1fr) auto auto auto auto;align-items:center;display:grid;overflow:hidden}.designs-list .design-card--list .design-card__body{display:contents}.designs-list .design-card--list .design-card__thumbnail{aspect-ratio:16/9;border-radius:var(--radius-lg) 0 0 var(--radius-lg);width:120px;height:auto}.designs-list .design-card--list .design-card__name,.designs-list .design-card--list .design-card__type-badge,.designs-list .design-card--list .design-card__date,.designs-list .design-card--list .design-card__status,.designs-list .design-card--list .design-card__actions{padding:var(--spacing-2) var(--spacing-3)}@media(max-width:767px){.designs-list .design-card--list{grid-template-columns:80px 1fr}.designs-list .design-card--list .design-card__body{padding:var(--spacing-2) var(--spacing-3);flex-direction:column;display:flex}}.super-admin-page{background-color:var(--color-cream)}.super-admin-page__section{margin-bottom:var(--spacing-8)}.super-admin-page__section-heading{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-4)}.sa-table-wrapper{overflow-x:auto}.sa-table{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-collapse:separate;border-spacing:0;width:100%}.sa-table th{text-transform:uppercase;font-size:var(--font-size-xs);color:var(--color-muted-foreground);letter-spacing:.05em;font-weight:var(--font-weight-semibold);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);text-align:left;background-color:var(--color-cream)}.sa-table td{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid #0000000f}.sa-table tbody tr:last-child td{border-bottom:none}.sa-table__row{cursor:pointer;transition:background-color var(--transition-fast)}.sa-table__row:hover{background-color:#00000005}.sa-table__row--selected{box-shadow:inset 3px 0 0 var(--color-primary);background-color:#0c453d0a}.sa-table__slug{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-muted-foreground);border-radius:var(--radius-sm);background-color:#0000000a;padding:2px 6px}.sa-table__date{color:var(--color-muted-foreground);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.sa-table__actions{gap:var(--spacing-2);align-items:center;display:flex}.sa-table__loading{padding:var(--spacing-8);justify-content:center;display:flex}.sa-user-management{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.sa-user-management__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.sa-user-management__subtitle{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin:0}.sa-user-management__loading{padding:var(--spacing-8);justify-content:center;display:flex}.sa-user-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);transition:background-color var(--transition-fast);border-bottom:1px solid #0000000f;display:flex}.sa-user-item:last-child{border-bottom:none}.sa-user-item:hover{background-color:#00000005}.sa-user-item__avatar{background-color:var(--color-primary);width:36px;height:36px;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sa-user-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sa-user-item__email{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sa-user-item__meta{font-size:var(--font-size-xs);color:var(--color-muted-foreground);align-items:center;gap:var(--spacing-2);line-height:1;display:flex}.sa-user-item__meta>span{align-items:center;display:inline-flex}.sa-user-item__actions{flex-shrink:0}.sa-form{gap:var(--spacing-4);flex-direction:column;display:flex}.sa-form__error{color:var(--color-destructive);font-size:var(--font-size-sm)}.sa-submissions-list{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.sa-submissions__loading{padding:var(--spacing-8);justify-content:center;display:flex}.sa-submission-row{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);transition:background-color var(--transition-fast);border-bottom:1px solid #0000000f;display:flex}.sa-submission-row:last-child{border-bottom:none}.sa-submission-row:hover{background-color:#00000005}.sa-submission-row__preview{border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-shrink:0}.sa-submission-row__info{gap:var(--spacing-1);flex-direction:column;flex:1;min-width:0;display:flex}.sa-submission-row__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.sa-submission-row__meta{font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.sa-submission-row__description{font-size:var(--font-size-xs);color:var(--color-muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.sa-submission-row__actions{gap:var(--spacing-2);flex-shrink:0;align-items:center;display:flex}.sa-submission-row__reject-form{gap:var(--spacing-2);margin-top:var(--spacing-2);flex-direction:column;display:flex}.sa-submission-row__reject-actions{gap:var(--spacing-2);justify-content:flex-end;display:flex}@media(max-width:767px){.sa-table-wrapper{margin-left:calc(-1 * var(--spacing-4));margin-right:calc(-1 * var(--spacing-4))}.sa-table{min-width:600px}.sa-submission-row{flex-direction:column;align-items:flex-start}.sa-submission-row__preview{align-self:center}.sa-submission-row__actions{align-self:flex-end}}.users-page{max-width:1280px;padding:var(--spacing-6);margin:0 auto}@media(max-width:767px){.users-page{padding:var(--spacing-4)}}.users-page__loading{padding:var(--spacing-10);justify-content:center;display:flex}.user-list{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.user-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-gray-100);transition:background-color var(--transition-fast);display:flex}.user-item:last-child{border-bottom:none}.user-item:hover{background-color:var(--color-gray-50)}.user-item__avatar{border-radius:var(--radius-full);background-color:var(--color-green);width:40px;height:40px;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-item__email{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap;align-items:center;display:flex;overflow:hidden}.user-item__meta{font-size:var(--font-size-xs);color:var(--color-muted-foreground);align-items:center;gap:var(--spacing-2);flex-wrap:wrap;line-height:1;display:flex}.user-item__meta>span{align-items:center;display:inline-flex}.user-item__date{font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.user-item__actions{align-items:center;gap:var(--spacing-1);flex-shrink:0;display:flex}.icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--color-gray-500);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-foreground)}.icon-btn--danger{color:#dc2626;border-color:#fecaca}.icon-btn--danger:hover{color:#dc2626;background-color:#fef2f2;border-color:#dc2626}.icon-btn--sm{width:2rem;height:2rem}.user-item--pending{background-color:var(--color-gray-50)}.user-item__avatar--pending{background-color:var(--color-gray-200);color:var(--color-muted-foreground)}.user-item__email--pending{color:var(--color-muted-foreground)}@media(max-width:640px){.user-item{padding:var(--spacing-3)}.icon-btn--sm{width:2.75rem;height:2.75rem}}.designs-section{margin-bottom:var(--spacing-6)}.designs-section__header{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0;margin-bottom:var(--spacing-4);cursor:pointer;font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-foreground);text-align:left;background:0 0;border:none;width:100%;display:flex}[dir=rtl] .designs-section__header{text-align:right}.designs-section__header--static{cursor:default;margin-bottom:var(--spacing-4)}.designs-section__chevron{transition:transform var(--transition-fast);color:var(--color-muted-foreground);flex-shrink:0}[dir=rtl] .designs-section__chevron{transform:scaleX(-1)}.designs-section__chevron--open{transform:rotate(90deg)}[dir=rtl] .designs-section__chevron--open{transform:scaleX(-1)rotate(90deg)}.designs-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.designs-section__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-muted-foreground)}.folder-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media(min-width:640px){.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.folder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.folder-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1280px){.folder-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.folder-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--transition-base),border-color var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.folder-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.folder-card--drag-over{border-color:var(--color-green);box-shadow:0 0 0 2px var(--color-green-light);background-color:#0c453d08}.folder-card__thumbnail{aspect-ratio:4/3;background-color:var(--color-gray-100);position:relative;overflow:hidden}.folder-card__thumbnail-bg{background-position:50%;background-size:cover;width:100%;height:100%}.folder-card__thumbnail-placeholder{background-color:var(--color-gray-100);width:100%;height:100%;color:var(--color-gray-400);justify-content:center;align-items:center;display:flex}.folder-card__menu-btn{top:var(--spacing-2);right:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:28px;height:28px;color:var(--color-gray-600);opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast);z-index:2;background-color:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute}[dir=rtl] .folder-card__menu-btn{right:auto;left:var(--spacing-2)}.folder-card:hover .folder-card__menu-btn{opacity:1}.folder-card__menu-btn:hover{background-color:var(--color-white);color:var(--color-foreground)}.folder-card__menu{top:calc(var(--spacing-2) + 30px);right:var(--spacing-2);z-index:10;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-lg);padding:var(--spacing-1) 0;display:none;position:absolute;overflow:hidden}[dir=rtl] .folder-card__menu{right:auto;left:var(--spacing-2)}.folder-card__menu--open{display:block}.folder-card__menu-item{align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-foreground);text-align:left;transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}[dir=rtl] .folder-card__menu-item{text-align:right}.folder-card__menu-item:hover{background-color:var(--color-gray-50)}.folder-card__menu-item--danger{color:var(--color-red-600)}.folder-card__menu-item--danger:hover{background-color:var(--color-red-50)}.folder-card__body{padding:var(--spacing-3)}.folder-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-1);overflow:hidden}.folder-card__meta{font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.folder-grid__create-btn{justify-content:center;align-items:center;gap:var(--spacing-2);background-color:var(--color-white);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-muted-foreground);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);flex-direction:column;min-height:120px;display:flex}.folder-grid__create-btn:hover{border-color:var(--color-green);color:var(--color-green);background-color:#0c453d08}.designs-breadcrumb{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);display:flex}.designs-breadcrumb__back{align-items:center;gap:var(--spacing-1);cursor:pointer;color:var(--color-green);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast);background:0 0;border:none;display:inline-flex}.designs-breadcrumb__back:hover{background-color:var(--color-gray-100)}.designs-breadcrumb__back svg{flex-shrink:0}[dir=rtl] .designs-breadcrumb__back svg{transform:scaleX(-1)}.designs-breadcrumb__separator{color:var(--color-gray-400)}.designs-breadcrumb__current{font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.design-card[draggable=true]{cursor:grab}.design-card[draggable=true]:active{cursor:grabbing;opacity:.7}.move-to-folder-dialog__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);cursor:pointer;text-align:left;transition:background var(--transition-fast);display:flex}.move-to-folder-dialog__item:hover:not(:disabled){background:var(--color-muted)}.move-to-folder-dialog__item:disabled{opacity:.5;cursor:not-allowed}.move-to-folder-dialog__item-icon{color:var(--color-gray-400);flex-shrink:0}.move-to-folder-dialog__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);flex:1}.move-to-folder-dialog__item-count{font-size:var(--font-size-xs);color:var(--color-gray-400)}.design-editor-page{max-width:800px;padding:var(--spacing-6);margin:0 auto;padding-bottom:80px}.editor-layout{min-height:calc(100vh - 64px);padding:var(--spacing-6);flex-direction:column;max-width:1400px;margin:0 auto;padding-bottom:80px;display:flex}.editor-body{flex:1;gap:0;display:flex}.editor-layout__left{gap:var(--spacing-4);flex-direction:column;flex:1;display:flex}.editor-layout__right{display:none}@media(min-width:1024px){.editor-layout{gap:var(--spacing-6);flex-direction:row;display:flex}.editor-layout__right{width:400px;top:var(--spacing-6);flex-shrink:0;align-self:flex-start;display:block;position:sticky}}.editor-form-panel{max-width:800px;padding:var(--spacing-6);flex:1;margin:0 auto;overflow-y:auto}.editor-breadcrumb{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) 0;font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin-bottom:var(--spacing-4);display:flex}.editor-breadcrumb a{color:var(--color-muted-foreground);transition:color var(--transition-fast);text-decoration:none}.editor-breadcrumb a:hover{color:var(--color-foreground);opacity:1}.editor-breadcrumb__link{color:var(--color-muted-foreground);cursor:pointer;transition:color var(--transition-fast);text-decoration:none}.editor-breadcrumb__link:hover{color:var(--color-foreground)}.editor-breadcrumb__separator{color:var(--color-gray-300);-webkit-user-select:none;user-select:none}.editor-breadcrumb__current{color:var(--color-foreground);font-weight:var(--font-weight-medium)}.editor-section{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-4)}.editor-section__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.editor-section__title-row{align-items:flex-start;gap:var(--spacing-3);display:flex}.editor-section__title-row svg{color:var(--color-gray-500);flex-shrink:0;margin-top:2px}.editor-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);align-items:center;gap:var(--spacing-2);display:flex}.editor-section__title-icon{width:20px;height:20px;color:var(--color-gray-500)}.editor-section__subtitle{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin-top:var(--spacing-1)}.editor-name-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-family:var(--font-sans);font-weight:var(--font-weight-medium);color:var(--color-foreground);background:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.editor-name-input:focus{border-color:var(--color-black);box-shadow:0 0 0 3px #00000014}.editor-name-input::placeholder{color:var(--color-gray-400)}.editor-duration-input{width:80px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-sans);color:var(--color-foreground);background:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.editor-duration-input:focus{border-color:var(--color-black);box-shadow:0 0 0 3px #00000014}.editor-section__label{font-size:var(--font-size-sm);color:var(--color-foreground);margin-bottom:var(--spacing-1);font-weight:600;display:block}.editor-section__hint{font-size:var(--font-size-xs);color:var(--color-muted-foreground);margin-bottom:var(--spacing-2);display:block}.bg-preview-area{aspect-ratio:16/9;border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300);background:var(--color-gray-50);cursor:pointer;width:100%;transition:border-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bg-preview-area:hover{border-color:var(--color-gray-400)}.bg-preview-area--has-bg{border-style:solid;border-color:var(--color-border)}.bg-preview-area__image{object-fit:cover;width:100%;height:100%}.bg-preview-area__placeholder{align-items:center;gap:var(--spacing-2);color:var(--color-gray-400);flex-direction:column;display:flex}.bg-preview-area__placeholder svg{width:32px;height:32px}.bg-preview-area__placeholder span{font-size:var(--font-size-sm)}.bg-preview-area__label{bottom:var(--spacing-2);left:var(--spacing-2);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:absolute}.bg-change-btn{margin-top:var(--spacing-3);align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);font-family:var(--font-sans);display:inline-flex}.bg-change-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.bg-change-btn svg{width:16px;height:16px}.text-language-block{padding:var(--spacing-4) 0}.text-language-block+.text-language-block{border-top:1px solid var(--color-border)}.text-language-block__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-3)}.text-translate-divider{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.editor-textarea{width:100%;min-height:120px;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-sans);color:var(--color-foreground);background:var(--color-white);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:var(--line-height-relaxed);outline:none}.editor-textarea--arabic{font-family:var(--font-arabic);text-align:right;font-size:var(--font-size-lg);direction:rtl}.editor-textarea:focus{border-color:var(--color-black);box-shadow:0 0 0 3px #00000014}.text-counter{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-muted-foreground);justify-content:space-between;align-items:center;display:flex}.text-counter__warning{color:#dc2626;font-weight:var(--font-weight-medium)}.text-advanced{border-top:1px solid var(--color-border);margin-top:var(--spacing-3)}.text-advanced__toggle{width:100%;padding:var(--spacing-3) 0;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.text-advanced__chevron{transition:transform var(--transition-fast)}.text-advanced__chevron--open{transform:rotate(180deg)}.text-advanced__content{padding-bottom:var(--spacing-3)}.text-advanced__lang-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:var(--spacing-3) 0 0}.text-typography{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);gap:var(--spacing-3);flex-direction:column;display:flex}.text-actions{align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-3);display:flex}.text-template-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast);font-family:var(--font-sans);margin-top:var(--spacing-2);display:inline-flex}.text-template-btn:hover{background:var(--color-gray-50)}.text-template-btn svg{width:14px;height:14px}.text-typography__row{align-items:center;gap:var(--spacing-3);display:flex}.text-typography__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);flex-shrink:0;min-width:50px}.text-color-picker{border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;width:36px;height:36px;padding:0}.text-color-picker::-webkit-color-swatch-wrapper{padding:2px}.text-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.text-font-tags{flex-wrap:wrap;flex:1;gap:8px;display:flex}.text-font-tag{border:1px solid var(--color-border);background-color:var(--color-white);color:var(--color-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;justify-content:center;align-items:center;min-width:60px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.text-font-tag:hover{border-color:var(--color-gray-400);background-color:var(--color-gray-50)}.text-font-tag.active{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.text-style-toggles{gap:8px;display:flex}.text-style-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md,.375rem);background-color:var(--color-white,#fff);width:36px;height:36px;color:var(--color-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:inline-flex}.text-style-toggle:hover{border-color:var(--color-gray-400);background-color:var(--color-gray-50)}.text-style-toggle--active{background-color:var(--color-black,#082e29);color:var(--color-white,#fff);border-color:var(--color-black,#082e29)}.text-weight-buttons{flex-wrap:wrap;flex:1;gap:8px;display:flex}.text-weight-btn{border:2px solid var(--color-border);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;min-width:70px;font-size:var(--font-size-sm);transition:all var(--transition-fast);color:var(--color-foreground);font-family:var(--font-sans);text-align:center;flex:1;padding:8px 12px}.text-weight-btn:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.text-weight-btn.active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.text-style-toggles{flex:1;gap:6px;display:flex}.text-style-toggle{border:2px solid var(--color-border);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;font-size:15px;font-family:var(--font-sans);color:var(--color-foreground);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.text-style-toggle:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.text-style-toggle--active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.text-controls-row{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.text-align-group{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:2px;display:flex;overflow:hidden}.text-align-btn{background:var(--color-white);width:34px;height:32px;color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:flex}.text-align-btn:hover{background:var(--color-gray-50);color:var(--color-foreground)}.text-align-btn--active{background:var(--color-black);color:var(--color-white)}.text-align-btn--active:hover{background:var(--color-gray-800);color:var(--color-white)}.text-size-group{border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:0;display:flex;overflow:hidden}.text-size-btn{background:var(--color-white);width:32px;height:32px;color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast);font-size:16px;font-weight:600;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;padding:0;display:flex}.text-size-btn:hover{background:var(--color-gray-50)}.text-size-btn:active{background:var(--color-gray-100)}.text-size-value{min-width:48px;height:32px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);background:var(--color-gray-50);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:SF Mono,Fira Code,monospace;display:flex}.long-text-toggle{align-items:center;gap:var(--spacing-2);display:flex}.long-text-toggle__label{font-size:var(--font-size-sm);color:var(--color-muted-foreground);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{background:var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;width:36px;height:20px;transition:background-color var(--transition-fast);border:none;padding:0;position:relative}.toggle-switch--active{background:var(--color-black)}.toggle-switch__knob{background:var(--color-white);border-radius:var(--radius-full);width:16px;height:16px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);position:absolute;top:2px;left:2px}.toggle-switch--active .toggle-switch__knob{transform:translate(16px)}.long-text-tooltip{align-items:center;display:inline-flex;position:relative}.long-text-tooltip__icon{width:14px;height:14px;color:var(--color-gray-400);cursor:help}.long-text-tooltip__content{background:var(--color-gray-900);color:var(--color-white);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;z-index:10;box-shadow:var(--shadow-lg);display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.long-text-tooltip:hover .long-text-tooltip__content{display:block}.overlay-cards{gap:var(--spacing-3);grid-template-columns:repeat(3,1fr);display:grid}.overlay-card{border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.overlay-card:hover{border-color:var(--color-gray-400)}.overlay-card--selected{border-color:var(--color-black);box-shadow:0 0 0 1px var(--color-black)}.overlay-card__preview{width:100%;height:80px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-white);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="80"><rect fill="%23667" width="200" height="80"/><text fill="%23fff" font-family="sans-serif" font-size="12" x="50%" y="50%" text-anchor="middle" dominant-baseline="middle">Sample</text></svg>');background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative}.overlay-card__preview--none,.overlay-card__preview--dark{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.overlay-card__preview--dark:after{content:"";background:#0006;position:absolute;top:0;right:0;bottom:0;left:0}.overlay-card__preview--light{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.overlay-card__preview--light:after{content:"";background:#ffffff4d;position:absolute;top:0;right:0;bottom:0;left:0}.overlay-card__preview span{z-index:1;position:relative}.overlay-card__label{padding:var(--spacing-2);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.overlay-card__check{top:var(--spacing-2);right:var(--spacing-2);background:var(--color-black);border-radius:var(--radius-full);z-index:2;justify-content:center;align-items:center;width:20px;height:20px;display:none;position:absolute}.overlay-card--selected .overlay-card__check{display:flex}.overlay-card__check svg{width:12px;height:12px;color:var(--color-white)}.accordion{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.accordion+.accordion{margin-top:var(--spacing-3)}.accordion__trigger{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-white);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast);border:none;justify-content:space-between;align-items:center;display:flex}.accordion__trigger:hover{background:var(--color-gray-50)}.accordion__trigger-icon{width:16px;height:16px;transition:transform var(--transition-fast);color:var(--color-gray-500)}.accordion--open .accordion__trigger-icon{transform:rotate(180deg)}.accordion__content{padding:0 var(--spacing-4) var(--spacing-4);display:none}.accordion--open .accordion__content{display:block}.slider-group{margin-bottom:var(--spacing-4)}.slider-group:last-child{margin-bottom:0}.slider-label{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.slider-label__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.slider-label__value{font-size:var(--font-size-xs);color:var(--color-muted-foreground);background:var(--color-gray-100);padding:1px var(--spacing-2);border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,monospace}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-200);border-radius:var(--radius-full);cursor:pointer;outline:none;width:100%;height:6px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-black);border-radius:var(--radius-full);cursor:pointer;border:2px solid var(--color-white);width:18px;height:18px;box-shadow:var(--shadow-sm)}.slider-input::-moz-range-thumb{background:var(--color-black);border-radius:var(--radius-full);cursor:pointer;border:2px solid var(--color-white);width:18px;height:18px;box-shadow:var(--shadow-sm)}.slider-range-labels{margin-top:var(--spacing-1);justify-content:space-between;display:flex}.slider-range-labels__left,.slider-range-labels__right{font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-200);border-radius:var(--radius-full);cursor:pointer;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-black);border-radius:var(--radius-full);cursor:pointer;border:2px solid var(--color-white);width:18px;height:18px;box-shadow:var(--shadow-sm)}.slider::-moz-range-thumb{background:var(--color-black);border-radius:var(--radius-full);cursor:pointer;border:2px solid var(--color-white);width:18px;height:18px;box-shadow:var(--shadow-sm)}.control-row{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.control-row:last-child{margin-bottom:0}.control-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);flex-shrink:0;min-width:60px}.control-color{border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;width:36px;height:36px;padding:0}.control-color::-webkit-color-swatch-wrapper{padding:2px}.control-color::-webkit-color-swatch{border:none;border-radius:2px}.control-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--color-foreground);background:var(--color-white);cursor:pointer;outline:none;flex:1}.control-select:focus{border-color:var(--color-black);box-shadow:0 0 0 3px #00000014}.editor-preview{gap:var(--spacing-3);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-4);flex-direction:column;display:flex}.preview-header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);background:var(--color-white);justify-content:space-between;align-items:center;display:flex}.preview-header__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.preview-device-selector{gap:var(--spacing-1);display:flex}.preview-device-btn{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--font-size-xs);color:var(--color-muted-foreground);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.preview-device-btn:hover{background:var(--color-gray-50);color:var(--color-foreground)}.preview-device-btn--active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.preview-container{padding:var(--spacing-4);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.preview-frame{background:var(--color-black);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transition:width var(--transition-slow),height var(--transition-slow);position:relative;overflow:hidden}.preview-frame--mobile{width:180px;height:320px}.preview-frame--tablet{width:280px;height:210px}.preview-frame--desktop{aspect-ratio:16/9;width:100%;max-width:480px}.preview-frame--tv{aspect-ratio:16/9;width:100%;max-width:100%}.preview-iframe{border:none;width:100%;height:100%;position:relative;overflow:hidden}.preview-status{padding:var(--spacing-2) var(--spacing-4);border-top:1px solid var(--color-border);background:var(--color-white);font-size:var(--font-size-xs);color:var(--color-muted-foreground);justify-content:center;align-items:center;gap:var(--spacing-2);display:flex}.preview-status__dot{border-radius:var(--radius-full);background:var(--color-gray-300);width:6px;height:6px}.preview-status__dot--live{background:#22c55e}.preview-status__dot--draft{background:var(--color-gray-400)}.preview-status__dot--unsaved{background:#f59e0b}.editor-action-bar{bottom:0;left:var(--sidebar-width);z-index:100;justify-content:flex-end;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6);background:var(--color-white);border-top:1px solid var(--color-border);display:flex;position:fixed;right:0;box-shadow:0 -4px 12px #0000000d}[dir=rtl] .editor-action-bar{left:0;right:var(--sidebar-width)}.editor-action-bar__left{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin-right:auto;display:flex}.editor-action-bar__name{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);display:flex}.editor-action-bar__right{align-items:center;gap:var(--spacing-2);display:flex}.editor-action-bar__unsaved{font-size:var(--font-size-xs);color:var(--color-muted-foreground);align-items:center;gap:var(--spacing-1);display:flex}.editor-action-bar__unsaved:before{content:"";border-radius:var(--radius-full);background:#f59e0b;width:6px;height:6px}.editor-action-bar__unsaved-dot{border-radius:var(--radius-full);background:#f59e0b;width:6px;height:6px;display:none}.editor-action-bar__unsaved-dot--visible{display:block}.editor-action-bar__separator{background:var(--color-border);flex-shrink:0;width:1px;height:24px}.editor-action-bar__desktop-only{align-items:center;gap:var(--spacing-2);display:flex}.editor-action-bar__mobile-only{display:none}.editor-action-bar__confirm{bottom:100%;right:var(--spacing-4);margin-bottom:var(--spacing-2);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);min-width:240px;position:absolute;box-shadow:0 4px 12px #0000001a}.editor-action-bar__confirm-message{font-size:var(--font-size-sm);color:var(--color-foreground);margin-bottom:var(--spacing-3)}.editor-action-bar__confirm-actions{justify-content:flex-end;gap:var(--spacing-2);display:flex}.btn-editor{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;height:40px;text-decoration:none;display:inline-flex}.btn-editor--ghost{color:var(--color-muted-foreground);background:0 0;border-color:#0000}.btn-editor--ghost:hover{background:var(--color-gray-100);color:var(--color-foreground)}.btn-editor--secondary{background:var(--color-white);color:var(--color-foreground);border-color:var(--color-border)}.btn-editor--secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.btn-editor--primary{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.btn-editor--primary:hover{background:var(--color-gray-800)}.btn-editor--primary:disabled,.btn-editor--secondary:disabled{opacity:.5;cursor:not-allowed}.btn-editor svg{width:16px;height:16px}.modal-overlay{z-index:2000;padding:var(--spacing-4);animation:fadeIn var(--transition-fast);opacity:1;pointer-events:none;background:#00000080;justify-content:center;align-items:center;transition:none;display:none;position:fixed;top:0;right:0;bottom:0;left:0;transform:none}.modal-overlay--visible{pointer-events:auto;display:flex}.modal-overlay--visible .modal{transform:none}.modal{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:720px;max-height:85vh;box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-base);flex-direction:column;display:flex}.modal__header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.modal__close{cursor:pointer;border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-gray-500);transition:background-color var(--transition-fast),color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--color-gray-100);color:var(--color-foreground)}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.modal-tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-4);flex-wrap:wrap;gap:0;display:flex}.modal-tab{padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;background:0 0;border:none;position:relative}.modal-tab:hover{color:var(--color-foreground)}.modal-tab--active{color:var(--color-foreground);font-weight:var(--font-weight-semibold)}.modal-tab--active:after{content:"";bottom:-1px;left:var(--spacing-3);right:var(--spacing-3);background:var(--color-black);border-radius:1px 1px 0 0;height:2px;position:absolute}.asset-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.asset-grid-item{border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);aspect-ratio:16/9;background:0 0;padding:0;position:relative;overflow:hidden}.asset-grid-item:hover{border-color:var(--color-gray-400)}.asset-grid-item--selected{border-color:var(--color-black);box-shadow:0 0 0 1px var(--color-black)}.asset-grid-item__preview{object-fit:cover;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.asset-grid-item__color{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.asset-grid-item__name{padding:var(--spacing-2) var(--spacing-3);color:var(--color-white);white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;font-size:13px;font-weight:500;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.asset-grid-item__check{top:var(--spacing-1);right:var(--spacing-1);background:var(--color-black);border-radius:var(--radius-full);justify-content:center;align-items:center;width:20px;height:20px;display:none;position:absolute}.asset-grid-item--selected .asset-grid-item__check{display:flex}.asset-grid-item__check svg{width:12px;height:12px;color:var(--color-white)}.asset-grid-item__badge{top:var(--spacing-2);left:var(--spacing-2);color:var(--color-white);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#6366f1e6;padding:2px 8px;font-size:11px;font-weight:600;position:absolute}.asset-section{margin-bottom:var(--spacing-6)}.asset-section__header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex}.asset-section__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}.asset-section__header svg{color:var(--color-gray-500)}.upload-area{border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-8);align-items:center;gap:var(--spacing-3);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);flex-direction:column;display:flex}.upload-area:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.upload-area svg{width:40px;height:40px;color:var(--color-gray-400)}.upload-area__text{font-size:var(--font-size-sm);color:var(--color-muted-foreground);text-align:center}.upload-area__text strong{color:var(--color-foreground)}.drop-zone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-8);justify-content:center;align-items:center;gap:var(--spacing-3);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);background:0 0;flex-direction:column;min-height:200px;display:flex}.drop-zone:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.drop-zone--dragging{border-color:var(--color-primary);background:#0c453d0a}.drop-zone__placeholder{align-items:center;gap:var(--spacing-2);color:var(--color-gray-400);text-align:center;flex-direction:column;display:flex}.drop-zone__placeholder svg{width:48px;height:48px;color:var(--color-gray-400)}.drop-zone__placeholder p{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin:0}.drop-zone__hint{font-size:var(--font-size-xs);color:var(--color-gray-400)}.drop-zone__preview{align-items:center;gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}.drop-zone__image{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:200px}.drop-zone__filename{font-size:var(--font-size-sm);color:var(--color-muted-foreground);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.upload-tab{gap:var(--spacing-4);flex-direction:column;display:flex}.upload-tab__save-option{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-foreground);cursor:pointer;display:flex}.upload-tab__save-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.asset-grid-loading{padding:var(--spacing-12);justify-content:center;align-items:center;display:flex}.asset-grid-loading .spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.asset-grid-error{align-items:center;gap:var(--spacing-3);padding:var(--spacing-8);text-align:center;color:var(--color-muted-foreground);flex-direction:column;display:flex}.asset-grid-error p{font-size:var(--font-size-sm);margin:0}.asset-grid__empty{text-align:center;padding:var(--spacing-8);color:var(--color-muted-foreground);font-size:var(--font-size-sm)}.asset-grid-item__checkmark{top:var(--spacing-1);right:var(--spacing-1);background:var(--color-black);border-radius:var(--radius-full);justify-content:center;align-items:center;width:20px;height:20px;display:none;position:absolute}.asset-grid-item--selected .asset-grid-item__checkmark{display:flex}.asset-grid-item__checkmark svg{width:12px;height:12px;color:var(--color-white)}.pattern-customize-label{color:#555;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.pattern-customize-value{color:var(--color-gray-500);font-size:12px;font-weight:var(--font-weight-medium)}.suggestion-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-2);display:block}.suggestion-prompt{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-arabic);font-size:var(--font-size-base);text-align:right;line-height:var(--line-height-relaxed);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box;direction:rtl}.suggestion-prompt:focus{border-color:var(--color-black);box-shadow:0 0 0 1px var(--color-black);outline:none}.suggestion-prompt::placeholder{color:var(--color-muted-foreground);opacity:.6}.suggestion-prompt:disabled{opacity:.5;cursor:not-allowed}.suggestion-tags{gap:var(--spacing-2);margin-top:var(--spacing-3);flex-wrap:wrap;display:flex}.suggestion-tag{padding:var(--spacing-1) var(--spacing-3);font-family:var(--font-arabic);font-size:var(--font-size-xs);color:var(--color-foreground);background:var(--color-gray-50);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;direction:rtl;border-radius:9999px;align-items:center;display:inline-flex}.suggestion-tag:hover{background:var(--color-gray-100,#f3f4f6);border-color:var(--color-gray-300)}.suggestion-tag:disabled{opacity:.5;cursor:not-allowed}.suggestion-message{margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.suggestion-message--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.suggestion-message--success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.suggestion-generate-btn{align-items:center;gap:var(--spacing-2);display:inline-flex}.suggestion-generate-btn svg{flex-shrink:0}.suggestion-generate-btn .spin{animation:1s linear infinite spin}.publish-options{gap:var(--spacing-2);flex-direction:column;display:flex}.publish-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);display:flex}.publish-option:hover{background:var(--color-gray-50)}.publish-option--selected{border-color:var(--color-black);background:var(--color-gray-50)}.publish-option__radio{border:2px solid var(--color-gray-300);border-radius:var(--radius-full);width:18px;height:18px;transition:border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.publish-option--selected .publish-option__radio{border-color:var(--color-black)}.publish-option__radio-dot{border-radius:var(--radius-full);background:var(--color-black);width:8px;height:8px;display:none}.publish-option--selected .publish-option__radio-dot{display:block}.publish-option__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.asset-empty-state{padding:var(--spacing-8);color:var(--color-muted-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.asset-loading{padding:var(--spacing-8);justify-content:center;align-items:center;display:flex}.editor-toast{background:var(--color-gray-900);color:var(--color-white);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);z-index:3000;opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base);align-items:center;gap:var(--spacing-2);display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%)translateY(20px)}.editor-toast--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.editor-toast--error{background:#dc2626}.editor-toast--success{background:#16a34a}.btn-editor--outline{background:var(--color-white);color:var(--color-foreground);border-color:var(--color-border)}.btn-editor--outline:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.preview-modal{width:85vw;max-width:85vw;max-height:90vh}.preview-modal__controls{align-items:center;gap:var(--spacing-3);display:flex}.preview-modal__body{padding:var(--spacing-4) var(--spacing-6);background:var(--color-gray-50);justify-content:center;align-items:center;min-height:60vh;display:flex}.preview-modal__body .preview-container{padding:var(--spacing-4);flex:1;justify-content:center;align-items:center;height:100%;display:flex}.preview-modal__body .preview-frame{background:var(--color-black);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transition:width var(--transition-slow),height var(--transition-slow);position:relative;overflow:hidden}.preview-modal__body .preview-frame--mobile{width:280px;height:500px}.preview-modal__body .preview-frame--tablet{width:500px;height:375px}.preview-modal__body .preview-frame--desktop{aspect-ratio:16/9;width:100%;max-width:720px}.preview-modal__body .preview-frame--tv{aspect-ratio:16/9;width:100%;max-width:100%}.preview-modal__footer{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-muted-foreground);display:flex}.confirm-dialog{text-align:center}.confirm-dialog__icon{width:48px;height:48px;margin:0 auto var(--spacing-4);border-radius:var(--radius-full);color:#d97706;background:#fef3c7;justify-content:center;align-items:center;display:flex}.confirm-dialog__icon svg{width:24px;height:24px}.confirm-dialog__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.confirm-dialog__text{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin-bottom:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:1023px){.design-editor-page{padding:var(--spacing-3);padding-bottom:140px}.editor-layout{padding:var(--spacing-2);padding-bottom:130px}.editor-layout__left{gap:var(--spacing-2)}.editor-breadcrumb{padding:var(--spacing-1) 0;margin-bottom:var(--spacing-2)}.settings-section{padding:var(--spacing-3);margin-bottom:var(--spacing-2)}.editor-form-panel{max-width:100%}.editor-action-bar{padding:var(--spacing-3) var(--spacing-4);z-index:1001;bottom:56px;left:0;right:0}.editor-action-bar__desktop-only{display:none}.editor-action-bar__mobile-only{gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}.editor-action-bar__mobile-row{gap:var(--spacing-2);width:100%;display:flex}.editor-action-bar__mobile-btn{flex:1;justify-content:center}.editor-action-bar__confirm{right:var(--spacing-3);left:var(--spacing-3);min-width:auto}.overlay-cards{grid-template-columns:repeat(3,1fr)}.preview-modal{width:95vw;max-width:95vw}}@media(max-width:640px){.editor-form-panel,.editor-section{padding:var(--spacing-4)}.modal{max-width:100%;max-height:90vh;margin:var(--spacing-2)}.preview-modal{border-radius:0;width:100%;max-width:100%;max-height:100vh;margin:0}.preview-modal .preview-device-selector{display:none}.asset-grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.font-tag-container{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.font-tag{border:1px solid var(--color-border);background-color:var(--color-white);color:var(--color-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;direction:rtl;border-radius:20px;justify-content:center;align-items:center;min-width:80px;padding:8px 16px;font-size:18px;transition:all .2s;display:inline-flex}.font-tag:hover{border-color:var(--color-gray-400);background-color:var(--color-gray-50)}.font-tag.active{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.weight-buttons{flex-wrap:wrap;gap:8px;width:100%;display:flex}.weight-btn{border:2px solid var(--color-border);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;min-width:80px;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);color:var(--color-foreground);font-family:var(--font-sans);flex:1;padding:8px 12px}.weight-btn:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.weight-btn.active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.duration-presets{margin-top:var(--spacing-2);gap:8px;display:flex}.duration-btn{border:2px solid var(--color-border);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);color:var(--color-foreground);flex:1;padding:10px 16px}.duration-btn:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.duration-btn.active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.duration-preset{border:2px solid var(--color-border);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);color:var(--color-foreground);font-family:var(--font-sans);flex:1;padding:10px 16px}.duration-preset:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.duration-preset--active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.duration-groups{gap:var(--spacing-4);flex-direction:column;display:flex}.duration-group{gap:var(--spacing-2);flex-direction:column;display:flex}.duration-group__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.05em}.duration-group__presets{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.duration-preset--recommended{position:relative}.duration-preset__badge{background:var(--color-primary,var(--color-black));color:#fff;font-size:10px;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:8px;padding:1px 6px;position:absolute;top:-8px;right:-8px}.duration-custom{margin-top:var(--spacing-3);align-items:center;gap:var(--spacing-3);display:flex}.duration-custom__input{align-items:center;gap:var(--spacing-2);display:flex}.duration-custom__unit{font-size:var(--font-size-sm);color:var(--color-muted-foreground)}.segmented-control{border:2px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--spacing-2);display:inline-flex;overflow:hidden}.segmented-control input[type=radio]{display:none}.segmented-control label{cursor:pointer;background:var(--color-white);border-right:1px solid var(--color-border);transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);white-space:nowrap;margin:0;padding:10px 20px}.segmented-control label:last-child{border-right:none}.segmented-control input:checked+label{background:var(--color-black);color:var(--color-white)}.segmented-control input:disabled+label{opacity:.5;cursor:not-allowed;background:var(--color-gray-50)}.segmented-control__option{cursor:pointer;background:var(--color-white);border-right:1px solid var(--color-border);transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);white-space:nowrap;align-items:center;gap:var(--spacing-2);margin:0;padding:10px 20px;display:flex}.segmented-control__option:last-child{border-right:none}.segmented-control__option--active{background:var(--color-black);color:var(--color-white)}.segmented-control__label{pointer-events:none}.help-text{font-size:var(--font-size-xs);color:var(--color-muted-foreground);margin-top:var(--spacing-2);font-style:italic}.editor-field{margin-bottom:var(--spacing-4)}.editor-field:last-child{margin-bottom:0}.editor-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-2);display:block}.editor-select{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-foreground);background-color:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;padding-right:var(--spacing-8);outline:none;font-family:inherit;transition:border-color .15s}.editor-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f126}.editor-select:hover{border-color:var(--color-muted-foreground)}.phase-grid{gap:var(--spacing-2);margin-top:var(--spacing-2);grid-template-columns:repeat(3,1fr);display:grid}.phase-grid input[type=radio]{display:none}.phase-card{text-align:center;padding:var(--spacing-3) var(--spacing-2);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-white);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.phase-card:hover{border-color:var(--color-muted-foreground)}.phase-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);line-height:1.2}.phase-card__subtitle{color:var(--color-muted-foreground);font-size:11px;line-height:1.2}.phase-grid input:checked+.phase-card{background:var(--color-black);border-color:var(--color-black)}.phase-grid input:checked+.phase-card .phase-card__title{color:var(--color-white)}.phase-grid input:checked+.phase-card .phase-card__subtitle{color:#ffffffb3}.phase-card--selected{background:var(--color-black);border-color:var(--color-black)}.phase-card--selected .phase-card__title{color:var(--color-white)}.phase-card--selected .phase-card__subtitle{color:#ffffffb3}.phase-card__check{top:var(--spacing-2);right:var(--spacing-2);border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-white);background:#ffffff40;justify-content:center;align-items:center;display:flex;position:absolute}.phase-card__check svg{width:14px;height:14px}.preview-bilingual-card{-webkit-backdrop-filter:blur(10px)saturate(180%);background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;flex-direction:column;justify-content:center;gap:12px;width:90%;max-width:90%;max-height:80%;padding:24px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000001a;z-index:10!important}.preview-bilingual-lines{flex-direction:column;gap:12.5px;display:flex}.preview-bilingual-line{flex-direction:column;gap:6px;display:flex}.preview-bilingual-arabic{text-align:right;text-shadow:0 2px 4px #0006;direction:rtl;line-height:1.875}.preview-bilingual-german{text-align:left;text-shadow:0 1px 3px #0000004d;direction:ltr;padding-left:1em;line-height:1.875}.btn-auto-translate{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);margin-top:var(--spacing-3);margin-bottom:var(--spacing-2);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #667eea40}.btn-auto-translate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea59}.btn-auto-translate:active:not(:disabled){transform:translateY(0)}.btn-auto-translate:disabled{opacity:.6;cursor:not-allowed}.btn-auto-translate svg{width:16px;height:16px}.btn-auto-translate svg.spin{animation:1s linear infinite spin}.translation-message{margin-top:var(--spacing-2);margin-bottom:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;animation:.3s slideDown}.translation-message--success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.translation-message--error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.translation-confirm{margin-top:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#92400e;background:#fef3c7;border:1px solid #fde68a}.translation-confirm__actions{gap:var(--spacing-2);margin-top:var(--spacing-2);display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pattern-customize-panel{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:8px;margin-top:16px;padding:16px}.pattern-customize-panel__title{color:#333;margin:0 0 12px;font-size:13px;font-weight:600}.pattern-customize-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pattern-customize-row__label{color:#555;font-size:13px}.pattern-customize-row__color{cursor:pointer;border:1px solid #ccc;border-radius:4px;width:36px;height:28px;padding:1px}.pattern-customize-slider{margin-bottom:12px}.pattern-customize-slider__header{color:#555;justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.pattern-customize-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;border-radius:2px;outline:none;width:100%;height:4px}.pattern-customize-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#2d6a4f;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.pattern-customize-preview{border:1px solid #e5e5e5;border-radius:6px;width:100%;height:80px;position:relative;overflow:hidden}.editor-preview-sheet{z-index:100;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.editor-preview-sheet__backdrop{background:#00000080;animation:.2s fadeIn;position:absolute;top:0;right:0;bottom:0;left:0}.editor-preview-sheet__panel{background:var(--color-background,#fff);border-radius:16px 16px 0 0;flex-direction:column;max-height:85vh;animation:.25s slideUp;display:flex;position:relative}.editor-preview-sheet__handle{background:var(--color-border,#d1d5db);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.editor-preview-sheet__header{padding:var(--spacing-3) var(--spacing-4);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.editor-preview-sheet__title{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.editor-preview-sheet__close{width:32px;height:32px;color:var(--color-muted-foreground);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.editor-preview-sheet__close:hover{background:var(--color-gray-100)}.editor-preview-sheet__content{padding:0 var(--spacing-4) var(--spacing-6);flex:1;justify-content:center;display:flex;overflow-y:auto}@media(min-width:1024px){.editor-preview-sheet{display:none}}.editor-restore-prompt{border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;gap:var(--spacing-3);background:#fef3c7;border:1px solid #f59e0b;flex-wrap:wrap;display:flex}.editor-restore-prompt p{font-size:var(--font-size-sm);color:#92400e;margin:0}.editor-restore-prompt__actions{gap:var(--spacing-2);display:flex}.editor-skeleton__breadcrumb{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) 0;margin-bottom:var(--spacing-4);display:flex}.skeleton{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton--text{border-radius:4px;height:16px}.skeleton--input{width:100%;height:44px}.skeleton--rect{width:100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.text-style-presets{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.text-style-presets__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-3)}.text-style-presets__grid{gap:var(--spacing-2);grid-template-columns:repeat(2,1fr);display:grid}@media(min-width:640px){.text-style-presets__grid{grid-template-columns:repeat(4,1fr)}}.text-style-preset{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);background:#1a1a2e;flex-direction:column;display:flex}.text-style-preset:hover{border-color:var(--color-gray-400)}.text-style-preset--active{border-color:var(--color-primary,var(--color-black));box-shadow:0 0 0 1px var(--color-primary,var(--color-black))}.text-style-preset__preview{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:40px;display:flex}.text-style-preset__name{font-size:var(--font-size-xs);color:var(--color-gray-400);font-weight:var(--font-weight-medium)}.assets-layout{min-height:calc(100vh - 64px);margin-top:64px;display:flex}@media(max-width:767px){.assets-layout{margin-top:64px;padding-bottom:64px}}.assets-sidebar{background-color:var(--color-white);border-right:1px solid var(--color-border);width:220px;padding:var(--spacing-4) 0;flex-shrink:0;height:calc(100vh - 64px);position:sticky;top:64px;overflow-y:auto}.assets-sidebar__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);padding:var(--spacing-2) var(--spacing-5);margin-bottom:var(--spacing-1)}.assets-sidebar__list{margin:0;padding:0;list-style:none}.assets-sidebar__item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);text-align:left;width:100%;font-family:var(--font-sans);line-height:var(--line-height-normal);-webkit-user-select:none;user-select:none;background:0 0;border:none;display:flex}.assets-sidebar__item:hover{color:var(--color-foreground);background-color:var(--color-gray-50)}.assets-sidebar__item--active{color:var(--color-foreground);background-color:var(--color-gray-100);font-weight:var(--font-weight-semibold)}.assets-sidebar__item-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:16px;line-height:1;display:flex}.assets-sidebar__item-icon svg{width:18px;height:18px}.assets-sidebar__item-label{white-space:nowrap}.assets-sidebar__item-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-gray-400);background-color:var(--color-gray-100);border-radius:var(--radius-full);text-align:center;min-width:20px;margin-left:auto;padding:1px 6px}.assets-sidebar__item--active .assets-sidebar__item-count{background-color:var(--color-gray-200);color:var(--color-gray-600)}.assets-category-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-4);display:none;overflow-x:auto}.assets-category-tabs::-webkit-scrollbar{display:none}.assets-category-tabs__list{gap:var(--spacing-1);margin:0;padding:0;list-style:none;display:flex}.assets-category-tabs__item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500);cursor:pointer;font-family:var(--font-sans);white-space:nowrap;transition:color var(--transition-fast);background:0 0;border:none;display:inline-flex;position:relative}.assets-category-tabs__item:hover{color:var(--color-foreground)}.assets-category-tabs__item--active{color:var(--color-foreground);font-weight:var(--font-weight-semibold)}.assets-category-tabs__item--active:after{content:"";bottom:0;left:var(--spacing-4);right:var(--spacing-4);background-color:var(--color-black);border-radius:1px 1px 0 0;height:2px;position:absolute}.assets-main{min-width:0;padding:var(--spacing-6);flex:1}.assets-toolbar{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.assets-toolbar__left{align-items:center;gap:var(--spacing-3);flex:1;min-width:0;display:flex}.assets-toolbar__right{align-items:center;gap:var(--spacing-2);display:flex}.assets-toolbar__title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground);white-space:nowrap}.assets-toolbar__count{font-size:var(--font-size-sm);color:var(--color-gray-400);white-space:nowrap}.assets-search{width:240px;max-width:100%;position:relative}.assets-search__icon{left:var(--spacing-3);width:16px;height:16px;color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.assets-search__input{width:100%;height:36px;padding:0 var(--spacing-3) 0 var(--spacing-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-foreground);background-color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.assets-search__input::placeholder{color:var(--color-gray-400)}.assets-search__input:focus{border-color:var(--color-gray-400);box-shadow:0 0 0 3px #0000000d}.assets-view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-lg);display:inline-flex;overflow:hidden}.assets-view-toggle__btn{background:var(--color-white);cursor:pointer;width:36px;height:34px;color:var(--color-gray-400);transition:color var(--transition-fast),background-color var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.assets-view-toggle__btn:not(:last-child){border-right:1px solid var(--color-border)}.assets-view-toggle__btn:hover{color:var(--color-gray-600);background-color:var(--color-gray-50)}.assets-view-toggle__btn--active{color:var(--color-foreground);background-color:var(--color-gray-100)}.assets-view-toggle__btn svg{width:16px;height:16px}.assets-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:36px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);background-color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;display:inline-flex}.assets-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.assets-btn--primary{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.assets-btn--primary:hover{background-color:var(--color-gray-800);border-color:var(--color-gray-800)}.assets-btn svg{width:16px;height:16px}.assets-grid{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}.assets-grid--list{gap:var(--spacing-2);grid-template-columns:1fr}.assets-section{margin-bottom:var(--spacing-6)}.assets-section__header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex}.assets-section__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);flex:1;margin:0}.assets-section__count{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-normal)}.assets-section__header svg{color:var(--color-gray-500)}.assets-section__grid{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}.asset-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:default;position:relative;overflow:hidden}.asset-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.asset-card__preview{aspect-ratio:4/3;background-color:var(--color-gray-100);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.asset-card__preview img{object-fit:cover;width:100%;height:100%}.asset-card__preview--gradient,.asset-card__preview--color,.asset-card__preview--pattern{border-bottom:1px solid var(--color-border)}.asset-card__badge{top:var(--spacing-2);left:var(--spacing-2);color:var(--color-white);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;background:#6366f1e6;padding:2px 8px;font-size:11px;font-weight:600;position:absolute}.asset-card__overlay{justify-content:center;align-items:center;gap:var(--spacing-2);opacity:0;transition:opacity var(--transition-fast);background:#0006;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.asset-card:hover .asset-card__overlay{opacity:1}.asset-card__overlay-btn{border-radius:var(--radius-lg);background:var(--color-white);width:36px;height:36px;color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.asset-card__overlay-btn:hover{background-color:var(--color-gray-100);transform:scale(1.05)}.asset-card__overlay-btn svg{width:16px;height:16px}.asset-card__body{padding:var(--spacing-3)}.asset-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-1);width:100%;font-family:var(--font-sans);cursor:text;border-radius:var(--radius-base);background:0 0;border:none;outline:none;padding:0;overflow:hidden}.asset-card__name:focus{background-color:var(--color-gray-50);margin:-2px -4px;margin-bottom:calc(var(--spacing-1) - 2px);padding:2px 4px}.asset-card__meta{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-gray-400);flex-wrap:wrap;display:flex}.asset-card__meta-sep{background-color:var(--color-gray-300);border-radius:var(--radius-full);flex-shrink:0;width:2px;height:2px}.asset-card__tag{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-gray-600);background-color:var(--color-gray-100);border-radius:var(--radius-full);text-transform:capitalize;align-items:center;padding:1px 6px;display:inline-flex}.asset-card__menu-btn{top:var(--spacing-2);right:var(--spacing-2);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;width:28px;height:28px;color:var(--color-gray-600);z-index:2;transition:background-color var(--transition-fast);background:#ffffffe6;border:none;justify-content:center;align-items:center;padding:0;display:none;position:absolute}.asset-card:hover .asset-card__menu-btn{display:flex}.asset-card__menu-btn:hover{background:var(--color-white);color:var(--color-foreground)}.asset-card__menu-btn svg{width:16px;height:16px}.assets-grid--list .asset-card{border-radius:var(--radius-lg);flex-direction:row;align-items:center;display:flex}.assets-grid--list .asset-card__preview{aspect-ratio:auto;border-radius:var(--radius-md);width:80px;height:60px;margin:var(--spacing-2);flex-shrink:0}.assets-grid--list .asset-card__body{min-width:0;padding:var(--spacing-2) var(--spacing-3);flex:1}.assets-grid--list .asset-card__overlay{display:none}.assets-grid--list .asset-card__menu-btn{margin-right:var(--spacing-3);background:0 0;flex-shrink:0;display:flex;position:static}.asset-card__text-preview{padding:var(--spacing-3);flex-direction:column;justify-content:center;height:100%;display:flex;overflow:hidden}.asset-card__text-arabic{font-family:var(--font-arabic);font-size:var(--font-size-lg);text-align:right;color:var(--color-foreground);margin-bottom:var(--spacing-2);text-overflow:ellipsis;-webkit-line-clamp:2;direction:rtl;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.asset-card__text-german{font-size:var(--font-size-xs);color:var(--color-gray-500);text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.asset-card__color-swatch{width:100%;height:100%}.asset-card__color-value{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:var(--font-size-xs);color:var(--color-gray-500);letter-spacing:.02em}.asset-card__carousel-preview{gap:2px;height:100%;display:flex;overflow:hidden}.asset-card__carousel-preview img{object-fit:cover;flex:1;min-width:0;height:100%}.asset-card__carousel-badge{bottom:var(--spacing-2);left:var(--spacing-2);align-items:center;gap:var(--spacing-1);font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);background:#0009;padding:2px 8px;display:inline-flex;position:absolute}.asset-card__carousel-badge svg{width:12px;height:12px}.asset-context-menu{z-index:2000;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-lg);padding:var(--spacing-1);opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);pointer-events:none;position:fixed;transform:scale(.95)}.asset-context-menu--visible{opacity:1;pointer-events:auto;transform:scale(1)}.asset-context-menu__item{align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-foreground);border-radius:var(--radius-md);transition:background-color var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.asset-context-menu__item:hover{background-color:var(--color-gray-50)}.asset-context-menu__item--danger{color:#dc2626}.asset-context-menu__item--danger:hover{background-color:#fef2f2}.asset-context-menu__item svg{flex-shrink:0;width:14px;height:14px}.asset-context-menu__divider{background-color:var(--color-border);height:1px;margin:var(--spacing-1) 0}.upload-zone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);padding:var(--spacing-10) var(--spacing-6);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.upload-zone:hover,.upload-zone--active{border-color:var(--color-gray-500);background-color:var(--color-gray-50)}.upload-zone--dragging{border-color:var(--color-black);background-color:var(--color-gray-100)}.upload-zone__icon{width:48px;height:48px;margin:0 auto var(--spacing-3);color:var(--color-gray-400)}.upload-zone__icon svg{width:100%;height:100%}.upload-zone__text{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-1)}.upload-zone__text strong{color:var(--color-foreground)}.upload-zone__hint{font-size:var(--font-size-xs);color:var(--color-gray-400)}.upload-progress{margin-top:var(--spacing-4)}.upload-progress__item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border);display:flex}.upload-progress__item:last-child{border-bottom:none}.upload-progress__thumb{border-radius:var(--radius-md);object-fit:cover;background-color:var(--color-gray-100);flex-shrink:0;width:40px;height:40px}.upload-progress__info{flex:1;min-width:0}.upload-progress__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upload-progress__name-input{width:100%;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;padding:2px 0;display:block}.upload-progress__name-input:focus{border-bottom-color:var(--color-gray-300)}.upload-progress__bar-track{background-color:var(--color-gray-200);width:100%;height:4px;margin-top:var(--spacing-1);border-radius:2px;overflow:hidden}.upload-progress__bar-fill{background-color:var(--color-black);height:100%;transition:width var(--transition-base);border-radius:2px;width:0%}.upload-progress__bar-fill--complete{background-color:#22c55e}.upload-progress__bar-fill--error{background-color:#dc2626}.upload-progress__status{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:2px}.upload-progress__status--complete{color:#22c55e}.upload-progress__status--error{color:#dc2626}.upload-progress__remove{border-radius:var(--radius-full);cursor:pointer;width:24px;height:24px;color:var(--color-gray-400);transition:color var(--transition-fast),background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.upload-progress__remove:hover{color:#dc2626;background-color:#fef2f2}.upload-progress__remove svg{width:14px;height:14px}.modal-overlay{z-index:3000;padding:var(--spacing-4);opacity:0;transition:opacity var(--transition-base);pointer-events:none;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-overlay--visible{opacity:1;pointer-events:auto}.modal-backdrop{z-index:3000;padding:var(--spacing-4);opacity:0;transition:opacity var(--transition-base);pointer-events:none;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-backdrop--visible{opacity:1;pointer-events:auto}.modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:600px;max-height:90vh;transition:transform var(--transition-base);flex-direction:column;display:flex;overflow:hidden;transform:scale(.95)translateY(8px)}.modal-overlay--visible .modal,.modal-backdrop--visible .modal{transform:scale(1)translateY(0)}.modal--lg{max-width:800px}.modal--small{max-width:440px}.modal__header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.modal__close{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-gray-400);transition:color var(--transition-fast),background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.modal__close:hover{color:var(--color-foreground);background-color:var(--color-gray-100)}.modal__close svg{width:18px;height:18px}.modal__body{padding:var(--spacing-6);flex:1;overflow-y:auto}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border);background:var(--color-gray-50);display:flex}.form-group{margin-bottom:var(--spacing-4)}.form-group:last-child{margin-bottom:0}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-2);display:block}.form-input,.form-select,.form-textarea{width:100%;height:40px;padding:0 var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-foreground);background-color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;display:block}.form-textarea{height:auto;min-height:80px;padding:var(--spacing-3);resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-gray-400);box-shadow:0 0 0 3px #0000000d}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;padding-right:var(--spacing-10)}.form-input--color{height:40px;padding:var(--spacing-1);cursor:pointer}.carousel-images{gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.carousel-images__item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);cursor:grab;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:flex}.carousel-images__item:active{cursor:grabbing}.carousel-images__item--dragging{border-color:var(--color-gray-400);box-shadow:var(--shadow-lg);opacity:.8}.carousel-images__drag-handle{width:20px;color:var(--color-gray-300);cursor:grab;flex-shrink:0;justify-content:center;align-items:center;display:flex}.carousel-images__drag-handle svg{width:16px;height:16px}.carousel-images__thumb{border-radius:var(--radius-md);object-fit:cover;background-color:var(--color-gray-100);flex-shrink:0;width:48px;height:36px}.carousel-images__name{min-width:0;font-size:var(--font-size-sm);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.carousel-images__remove{border-radius:var(--radius-full);cursor:pointer;width:24px;height:24px;color:var(--color-gray-400);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.carousel-images__remove:hover{color:#dc2626}.carousel-images__remove svg{width:14px;height:14px}.carousel-images__add-btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-gray-500);transition:border-color var(--transition-fast),color var(--transition-fast);background:0 0;width:100%;display:flex}.carousel-images__add-btn:hover{border-color:var(--color-gray-500);color:var(--color-foreground)}.carousel-images__add-btn svg{width:16px;height:16px}.carousel-preview{aspect-ratio:16/9;background-color:var(--color-gray-100);border-radius:var(--radius-lg);width:100%;margin-top:var(--spacing-4);position:relative;overflow:hidden}.carousel-preview img{object-fit:cover;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;right:0;bottom:0;left:0}.carousel-preview__controls{bottom:var(--spacing-2);gap:var(--spacing-1);display:flex;position:absolute;left:50%;transform:translate(-50%)}.carousel-preview__dot{border-radius:var(--radius-full);cursor:pointer;width:6px;height:6px;transition:background var(--transition-fast);background:#ffffff80;border:none;padding:0}.carousel-preview__dot--active{background:#fff}.assets-empty{padding:var(--spacing-16) var(--spacing-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.assets-empty__icon{width:64px;height:64px;color:var(--color-gray-300);margin-bottom:var(--spacing-4)}.assets-empty__icon svg{width:100%;height:100%}.assets-empty__title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-2)}.assets-empty__text{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-6);max-width:360px}.assets-loading{padding:var(--spacing-16);justify-content:center;align-items:center;display:flex}.assets-spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-black);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}.toast-container{bottom:80px;right:var(--spacing-4);z-index:5000;gap:var(--spacing-2);flex-direction:column-reverse;display:flex;position:fixed}.toast{bottom:var(--spacing-6);right:var(--spacing-6);z-index:5000;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);background:var(--color-black);color:var(--color-white);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);opacity:0;min-width:280px;max-width:420px;transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:none;display:flex;position:fixed;transform:translateY(8px)}.toast--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.toast--success{background:#22c55e}.toast--error{background:#dc2626}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.toast{bottom:calc(72px + var(--spacing-6));right:var(--spacing-4);left:var(--spacing-4);min-width:auto}}.image-viewer{z-index:4000;padding:var(--spacing-8);cursor:zoom-out;opacity:0;transition:opacity var(--transition-base);pointer-events:none;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.image-viewer--visible{opacity:1;pointer-events:auto}.image-viewer img{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:100%}.image-viewer__close{top:var(--spacing-4);right:var(--spacing-4);border-radius:var(--radius-full);color:#fff;cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast);background:#ffffff26;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.image-viewer__close:hover{background:#ffffff4d}.image-viewer__close svg{width:20px;height:20px}.sidebar__divider{background-color:var(--color-border);height:1px;margin:var(--spacing-3) var(--spacing-4)}.images-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0;display:grid}.image-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.image-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.image-card__preview{aspect-ratio:16/9;background-color:var(--color-gray-100);flex-shrink:0;width:100%;position:relative;overflow:hidden}.image-card__preview img{object-fit:cover;width:100%;height:100%}.image-card__badge{bottom:var(--spacing-2);left:var(--spacing-2);align-items:center;gap:var(--spacing-1);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);background:#000000bf;padding:4px 10px;line-height:1;display:inline-flex;position:absolute}.image-card__info{padding:var(--spacing-4);flex-direction:column;flex:1;justify-content:center;display:flex}.image-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0 0 var(--spacing-2) 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.image-card__meta{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:1.5}.image-card__actions{top:var(--spacing-3);right:var(--spacing-3);gap:var(--spacing-2);opacity:0;transition:opacity var(--transition-fast);display:flex;position:absolute}.image-card:hover .image-card__actions{opacity:1}.btn-icon{border-radius:var(--radius-lg);background:var(--color-white);width:36px;height:36px;color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.btn-icon svg{width:18px;height:18px}.btn-icon--danger{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#dc2626f2}.btn-icon--danger:hover{background:#dc2626;box-shadow:0 4px 12px #dc262666}.asset-loading{padding:var(--spacing-16);justify-content:center;align-items:center;gap:var(--spacing-4);flex-direction:column;display:flex}.asset-loading__spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-black);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.asset-empty-state{padding:var(--spacing-16);text-align:center;color:var(--color-gray-500);flex-direction:column;justify-content:center;align-items:center;display:flex}.asset-empty-state svg{width:64px;height:64px;margin-bottom:var(--spacing-4);color:var(--color-gray-300)}.asset-empty-state span{font-size:var(--font-size-base);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.settings-layout{gap:var(--spacing-8);max-width:1400px;padding:var(--spacing-6);margin:0 auto;display:flex}.settings-sidebar{flex-shrink:0;width:240px}@media(max-width:1023px){.settings-layout{gap:var(--spacing-6);flex-direction:column}.settings-sidebar{width:100%}.settings-sidebar__nav{-webkit-overflow-scrolling:touch;flex-direction:row;overflow-x:auto}.settings-sidebar__link{white-space:nowrap}.images-grid{gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:640px){.settings-layout{padding:var(--spacing-4)}.settings-grid{grid-template-columns:1fr}.images-grid{gap:var(--spacing-4);grid-template-columns:1fr}.image-card__actions{opacity:1}}.settings-sidebar__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);margin-bottom:var(--spacing-4)}.settings-sidebar__nav{gap:var(--spacing-1);flex-direction:column;display:flex}.settings-sidebar__link{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);transition:background-color var(--transition-fast),color var(--transition-fast);text-decoration:none;display:flex}.settings-sidebar__link:hover{background-color:var(--color-gray-50);color:var(--color-foreground)}.settings-sidebar__link svg{flex-shrink:0;width:18px;height:18px}.settings-content{flex:1;min-width:0}.settings-grid{gap:var(--spacing-4);margin-top:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.settings-card{align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer;text-decoration:none;display:flex}.settings-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.settings-card--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.settings-card__icon{background:var(--color-gray-100);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-gray-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-card__icon svg{width:24px;height:24px}.settings-card__content{flex:1;min-width:0}.settings-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0 0 var(--spacing-1) 0}.settings-card__description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:1.5}.settings-card__badge{margin-top:var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);background:var(--color-gray-100);border-radius:var(--radius-full);padding:2px 8px;display:inline-block}.settings-card__arrow{color:var(--color-gray-400);transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-card:hover .settings-card__arrow{transform:translate(4px)}.settings-card__arrow svg{width:20px;height:20px}.btn-editor{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;height:40px;line-height:1;text-decoration:none;display:inline-flex}.btn-editor:hover{opacity:1}.btn-editor:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-editor--ghost{color:var(--color-gray-600);border-color:var(--color-border);background:0 0}.btn-editor--ghost:hover{background:var(--color-gray-100);color:var(--color-foreground);border-color:var(--color-gray-300)}.btn-editor--danger{color:#fff;background:#dc2626;border-color:#dc2626}.btn-editor--danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-topbar{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-gray-600);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap;height:36px;line-height:1;text-decoration:none;display:inline-flex}.btn-topbar:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-foreground)}.btn-topbar svg{flex-shrink:0;width:16px;height:16px}.btn-topbar--active{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.btn-topbar--active:hover{background-color:var(--color-gray-800);border-color:var(--color-gray-800)}.topbar__right{align-items:center;gap:var(--spacing-2);display:flex}@media(max-width:1023px){.assets-sidebar{display:none}.assets-category-tabs{display:block}.assets-main{padding:var(--spacing-4)}.assets-grid{grid-template-columns:repeat(3,1fr)}.toast-container{bottom:calc(72px + env(safe-area-inset-bottom,0));right:var(--spacing-4);left:var(--spacing-4)}}@media(max-width:640px){.assets-toolbar{align-items:stretch;gap:var(--spacing-2);flex-direction:column}.assets-toolbar__left,.assets-toolbar__right{justify-content:space-between}.assets-search{width:100%}.assets-grid{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.assets-grid--list .asset-card__preview{width:60px;height:45px}.asset-card__text-arabic{font-size:var(--font-size-base)}.modal{max-height:95vh;margin:var(--spacing-2)}.modal__header,.modal__body{padding:var(--spacing-4)}.modal__footer{padding:var(--spacing-3) var(--spacing-4)}}.login-page{min-height:100vh;padding:var(--spacing-4);background-color:var(--color-cream);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--spacing-8);box-shadow:var(--shadow-lg)}.login-card--loading .btn{pointer-events:none}.login-card--loading input{pointer-events:none;opacity:.6}.login-card__header{text-align:center;margin-bottom:var(--spacing-8)}.login-card__logo{width:56px;height:56px;margin-bottom:var(--spacing-4);justify-content:center;align-items:center;display:inline-flex}.login-card__logo img{object-fit:contain;width:100%;height:100%}.login-card__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-1)}.login-card__subtitle{font-size:var(--font-size-sm);color:var(--color-muted-foreground)}.login-error{padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:#991b1b;margin-bottom:var(--spacing-4);background-color:#fef2f2;border:1px solid #fecaca;display:none}.login-error--visible{display:block}.login-form{gap:var(--spacing-4);flex-direction:column;display:flex}.login-form__field{gap:var(--spacing-1);flex-direction:column;width:100%;display:flex}.login-form__field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);line-height:var(--line-height-normal)}.login-form__field input{width:100%;height:2.5rem;padding:0 var(--spacing-3);border:1px solid var(--color-input);border-radius:var(--radius-md);background-color:var(--color-white);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-foreground);line-height:var(--line-height-normal);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:flex}.login-form__field input::placeholder{color:var(--color-gray-400)}.login-form__field input:hover:not(:disabled){border-color:var(--color-gray-400)}.login-form__field input:focus{border-color:var(--color-ring);box-shadow:0 0 0 1px var(--color-ring);outline:none}.login-form__field input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-50)}@media(max-width:640px){.login-form__field input{height:2.75rem;font-size:var(--font-size-base)}}.btn--primary{background-color:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.btn--primary:hover:not(:disabled){background-color:var(--color-green-dark);border-color:var(--color-green-dark)}.btn--primary:active:not(:disabled){background-color:var(--color-green-dark)}.login-form__submit{width:100%}.login-divider{align-items:center;gap:var(--spacing-3);color:var(--color-muted-foreground);font-size:var(--font-size-xs);margin:var(--spacing-1) 0;display:flex}.login-divider:before,.login-divider:after{content:"";background-color:var(--color-border);flex:1;height:1px}.login-google-btn{gap:var(--spacing-2);width:100%}.login-google-btn svg{flex-shrink:0;width:18px;height:18px}.login-card__signup-link{text-align:center;font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin-top:var(--spacing-4)}.login-card__signup-link a{color:var(--color-green);font-weight:var(--font-weight-medium);text-decoration:none}.login-card__signup-link a:hover{text-decoration:underline}.cookie-banner{z-index:2000;justify-content:space-between;align-items:center;gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-green-dark);flex-wrap:wrap;animation:.4s cubic-bezier(.4,0,.2,1) 1s both cookieBannerSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0003}@keyframes cookieBannerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner__text{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-cream);flex:1;margin:0}.cookie-banner__link{color:#e0c97a;text-decoration:underline}.cookie-banner__accept{white-space:nowrap;flex-shrink:0}@media(max-width:480px){.login-card{padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.login-card__header{margin-bottom:var(--spacing-6)}.cookie-banner{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);flex-direction:column}.cookie-banner__accept{justify-content:center;width:100%}}.signup-page{min-height:100vh;display:flex}.signup-left{padding:var(--spacing-8);background-color:var(--color-white);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.signup-left__inner{width:100%;max-width:440px}.signup-right{padding:var(--spacing-8);background-color:var(--color-green-dark);color:var(--color-cream);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.signup-right__content{text-align:center;width:100%;max-width:420px;animation:.5s ease-out signupFadeIn}.signup-right__step-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold-light);padding:var(--spacing-1) var(--spacing-3);margin-bottom:var(--spacing-6);border:1px solid #c9a84c4d;border-radius:999px;display:inline-block}.signup-right__title{font-family:var(--font-heading);font-size:1.75rem;font-weight:var(--font-weight-semibold);color:var(--color-white);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-3);line-height:1.3}.signup-right__desc{font-size:var(--font-size-base);color:#f4f2edcc;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.signup-right__features{gap:var(--spacing-3);text-align:left;margin-top:var(--spacing-4);flex-direction:column;display:flex}.signup-right__feature{align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:#f4f2ede6;display:flex}.signup-right__feature-icon{width:28px;height:28px;color:var(--color-gold-light);background:#c9a84c26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.signup-right__visual{margin-top:var(--spacing-6);justify-content:center;display:flex}.signup-lang-preview{border-radius:var(--radius-lg);background:#0a1a17;border:1px solid #ffffff1a;width:280px;overflow:hidden;box-shadow:0 20px 60px #0006}.signup-lang-preview__header{background:var(--color-green);padding:var(--spacing-2) var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.signup-lang-preview__dots{gap:4px;display:flex}.signup-lang-preview__dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px}.signup-lang-preview__badge{color:var(--color-gold-light);letter-spacing:.05em;text-transform:uppercase;font-size:8px}.signup-lang-preview__body{padding:var(--spacing-4);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-2);flex-direction:column;min-height:140px;display:flex;position:relative}.signup-lang-preview__label{font-size:var(--font-size-xs);color:#f4f2ed80;text-transform:uppercase;letter-spacing:.08em}.signup-lang-preview__text-wrap{width:100%;height:48px;position:relative;overflow:hidden}.signup-lang-preview__text{flex-direction:column;justify-content:center;align-items:center;animation:6s ease-in-out infinite signupLangSwitch;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.signup-lang-preview__text--lang2{opacity:0;animation-delay:3s}.signup-lang-preview__prayer-name{font-family:var(--font-heading);font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-white)}.signup-lang-preview__prayer-label{font-size:var(--font-size-sm);color:var(--color-gold-light)}.signup-lang-preview__time{font-size:2rem;font-weight:var(--font-weight-semibold);color:var(--color-gold);font-family:var(--font-heading);margin-top:var(--spacing-2)}.signup-lang-preview__lang-tag{color:var(--color-gold-light);letter-spacing:.05em;margin-top:var(--spacing-1);text-transform:uppercase;background:#c9a84c26;border-radius:4px;padding:2px 6px;font-size:9px;animation:6s ease-in-out infinite signupLangTagPulse;display:inline-block}.signup-lang-preview__lang-tag--lang2{animation-delay:3s}.signup-design-grid{gap:var(--spacing-2);flex-direction:column;width:100%;max-width:300px;margin:0 auto;display:flex}.signup-design-card{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff14;transition:background .2s,border-color .2s;display:flex}.signup-design-card--active{background:#c9a84c1a;border-color:#c9a84c4d}.signup-design-card__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.signup-design-card__icon--countdown{background:#3b82f626}.signup-design-card__icon--azan{background:#22c55e26}.signup-design-card__icon--iqama-wait{background:#fbbf2426}.signup-design-card__icon--iqama{background:#a855f726}.signup-design-card__icon--salah{background:#ec489926}.signup-design-card__icon--azkar{background:#14b8a626}.signup-design-card__icon--donation{background:#f9731626}.signup-design-card__text{text-align:left;flex-direction:column;min-width:0;display:flex}.signup-design-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white)}.signup-design-card__desc{color:#f4f2ed80;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.signup-success-check{width:80px;height:80px;margin:0 auto var(--spacing-4);background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) signupSuccessPop;display:flex}.signup-success-check__icon{color:#22c55e;font-size:40px;animation:.4s ease-out .3s both signupCheckDraw}.signup-step-indicator{text-align:center;font-size:var(--font-size-xs);color:var(--color-muted-foreground);margin-bottom:var(--spacing-4);letter-spacing:.05em;text-transform:uppercase;font-weight:var(--font-weight-medium)}.signup-card__header{text-align:center;margin-bottom:var(--spacing-6)}.signup-card__logo{width:56px;height:56px;margin-bottom:var(--spacing-4);justify-content:center;align-items:center;display:inline-flex}.signup-card__logo img{object-fit:contain;width:100%;height:100%}.signup-card__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-1)}.signup-card__subtitle{font-size:var(--font-size-sm);color:var(--color-muted-foreground)}.signup-form{gap:var(--spacing-4);flex-direction:column;display:flex}.signup-form .login-form__field select{width:100%;height:2.5rem;padding:0 var(--spacing-3);border:1px solid var(--color-input);border-radius:var(--radius-md);background-color:var(--color-white);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-foreground);line-height:var(--line-height-normal);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;display:flex}.signup-form .login-form__field select:hover:not(:disabled){border-color:var(--color-gray-400)}.signup-form .login-form__field select:focus{border-color:var(--color-ring);box-shadow:0 0 0 1px var(--color-ring);outline:none}.signup-form .login-form__field select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-50)}.signup-form__row{gap:var(--spacing-3);display:flex}.signup-form__row>.login-form__field{flex:1}.signup-features{gap:var(--spacing-3);flex-direction:column;display:flex}.signup-feature{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);display:flex}.signup-feature:hover{border-color:var(--color-gray-400);background-color:var(--color-gray-50)}.signup-feature--checked{border-color:var(--color-green);background-color:#0c453d0a}.signup-feature input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-green);flex-shrink:0;margin-top:2px}.signup-feature__text{flex-direction:column;gap:2px;display:flex}.signup-feature__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.signup-feature__desc{font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.signup-donation-fields{gap:var(--spacing-3);padding-left:calc(16px + var(--spacing-3));margin-top:var(--spacing-2);display:flex}.signup-donation-fields .login-form__field{flex:1}.signup-form__submit{width:100%;margin-top:var(--spacing-2)}.signup-form__back{border:1px solid var(--color-border);width:100%;color:var(--color-foreground);background:0 0}.signup-form__back:hover{background-color:var(--color-gray-50)}.signup-left--loading .btn{pointer-events:none}.signup-left--loading input,.signup-left--loading select{pointer-events:none;opacity:.6}.signup-placeholder{text-align:center;padding:var(--spacing-6) 0}.signup-placeholder__icon{margin-bottom:var(--spacing-4);font-size:48px}.signup-placeholder__title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-2)}.signup-placeholder__body{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin-bottom:var(--spacing-6);line-height:var(--line-height-relaxed)}.signup-error{padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:#991b1b;margin-bottom:var(--spacing-4);background-color:#fef2f2;border:1px solid #fecaca;display:none}.signup-error--visible{display:block}.signup-mosque-visual{width:200px;height:160px;margin:0 auto;position:relative}.signup-mosque-visual__mosque{filter:drop-shadow(0 4px 12px #0000004d);font-size:80px;line-height:1;animation:4s ease-in-out infinite signupMosqueFloat;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.signup-mosque-visual__glow{background:radial-gradient(#c9a84c33,#0000);border-radius:50%;width:120px;height:20px;animation:4s ease-in-out infinite signupGlowPulse;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.signup-security-visual{align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.signup-security-visual__shield{background:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;animation:3s ease-in-out infinite signupShieldPulse;display:flex}.signup-security-visual__checks{gap:var(--spacing-2);flex-direction:column;display:flex}.signup-security-visual__check{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:#f4f2edb3;animation:.4s ease-out both signupCheckSlide;display:flex}.signup-security-visual__check:nth-child(2){animation-delay:.15s}.signup-security-visual__check:nth-child(3){animation-delay:.3s}.signup-security-visual__check-icon{color:#22c55e;font-size:14px}@keyframes signupFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes signupLangSwitch{0%,8%{opacity:0;transform:translateY(8px)}12%,42%{opacity:1;transform:translateY(0)}46%,to{opacity:0;transform:translateY(-8px)}}@keyframes signupLangTagPulse{0%,8%{opacity:0}12%,42%{opacity:1}46%,to{opacity:0}}@keyframes signupMosqueFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@keyframes signupGlowPulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.1)}}@keyframes signupShieldPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes signupCheckSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes signupSuccessPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes signupCheckDraw{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media(max-width:640px){.signup-form .login-form__field select{height:2.75rem;font-size:var(--font-size-base)}}@media(max-width:900px){.signup-page{flex-direction:column}.signup-right{padding:var(--spacing-6) var(--spacing-4);order:-1;min-height:auto}.signup-right__content{max-width:100%}.signup-right__visual,.signup-right__features{display:none}.signup-left{padding:var(--spacing-6) var(--spacing-4)}}@media(max-width:480px){.signup-left{padding:var(--spacing-4)}.signup-form__row{gap:var(--spacing-4);flex-direction:column}.signup-donation-fields{flex-direction:column;padding-left:0}}[dir=rtl] .signup-right__feature,[dir=rtl] .signup-design-card{flex-direction:row-reverse}[dir=rtl] .signup-design-card__text,[dir=rtl] .signup-right__features{text-align:right}[dir=rtl] .signup-security-visual__check{flex-direction:row-reverse}.design-wizard{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2rem 1rem;display:flex}.wizard-step-indicator{gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:0 var(--spacing-4);flex-direction:column;width:100%;max-width:600px;display:flex}.wizard-step-indicator__text{font-size:var(--font-size-sm);color:var(--muted-foreground);font-weight:var(--font-weight-medium)}.wizard-step-indicator__bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.wizard-step-indicator__progress{background:var(--primary);border-radius:2px;height:100%;transition:width .3s}.wizard-text-step{text-align:center;width:100%;max-width:600px}.wizard-text-step__heading{color:var(--foreground);margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.wizard-text-step__subtitle{color:var(--muted-foreground);margin-bottom:1.5rem;font-size:.875rem}.wizard-text-step__tags{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.wizard-text-step__input-group{margin-bottom:1rem}.wizard-text-step__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.wizard-text-step__error{color:var(--destructive);margin-top:.5rem;font-size:.8125rem}.wizard-suggestions{width:100%;max-width:720px}.wizard-suggestions__heading{color:var(--foreground);text-align:center;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.wizard-suggestions__subtitle{color:var(--muted-foreground);text-align:center;margin-bottom:1.5rem;font-size:.875rem}.wizard-suggestions__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media(max-width:640px){.wizard-suggestions__grid{grid-template-columns:1fr}}.wizard-suggestions__back{color:var(--foreground,#082e29);cursor:pointer;background:var(--card,#fff);border:1px solid var(--border,#e2dfda);border-radius:var(--radius-md,.375rem);align-items:center;gap:.25rem;margin-bottom:1rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:background-color .15s;display:inline-flex}.wizard-suggestions__back:hover{background-color:var(--secondary,#f4f2ed)}.wizard-suggestions__loading{text-align:center;color:var(--muted-foreground);padding:3rem;font-size:.875rem}.wizard-card{border:1px solid var(--border);border-radius:var(--radius-xl,.75rem);background:var(--card);box-shadow:var(--shadow-sm,0 1px 2px 0 #0000000d);transition:box-shadow .15s,transform .15s;overflow:hidden}.wizard-card:hover{box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);transform:translateY(-1px)}.wizard-card__label{font-family:var(--font-sans,"Inter", sans-serif);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;padding:.625rem .75rem .375rem;font-size:.6875rem;font-weight:600}.wizard-card__preview{aspect-ratio:16/9;border-radius:var(--radius-md,.375rem);background:#1a1a2e;width:calc(100% - 1.5rem);margin:0 .75rem;position:relative;overflow:hidden}.wizard-card__preview-layer{position:absolute;top:0;right:0;bottom:0;left:0}.wizard-card__preview-text{z-index:2;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;padding:1rem 1.25rem;display:flex;position:relative}.wizard-card__actions{gap:.5rem;padding:.75rem;display:flex}.wizard-card__actions .btn{border-radius:var(--radius-md,.375rem);cursor:pointer;flex:1;height:2rem;padding:0 .75rem;font-size:.75rem;font-weight:500;transition:background-color .15s,color .15s}.wizard-card__actions .btn:first-child{background-color:var(--primary,#0c453d);color:var(--primary-foreground,#fff);border:1px solid var(--primary,#0c453d)}.wizard-card__actions .btn:first-child:hover:not(:disabled){opacity:.9}.wizard-card__actions .btn:not(:first-child){color:var(--foreground,#082e29);border:1px solid var(--border,#e2dfda);background-color:#0000}.wizard-card__actions .btn:not(:first-child):hover:not(:disabled){background-color:var(--secondary,#f4f2ed)}.wizard-card--diy{border:2px dashed var(--border);border-radius:var(--radius-xl,.75rem);cursor:pointer;text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:1.5rem 1rem;transition:border-color .15s,background .15s;display:flex}.wizard-card--diy:hover{border-color:var(--primary);background:var(--secondary)}.wizard-card--diy__icon{width:36px;height:36px;color:var(--muted-foreground);margin-bottom:.5rem}.wizard-card--diy__title{color:var(--foreground);margin-bottom:.25rem;font-size:1rem;font-weight:600}.wizard-card--diy__desc{color:var(--muted-foreground);font-size:.8125rem}.donations-page{gap:var(--spacing-6);flex-direction:column;display:flex}.donations-page__campaigns{gap:var(--spacing-4);flex-direction:column;display:flex}.donations-page__section-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.donations-page__empty-hint{padding:var(--spacing-8) 0;justify-content:center;display:flex}.stripe-connect{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base);display:flex}.stripe-connect:hover{box-shadow:var(--shadow-sm)}.stripe-connect__inner{align-items:center;gap:var(--spacing-4);flex:1;min-width:0;display:flex}.stripe-connect__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stripe-connect__icon--not-connected{background-color:var(--color-gray-500)}.stripe-connect__icon--incomplete{background-color:#d97706}.stripe-connect__icon--connected{background-color:var(--color-green)}.stripe-connect__content{flex-direction:column;gap:2px;min-width:0;display:flex}.stripe-connect__heading{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}.stripe-connect__description{font-size:var(--font-size-sm);color:var(--color-muted-foreground);line-height:var(--line-height-normal);margin:0}.stripe-connect--not-connected{border-left:3px solid var(--color-gray-400)}.stripe-connect--incomplete{background-color:#fffbeb;border-left:3px solid #d97706}.stripe-connect--connected{border-left:3px solid var(--color-green);background-color:#0c453d08}@media(max-width:640px){.stripe-connect{padding:var(--spacing-4);flex-direction:column;align-items:flex-start}.stripe-connect .btn{width:100%}}[dir=rtl] .stripe-connect--not-connected{border-left:none;border-right:3px solid var(--color-gray-400)}[dir=rtl] .stripe-connect--incomplete{border-left:none;border-right:3px solid #d97706}[dir=rtl] .stripe-connect--connected{border-left:none;border-right:3px solid var(--color-green)}.donation-dashboard{gap:var(--spacing-5);flex-direction:column;display:flex}.donation-dashboard--loading{padding:var(--spacing-10);justify-content:center;align-items:center;display:flex}.donation-dashboard--empty{padding:var(--spacing-6) 0}.donation-dashboard__stats{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}@media(max-width:1023px){.donation-dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.donation-dashboard__stats{grid-template-columns:1fr}}.donation-stat-card{gap:var(--spacing-1);padding:var(--spacing-5);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base);flex-direction:column;display:flex}.donation-stat-card:hover{box-shadow:var(--shadow-sm)}.donation-stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);font-variant-numeric:tabular-nums;line-height:1}.donation-stat-card__label{font-size:var(--font-size-sm);color:var(--color-muted-foreground);font-weight:var(--font-weight-medium)}.donation-dashboard__table-section{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.donation-dashboard__table-header{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border);display:flex}.donation-dashboard__table-title{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}.donation-dashboard__table-wrapper{overflow-x:auto}.donation-table{border-collapse:collapse;width:100%}.donation-table__head-row{background-color:var(--color-cream)}.donation-table__th{text-transform:uppercase;font-size:var(--font-size-xs);color:var(--color-muted-foreground);letter-spacing:.05em;font-weight:var(--font-weight-semibold);padding:var(--spacing-3) var(--spacing-4);text-align:left;white-space:nowrap}[dir=rtl] .donation-table__th{text-align:right}.donation-table__row{border-bottom:1px solid var(--color-gray-100);transition:background-color var(--transition-fast)}.donation-table__row:last-child{border-bottom:none}.donation-table__row:hover{background-color:var(--color-gray-50)}.donation-table__td{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);color:var(--color-foreground);white-space:nowrap}.donation-table__td--date{color:var(--color-muted-foreground);font-variant-numeric:tabular-nums}.donation-table__td--amount{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.donation-table__td--campaign{color:var(--color-muted-foreground)}@media(max-width:767px){.donation-dashboard__table-wrapper{margin-left:calc(-1 * var(--spacing-4));margin-right:calc(-1 * var(--spacing-4))}.donation-table{min-width:500px}}.donation-source-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.03em;align-items:center;padding:2px 8px;line-height:1.4;display:inline-flex}.donation-source-badge--stripe{color:#635bff;background-color:#635bff1a}.donation-source-badge--manual{background-color:var(--color-gray-100);color:var(--color-gray-600)}.donation-recurring-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-green);margin-left:var(--spacing-1);background-color:#0c453d14;align-items:center;padding:2px 8px;display:inline-flex}[dir=rtl] .donation-recurring-badge{margin-left:0;margin-right:var(--spacing-1)}.campaigns-list{gap:var(--spacing-3);flex-direction:column;display:flex}.campaigns-list--empty{padding:var(--spacing-6) 0}.campaign-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base),border-color var(--transition-base);overflow:hidden}.campaign-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-gray-300)}.campaign-card--expanded{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.campaign-card__main{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);display:flex}.campaign-card__qr-btn{border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background-color:var(--color-white);cursor:pointer;width:56px;height:56px;transition:border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.campaign-card__qr-btn:hover{border-color:var(--color-gray-400)}.campaign-card__qr-img{object-fit:cover;width:100%;height:100%}.campaign-card__qr-placeholder{font-size:var(--font-size-xs);color:var(--color-gray-400);text-align:center;padding:var(--spacing-1);line-height:1.2}.campaign-card__info{gap:var(--spacing-2);flex-direction:column;flex:1;min-width:0;display:flex}.campaign-card__name-row{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.campaign-card__name{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.campaign-card__meta{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-muted-foreground);flex-wrap:wrap;display:flex}.campaign-card__currency{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);background-color:var(--color-gray-100);border-radius:var(--radius-full);padding:1px 6px}.campaign-card__stats{font-size:var(--font-size-sm);color:var(--color-muted-foreground)}.campaign-card__stats strong{color:var(--color-foreground);font-weight:var(--font-weight-semibold)}.campaign-card__counters{align-items:center;gap:var(--spacing-3);margin-left:auto;display:inline-flex}.campaign-card__counter{font-size:var(--font-size-xs);color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.campaign-card__counter svg{opacity:.6}.campaign-card__progress{gap:var(--spacing-1);margin-top:var(--spacing-1);flex-direction:column;display:flex}.campaign-card__progress-labels{font-size:var(--font-size-xs);color:var(--color-muted-foreground);justify-content:space-between;display:flex}.campaign-card__progress-bar{background-color:var(--color-gray-200);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.campaign-card__progress-fill{background-color:var(--color-green);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.campaign-card__actions{align-items:center;gap:var(--spacing-1);flex-shrink:0;display:flex}.campaign-card__icon-btn{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-gray-500);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.campaign-card__icon-btn:hover{background-color:var(--color-gray-100);color:var(--color-foreground)}.campaign-card__icon-btn--danger:hover{color:#dc2626;background-color:#fef2f2}.campaign-card__icon-btn svg{width:16px;height:16px}.campaign-card__expand-btn svg{transition:transform var(--transition-fast)}.campaign-card__expand-btn--open svg{transform:rotate(180deg)}.campaign-card__detail{padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-gray-100);background-color:var(--color-gray-50);gap:var(--spacing-3);flex-direction:column;display:flex}.campaign-card__detail-actions{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.campaign-card__detail-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);display:inline-flex}.campaign-card__detail-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.campaign-card__detail-btn--primary{background-color:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.campaign-card__detail-btn--primary:hover{background-color:var(--color-green-dark);border-color:var(--color-green-dark)}.campaign-card__detail-btn svg{flex-shrink:0;width:16px;height:16px}.campaign-card__url-row{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.campaign-card__url-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-muted-foreground);white-space:nowrap;flex-shrink:0}.campaign-card__url-value{font-size:var(--font-size-xs);color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;overflow:hidden}.campaign-type-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.03em;align-items:center;padding:2px 8px;line-height:1.4;display:inline-flex}.campaign-type-badge--stripe{color:#635bff;background-color:#635bff1a}.campaign-type-badge--paypal{color:#0070ba;background-color:#0070ba1a}.campaign-form{gap:var(--spacing-4);flex-direction:column;display:flex}.campaign-form__section{gap:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-100);flex-direction:column;display:flex}@media(max-width:640px){.campaign-card__main{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);flex-direction:column}.campaign-card__qr-btn{width:48px;height:48px}.campaign-card__actions{align-self:flex-end}.campaign-card__detail{padding:var(--spacing-3) var(--spacing-4)}.campaign-card__detail-btn{flex:1;justify-content:center}.campaign-card__url-row{flex-direction:column;align-items:flex-start}.campaign-card__icon-btn{min-width:44px;min-height:44px}}:root{--radius:.5rem;--background:#fff;--foreground:#082e29;--card:#fff;--card-foreground:#082e29;--popover:#fff;--popover-foreground:#082e29;--primary:#0c453d;--primary-foreground:#fff;--secondary:#f4f2ed;--secondary-foreground:#082e29;--muted:#f0eeea;--muted-foreground:#6b6660;--accent:#c9a84c;--accent-foreground:#082e29;--destructive:#dc2626;--border:#e2dfda;--input:#e2dfda;--ring:#0c453d;--chart-1:#0c453d;--chart-2:#249788;--chart-3:#c9a84c;--chart-4:#e0c97a;--chart-5:#f4f2ed;--sidebar:#f4f2ed;--sidebar-foreground:#082e29;--sidebar-primary:#0c453d;--sidebar-primary-foreground:#fff;--sidebar-accent:#e8e4db;--sidebar-accent-foreground:#082e29;--sidebar-border:#e2dfda;--sidebar-ring:#0c453d}.dark{--background:#0a1a17;--foreground:#f4f2ed;--card:#0e2420;--card-foreground:#f4f2ed;--popover:#0e2420;--popover-foreground:#f4f2ed;--primary:#249788;--primary-foreground:#fff;--secondary:#1a3530;--secondary-foreground:#f4f2ed;--muted:#1a3530;--muted-foreground:#9a9590;--accent:#c9a84c;--accent-foreground:#082e29;--destructive:#ef4444;--border:#1e3d38;--input:#1e3d38;--ring:#249788;--chart-1:#249788;--chart-2:#0c453d;--chart-3:#c9a84c;--chart-4:#e0c97a;--chart-5:#f4f2ed;--sidebar:#0a1a17;--sidebar-foreground:#f4f2ed;--sidebar-primary:#249788;--sidebar-primary-foreground:#fff;--sidebar-accent:#1a3530;--sidebar-accent-foreground:#f4f2ed;--sidebar-border:#1e3d38;--sidebar-ring:#249788}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@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-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}@property --tw-duration{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}