@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-space-x-reverse:0}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.left-1\/2{left:50%}.left-\[26px\]{left:26px}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-\[300px\]{height:300px}.h-\[320px\]{height:320px}.h-\[calc\(100vh-8rem\)\]{height:calc(100vh - 8rem)}.h-full{height:100%}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[500px\]{max-height:500px}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[60vh\]{min-height:60vh}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-\[70\%\]{max-width:70%}.min-w-\[2\.5rem\]{min-width:2.5rem}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[650px\]{min-width:650px}.min-w-\[700px\]{min-width:700px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-r-3{border-right-style:var(--tw-border-style);border-right-width:3px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#7F22FE\]{border-color:#7f22fe}.border-\[\#7F22FE\]\/20{border-color:#7f22fe33}.border-\[\#7F22FE\]\/30{border-color:#7f22fe4d}.border-\[\#f5871b\]{border-color:#f5871b}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[\#7F22FE\]{background-color:#7f22fe}.bg-\[\#7F22FE\]\/10{background-color:#7f22fe1a}.bg-\[\#f5871b\]{background-color:#f5871b}.bg-\[\#f5871b\]\/10{background-color:#f5871b1a}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#7F22FE\]{--tw-gradient-from:#7f22fe;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#7F22FE\]\/3{--tw-gradient-from:oklab(54.0459% .10915 -.258995/.03);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#7F22FE\]\/5{--tw-gradient-from:oklab(54.0459% .10915 -.258995/.05);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#7F22FE\]\/10{--tw-gradient-from:oklab(54.0459% .10915 -.258995/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#7F22FE\]\/20{--tw-gradient-from:oklab(54.0459% .10915 -.258995/.2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#9D4EDD\]{--tw-gradient-to:#9d4edd;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#7F22FE\]{color:#7f22fe}.text-\[\#10b981\]{color:#10b981}.text-\[\#f59e0b\]{color:#f59e0b}.text-transparent{color:#0000}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000080));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.45\)\]{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000073));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.group-hover\:translate-x-full:is(:where(.group):hover *){--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:text-\[\#7F22FE\]:is(:where(.group):hover *){color:#7f22fe}.group-hover\:opacity-10:is(:where(.group):hover *){opacity:.1}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-\[\#7F22FE\]:hover{border-color:#7f22fe}.hover\:border-\[\#7F22FE\]\/30:hover{border-color:#7f22fe4d}.hover\:bg-\[\#6A1FE0\]:hover{background-color:#6a1fe0}.hover\:bg-\[\#6B1DD4\]:hover{background-color:#6b1dd4}.hover\:bg-\[\#6B1DD9\]:hover{background-color:#6b1dd9}.hover\:bg-\[\#6B1FD6\]:hover{background-color:#6b1fd6}.hover\:bg-\[\#7F22FE\]:hover{background-color:#7f22fe}.hover\:bg-\[\#7F22FE\]\/10:hover{background-color:#7f22fe1a}.hover\:bg-\[\#d97717\]:hover{background-color:#d97717}.hover\:text-\[\#6B1DD9\]:hover{color:#6b1dd9}.hover\:text-\[\#7F22FE\]:hover{color:#7f22fe}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}}.focus\:border-\[\#7F22FE\]:focus{border-color:#7f22fe}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#7F22FE\]:focus{--tw-ring-color:#7f22fe}.focus\:ring-\[\#7F22FE\]\/20:focus{--tw-ring-color:oklab(54.0459% .10915 -.258995/.2)}.focus\:ring-\[\#f5871b\]:focus{--tw-ring-color:#f5871b}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:active\:scale-100:disabled:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}:where(.rtl\:space-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-space-x-reverse:1}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fade-in}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@supports not (backdrop-filter:blur(8px)){.backdrop-blur-sm{background-color:#ffffffd9}}.hover-scale{transition:transform .2s ease-in-out}.hover-scale:hover{transform:scale(1.02)}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#7f22fe,#9333ea);-webkit-background-clip:text;background-clip:text}.shadow-glow{box-shadow:0 0 20px #7f22fe1a}.shadow-glow-hover:hover{box-shadow:0 0 30px #7f22fe33}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-3xl{box-shadow:0 35px 60px -12px #0000004d}@media(min-width:1024px){.restaurant-header-grid{grid-template-columns:2fr 1fr;align-items:center;gap:2rem;display:grid}}.map-container{width:100%;min-height:350px;position:relative}.map-container>div{width:100%!important;height:100%!important;min-height:350px!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}.product-categories-management{padding:2rem;max-width:1400px;margin:0 auto}.product-categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.product-categories-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}.product-categories-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#999;gap:1rem}.product-categories-loading .loading-spinner{animation:pc-spin 1s linear infinite;color:#2563eb}@keyframes pc-spin{to{transform:rotate(360deg)}}.pc-form-container{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;margin:0;padding:0}.pc-form{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:600px;box-shadow:0 10px 40px #0003;max-height:90vh;overflow-y:auto}.pc-form h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem}.pc-form .form-group{margin-bottom:1.5rem}.pc-form .form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.95rem}.pc-form .form-group input[type=text],.pc-form .form-group input[type=number],.pc-form .form-group input[type=file],.pc-form .form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .3s ease}.pc-form .form-group input:focus,.pc-form .form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pc-form .form-group textarea{resize:vertical;min-height:80px}.pc-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pc-form .image-preview{margin-top:1rem;border-radius:6px;overflow:hidden;border:2px solid #ddd}.pc-form .image-preview img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.pc-form .form-actions{display:flex;gap:1rem;margin-top:2rem}.pc-form .form-actions button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.95rem;transition:all .3s ease}.pc-btn-primary{background:linear-gradient(to right,#2563eb,#9333ea);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d;display:flex;align-items:center;justify-content:center;gap:.5rem}.pc-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.pc-btn-primary:disabled{opacity:.7;cursor:not-allowed}.pc-btn-secondary{background-color:#e0e0e0;color:#333;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.pc-btn-secondary:hover:not(:disabled){background-color:#d0d0d0}.pc-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.pc-btn-dummy{width:100%;padding:.75rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.pc-btn-dummy:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.pc-spinner{display:inline-block;animation:pc-spin .8s linear infinite}.product-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.pc-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.pc-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #2563eb26;border-top:3px solid;-o-border-image:linear-gradient(to right,#2563eb,#9333ea) 1;border-image:linear-gradient(to right,#2563eb,#9333ea) 1}.pc-card-image{width:100%;height:180px;overflow:hidden;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.pc-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pc-card-image .pc-no-image{color:#ccc;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.85rem}.pc-card-content{padding:1.5rem}.pc-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.pc-card-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#1a1a1a;flex:1}.pc-card-name-ar{font-size:.9rem;color:#666;margin:.25rem 0 0}.pc-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.pc-status-badge.active{background-color:#d4edda;color:#155724}.pc-status-badge.inactive{background-color:#f8d7da;color:#721c24}.pc-card-description{font-size:.9rem;color:#666;margin:.75rem 0;line-height:1.4;max-height:60px;overflow:hidden;text-overflow:ellipsis}.pc-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:1rem 0}.pc-stat{display:flex;justify-content:space-between;align-items:center}.pc-stat .pc-stat-label{font-size:.85rem;color:#999;font-weight:500}.pc-stat .pc-stat-value{font-size:1.1rem;font-weight:700;color:#1a1a1a}.pc-card-actions{display:flex;gap:.5rem;justify-content:flex-end}.pc-btn-icon{background:none;border:1px solid #ddd;width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.pc-btn-icon:hover{border-color:#999;background-color:#f5f5f5}.pc-btn-icon.edit:hover{border-color:#2196f3;background-color:#e3f2fd}.pc-btn-icon.delete:hover{border-color:#f44336;background-color:#ffebee}.pc-empty-state{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#999;font-size:1.1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}@media(max-width:768px){.product-categories-management{padding:1rem}.product-categories-header{flex-direction:column;align-items:flex-start;gap:1rem}.product-categories-header h1{font-size:1.5rem}.pc-btn-primary{width:100%;padding:.75rem 1rem;font-size:.95rem}.product-categories-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.pc-form{width:95%;max-width:90vw;padding:1.5rem 1rem;border-radius:8px}.pc-form h2{font-size:1.25rem}.pc-form .form-row{grid-template-columns:1fr}.pc-form .form-actions{flex-direction:column;gap:.75rem}.pc-card-image{height:140px}.pc-card-content{padding:1rem}.pc-card-header h3{font-size:1rem}}@media(max-width:480px){.product-categories-management{padding:.5rem}.product-categories-header h1{font-size:1.1rem}.product-categories-grid{grid-template-columns:1fr;gap:.75rem}.pc-card-image{height:120px}.pc-card-content{padding:.75rem}.pc-card-header h3{font-size:.95rem}.pc-card-stats{grid-template-columns:1fr;gap:.5rem}.pc-btn-icon{width:30px;height:30px}.pc-form{width:98%;max-width:98vw;padding:1rem .75rem}}.products-management{padding:2rem;max-width:1400px;margin:0 auto}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.products-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}.products-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.products-search-form{display:flex;gap:.5rem;flex:1;min-width:200px}.search-input-wrapper{position:relative;flex:1}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.search-input{width:100%;padding:.65rem 2.5rem .65rem 2rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .3s}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-clear{position:absolute;left:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:2px;display:flex}.search-clear:hover{color:#333}.category-filter{padding:.65rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;min-width:160px;background:#fff;cursor:pointer}.category-filter:focus{outline:none;border-color:#2563eb}.products-count{font-size:.9rem;color:#666;white-space:nowrap}.products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#999;gap:1rem}.products-loading .loading-spinner{animation:pm-spin 1s linear infinite;color:#2563eb}@keyframes pm-spin{to{transform:rotate(360deg)}}.pm-btn-primary{background:linear-gradient(to right,#2563eb,#9333ea);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-size:.95rem}.pm-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.pm-btn-primary:disabled{opacity:.7;cursor:not-allowed}.pm-btn-sm{padding:.65rem 1.2rem;font-size:.9rem}.pm-btn-secondary{background-color:#e0e0e0;color:#333;border:none;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-family:inherit;font-size:.95rem;transition:background-color .3s ease}.pm-btn-secondary:hover:not(:disabled){background-color:#d0d0d0}.pm-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.pm-btn-dummy{width:100%;padding:.7rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-family:inherit}.pm-btn-dummy:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.pm-spinner{display:inline-block;animation:pm-spin .8s linear infinite}.pm-form-container{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.pm-form{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:700px;box-shadow:0 10px 40px #0003;max-height:90vh;overflow-y:auto}.pm-form h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 1.5rem}.pm-form-group{margin-bottom:1.25rem}.pm-form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.95rem}.pm-form-group input[type=text],.pm-form-group input[type=number],.pm-form-group input[type=file],.pm-form-group textarea,.pm-form-group select{width:100%;padding:.7rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .3s ease;background:#fff}.pm-form-group input:focus,.pm-form-group textarea:focus,.pm-form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pm-form-group textarea{resize:vertical;min-height:80px}.pm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pm-form-row-3{grid-template-columns:1fr 1fr 1fr}.pm-form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pm-form-actions button{flex:1}.pm-images-grid{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.pm-image-thumb{position:relative;width:90px;height:90px;border-radius:8px;overflow:hidden;border:2px solid #ddd}.pm-image-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pm-image-thumb.pm-image-new{border-color:#2563eb}.pm-image-remove{position:absolute;top:4px;left:4px;background:#ef4444e6;color:#fff;border:none;width:22px;height:22px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pm-image-remove:hover{background:#dc2626}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.pm-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.pm-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2563eb1f}.pm-card-image{width:100%;height:170px;overflow:hidden;background-color:#f8f9fa;position:relative;display:flex;align-items:center;justify-content:center}.pm-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pm-no-image{color:#ccc;display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:.8rem}.pm-image-count{position:absolute;bottom:8px;left:8px;background:#0009;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.pm-card-content{padding:1.25rem}.pm-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.pm-card-top h3{margin:0;font-size:1.1rem;font-weight:700;color:#1a1a1a;flex:1}.pm-status-badge{padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600;white-space:nowrap}.pm-status-badge.active{background-color:#d4edda;color:#155724}.pm-status-badge.inactive{background-color:#f8d7da;color:#721c24}.pm-card-desc{font-size:.85rem;color:#666;margin:.5rem 0;line-height:1.4;max-height:40px;overflow:hidden;text-overflow:ellipsis}.pm-card-meta{display:flex;gap:.4rem;flex-wrap:wrap;margin:.75rem 0}.pm-tag{padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500;background:#f0f0f0;color:#555}.pm-tag-category{background:#ede9fe;color:#6d28d9}.pm-tag-brand{background:#dbeafe;color:#1d4ed8}.pm-card-barcode{font-size:.8rem;color:#999;margin:0 0 .75rem;font-family:monospace}.pm-card-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.75rem;border-top:1px solid #f0f0f0}.pm-btn-icon{background:none;border:1px solid #ddd;width:36px;height:36px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#666}.pm-btn-icon:hover{border-color:#999;background-color:#f5f5f5}.pm-btn-icon.edit:hover{border-color:#2196f3;background-color:#e3f2fd;color:#1976d2}.pm-btn-icon.delete:hover{border-color:#f44336;background-color:#ffebee;color:#d32f2f}.pm-empty-state{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#999;font-size:1.1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.products-pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding:1rem 0}.pm-btn-page{padding:.5rem 1.25rem;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-weight:600;font-family:inherit;font-size:.9rem;color:#333;transition:all .2s}.pm-btn-page:hover:not(:disabled){border-color:#2563eb;color:#2563eb;background:#eff6ff}.pm-btn-page:disabled{opacity:.4;cursor:not-allowed}.pm-page-info{font-size:.9rem;color:#666}@media(max-width:768px){.products-management{padding:1rem}.products-header{flex-direction:column;align-items:flex-start;gap:1rem}.products-header h1{font-size:1.5rem}.pm-btn-primary{width:100%}.products-filters{flex-direction:column;align-items:stretch}.products-search-form,.category-filter{min-width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.pm-form{width:95%;max-width:95vw;padding:1.5rem 1rem}.pm-form-row,.pm-form-row-3{grid-template-columns:1fr}.pm-form-actions{flex-direction:column}.pm-card-image{height:140px}}@media(max-width:480px){.products-management{padding:.5rem}.products-header h1{font-size:1.2rem}.products-grid{grid-template-columns:1fr;gap:.75rem}.pm-card-image{height:120px}.pm-card-content{padding:1rem}.pm-form{width:98%;padding:1rem .75rem}.pm-image-thumb{width:70px;height:70px}}.categories-management{padding:2rem;max-width:1400px;margin:0 auto}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.categories-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}.btn-primary{background:linear-gradient(to right,#2563eb,#9333ea);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.spinner{display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.categories-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#999;gap:1rem}.categories-loading .loading-spinner{animation:spin 1s linear infinite;color:#2563eb}.btn-secondary{background-color:#e0e0e0;color:#333;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.btn-secondary:hover:not(:disabled){background-color:#d0d0d0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.category-form-container{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;margin:0;padding:0}.category-form{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:600px;box-shadow:0 10px 40px #0003;max-height:90vh;overflow-y:auto}.category-form h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem}.btn-dummy-data{width:100%;padding:.75rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-dummy-data:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.95rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=color],.form-group input[type=file],.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .3s ease}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=color]:focus,.form-group input[type=file]:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.color-picker-wrapper{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.color-picker-wrapper:hover{border-color:#2563eb;background:#f0f4ff}.color-input{width:60px;height:50px;border:2px solid #ddd;border-radius:6px;cursor:pointer;transition:all .3s ease}.color-input:hover{border-color:#2563eb;box-shadow:0 0 10px #2563eb33}.color-preview{width:50px;height:50px;border-radius:6px;border:2px solid #ddd;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.color-preview:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.color-code{font-family:Courier New,monospace;font-size:.85rem;font-weight:600;color:#333;min-width:75px;text-align:center}.color-presets{grid-column:1 / -1;display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.preset-color{width:40px;height:40px;border-radius:6px;border:2px solid #ddd;cursor:pointer;transition:all .3s ease}.preset-color:hover{border-color:#333;transform:scale(1.15);box-shadow:0 4px 12px #0003}.image-preview{margin-top:1rem;border-radius:6px;overflow:hidden;border:2px solid #ddd}.image-preview img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.95rem;transition:all .3s ease}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.category-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #2563eb26;border-top:3px solid;-o-border-image:linear-gradient(to right,#2563eb,#9333ea) 1;border-image:linear-gradient(to right,#2563eb,#9333ea) 1}.category-image{width:100%;height:200px;overflow:hidden;background-color:#f5f5f5}.category-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.category-content{padding:1.5rem}.category-header-info{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.category-header-info h3{margin:0;font-size:1.2rem;font-weight:700;color:#1a1a1a;flex:1}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.category-description{font-size:.9rem;color:#666;margin:.75rem 0;line-height:1.4;max-height:60px;overflow:hidden;text-overflow:ellipsis}.category-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:1rem 0}.stat{display:flex;justify-content:space-between;align-items:center}.stat .label{font-size:.85rem;color:#999;font-weight:500}.stat .value{font-size:1.2rem;font-weight:700;color:#1a1a1a}.category-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-icon{background:none;border:1px solid #ddd;width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-icon:hover{border-color:#999;background-color:#f5f5f5}.btn-icon.edit:hover{border-color:#2196f3;background-color:#e3f2fd}.btn-icon.toggle:hover{border-color:#4caf50;background-color:#f1f8e9}.btn-icon.delete:hover{border-color:#f44336;background-color:#ffebee}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#999;font-size:1.1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.categories-loading{text-align:center;padding:2rem;color:#999}@media(max-width:768px){.categories-management{padding:1rem}.categories-header{flex-direction:column;align-items:flex-start;gap:1rem}.categories-header h1{font-size:1.5rem}.btn-primary{width:100%;padding:.75rem 1rem;font-size:.95rem}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.category-form{width:95%;max-width:90vw;padding:1.5rem 1rem;border-radius:8px}.category-form h2{font-size:1.25rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{font-size:16px}.form-row{grid-template-columns:1fr}.color-picker-wrapper{flex-direction:column;align-items:stretch}.color-input,.color-preview{width:100%;height:60px}.color-code{min-width:100%;padding:.5rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions button{padding:.75rem 1rem;font-size:.95rem}.category-image{height:150px}.category-content{padding:1rem}.category-header-info{flex-direction:column;gap:.5rem}.category-header-info h3{font-size:1rem}.status-badge{font-size:.7rem;padding:.2rem .5rem}.category-stats{gap:.75rem}.stat .label{font-size:.8rem}.stat .value{font-size:1rem}.category-actions{justify-content:space-around}.btn-icon{width:32px;height:32px;font-size:1rem}}@media(max-width:600px){.categories-management{padding:.75rem}.categories-header{margin-bottom:1.5rem}.categories-header h1{font-size:1.3rem}.categories-grid{grid-template-columns:1fr;gap:.75rem}.category-card{border-radius:8px}.category-image{height:120px}.category-content{padding:.75rem}.category-header-info h3{font-size:.95rem}.category-description{font-size:.85rem;margin:.5rem 0}.category-stats{grid-template-columns:1fr;gap:.5rem;padding:.75rem 0}.stat{justify-content:space-between}.stat .label{font-size:.75rem}.stat .value{font-size:.95rem}.btn-icon{width:28px;height:28px;font-size:.9rem}.category-form{padding:1.25rem .75rem}.category-form h2{font-size:1.1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.btn-dummy-data{padding:.6rem;font-size:.9rem;margin-bottom:1rem}}@media(max-width:480px){.categories-management{padding:.5rem}.categories-header h1{font-size:1.1rem}.btn-primary{padding:.6rem 1rem;font-size:.9rem}.categories-grid{grid-template-columns:1fr;gap:.5rem}.category-image{height:100px}.category-content{padding:.6rem}.category-header-info h3{font-size:.9rem}.status-badge{font-size:.65rem}.category-actions{gap:.25rem}.btn-icon{width:26px;height:26px;font-size:.8rem;padding:.25rem}.category-form{width:98%;max-width:98vw;padding:1rem .75rem}.category-form h2{font-size:1rem}.form-group input,.form-group textarea{padding:.6rem}.form-actions{gap:.5rem}.form-actions button{padding:.6rem;font-size:.85rem}.empty-state{padding:2rem .5rem;font-size:.95rem}}