*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.end-2{inset-inline-end:.5rem}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[25\]{z-index:25}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.size-4{width:1rem;height:1rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\[300px\]{max-height:300px}.max-h-\[70dvh\]{max-height:70dvh}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-11{min-height:2.75rem}.min-h-8{min-height:2rem}.min-h-\[42vh\]{min-height:42vh}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:0}.w-1{width:.25rem}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[--sidebar-width\]{width:var(--sidebar-width)}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-5{min-width:1.25rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[10rem\]{min-width:10rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-\[--skeleton-width\]{max-width:var(--skeleton-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-px{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x:-1px}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-px{--tw-translate-x:1px}.translate-x-px,.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.scroll-mt-24{scroll-margin-top:6rem}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overscroll-contain{overscroll-behavior:contain}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[2px\]{border-radius:2px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[1\.5px\]{border-width:1.5px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[--color-border\]{border-color:var(--color-border)}.border-amber-300\/25{border-color:rgba(252,211,77,.25)}.border-border\/50{border-color:hsl(var(--border)/.5)}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:hsl(var(--destructive)/.5)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-primary\/50{border-color:hsl(var(--primary)/.5)}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-transparent{border-color:transparent}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.border-zinc-800{--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.border-l-transparent{border-left-color:transparent}.border-t-amber-500{--tw-border-opacity:1;border-top-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-t-amber-600{--tw-border-opacity:1;border-top-color:rgb(217 119 6/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\[\#f5f4ef\]{--tw-bg-opacity:1;background-color:rgb(245 244 239/var(--tw-bg-opacity,1))}.bg-\[--color-bg\]{background-color:var(--color-bg)}.bg-accent{background-color:hsl(var(--accent))}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-black\/90{background-color:rgba(0,0,0,.9)}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:hsl(var(--primary)/.2)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sidebar{background-color:hsl(var(--sidebar-background))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-transparent{background-color:transparent}.bg-zinc-950{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.fill-current{fill:currentColor}.fill-primary{fill:hsl(var(--primary))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-\[0\.8rem\]{font-size:.8rem}.text-\[8px\]{font-size:8px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground)/.5)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground)/.7)}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-sidebar-ring{--tw-ring-color:hsl(var(--sidebar-ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\2c right\2c width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\2c opacity\]{transition-property:margin,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\2c height\2c padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}@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))}}@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))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:-.5rem}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted)/.5)}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:bg-white\/\[\.08\]:hover{background-color:hsla(0,0%,100%,.08)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-sidebar-ring:focus-visible{--tw-ring-color:hsl(var(--sidebar-ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-100,.group\/menu-item:hover .group-hover\/menu-item\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer\/menu-button:hover~.peer-hover\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){background-color:hsl(var(--sidebar-background))}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{padding-right:2rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:hsl(var(--accent)/.5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[active\]\:bg-accent\/50[data-active]{background-color:hsl(var(--accent)/.5)}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open]{color:hsl(var(--sidebar-accent-foreground))}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width)*-1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width)*-1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8{width:2rem!important;height:2rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{width:calc(var(--sidebar-width-icon) + 1rem)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-side=right] .group-data-\[side\=right\]\:rotate-180,.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2{padding:.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{background-color:hsl(var(--sidebar-background))}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer[data-variant=inset]~.peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]{min-height:calc(100svh - 1rem)}.peer\/menu-button[data-active=true]~.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}@media not all and (min-width:640px){.max-sm\:fixed{position:fixed}.max-sm\:inset-x-0{left:0;right:0}.max-sm\:bottom-0{bottom:0}.max-sm\:top-auto{top:auto}.max-sm\:h-auto{height:auto}.max-sm\:max-h-\[62dvh\]{max-height:62dvh}.max-sm\:max-h-\[72dvh\]{max-height:72dvh}.max-sm\:w-screen{width:100vw}.max-sm\:min-w-0{min-width:0}.max-sm\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.max-sm\:rounded-t-\[24px\]{border-top-left-radius:24px;border-top-right-radius:24px}.max-sm\:border-x-0{border-left-width:0;border-right-width:0}.max-sm\:border-b-0{border-bottom-width:0}.max-sm\:p-2{padding:.5rem}.max-sm\:pb-\[max\(env\(safe-area-inset-bottom\)\2c 12px\)\]{padding-bottom:max(env(safe-area-inset-bottom),12px)}.max-sm\:data-\[state\=closed\]\:slide-out-to-bottom-6[data-state=closed]{--tw-exit-translate-y:1.5rem}.max-sm\:data-\[state\=open\]\:slide-in-from-bottom-6[data-state=open]{--tw-enter-translate-y:1.5rem}}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:end-3{inset-inline-end:.75rem}.sm\:right-0{right:0}.sm\:top-3{top:.75rem}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:flex{display:flex}.sm\:min-h-9{min-height:2.25rem}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:p-1{padding:.25rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:text-left{text-align:left}.sm\:text-\[9px\]{font-size:9px}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:opacity-0{opacity:0}.after\:md\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:.75rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:hsl(var(--accent)/.5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-2\.5>svg{height:.625rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-2\.5>svg{width:.625rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border)/.5)}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{outline:2px solid transparent;outline-offset:2px}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{outline:2px solid transparent;outline-offset:2px}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}/*
 * BSM CRM foundation layer — canonical visual and readability contract.
 * Loaded last so legacy route styles cannot re-introduce accidental slabs,
 * unreadable microcopy or blocked document scrolling.
 */
:root {
  --bsm-surface: #fffdf8;
  --bsm-surface-raised: #ffffff;
  --bsm-surface-soft: #f7f3e9;
  --bsm-ink: #181714;
  --bsm-ink-muted: #625f57;
  --bsm-gold: #b9821f;
  --bsm-gold-strong: #8f5f0e;
  --bsm-border: rgba(143, 95, 14, .18);
  --bsm-focus: rgba(185, 130, 31, .34);
}

html,
body,
#root {
  min-height: 100%;
  overflow-x: clip;
  overflow-y: auto;
  overscroll-behavior-x: none;
  overscroll-behavior-y: auto;
  scrollbar-gutter: stable;
}

body {
  -webkit-overflow-scrolling: touch;
}

.bsm-route-screen,
.bsm-page-shell {
  min-width: 0;
}

html.bsm-light .bsm-route-screen {
  color: var(--bsm-ink);
}

html.bsm-light .bsm-page-hero {
  border-color: var(--bsm-border) !important;
  background:
    linear-gradient(105deg, rgba(255,255,255,.98), rgba(249,245,235,.96)) !important;
  color: var(--bsm-ink) !important;
  box-shadow: 0 14px 32px -27px rgba(31, 24, 10, .42) !important;
}

html.bsm-light .bsm-page-hero h1 {
  color: #171612 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.bsm-light .bsm-page-hero p {
  color: var(--bsm-ink-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.bsm-light .bsm-page-hero button {
  border-color: var(--bsm-border) !important;
}

.bsm-page-hero h1 {
  font-size: clamp(1.125rem, 1.2vw + .8rem, 1.45rem) !important;
  line-height: 1.25 !important;
}

.bsm-page-hero p {
  max-width: 70ch;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  font-size: .75rem !important;
  line-height: 1.45 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

.bsm-route-screen :where(input, select, textarea) {
  font-size: .875rem !important;
  line-height: 1.4;
}

.bsm-route-screen :where(table, [role="table"]) {
  font-size: .78rem;
}

.bsm-route-screen :where(th, td) {
  min-width: 0;
  line-height: 1.45;
}

/* Replace decorative 6–10px utility text with a readable UI floor. */
.bsm-route-screen [class*="text-[6px]"],
.bsm-route-screen [class*="text-[7px]"],
.bsm-route-screen [class*="text-[8px]"],
.bsm-route-screen [class*="text-[9px]"] {
  font-size: .72rem !important;
  line-height: 1.35 !important;
}

.bsm-route-screen [class*="text-[10px]"] {
  font-size: .75rem !important;
  line-height: 1.4 !important;
}

.bsm-route-screen [class*="text-[11px]"] {
  font-size: .78rem !important;
  line-height: 1.4 !important;
}

.bsm-route-screen :where(.bsm-card, .bsm-panel, .bsm-section-card) {
  min-width: 0;
}

html[dir="rtl"] .bsm-route-screen :where(.text-left) {
  text-align: right;
}

html[dir="rtl"] .bsm-route-screen :where(.text-right) {
  text-align: left;
}

html[dir="rtl"] .bsm-route-screen :where(input, textarea, select) {
  text-align: start;
}

html.dark .bsm-sidebar-section-heading,
html.dark .bsm-sidebar-section-heading span {
  color: #e6d8b2 !important;
  opacity: 1;
}

html.dark .bsm-sidebar a,
html.dark .bsm-sidebar button {
  text-shadow: none;
}

.bsm-route-screen img {
  max-width: 100%;
}

.bsm-route-screen img:not([src]),
.bsm-route-screen img[src=""] {
  visibility: hidden;
}

/* Publishing center: natural outer scroll, readable controls, no trapped wheel. */
[data-bsm-publishing-center="true"] {
  overscroll-behavior: auto;
}

[data-bsm-publishing-center="true"] .bsm-publishing-scroll {
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}

[data-bsm-publishing-center="true"] :where(input, select, textarea, button) {
  font-size: .78rem;
}

@media (max-width: 767px) {
  html,
  body,
  #root {
    scrollbar-gutter: auto;
  }

  .bsm-page-hero {
    align-items: flex-start;
  }

  .bsm-page-hero-copy {
    flex-basis: calc(100% - 44px);
  }

  .bsm-page-hero-actions {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    padding-block-end: .2rem;
  }

  .bsm-route-screen [class*="text-[6px]"],
  .bsm-route-screen [class*="text-[7px]"],
  .bsm-route-screen [class*="text-[8px]"],
  .bsm-route-screen [class*="text-[9px]"] {
    font-size: .7rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bsm-route-screen *,
  .bsm-route-screen *::before,
  .bsm-route-screen *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}
/* BSM Market public homepage — isolated from the internal CRM theme.
   The approved /bsm-logo.jpg asset is used unchanged throughout this surface. */
html[data-bsm-marketplace-active="true"],
html[data-bsm-marketplace-active="true"] body {
  min-height: 100%;
  background: #f7f4ee !important;
  background-image: none !important;
  color: #1a1815 !important;
  color-scheme: light !important;
  overflow-x: hidden;
}

html[data-bsm-marketplace-active="true"] body::before,
html[data-bsm-marketplace-active="true"] body::after {
  display: none !important;
}

html body [data-bsm-marketplace="true"] {
  --market-bg: #f7f4ee;
  --market-surface: #fffdf9;
  --market-surface-2: #f1ebe1;
  --market-surface-3: #e9dfd0;
  --market-ink: #1a1815;
  --market-copy: #655f57;
  --market-muted: #827a70;
  --market-line: rgba(62, 48, 29, .13);
  --market-line-strong: rgba(174, 122, 32, .32);
  --market-gold: #a97518;
  --market-gold-2: #d8aa4d;
  --market-gold-soft: #f5e3b9;
  --market-dark: #16120d;
  --market-shadow: 0 22px 60px rgba(69, 48, 17, .09);
  --market-shadow-soft: 0 12px 34px rgba(69, 48, 17, .065);
  min-height: 100dvh;
  background:
    radial-gradient(circle at 92% 2%, rgba(218, 170, 77, .11), transparent 30rem),
    radial-gradient(circle at 3% 40%, rgba(146, 105, 36, .055), transparent 27rem),
    linear-gradient(180deg, #fbfaf7 0%, var(--market-bg) 34%, #f4f0e8 100%) !important;
  color: var(--market-ink) !important;
  font-family: Manrope, "IBM Plex Sans Arabic", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  text-align: start;
}

html body [data-bsm-marketplace="true"] *,
html body [data-bsm-market-dialog="true"] * {
  box-sizing: border-box;
  text-shadow: none !important;
}

html body [data-bsm-marketplace="true"] :is(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  color: inherit;
  font-family: Manrope, "IBM Plex Sans Arabic", "Segoe UI", Arial, sans-serif;
}

html body [data-bsm-marketplace="true"] :is(p, figure) { margin: 0; }
html body [data-bsm-marketplace="true"] :is(a, button) { text-decoration: none; }
html body [data-bsm-marketplace="true"] button { font: inherit; }

.bsm-market-shell {
  width: min(1220px, calc(100% - 32px));
  margin-inline: auto;
}

.bsm-market-section {
  padding-block: 46px;
}

.bsm-market-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--market-gold) !important;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bsm-market-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}

.bsm-market-section-heading.centered {
  justify-content: center;
  text-align: center;
}

.bsm-market-section-heading.centered > div {
  max-width: 720px;
}

.bsm-market-section-heading h2 {
  margin-top: 7px !important;
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: 1.08;
}

.bsm-market-section-heading p {
  max-width: 690px;
  margin-top: 7px !important;
  color: var(--market-copy) !important;
  font-size: .82rem;
  line-height: 1.75;
}

.bsm-market-count-pill {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--market-line);
  border-radius: 999px;
  background: rgba(255, 253, 249, .82) !important;
  padding: 0 13px;
  color: var(--market-gold) !important;
  font-size: .7rem;
  font-weight: 900;
  white-space: nowrap;
}

/* Brand — uses the approved existing asset without alteration. */
.bsm-market-brand-link {
  display: inline-flex;
  min-width: 0;
  color: inherit !important;
}

.bsm-market-brand {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

.bsm-market-logo {
  display: block;
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
  border: 1px solid rgba(208, 160, 66, .48);
  border-radius: 15px;
  background: #050505;
  object-fit: cover;
  box-shadow: 0 10px 24px rgba(24, 16, 5, .18);
}

.bsm-market-brand-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.bsm-market-brand-copy strong {
  color: var(--market-ink) !important;
  font-size: .98rem;
  font-weight: 900;
  letter-spacing: -.025em;
  white-space: nowrap;
}

.bsm-market-brand-copy small {
  margin-top: 2px;
  color: var(--market-muted) !important;
  font-size: .62rem;
  font-weight: 700;
  white-space: nowrap;
}

.bsm-market-brand-compact .bsm-market-logo {
  width: 46px;
  height: 46px;
  border-radius: 14px;
}

.bsm-market-brand-compact .bsm-market-brand-copy strong { font-size: .9rem; }

/* Header */
.bsm-market-header {
  position: sticky;
  z-index: 50;
  top: 0;
  border-bottom: 1px solid rgba(69, 49, 22, .09);
  background: rgba(251, 250, 247, .93) !important;
  backdrop-filter: blur(20px) saturate(145%);
  box-shadow: 0 9px 28px rgba(61, 43, 18, .04);
}

.bsm-market-header-row {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.bsm-market-desktop-nav {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 25px;
}

.bsm-market-desktop-nav a {
  position: relative;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 4px;
  color: #4d4841 !important;
  font-size: .72rem;
  font-weight: 800;
  white-space: nowrap;
  transition: color .18s ease;
}

.bsm-market-desktop-nav a::after {
  content: "";
  position: absolute;
  inset-inline: 50%;
  bottom: 4px;
  height: 2px;
  border-radius: 999px;
  background: var(--market-gold);
  opacity: 0;
  transition: inset-inline .18s ease, opacity .18s ease;
}

.bsm-market-desktop-nav a:hover,
.bsm-market-desktop-nav a.is-active { color: var(--market-gold) !important; }
.bsm-market-desktop-nav a:hover::after,
.bsm-market-desktop-nav a.is-active::after { inset-inline: 8px; opacity: 1; }

.bsm-market-header-actions {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}

.bsm-market-header-languages {
  display: inline-flex;
  gap: 3px;
  border: 1px solid var(--market-line);
  border-radius: 13px;
  background: var(--market-surface) !important;
  padding: 3px;
}

.bsm-market-header-languages button {
  min-width: 34px;
  min-height: 34px;
  border: 0;
  border-radius: 9px;
  background: transparent !important;
  color: var(--market-muted) !important;
  font-size: .6rem;
  font-weight: 900;
  cursor: pointer;
}

.bsm-market-header-languages button.is-active {
  background: var(--market-dark) !important;
  color: var(--market-gold-soft) !important;
}

.bsm-market-header-contact {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--market-line);
  border-radius: 16px;
  background: var(--market-surface) !important;
  padding: 6px 12px 6px 7px;
  color: var(--market-ink) !important;
  box-shadow: var(--market-shadow-soft);
  cursor: pointer;
}

.bsm-market-header-contact > span:first-child {
  width: 40px;
  height: 40px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 13px;
  background: var(--market-dark) !important;
  color: #e2b957 !important;
}

.bsm-market-header-contact > span:last-child {
  display: flex;
  flex-direction: column;
  text-align: start;
}

.bsm-market-header-contact strong {
  color: var(--market-ink) !important;
  font-size: .72rem;
  font-weight: 900;
}

.bsm-market-header-contact small {
  margin-top: 1px;
  color: var(--market-muted) !important;
  font-size: .55rem;
  font-weight: 700;
}

.bsm-market-list-button { min-height: 44px !important; }

.bsm-market-login-button,
.bsm-market-menu-button {
  width: 44px;
  height: 44px;
  display: none;
  place-items: center;
  border: 1px solid var(--market-line);
  border-radius: 14px;
  background: var(--market-surface) !important;
  color: var(--market-ink) !important;
}

.bsm-market-mobile-menu {
  border-top: 1px solid var(--market-line);
  background: var(--market-surface) !important;
  box-shadow: 0 20px 40px rgba(55, 38, 14, .08);
}

.bsm-market-mobile-menu .bsm-market-shell {
  display: grid;
  gap: 7px;
  padding-block: 12px 17px;
}

.bsm-market-mobile-menu :is(a, button) {
  min-height: 44px;
  display: flex;
  align-items: center;
  border: 1px solid var(--market-line);
  border-radius: 12px;
  background: #fff !important;
  padding-inline: 13px;
  color: var(--market-ink) !important;
  font-size: .78rem;
  font-weight: 800;
}

.bsm-market-mobile-languages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.bsm-market-mobile-languages button {
  justify-content: center;
  gap: 6px;
}

.bsm-market-mobile-languages button.is-active {
  border-color: var(--market-gold);
  color: var(--market-gold) !important;
}

/* Buttons */
.bsm-market-gold-button,
.bsm-market-outline-button,
.bsm-market-card-action {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 13px;
  padding: 0 16px;
  font-size: .72rem;
  font-weight: 900;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.bsm-market-gold-button {
  border: 1px solid rgba(255, 255, 255, .25) !important;
  background: linear-gradient(135deg, var(--market-gold-2), var(--market-gold)) !important;
  color: #171006 !important;
  -webkit-text-fill-color: #171006 !important;
  box-shadow: 0 11px 24px rgba(143, 95, 15, .17);
}

.bsm-market-outline-button {
  border: 1px solid rgba(98, 76, 42, .28) !important;
  background: rgba(255, 253, 249, .78) !important;
  color: #332d25 !important;
}

.bsm-market-outline-button.is-saved {
  border-color: rgba(169, 117, 24, .45) !important;
  background: #fff5d9 !important;
  color: #8d5d0b !important;
}

.bsm-market-gold-button:hover,
.bsm-market-outline-button:hover,
.bsm-market-card-action:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(88, 60, 17, .13);
}

.bsm-market-gold-button:disabled {
  cursor: not-allowed;
  opacity: .5;
  transform: none;
}

/* Hero */
.bsm-market-hero-section { padding-block: 26px 18px; }

.bsm-market-hero {
  position: relative;
  min-height: 500px;
  display: grid;
  grid-template-columns: minmax(380px, .84fr) minmax(0, 1.16fr);
  overflow: hidden;
  border: 1px solid var(--market-line);
  border-radius: 28px;
  background: var(--market-surface) !important;
  box-shadow: var(--market-shadow);
}

.bsm-market-hero-copy {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 52px 48px 45px;
  background:
    radial-gradient(circle at 100% 0%, rgba(217, 171, 83, .14), transparent 24rem),
    linear-gradient(135deg, #fffdf9 0%, #f7f1e7 100%) !important;
}

.bsm-market-hero-copy::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset-inline-end: -72px;
  top: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(90deg, #f7f1e7, rgba(247, 241, 231, 0));
  pointer-events: none;
}

[dir="rtl"] .bsm-market-hero-copy::after {
  background: linear-gradient(-90deg, #f7f1e7, rgba(247, 241, 231, 0));
}

.bsm-market-hero-reference {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  border: 1px solid rgba(169, 117, 24, .22);
  border-radius: 999px;
  background: rgba(255, 255, 255, .72) !important;
  padding: 5px 9px;
  color: var(--market-muted) !important;
  font-size: .56rem;
  font-weight: 800;
  text-transform: uppercase;
}

.bsm-market-hero-reference strong {
  color: #7e540b !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .045em;
}

.bsm-market-hero-copy h1 {
  max-width: 560px;
  margin-top: 15px !important;
  color: #191613 !important;
  font-size: clamp(2.2rem, 4.5vw, 4.3rem);
  font-weight: 950;
  letter-spacing: -.06em;
  line-height: .98;
}

[dir="rtl"] .bsm-market-hero-copy h1 { letter-spacing: -.025em; line-height: 1.13; }

.bsm-market-hero-location {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 17px;
  color: #4e483f !important;
  font-size: .76rem;
  font-weight: 800;
}

.bsm-market-hero-copy p {
  max-width: 580px;
  margin-top: 15px !important;
  color: var(--market-copy) !important;
  font-size: .88rem;
  line-height: 1.8;
}

.bsm-market-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 26px;
}

.bsm-market-hero-dots {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 28px;
}

.bsm-market-hero-dots button {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 999px;
  background: #d9d1c5 !important;
  padding: 0;
  cursor: pointer;
  transition: width .18s ease, background .18s ease;
}

.bsm-market-hero-dots button.is-active {
  width: 26px;
  background: var(--market-gold-2) !important;
}

.bsm-market-hero-visual {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: #d8c7ad !important;
  color-scheme: dark;
}

.bsm-market-hero-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 500px;
  object-fit: cover;
}

.bsm-market-hero-image-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(40, 25, 8, .22), transparent 32%),
    linear-gradient(0deg, rgba(8, 6, 3, .22), transparent 38%);
  pointer-events: none;
}

[dir="rtl"] .bsm-market-hero-image-shade {
  background:
    linear-gradient(-90deg, rgba(40, 25, 8, .22), transparent 32%),
    linear-gradient(0deg, rgba(8, 6, 3, .22), transparent 38%);
}

.bsm-market-hero-facts {
  position: absolute;
  inset-inline: 22px;
  bottom: 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: 17px;
  background: rgba(255, 253, 249, .92) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
  backdrop-filter: blur(15px);
}

.bsm-market-hero-facts > div {
  min-width: 0;
  padding: 13px 15px;
}

.bsm-market-hero-facts > div + div { border-inline-start: 1px solid var(--market-line); }
.bsm-market-hero-facts span { display: block; color: var(--market-muted) !important; font-size: .56rem; font-weight: 800; text-transform: uppercase; }
.bsm-market-hero-facts strong { display: block; overflow: hidden; margin-top: 4px; color: var(--market-ink) !important; font-size: .72rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.bsm-market-hero-facts small { display: block; overflow: hidden; margin-top: 2px; color: #8b8378 !important; font-size: .5rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.bsm-market-hero-facts small del { color: #a34f59 !important; text-decoration-thickness: 1.5px; }

.bsm-market-hero-arrow {
  position: absolute;
  z-index: 5;
  top: 50%;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(78, 58, 29, .18);
  border-radius: 999px;
  background: rgba(255, 253, 249, .94) !important;
  color: var(--market-ink) !important;
  box-shadow: 0 12px 28px rgba(30, 19, 7, .13);
  transform: translateY(-50%);
  cursor: pointer;
}

.bsm-market-hero-arrow-prev { inset-inline-start: 12px; }
.bsm-market-hero-arrow-next { inset-inline-end: 12px; }

/* Loading */
.bsm-market-loading {
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px dashed var(--market-line-strong);
  border-radius: 22px;
  background: rgba(255, 253, 249, .78) !important;
  color: var(--market-gold) !important;
  font-size: .78rem;
  font-weight: 800;
}

/* Featured album */
.bsm-market-featured-section {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(149, 55, 67, .13);
  border-radius: 27px;
  background:
    radial-gradient(circle at 100% 0%, rgba(177, 48, 66, .075), transparent 24rem),
    linear-gradient(135deg, rgba(255, 253, 249, .96), rgba(255, 248, 244, .88)) !important;
  padding: 28px !important;
  box-shadow: 0 18px 48px rgba(91, 39, 27, .065);
}

.bsm-market-featured-section::before {
  content: "";
  position: absolute;
  inset-inline: 28px;
  top: 0;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, transparent, #c13c50 18%, #d8aa4d 72%, transparent);
  pointer-events: none;
}

.bsm-market-section-controls {
  display: flex;
  gap: 7px;
}

.bsm-market-section-controls button {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid var(--market-line);
  border-radius: 13px;
  background: var(--market-surface) !important;
  color: var(--market-ink) !important;
  cursor: pointer;
}

.bsm-market-featured-rail {
  display: grid;
  grid-auto-columns: minmax(230px, 276px);
  grid-auto-flow: column;
  gap: 12px;
  overflow-x: auto;
  padding: 2px 2px 12px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}

.bsm-market-featured-rail::-webkit-scrollbar { display: none; }
.bsm-market-featured-rail-item { min-width: 0; scroll-snap-align: start; }

/* Project cards */
.bsm-market-project-card {
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--market-line) !important;
  border-radius: 19px;
  background: var(--market-surface) !important;
  color: var(--market-ink) !important;
  box-shadow: 0 13px 34px rgba(61, 42, 15, .065);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.bsm-market-project-card:hover {
  border-color: var(--market-line-strong) !important;
  box-shadow: 0 20px 48px rgba(61, 42, 15, .11);
  transform: translateY(-4px);
}

.bsm-market-project-card.is-discounted {
  border-color: rgba(174, 55, 71, .30) !important;
  box-shadow: 0 17px 42px rgba(125, 38, 48, .10);
}

.bsm-market-project-card.is-discounted:hover {
  border-color: rgba(174, 55, 71, .48) !important;
  box-shadow: 0 23px 55px rgba(125, 38, 48, .16);
}

.bsm-market-project-media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--market-surface-3) !important;
  color-scheme: dark;
}

.bsm-market-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.bsm-market-project-card:hover .bsm-market-photo { transform: scale(1.035); }

.bsm-market-photo-fallback {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  background:
    radial-gradient(circle at 20% 10%, rgba(219, 170, 75, .20), transparent 36%),
    linear-gradient(145deg, #f2e8d8, #e5d6bd) !important;
  color: var(--market-gold) !important;
}
.bsm-market-photo-fallback span { color: #6f6254 !important; font-size: .62rem; font-weight: 850; }

.bsm-market-project-media-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(9, 6, 2, .25), transparent 48%);
  pointer-events: none;
}

.bsm-market-photo-control {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 999px;
  background: rgba(10, 8, 5, .60) !important;
  color: #fff !important;
  transform: translateY(-50%);
  cursor: pointer;
}

.bsm-market-photo-control-prev { left: 7px; }
.bsm-market-photo-control-next { right: 7px; }
.bsm-market-photo-count { position: absolute; z-index: 3; right: 8px; bottom: 8px; border-radius: 999px; background: rgba(9, 7, 4, .66) !important; padding: 4px 7px; color: #fff !important; font-size: .55rem; font-weight: 900; }
[dir="rtl"] .bsm-market-photo-count { right: auto; left: 8px; }

.bsm-market-project-badges {
  position: absolute;
  z-index: 4;
  inset-inline: 8px;
  top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  pointer-events: none;
}

.bsm-market-badge-gold,
.bsm-market-badge-dark,
.bsm-market-badge-discount,
.bsm-market-badge-reference {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  padding: 0 8px;
  font-size: .52rem;
  font-weight: 900;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.bsm-market-badge-gold { border: 1px solid rgba(255, 255, 255, .30); background: rgba(169, 117, 24, .9) !important; color: #fff !important; }
.bsm-market-badge-dark { border: 1px solid rgba(255, 255, 255, .22); background: rgba(9, 7, 4, .64) !important; color: #fff !important; }
.bsm-market-badge-discount { border: 1px solid rgba(255, 255, 255, .36); background: rgba(177, 42, 61, .93) !important; color: #fff !important; box-shadow: 0 7px 18px rgba(91, 18, 29, .25); }
.bsm-market-badge-reference { border: 1px solid rgba(255, 255, 255, .25); background: rgba(255, 250, 238, .92) !important; color: #744c0b !important; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; letter-spacing: .04em; text-transform: none; }

.bsm-market-project-body {
  min-height: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 14px;
}

.bsm-market-project-sector {
  color: var(--market-gold) !important;
  font-size: .55rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bsm-market-project-reference {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 7px;
  border: 1px solid rgba(169, 117, 24, .20);
  border-radius: 10px;
  background: #fff7e4 !important;
  padding: 6px 8px;
}

.bsm-market-project-reference span {
  flex: 0 0 auto;
  color: var(--market-muted) !important;
  font-size: .47rem;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.bsm-market-project-reference strong {
  min-width: 0;
  overflow: hidden;
  color: #754b08 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .62rem;
  font-weight: 950;
  letter-spacing: .035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bsm-market-project-body h3 {
  min-height: 42px;
  display: -webkit-box;
  overflow: hidden;
  margin-top: 5px !important;
  color: var(--market-ink) !important;
  font-size: .93rem;
  font-weight: 900;
  letter-spacing: -.025em;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bsm-market-project-location {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  color: var(--market-muted) !important;
  font-size: .62rem;
  font-weight: 700;
}

.bsm-market-project-location span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bsm-market-project-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
}

.bsm-market-project-values > div {
  min-width: 0;
  border: 1px solid rgba(62, 48, 29, .10);
  border-radius: 11px;
  background: #f5f0e8 !important;
  padding: 8px 9px;
}

.bsm-market-project-values span { display: block; color: var(--market-muted) !important; font-size: .48rem; font-weight: 800; text-transform: uppercase; }
.bsm-market-project-values strong { display: block; overflow: hidden; margin-top: 3px; color: #7e540b !important; font-size: .61rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }

.bsm-market-discount-pricing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
  border: 1px solid rgba(174, 55, 71, .17);
  border-radius: 13px;
  background: linear-gradient(135deg, #fff8f8, #fffdf7) !important;
  padding: 8px;
}

.bsm-market-discount-pricing > div {
  min-width: 0;
  border-radius: 10px;
  padding: 7px 8px;
}

.bsm-market-discount-pricing span,
.bsm-market-project-rent-row span {
  display: block;
  color: var(--market-muted) !important;
  font-size: .47rem;
  font-weight: 850;
  text-transform: uppercase;
}

.bsm-market-discount-original {
  border: 1px solid rgba(75, 67, 57, .09);
  background: rgba(242, 238, 231, .84) !important;
}

.bsm-market-discount-original del {
  display: block;
  overflow: hidden;
  margin-top: 3px;
  color: #9b5961 !important;
  font-size: .59rem;
  font-weight: 850;
  text-decoration-color: #b52f45;
  text-decoration-thickness: 1.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bsm-market-discount-current {
  border: 1px solid rgba(174, 55, 71, .18);
  background: #fff !important;
}

.bsm-market-discount-current strong {
  display: block;
  overflow: hidden;
  margin-top: 3px;
  color: #a9283e !important;
  font-size: .72rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bsm-market-discount-saving {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid rgba(31, 137, 93, .15);
  background: rgba(227, 247, 237, .82) !important;
}

.bsm-market-discount-saving strong {
  color: #167253 !important;
  font-size: .63rem;
  font-weight: 950;
  white-space: nowrap;
}

.bsm-market-project-rent-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 6px;
  border: 1px solid rgba(62, 48, 29, .09);
  border-radius: 10px;
  background: #f5f0e8 !important;
  padding: 7px 9px;
}

.bsm-market-project-rent-row strong {
  color: #6c5634 !important;
  font-size: .58rem;
  font-weight: 900;
  white-space: nowrap;
}

.bsm-market-card-action {
  width: 100%;
  margin-top: auto;
  padding-top: 12px;
  border: 0 !important;
  border-top: 1px solid var(--market-line) !important;
  border-radius: 0;
  background: transparent !important;
  color: var(--market-ink) !important;
  justify-content: space-between;
}

[dir="rtl"] .bsm-market-card-action svg,
[dir="rtl"] .bsm-market-category-cta svg,
[dir="rtl"] .bsm-market-gold-button svg:last-child { transform: rotate(180deg); }

/* Category cards */
.bsm-market-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.bsm-market-category-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--market-line) !important;
  border-radius: 20px;
  background: var(--market-surface) !important;
  color: var(--market-ink) !important;
  padding: 0;
  text-align: start;
  box-shadow: var(--market-shadow-soft);
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.bsm-market-category-card:hover,
.bsm-market-category-card.is-selected {
  border-color: rgba(173, 123, 36, .44) !important;
  box-shadow: 0 20px 48px rgba(61, 42, 15, .11);
  transform: translateY(-4px);
}

.bsm-market-category-card.is-selected { box-shadow: 0 0 0 2px rgba(191, 143, 52, .18), 0 20px 48px rgba(61, 42, 15, .11); }

.bsm-market-category-media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #d9cbb6 !important;
  color-scheme: dark;
}

.bsm-market-category-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.bsm-market-category-card:hover .bsm-market-category-image { transform: scale(1.05); }

.bsm-market-category-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(8, 6, 3, .62), rgba(8, 6, 3, .05) 58%);
  pointer-events: none;
}

.bsm-market-category-count {
  position: absolute;
  top: 9px;
  inset-inline-end: 9px;
  min-width: 31px;
  min-height: 27px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  background: rgba(21, 17, 12, .68) !important;
  padding-inline: 8px;
  color: #f0cb78 !important;
  font-size: .58rem;
  font-weight: 900;
  backdrop-filter: blur(8px);
}

.bsm-market-category-body { padding: 13px 13px 11px; }
.bsm-market-category-title-row { display: flex; min-width: 0; align-items: center; gap: 8px; }
.bsm-market-category-icon { width: 31px; height: 31px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid rgba(169, 117, 24, .15); border-radius: 10px; background: #fbf3df !important; color: var(--market-gold) !important; }
.bsm-market-category-title-row h3 { overflow: hidden; color: var(--market-ink) !important; font-size: .78rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.bsm-market-category-emirates { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 11px; }
.bsm-market-category-emirates span { display: inline-flex; min-height: 22px; align-items: center; border-radius: 999px; background: #f1ece4 !important; padding: 0 7px; color: #6d655b !important; font-size: .48rem; font-weight: 800; }
.bsm-market-category-cta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 11px; border-top: 1px solid var(--market-line); padding-top: 10px; color: var(--market-gold) !important; font-size: .58rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }

/* Selected category catalog */
.bsm-market-category-catalog {
  margin-top: 22px;
  border: 1px solid var(--market-line);
  border-radius: 24px;
  background: rgba(255, 253, 249, .84) !important;
  padding: 22px;
  box-shadow: var(--market-shadow-soft);
}

.bsm-market-category-catalog-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--market-line);
  padding-bottom: 17px;
}

.bsm-market-category-catalog-head h3 { margin-top: 6px !important; color: var(--market-ink) !important; font-size: 1.45rem; font-weight: 900; letter-spacing: -.035em; }
.bsm-market-category-catalog-head p { max-width: 690px; margin-top: 5px !important; color: var(--market-copy) !important; font-size: .72rem; line-height: 1.65; }

.bsm-market-category-tools {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}

.bsm-market-search {
  position: relative;
  display: flex;
  align-items: center;
}

.bsm-market-search > svg {
  position: absolute;
  z-index: 2;
  inset-inline-start: 13px;
  color: var(--market-muted);
  pointer-events: none;
}

.bsm-market-search input { width: 100%; padding-inline-start: 40px !important; }

.bsm-market-emirate-tabs {
  display: flex;
  gap: 6px;
}

.bsm-market-emirate-tabs button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--market-line);
  border-radius: 12px;
  background: #f4efe7 !important;
  padding: 0 10px;
  color: #5f584f !important;
  font-size: .63rem;
  font-weight: 800;
  cursor: pointer;
}

.bsm-market-emirate-tabs button strong {
  min-width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, .72) !important;
  color: inherit !important;
  font-size: .55rem;
}

.bsm-market-emirate-tabs button.is-active {
  border-color: #a97518 !important;
  background: var(--market-dark) !important;
  color: #f0c96f !important;
}

.bsm-market-catalog-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.bsm-market-empty-state {
  min-height: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed var(--market-line-strong);
  border-radius: 19px;
  background: #f7f2e9 !important;
  margin-top: 18px;
  padding: 28px;
  text-align: center;
}

.bsm-market-empty-state > span { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(169, 117, 24, .16); border-radius: 17px; background: #fff7e3 !important; color: var(--market-gold) !important; }
.bsm-market-empty-state h4 { max-width: 590px; margin-top: 13px !important; color: #403a33 !important; font-size: .86rem; font-weight: 800; line-height: 1.65; }
.bsm-market-empty-state .bsm-market-gold-button { margin-top: 15px; }

/* Services */
.bsm-market-services-section {
  border-block: 1px solid rgba(79, 58, 28, .08);
  background:
    radial-gradient(circle at 50% 0%, rgba(211, 164, 75, .10), transparent 27rem),
    linear-gradient(180deg, #f3eee6 0%, #f8f5ef 100%) !important;
}

.bsm-market-services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.bsm-market-service-card {
  min-width: 0;
  min-height: 156px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--market-line) !important;
  border-radius: 17px;
  background: rgba(255, 253, 249, .94) !important;
  padding: 15px;
  color: var(--market-ink) !important;
  text-align: start;
  box-shadow: var(--market-shadow-soft);
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.bsm-market-service-card:hover {
  border-color: var(--market-line-strong) !important;
  box-shadow: var(--market-shadow);
  transform: translateY(-4px);
}

.bsm-market-service-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(169, 117, 24, .15);
  border-radius: 12px;
  background: #fbf2de !important;
  color: var(--market-gold) !important;
}

.bsm-market-service-card h3 { margin-top: 10px !important; color: var(--market-ink) !important; font-size: .78rem; font-weight: 900; letter-spacing: -.02em; }
.bsm-market-service-card p { min-height: 48px; margin-top: 5px !important; color: var(--market-copy) !important; font-size: .61rem; line-height: 1.55; }
.bsm-market-service-link { display: inline-flex; align-items: center; gap: 5px; margin-top: auto; color: var(--market-gold) !important; font-size: .56rem; font-weight: 900; }
[dir="rtl"] .bsm-market-service-link svg { transform: rotate(180deg); }

/* Contact */
.bsm-market-contact-section { padding-block: 34px; }

.bsm-market-contact-card {
  display: grid;
  grid-template-columns: auto minmax(260px, 1fr) auto;
  align-items: center;
  gap: 25px;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--market-line);
  border-radius: 23px;
  background:
    radial-gradient(circle at 0% 50%, rgba(215, 170, 82, .12), transparent 21rem),
    var(--market-surface) !important;
  padding: 18px 20px;
  box-shadow: var(--market-shadow-soft);
}

.bsm-market-contact-card::before {
  content: "";
  position: absolute;
  inset-inline-start: -55px;
  bottom: -72px;
  width: 230px;
  height: 160px;
  border: 1px solid rgba(173, 123, 36, .11);
  border-radius: 50%;
  pointer-events: none;
}

.bsm-market-contact-brand {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
}

.bsm-market-contact-logo {
  width: 62px;
  height: 62px;
  display: block;
  flex: 0 0 auto;
  border: 1px solid rgba(211, 166, 75, .44);
  border-radius: 17px;
  background: #050505;
  object-fit: cover;
  box-shadow: 0 12px 28px rgba(33, 23, 8, .16);
}

.bsm-market-contact-brand h2 { color: var(--market-ink) !important; font-size: 1rem; font-weight: 900; letter-spacing: -.025em; }
.bsm-market-contact-brand span { display: block; margin-top: 3px; color: var(--market-muted) !important; font-size: .62rem; font-weight: 700; }
.bsm-market-contact-card > p { position: relative; z-index: 2; max-width: 600px; color: var(--market-copy) !important; font-size: .78rem; line-height: 1.7; }
.bsm-market-contact-actions { position: relative; z-index: 2; display: flex; align-items: center; justify-content: end; gap: 8px; }

/* Footer */
.bsm-market-footer {
  border-top: 1px solid rgba(73, 53, 24, .10);
  background: rgba(255, 253, 249, .88) !important;
  color: var(--market-ink) !important;
}

.bsm-market-footer-grid {
  display: grid;
  grid-template-columns: minmax(250px, 1.35fr) repeat(3, minmax(150px, .8fr));
  gap: 34px;
  padding-block: 40px 31px;
}

.bsm-market-footer-grid > div:not(.bsm-market-footer-brand) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}

.bsm-market-footer-grid h3 { margin-bottom: 4px !important; color: #332d25 !important; font-size: .72rem; font-weight: 900; }
.bsm-market-footer-grid :is(a, button, .bsm-market-footer-address) { display: inline-flex; align-items: flex-start; gap: 7px; border: 0; background: transparent !important; padding: 0; color: var(--market-copy) !important; font-size: .65rem; font-weight: 700; text-align: start; cursor: pointer; }
.bsm-market-footer-grid :is(a, button):hover { color: var(--market-gold) !important; }
.bsm-market-footer-brand p { max-width: 320px; margin-top: 14px !important; color: var(--market-copy) !important; font-size: .7rem; line-height: 1.75; }
.bsm-market-footer-social {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 15px;
}

.bsm-market-footer-social a {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  flex: 0 0 38px;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--market-line) !important;
  border-radius: 999px;
  background: #fff !important;
  padding: 0 !important;
  color: var(--market-gold) !important;
  line-height: 0 !important;
  vertical-align: middle;
}

.bsm-market-footer-social a svg {
  position: static !important;
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  flex: 0 0 16px;
  margin: 0 !important;
  transform: none !important;
}
.bsm-market-footer-address { line-height: 1.55; }

.bsm-market-footer-bottom {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid var(--market-line);
  color: var(--market-muted) !important;
  font-size: .6rem;
  font-weight: 700;
}

.bsm-market-footer-bottom > div { display: flex; align-items: center; gap: 14px; }
.bsm-market-footer-bottom a { color: var(--market-copy) !important; }
.bsm-market-footer-bottom a:last-child { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(169, 117, 24, .32); border-radius: 999px; color: var(--market-gold) !important; }

/* Fields */
html body [data-bsm-marketplace="true"] .bsm-market-field,
html body [data-bsm-market-dialog="true"] .bsm-market-field {
  min-height: 44px;
  border: 1px solid #cfc3b0 !important;
  border-radius: 12px;
  background: #fff !important;
  background-image: none !important;
  padding: 0 12px;
  color: #211e19 !important;
  -webkit-text-fill-color: #211e19 !important;
  caret-color: #211e19 !important;
  font: inherit;
  font-size: .75rem;
  font-weight: 650;
  outline: none !important;
  box-shadow: none !important;
  color-scheme: light !important;
}

html body [data-bsm-marketplace="true"] textarea.bsm-market-field,
html body [data-bsm-market-dialog="true"] textarea.bsm-market-field {
  min-height: 110px;
  padding-block: 10px;
  resize: vertical;
}

html body [data-bsm-marketplace="true"] .bsm-market-field::placeholder,
html body [data-bsm-market-dialog="true"] .bsm-market-field::placeholder {
  color: #776f64 !important;
  -webkit-text-fill-color: #776f64 !important;
  opacity: 1 !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-field option,
html body [data-bsm-market-dialog="true"] .bsm-market-field option,
html body [data-bsm-market-dialog="true"] .bsm-market-field optgroup {
  background: #fff !important;
  color: #211e19 !important;
  -webkit-text-fill-color: #211e19 !important;
}

html body [data-bsm-marketplace="true"] :is(input, textarea, select):focus-visible,
html body [data-bsm-market-dialog="true"] :is(input, textarea, select, button):focus-visible {
  border-color: var(--market-gold) !important;
  outline: 3px solid rgba(169, 117, 24, .17) !important;
  outline-offset: 1px !important;
}

/* Enquiry dialog — explicitly defeats global CRM dialog and dark-theme rules. */
html body [data-bsm-market-dialog="true"][role="dialog"] {
  position: fixed;
  z-index: 110;
  inset: 0;
  overflow-y: auto;
  display: block;
  background: rgba(7, 7, 7, .76) !important;
  background-color: rgba(7, 7, 7, .76) !important;
  padding: 18px;
  color: #1a1815 !important;
  -webkit-text-fill-color: initial !important;
  color-scheme: light !important;
  backdrop-filter: blur(9px);
}

.bsm-market-form-panel {
  width: min(720px, 100%);
  overflow: hidden;
  margin: 1vh auto;
  border: 1px solid var(--market-line) !important;
  border-radius: 23px;
  background: #fffdf9 !important;
  background-image: none !important;
  color: #1a1815 !important;
  box-shadow: 0 35px 120px rgba(0, 0, 0, .38);
  color-scheme: light !important;
}

.bsm-market-form-panel > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--market-line);
  background: #fffdf9 !important;
  padding: 21px;
  color: #1a1815 !important;
}

.bsm-market-form-panel > header h2 { margin-top: 5px !important; color: #1a1815 !important; font-size: 1.4rem; font-weight: 900; letter-spacing: -.035em; }
.bsm-market-form-panel > header p { margin-top: 4px !important; color: #6d665c !important; font-size: .68rem; }
.bsm-market-form-panel > header > button { width: 40px; height: 40px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid var(--market-line); border-radius: 12px; background: #f3ede4 !important; color: #1a1815 !important; cursor: pointer; }

.bsm-market-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  background: #fffdf9 !important;
  padding: 21px;
  color: #1a1815 !important;
}

.bsm-market-form > label:not(.consent):not(.honeypot) {
  display: grid;
  gap: 5px;
  color: #6b645a !important;
  font-size: .59rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.bsm-market-form .wide,
.bsm-market-form .consent,
.bsm-market-form-result,
.bsm-market-form .submit { grid-column: 1 / -1; }
.bsm-market-form .honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.bsm-market-form .consent { display: flex; align-items: flex-start; gap: 9px; color: #5f584f !important; font-size: .66rem; line-height: 1.55; }
.bsm-market-form .consent input { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; accent-color: var(--market-gold); }
.bsm-market-form-result { border: 1px solid; border-radius: 12px; padding: 11px; font-size: .7rem; font-weight: 800; }
.bsm-market-form-result.ok { border-color: rgba(29, 138, 98, .22); background: rgba(29, 138, 98, .08) !important; color: #147052 !important; }
.bsm-market-form-result.bad { border-color: rgba(194, 56, 68, .22); background: rgba(194, 56, 68, .08) !important; color: #a82936 !important; }
.bsm-market-form .submit { width: 100%; }

/* Category → emirate → projects drilldown */
.bsm-market-category-drilldown {
  margin-top: 24px;
  border: 1px solid rgba(122, 91, 39, .13);
  border-radius: 24px;
  background: rgba(255, 253, 249, .88) !important;
  padding: 22px;
  box-shadow: var(--market-shadow-soft);
}

.bsm-market-drilldown-heading,
.bsm-market-emirate-projects-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
}

.bsm-market-drilldown-heading h3,
.bsm-market-emirate-projects-heading h3 {
  margin-top: 6px !important;
  color: var(--market-ink) !important;
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: -.035em;
}

.bsm-market-drilldown-heading p {
  max-width: 620px;
  margin-top: 5px !important;
  color: var(--market-copy) !important;
  font-size: .72rem;
  line-height: 1.65;
}

.bsm-market-emirate-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.bsm-market-emirate-choice {
  min-height: 76px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  border: 1px solid rgba(122, 91, 39, .16) !important;
  border-radius: 18px;
  background: #fbf7ef !important;
  padding: 12px 14px;
  color: var(--market-ink) !important;
  text-align: start;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.bsm-market-emirate-choice:hover {
  transform: translateY(-2px);
  border-color: rgba(169, 117, 24, .38) !important;
  box-shadow: 0 12px 28px rgba(67, 45, 12, .08);
}

.bsm-market-emirate-choice.is-active {
  border-color: rgba(169, 117, 24, .66) !important;
  background: linear-gradient(135deg, #fff9e9, #f5ead2) !important;
  box-shadow: inset 0 3px 0 #b27a16, 0 14px 30px rgba(83, 55, 12, .10);
}

.bsm-market-emirate-choice-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(169, 117, 24, .18);
  border-radius: 13px;
  background: #fff !important;
  color: var(--market-gold) !important;
}

.bsm-market-emirate-choice > span:nth-child(2) {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.bsm-market-emirate-choice strong {
  color: var(--market-ink) !important;
  font-size: .88rem;
  font-weight: 900;
}

.bsm-market-emirate-choice small {
  margin-top: 3px;
  color: var(--market-muted) !important;
  font-size: .58rem;
  font-weight: 750;
}

[dir="rtl"] .bsm-market-emirate-choice > svg { transform: rotate(180deg); }

.bsm-market-emirate-projects {
  margin-top: 20px;
  border-top: 1px solid var(--market-line);
  padding-top: 20px;
}

.bsm-market-emirate-projects .bsm-market-catalog-grid { margin-top: 16px; }

/* Public-safe professional project card dialog */
.bsm-market-project-dialog-overlay {
  position: fixed;
  z-index: 120;
  inset: 0;
  overflow-y: auto;
  background: rgba(11, 9, 6, .78) !important;
  padding: 20px;
  backdrop-filter: blur(10px);
}

.bsm-market-project-dialog {
  width: min(1180px, 100%);
  margin: 1vh auto;
  overflow: hidden;
  border: 1px solid rgba(184, 134, 43, .30);
  border-radius: 26px;
  background: #fbf7ef !important;
  color: #171411 !important;
  box-shadow: 0 36px 110px rgba(0, 0, 0, .38);
  color-scheme: light;
}

.bsm-market-project-dialog-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid rgba(122, 91, 39, .13);
  background: #fffdf9 !important;
  padding: 20px 22px;
}

.bsm-market-project-dialog-header h2 {
  margin-top: 5px !important;
  color: #171411 !important;
  font-size: 1.45rem;
  font-weight: 900;
  letter-spacing: -.035em;
}

.bsm-market-project-dialog-header p {
  margin-top: 5px !important;
  color: #696157 !important;
  font-size: .72rem;
}

.bsm-market-project-dialog-header > button {
  width: 42px;
  height: 42px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(122, 91, 39, .14);
  border-radius: 13px;
  background: #f7f1e7 !important;
  color: #171411 !important;
  cursor: pointer;
}

.bsm-market-project-dialog-body {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
  gap: 18px;
  padding: 20px;
}

.bsm-market-project-card-preview,
.bsm-market-project-dialog-info {
  min-width: 0;
  border: 1px solid rgba(122, 91, 39, .13);
  border-radius: 20px;
  background: #fffdf9 !important;
  padding: 14px;
}

.bsm-market-card-language-switcher {
  display: inline-flex;
  gap: 4px;
  border: 1px solid rgba(122, 91, 39, .13);
  border-radius: 12px;
  background: #f5efe6 !important;
  padding: 4px;
}

.bsm-market-card-language-switcher button {
  min-height: 34px;
  border: 0;
  border-radius: 9px;
  background: transparent !important;
  padding: 0 11px;
  color: #6f675d !important;
  font-size: .65rem;
  font-weight: 850;
  cursor: pointer;
}

.bsm-market-card-language-switcher button.is-active {
  background: #171411 !important;
  color: #f3cc74 !important;
}

.bsm-market-card-preview-stage {
  min-height: 520px;
  display: grid;
  place-items: center;
  overflow: hidden;
  margin-top: 12px;
  border: 1px solid rgba(122, 91, 39, .10);
  border-radius: 16px;
  background: #ece8df !important;
  padding: 10px;
}

.bsm-market-generated-card {
  display: block;
  width: 100%;
  max-height: 76vh;
  border-radius: 12px;
  object-fit: contain;
  box-shadow: 0 15px 38px rgba(34, 24, 8, .12);
}

.bsm-market-card-preview-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  color: #8b6219 !important;
  font-size: .72rem;
  font-weight: 850;
}

.bsm-market-card-preview-loading.is-error { color: #a33443 !important; }

.bsm-market-project-dialog-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bsm-market-project-dialog-reference,
.bsm-market-project-dialog-location {
  border: 1px solid rgba(122, 91, 39, .12);
  border-radius: 13px;
  background: #fbf7ef !important;
  padding: 11px 12px;
}

.bsm-market-project-dialog-reference span {
  display: block;
  color: #7a7166 !important;
  font-size: .52rem;
  font-weight: 850;
  text-transform: uppercase;
}

.bsm-market-project-dialog-reference strong {
  display: block;
  margin-top: 4px;
  color: #7e540b !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .04em;
}

.bsm-market-project-dialog-location {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #4e483f !important;
  font-size: .72rem;
  font-weight: 800;
}

.bsm-market-dialog-discount-box {
  border: 1px solid rgba(177, 42, 61, .20);
  border-radius: 16px;
  background: linear-gradient(135deg, #fff8f8, #fffdf8) !important;
  padding: 12px;
}

.bsm-market-dialog-discount-badge {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #aa2a3e !important;
  font-size: .72rem;
  font-weight: 950;
}

.bsm-market-dialog-discount-badge strong {
  margin-inline-start: auto;
  border-radius: 999px;
  background: #b52f45 !important;
  padding: 4px 8px;
  color: #fff !important;
}

.bsm-market-dialog-price-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}

.bsm-market-dialog-price-grid.is-standard { margin-top: 0; }

.bsm-market-dialog-price-grid > div {
  min-width: 0;
  border: 1px solid rgba(122, 91, 39, .10);
  border-radius: 11px;
  background: #fff !important;
  padding: 9px;
}

.bsm-market-dialog-price-grid span {
  display: block;
  color: #7b7368 !important;
  font-size: .48rem;
  font-weight: 850;
  text-transform: uppercase;
}

.bsm-market-dialog-price-grid strong,
.bsm-market-dialog-price-grid del {
  display: block;
  margin-top: 3px;
  font-size: .68rem;
  font-weight: 950;
}

.bsm-market-dialog-price-grid del { color: #a25963 !important; }
.bsm-market-dialog-price-grid .is-current strong { color: #9c6510 !important; }
.bsm-market-dialog-price-grid .is-saving { grid-column: 1 / -1; background: #ecf8f1 !important; }
.bsm-market-dialog-price-grid .is-saving strong { color: #167253 !important; }

.bsm-market-project-dialog-summary {
  color: #5e574f !important;
  font-size: .75rem;
  line-height: 1.75;
}

.bsm-market-project-dialog-highlights h3 {
  color: #211d18 !important;
  font-size: .72rem;
  font-weight: 900;
}

.bsm-market-project-dialog-highlights > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.bsm-market-project-dialog-highlights span {
  border: 1px solid rgba(169, 117, 24, .16);
  border-radius: 999px;
  background: #fff6df !important;
  padding: 5px 8px;
  color: #6f5526 !important;
  font-size: .56rem;
  font-weight: 800;
}

.bsm-market-project-dialog-protection {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  border: 1px solid rgba(48, 116, 91, .14);
  border-radius: 13px;
  background: #eff8f4 !important;
  padding: 11px;
  color: #256c56 !important;
}

.bsm-market-project-dialog-protection p {
  color: #48665b !important;
  font-size: .64rem;
  line-height: 1.6;
}

.bsm-market-project-dialog-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: auto;
}

/* Responsive */
@media (max-width: 1120px) {
  .bsm-market-desktop-nav { gap: 16px; }
  .bsm-market-header-contact { display: none; }
  .bsm-market-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bsm-market-catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .bsm-market-header-row { min-height: 70px; }
  .bsm-market-desktop-nav { display: none; }
  .bsm-market-login-button,
  .bsm-market-menu-button { display: grid; }
  .bsm-market-list-button { display: none !important; }
  .bsm-market-hero { min-height: 0; grid-template-columns: 1fr; }
  .bsm-market-hero-copy { padding: 37px 32px 31px; }
  .bsm-market-hero-copy::after { display: none; }
  .bsm-market-hero-copy h1 { max-width: 700px; font-size: clamp(2rem, 8vw, 3.7rem); }
  .bsm-market-hero-visual { min-height: 390px; }
  .bsm-market-hero-image { min-height: 390px; }
  .bsm-market-hero-arrow { top: 68%; }
  .bsm-market-category-tools { grid-template-columns: 1fr; }
  .bsm-market-emirate-tabs { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bsm-market-emirate-tabs button { justify-content: center; }
  .bsm-market-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bsm-market-contact-card { grid-template-columns: 1fr; gap: 15px; }
  .bsm-market-contact-actions { justify-content: start; }
  .bsm-market-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bsm-market-project-dialog-body { grid-template-columns: 1fr; }
  .bsm-market-card-preview-stage { min-height: 420px; }
}

@media (max-width: 720px) {
  .bsm-market-shell { width: min(100% - 20px, 1220px); }
  .bsm-market-section { padding-block: 35px; }
  .bsm-market-section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .bsm-market-section-heading.centered { align-items: center; }
  .bsm-market-section-heading h2 { font-size: 1.75rem; }
  .bsm-market-featured-section { border-radius: 21px; padding: 18px !important; }
  .bsm-market-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .bsm-market-category-catalog { border-radius: 20px; padding: 16px; }
  .bsm-market-category-catalog-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .bsm-market-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .bsm-market-project-values { grid-template-columns: 1fr; }
  .bsm-market-contact-card { border-radius: 20px; padding: 16px; }
  .bsm-market-footer-grid { gap: 25px 18px; }
  .bsm-market-category-drilldown { border-radius: 20px; padding: 16px; }
  .bsm-market-drilldown-heading,
  .bsm-market-emirate-projects-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
  .bsm-market-emirate-choice-grid { gap: 8px; }
}

@media (max-width: 560px) {
  .bsm-market-logo { width: 44px; height: 44px; border-radius: 13px; }
  .bsm-market-brand-copy strong { font-size: .85rem; }
  .bsm-market-brand-copy small { font-size: .54rem; }
  .bsm-market-login-button,
  .bsm-market-header-languages { display: none; }
  .bsm-market-hero-section { padding-top: 14px; }
  .bsm-market-hero { border-radius: 21px; }
  .bsm-market-hero-copy { padding: 29px 21px 25px; }
  .bsm-market-hero-copy h1 { margin-top: 12px !important; font-size: 2.18rem; }
  .bsm-market-hero-copy p { font-size: .76rem; }
  .bsm-market-hero-actions { display: grid; grid-template-columns: 1fr; }
  .bsm-market-hero-actions > * { width: 100%; }
  .bsm-market-hero-visual,
  .bsm-market-hero-image { min-height: 300px; }
  .bsm-market-hero-facts { inset-inline: 10px; bottom: 10px; }
  .bsm-market-hero-facts > div { padding: 10px 8px; }
  .bsm-market-hero-facts strong { font-size: .58rem; }
  .bsm-market-hero-arrow { top: 72%; width: 38px; height: 38px; }
  .bsm-market-featured-rail { grid-auto-columns: minmax(230px, 82vw); }
  .bsm-market-category-grid { grid-template-columns: 1fr; }
  .bsm-market-category-media { aspect-ratio: 16 / 8.4; }
  .bsm-market-emirate-choice-grid { grid-template-columns: 1fr; }
  .bsm-market-project-dialog-overlay { padding: 7px; }
  .bsm-market-project-dialog { margin: 0 auto; border-radius: 18px; }
  .bsm-market-project-dialog-header { padding: 16px; }
  .bsm-market-project-dialog-header h2 { font-size: 1.15rem; }
  .bsm-market-project-dialog-body { gap: 10px; padding: 10px; }
  .bsm-market-project-card-preview,
  .bsm-market-project-dialog-info { border-radius: 15px; padding: 10px; }
  .bsm-market-card-preview-stage { min-height: 300px; padding: 6px; }
  .bsm-market-generated-card { max-height: none; }
  .bsm-market-dialog-price-grid { grid-template-columns: 1fr; }
  .bsm-market-dialog-price-grid .is-saving { grid-column: auto; }
  .bsm-market-catalog-grid { grid-template-columns: 1fr; }
  .bsm-market-project-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bsm-market-services-grid { grid-template-columns: 1fr; }
  .bsm-market-service-card { min-height: 185px; }
  .bsm-market-contact-brand { align-items: flex-start; }
  .bsm-market-contact-logo { width: 54px; height: 54px; }
  .bsm-market-contact-actions { display: grid; grid-template-columns: 1fr; }
  .bsm-market-contact-actions > * { width: 100%; }
  .bsm-market-footer-grid { grid-template-columns: 1fr; }
  .bsm-market-footer-bottom { align-items: flex-start; flex-direction: column; padding-block: 17px; }
  .bsm-market-form { grid-template-columns: 1fr; padding: 16px; }
  .bsm-market-form .wide,
  .bsm-market-form .consent,
  .bsm-market-form-result,
  .bsm-market-form .submit { grid-column: auto; }
  html body [data-bsm-market-dialog="true"][role="dialog"] { padding: 7px; }
  .bsm-market-form-panel { margin: 0 auto; border-radius: 18px; }
  .bsm-market-form-panel > header { padding: 17px; }
  html body [data-bsm-market-dialog="true"] .bsm-market-field { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  html body [data-bsm-marketplace="true"] *,
  html body [data-bsm-marketplace="true"] *::before,
  html body [data-bsm-marketplace="true"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* APP-WIDE BSM CARD LANGUAGE — marketplace copy, kept last for isolation QA. */
html.bsm-light body [data-bsm-marketplace="true"] :is(
  .bsm-market-hero,
  .bsm-market-project-card,
  .bsm-market-category-card,
  .bsm-market-service-card,
  .bsm-market-contact-card,
  .bsm-market-form-panel,
  .bsm-market-category-drilldown,
  .bsm-market-emirate-choice,
  .bsm-market-loading,
  .bsm-market-empty-state
) {
  position: relative !important;
  background-color: #fbf3e4 !important;
  background-image: linear-gradient(145deg, #fff9ed 0%, #fbf3e4 100%) !important;
  border: 1px solid #c89b3d !important;
  border-radius: 22px !important;
  color: #211a12 !important;
  box-shadow: inset 0 5px 0 #a76b0a, 0 16px 34px -27px rgba(71,44,4,.42) !important;
}

html.bsm-light body [data-bsm-marketplace="true"] :is(
  .bsm-market-project-values,
  .bsm-market-discount-pricing,
  .bsm-market-project-reference,
  .bsm-market-hero-facts > div
) {
  background-color: #fffefb !important;
  background-image: linear-gradient(180deg, #fffefb 0%, #fbf4e9 100%) !important;
  border: 1px solid #d5b66f !important;
  border-radius: 16px !important;
  color: #211a12 !important;
  box-shadow: inset 0 3px 0 #c99722, 0 7px 18px -16px rgba(71,44,4,.28) !important;
}

html.dark body [data-bsm-marketplace="true"] :is(
  .bsm-market-hero,
  .bsm-market-project-card,
  .bsm-market-category-card,
  .bsm-market-service-card,
  .bsm-market-contact-card,
  .bsm-market-form-panel,
  .bsm-market-category-drilldown,
  .bsm-market-emirate-choice,
  .bsm-market-loading,
  .bsm-market-empty-state
) {
  border-color: rgba(214,170,74,.48) !important;
  box-shadow: inset 0 5px 0 #9a6409, 0 18px 40px -25px rgba(0,0,0,.78) !important;
}

/* Complete marketplace catalog and public gallery */
.bsm-market-all-section {
  border-top: 1px solid var(--market-line);
  border-bottom: 1px solid var(--market-line);
}

.bsm-market-catalog-tools {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(180px, .34fr) minmax(160px, .28fr);
  gap: 10px;
  margin-bottom: 20px;
  border: 1px solid var(--market-line);
  border-radius: 18px;
  background: rgba(255,253,249,.86) !important;
  padding: 11px;
  box-shadow: var(--market-shadow-soft);
}

.bsm-market-catalog-search,
.bsm-market-catalog-tools select {
  min-height: 48px;
  border: 1px solid var(--market-line-strong);
  border-radius: 13px;
  background: #fffdf9 !important;
  color: var(--market-ink) !important;
}

.bsm-market-catalog-search {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-inline: 13px;
}

.bsm-market-catalog-search svg { flex: 0 0 auto; color: var(--market-gold); }
.bsm-market-catalog-search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent !important;
  color: var(--market-ink) !important;
  font: inherit;
}

.bsm-market-catalog-tools select {
  appearance: auto;
  padding-inline: 12px;
  font: inherit;
  font-weight: 750;
}

.bsm-market-all-grid { margin-top: 2px; }

.bsm-market-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 22px;
}

.bsm-market-pagination > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.bsm-market-pagination button {
  min-width: 40px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--market-line-strong);
  border-radius: 11px;
  background: #fffdf9 !important;
  color: var(--market-ink) !important;
  padding-inline: 11px;
  font-size: .72rem;
  font-weight: 850;
  cursor: pointer;
}

.bsm-market-pagination button.is-active {
  border-color: var(--market-gold);
  background: var(--market-gold) !important;
  color: #fff !important;
}

.bsm-market-pagination button:disabled { cursor: not-allowed; opacity: .42; }
.bsm-market-page-status { margin-top: 8px !important; text-align: center; color: var(--market-muted) !important; font-size: .68rem; font-weight: 800; }
.bsm-market-load-more { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; margin-top: 22px; }
.bsm-market-load-more .bsm-market-page-status { margin: 0 !important; }
.bsm-market-loading.is-error { border-color: rgba(190, 24, 93, .28); background: rgba(255, 241, 242, .86) !important; color: #9f1239 !important; }
.bsm-market-loading.is-loading { background: rgba(255, 253, 249, .92) !important; }

.bsm-market-project-dialog-visuals {
  min-width: 0;
  display: grid;
  gap: 14px;
  align-content: start;
}

.bsm-market-detail-gallery {
  min-width: 0;
  border: 1px solid rgba(122,91,39,.13);
  border-radius: 20px;
  background: #fffdf9 !important;
  padding: 12px;
}

.bsm-market-detail-gallery-main {
  position: relative;
  min-height: 360px;
  overflow: hidden;
  border-radius: 15px;
  background: #ece8df !important;
}

.bsm-market-detail-gallery-main > img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  max-height: 58vh;
  display: block;
  object-fit: contain;
}

.bsm-market-detail-gallery-main > button {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 999px;
  background: rgba(20,16,10,.82) !important;
  color: #fff !important;
  cursor: pointer;
}

.bsm-market-detail-gallery-main > button.is-prev { inset-inline-start: 12px; }
.bsm-market-detail-gallery-main > button.is-next { inset-inline-end: 12px; }
.bsm-market-detail-gallery-count {
  position: absolute;
  z-index: 2;
  inset-inline-end: 12px;
  bottom: 12px;
  border-radius: 999px;
  background: rgba(20,16,10,.84) !important;
  color: #fff !important;
  padding: 5px 9px;
  font-size: .65rem;
  font-weight: 900;
}

.bsm-market-detail-gallery-error {
  min-height: 360px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
  color: #8d6a2e !important;
  text-align: center;
  font-size: .75rem;
  font-weight: 800;
}

.bsm-market-detail-gallery-thumbs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-top: 10px;
  scrollbar-width: thin;
}

.bsm-market-detail-gallery-thumbs button {
  width: 82px;
  height: 58px;
  flex: 0 0 auto;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 10px;
  background: #ece8df !important;
  padding: 0;
  cursor: pointer;
}

.bsm-market-detail-gallery-thumbs button.is-active { border-color: #b47a18; }
.bsm-market-detail-gallery-thumbs img { width: 100%; height: 100%; display: block; object-fit: cover; }

@media (max-width: 920px) {
  .bsm-market-catalog-tools { grid-template-columns: 1fr 1fr; }
  .bsm-market-catalog-search { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .bsm-market-catalog-tools { grid-template-columns: 1fr; }
  .bsm-market-catalog-search { grid-column: auto; }
  .bsm-market-pagination { align-items: stretch; flex-direction: column; }
  .bsm-market-pagination > button { width: 100%; }
  .bsm-market-detail-gallery-main,
  .bsm-market-detail-gallery-main > img,
  .bsm-market-detail-gallery-error { min-height: 240px; }
}

/* Public marketplace keeps native, responsive scrolling instead of inheriting
   the CRM/WebView scroll lock. */
html[data-bsm-marketplace-active="true"] {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-x: none !important;
  overscroll-behavior-y: auto !important;
  scroll-behavior: auto;
  scrollbar-gutter: stable;
  touch-action: pan-y !important;
}

html[data-bsm-marketplace-active="true"] body,
html[data-bsm-marketplace-active="true"] #root {
  min-height: 100%;
  overflow-x: clip !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
}

html[data-bsm-marketplace-active="true"]::-webkit-scrollbar {
  width: 14px;
}

html[data-bsm-marketplace-active="true"]::-webkit-scrollbar-track {
  background: #eee8de;
}

html[data-bsm-marketplace-active="true"]::-webkit-scrollbar-thumb {
  min-height: 52px;
  border: 4px solid #eee8de;
  border-radius: 999px;
  background: #aa761b;
  box-shadow: none;
}

html[data-bsm-marketplace-active="true"]::-webkit-scrollbar-thumb:hover {
  background: #8f6012;
}

.bsm-market-featured-rail {
  scroll-snap-type: x proximity;
  overscroll-behavior-inline: auto;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}

/* ================================================================
   BSM MARKET — 2026-08-27 VISUAL REFINEMENT
   Scope lock: /marketplace visual presentation only.
   This stylesheet is route-loaded only by src/main.jsx on /marketplace.
   No content, routes, handlers, data, permissions or integrations changed.
   ================================================================ */
html body [data-bsm-marketplace="true"].bsm-marketplace-surface {
  --market-bg: #f7f6f2;
  --market-surface: #ffffff;
  --market-surface-2: #f2efe8;
  --market-surface-3: #e9e4da;
  --market-ink: #172033;
  --market-copy: #535e6d;
  --market-muted: #6d7682;
  --market-line: rgba(23, 32, 51, .13);
  --market-line-strong: rgba(183, 133, 45, .42);
  --market-gold: #ad7b24;
  --market-gold-2: #d0a64f;
  --market-gold-soft: #f4e8cb;
  --market-dark: #172033;
  --market-shadow: 0 20px 48px rgba(24, 32, 49, .09);
  --market-shadow-soft: 0 10px 28px rgba(24, 32, 49, .065);
  background: linear-gradient(180deg, #fbfaf7 0%, #f7f6f2 48%, #f4f2ed 100%) !important;
  color: var(--market-ink) !important;
}

html[data-bsm-marketplace-active="true"],
html[data-bsm-marketplace-active="true"] body {
  background: #f7f6f2 !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-shell {
  width: min(1280px, calc(100% - 40px));
}

html body [data-bsm-marketplace="true"] .bsm-market-section {
  padding-block: 54px;
}

html body [data-bsm-marketplace="true"] .bsm-market-section-heading {
  gap: 28px;
  margin-bottom: 24px;
}

html body [data-bsm-marketplace="true"] .bsm-market-section-heading h2 {
  color: var(--market-ink) !important;
  font-size: clamp(1.85rem, 2.8vw, 2.75rem);
  letter-spacing: -.04em;
  line-height: 1.08;
}

html body [data-bsm-marketplace="true"] .bsm-market-section-heading p {
  color: var(--market-copy) !important;
  font-size: .88rem;
  line-height: 1.68;
}

html body [data-bsm-marketplace="true"] .bsm-market-eyebrow {
  color: var(--market-gold) !important;
  font-size: .68rem;
  letter-spacing: .11em;
}

/* Header: same content/actions, only clearer proportions and contrast. */
html body [data-bsm-marketplace="true"] .bsm-market-header {
  border-bottom-color: rgba(23, 32, 51, .10);
  background: rgba(255, 255, 255, .95) !important;
  box-shadow: 0 8px 24px rgba(24, 32, 49, .055);
}

html body [data-bsm-marketplace="true"] .bsm-market-header-row {
  min-height: 72px;
  gap: 20px;
}

html body [data-bsm-marketplace="true"] .bsm-market-desktop-nav {
  gap: 22px;
}

html body [data-bsm-marketplace="true"] .bsm-market-desktop-nav a {
  color: #445064 !important;
  font-size: .76rem;
}

html body [data-bsm-marketplace="true"] .bsm-market-header-contact {
  min-height: 48px;
  border-color: rgba(23, 32, 51, .12);
  border-radius: 14px;
  background: #fff !important;
  box-shadow: 0 7px 18px rgba(24, 32, 49, .055);
}

html body [data-bsm-marketplace="true"] .bsm-market-header-contact > span:first-child {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: var(--market-dark) !important;
  color: #d8b35f !important;
}

/* Buttons retain their existing text, handlers and destinations. */
html body [data-bsm-marketplace="true"] .bsm-market-gold-button {
  border-color: rgba(112, 76, 17, .24) !important;
  background: linear-gradient(135deg, #d8b35f 0%, #ad7b24 100%) !important;
  color: #17130c !important;
  -webkit-text-fill-color: #17130c !important;
  box-shadow: 0 9px 20px rgba(142, 100, 27, .17);
}

html body [data-bsm-marketplace="true"] .bsm-market-outline-button {
  border-color: rgba(23, 32, 51, .17) !important;
  background: #fff !important;
  color: var(--market-ink) !important;
}

/* Featured opportunity: 42/58 balance, contained typography, real image unchanged. */
html body [data-bsm-marketplace="true"] .bsm-market-hero-section {
  padding-block: 24px 16px;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero,
html.bsm-light body [data-bsm-marketplace="true"] .bsm-market-hero {
  min-height: 0;
  height: clamp(480px, 42vw, 560px);
  grid-template-columns: minmax(0, 42%) minmax(0, 58%);
  border: 1px solid rgba(23, 32, 51, .13) !important;
  border-radius: 24px !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: var(--market-shadow) !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-copy {
  padding: 40px 38px 34px;
  background: linear-gradient(145deg, #ffffff 0%, #faf8f3 100%) !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-copy::after {
  inset-inline-end: -46px;
  width: 92px;
  background: linear-gradient(90deg, #faf8f3, rgba(250, 248, 243, 0));
}

html body [data-bsm-marketplace="true"][dir="rtl"] .bsm-market-hero-copy::after {
  background: linear-gradient(-90deg, #faf8f3, rgba(250, 248, 243, 0));
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-reference {
  margin-top: 10px;
  border-color: rgba(173, 123, 36, .25);
  background: #fff !important;
  color: var(--market-muted) !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-copy h1 {
  max-width: 540px;
  margin-top: 13px !important;
  color: var(--market-ink) !important;
  font-size: clamp(2.35rem, 3.65vw, 3.75rem);
  letter-spacing: -.052em;
  line-height: 1.02;
  overflow-wrap: anywhere;
}

html body [data-bsm-marketplace="true"][dir="rtl"] .bsm-market-hero-copy h1 {
  letter-spacing: -.022em;
  line-height: 1.15;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-location {
  margin-top: 15px;
  color: #455164 !important;
  font-size: .8rem;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-copy p {
  max-width: 560px;
  margin-top: 13px !important;
  color: var(--market-copy) !important;
  font-size: .88rem;
  line-height: 1.68;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-actions {
  gap: 10px;
  margin-top: 20px;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-dots {
  gap: 7px;
  margin-top: 19px;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-dots button {
  width: 7px;
  height: 7px;
  background: #c9cdd3 !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-dots button.is-active {
  width: 24px;
  background: var(--market-gold) !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-visual {
  min-height: 0;
  background: #d8d5cd !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-image {
  height: 100%;
  min-height: 0;
  object-fit: cover;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-image-shade {
  background: linear-gradient(90deg, rgba(23, 32, 51, .12), transparent 30%), linear-gradient(0deg, rgba(16, 20, 29, .16), transparent 38%);
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-facts {
  inset-inline: 18px;
  bottom: 16px;
  border: 1px solid rgba(255, 255, 255, .74);
  border-radius: 15px;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 14px 32px rgba(16, 24, 38, .15);
}

html.bsm-light body [data-bsm-marketplace="true"] .bsm-market-hero-facts > div,
html body [data-bsm-marketplace="true"] .bsm-market-hero-facts > div {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  padding: 13px 14px;
  box-shadow: none !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-facts > div + div {
  border-inline-start: 1px solid rgba(23, 32, 51, .11) !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-facts span {
  color: var(--market-muted) !important;
  font-size: .6rem;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-facts strong {
  color: var(--market-ink) !important;
  font-size: .78rem;
}

html body [data-bsm-marketplace="true"] .bsm-market-hero-arrow {
  width: 40px;
  height: 40px;
  border-color: rgba(23, 32, 51, .15);
  background: rgba(255, 255, 255, .96) !important;
  color: var(--market-ink) !important;
  box-shadow: 0 10px 25px rgba(17, 26, 40, .13);
}

/* BSM DISCOUNT: compact and intentional when empty; data/CTA logic unchanged. */
html body [data-bsm-marketplace="true"] .bsm-market-featured-section {
  border: 1px solid rgba(173, 123, 36, .22);
  border-radius: 22px;
  background: linear-gradient(135deg, #fff 0%, #fbf8f1 100%) !important;
  padding: 24px !important;
  box-shadow: 0 14px 38px rgba(24, 32, 49, .06);
}

html body [data-bsm-marketplace="true"] .bsm-market-featured-section::before {
  inset-inline: 24px;
  background: linear-gradient(90deg, transparent, #ad7b24 18%, #d8b35f 72%, transparent);
}

html body [data-bsm-marketplace="true"] .bsm-market-featured-section > .bsm-market-section-heading {
  margin-bottom: 18px;
}

html body [data-bsm-marketplace="true"] .bsm-market-featured-section > .bsm-market-loading,
html.bsm-light body [data-bsm-marketplace="true"] .bsm-market-featured-section > .bsm-market-loading {
  min-height: 176px;
  flex-wrap: wrap;
  border: 1px dashed rgba(173, 123, 36, .38) !important;
  border-radius: 17px !important;
  background: #fff !important;
  background-image: none !important;
  padding: 24px;
  color: #76561e !important;
  box-shadow: none !important;
}

/* Cards: remove the inherited beige/gold top bars and restore a clean market surface. */
html.bsm-light body [data-bsm-marketplace="true"] :is(
  .bsm-market-project-card,
  .bsm-market-category-card,
  .bsm-market-service-card,
  .bsm-market-contact-card,
  .bsm-market-category-drilldown,
  .bsm-market-emirate-choice,
  .bsm-market-empty-state
),
html body [data-bsm-marketplace="true"] :is(
  .bsm-market-project-card,
  .bsm-market-category-card,
  .bsm-market-service-card,
  .bsm-market-contact-card,
  .bsm-market-category-drilldown,
  .bsm-market-emirate-choice,
  .bsm-market-empty-state
) {
  border: 1px solid rgba(23, 32, 51, .12) !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--market-ink) !important;
  box-shadow: var(--market-shadow-soft) !important;
}

/* Categories: consistent 16:9 images, stronger labels, preserved emirate counts. */
html body [data-bsm-marketplace="true"] .bsm-market-category-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

html body [data-bsm-marketplace="true"] .bsm-market-category-card {
  border-radius: 18px !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-category-card:hover,
html body [data-bsm-marketplace="true"] .bsm-market-category-card.is-selected {
  border-color: rgba(173, 123, 36, .46) !important;
  box-shadow: 0 18px 38px rgba(24, 32, 49, .11) !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-category-media {
  aspect-ratio: 16 / 9;
  background: #e6e3dc !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-category-body {
  padding: 14px 14px 12px;
}

html body [data-bsm-marketplace="true"] .bsm-market-category-icon {
  width: 30px;
  height: 30px;
  border-color: rgba(173, 123, 36, .20);
  background: #fbf5e8 !important;
  color: var(--market-gold) !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-category-title-row h3 {
  color: var(--market-ink) !important;
  font-size: .92rem;
  font-weight: 900;
}

html body [data-bsm-marketplace="true"] .bsm-market-category-emirates {
  gap: 5px;
  margin-top: 10px;
}

html body [data-bsm-marketplace="true"] .bsm-market-category-emirates span {
  min-height: 24px;
  border: 1px solid rgba(23, 32, 51, .07);
  background: #f4f2ed !important;
  padding: 0 8px;
  color: #566171 !important;
  font-size: .64rem;
  font-weight: 800;
}

html body [data-bsm-marketplace="true"] .bsm-market-category-cta {
  margin-top: 12px;
  border-top-color: rgba(23, 32, 51, .10);
  padding-top: 11px;
  color: #96691d !important;
  font-size: .65rem;
  letter-spacing: .045em;
}

html body [data-bsm-marketplace="true"] .bsm-market-count-pill {
  border-color: rgba(23, 32, 51, .12);
  background: #fff !important;
  color: #8d641f !important;
}

/* Project cards shown after category selection: better readability without changing data. */
html body [data-bsm-marketplace="true"] .bsm-market-project-body h3 {
  color: var(--market-ink) !important;
}

html body [data-bsm-marketplace="true"] .bsm-market-project-location,
html body [data-bsm-marketplace="true"] .bsm-market-project-sector,
html body [data-bsm-marketplace="true"] .bsm-market-project-reference span {
  color: var(--market-muted) !important;
}

/* Tablet: two category columns; hero becomes a deliberate stacked composition. */
@media (max-width: 1080px) {
  html body [data-bsm-marketplace="true"] .bsm-market-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  html body [data-bsm-marketplace="true"] .bsm-market-shell {
    width: min(100% - 28px, 1280px);
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero,
  html.bsm-light body [data-bsm-marketplace="true"] .bsm-market-hero {
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-copy {
    padding: 32px 28px 28px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-copy h1 {
    max-width: 760px;
    font-size: clamp(2rem, 7vw, 3.25rem);
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-visual,
  html body [data-bsm-marketplace="true"] .bsm-market-hero-image {
    min-height: 340px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-arrow {
    top: auto;
    bottom: 148px;
    transform: none;
  }
}

/* Mobile: compact hero + informative horizontal category cards; no content removed. */
@media (max-width: 560px) {
  html body [data-bsm-marketplace="true"] .bsm-market-shell {
    width: min(100% - 20px, 1280px);
  }

  html body [data-bsm-marketplace="true"] .bsm-market-header-row {
    min-height: 64px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-logo {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-section {
    padding-top: 10px;
    padding-bottom: 8px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero,
  html.bsm-light body [data-bsm-marketplace="true"] .bsm-market-hero {
    border-radius: 18px !important;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-copy {
    padding: 22px 18px 19px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-copy h1 {
    margin-top: 10px !important;
    font-size: clamp(1.72rem, 8.6vw, 2.15rem);
    line-height: 1.06;
  }

  html body [data-bsm-marketplace="true"][dir="rtl"] .bsm-market-hero-copy h1 {
    line-height: 1.18;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-location {
    margin-top: 12px;
    font-size: .72rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-copy p {
    margin-top: 10px !important;
    font-size: .76rem;
    line-height: 1.58;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 16px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-actions > * {
    min-width: 0;
    padding-inline: 9px;
    font-size: .66rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-dots {
    margin-top: 15px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-visual,
  html body [data-bsm-marketplace="true"] .bsm-market-hero-image {
    min-height: 238px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-facts {
    inset-inline: 8px;
    bottom: 8px;
    border-radius: 12px;
  }

  html.bsm-light body [data-bsm-marketplace="true"] .bsm-market-hero-facts > div,
  html body [data-bsm-marketplace="true"] .bsm-market-hero-facts > div {
    padding: 9px 7px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-facts span {
    font-size: .49rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-facts strong {
    font-size: .58rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-arrow {
    width: 34px;
    height: 34px;
    bottom: 104px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-section {
    padding-block: 34px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-section-heading {
    gap: 10px;
    margin-bottom: 16px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-section-heading h2 {
    font-size: 1.7rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-featured-section {
    border-radius: 18px;
    padding: 16px !important;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-featured-section > .bsm-market-loading,
  html.bsm-light body [data-bsm-marketplace="true"] .bsm-market-featured-section > .bsm-market-loading {
    min-height: 142px;
    flex-direction: column;
    gap: 8px;
    padding: 18px 14px;
    text-align: center;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-card {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    align-items: stretch;
    border-radius: 15px !important;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-media {
    height: 100%;
    min-height: 116px;
    aspect-ratio: auto;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 11px 12px 10px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-title-row h3 {
    font-size: .8rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-icon {
    width: 27px;
    height: 27px;
    border-radius: 8px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-emirates {
    margin-top: 7px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-emirates span {
    min-height: 20px;
    padding-inline: 6px;
    font-size: .54rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-cta {
    margin-top: 8px;
    padding-top: 7px;
    font-size: .56rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-count {
    top: 7px;
    inset-inline-end: 7px;
    min-width: 27px;
    min-height: 24px;
    font-size: .54rem;
  }
}

/* Marketplace discovery hierarchy: featured → categories/emirates → complete catalog. */
html body [data-bsm-marketplace="true"] .bsm-market-main-flow {
  display: flex;
  flex-direction: column;
}

html body [data-bsm-marketplace="true"] .bsm-market-main-flow > * {
  width: 100%;
}

html body [data-bsm-marketplace="true"] .bsm-market-main-flow > .bsm-market-hero-section {
  order: 1;
}

html body [data-bsm-marketplace="true"] .bsm-market-main-flow > #latest-projects {
  order: 2;
}

html body [data-bsm-marketplace="true"] .bsm-market-main-flow > #project-types {
  order: 3;
}

html body [data-bsm-marketplace="true"] .bsm-market-main-flow > #all-opportunities {
  order: 4;
}

html body [data-bsm-marketplace="true"] .bsm-market-main-flow > #services {
  order: 5;
}

html body [data-bsm-marketplace="true"] .bsm-market-main-flow > .bsm-market-contact-section {
  order: 6;
}

/* 2026-08-28 final public-market proportions: category-first browsing only. */
html body [data-bsm-marketplace="true"] .bsm-market-project-media {
  aspect-ratio: 16 / 9;
}

html body [data-bsm-marketplace="true"] .bsm-market-project-body {
  padding: 15px;
}

html body [data-bsm-marketplace="true"] .bsm-market-project-body h3 {
  min-height: 44px;
  font-size: .98rem;
  line-height: 1.38;
}

html body [data-bsm-marketplace="true"] .bsm-market-project-location {
  font-size: .68rem;
}

html body [data-bsm-marketplace="true"] .bsm-market-project-values strong,
html body [data-bsm-marketplace="true"] .bsm-market-discount-pricing strong {
  font-size: .68rem;
}

@media (max-width: 1180px) {
  html body [data-bsm-marketplace="true"] .bsm-market-catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  html body [data-bsm-marketplace="true"] .bsm-market-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  html body [data-bsm-marketplace="true"] .bsm-market-hero-copy h1 {
    font-size: clamp(1.58rem, 8vw, 1.95rem);
  }

  html body [data-bsm-marketplace="true"] .bsm-market-hero-visual,
  html body [data-bsm-marketplace="true"] .bsm-market-hero-image {
    min-height: 210px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-section-heading h2 {
    font-size: 1.52rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-card {
    grid-template-columns: 104px minmax(0, 1fr);
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-media {
    min-height: 104px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-title-row h3 {
    font-size: .84rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-emirates span {
    font-size: .58rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-category-cta {
    font-size: .59rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-catalog-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-project-card {
    border-radius: 16px !important;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-project-body {
    padding: 12px;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-project-body h3 {
    min-height: 0;
    font-size: .92rem;
    line-height: 1.42;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-project-location {
    margin-top: 6px;
    font-size: .67rem;
  }

  html body [data-bsm-marketplace="true"] .bsm-market-project-values,
  html body [data-bsm-marketplace="true"] .bsm-market-discount-pricing {
    margin-top: 9px;
  }
}