/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-ease:initial;--tw-content:""}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{border-width:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.left-1\/2,.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[100\]{z-index:100}.container{width:100%}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.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-screen{max-height:100vh}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-3\/4{width:75%}.w-\[--sidebar-width\]{width:--sidebar-width}.w-\[1px\]{width:1px}.w-\[100px\]{width:100px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.max-w-\[--skeleton-width\]{max-width:--skeleton-width}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.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{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-x-px{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px}.-translate-y-1\/2,.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.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}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[2px\]{border-radius:2px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e+38px}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[--color-border\]{border-color:--color-border}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[--color-bg\]{background-color:--color-bg}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-\[1px\]{padding:1px}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.lowercase{text-transform:lowercase}.italic{font-style:italic}.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,)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.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-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)))}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\],.shadow-none{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.ring,.ring-0{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{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-duration:var(--tw-duration,0s);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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease)}.transition-\[left\,right\,width\]{transition-duration:var(--tw-duration,0s);transition-property:left,right,width;transition-timing-function:var(--tw-ease,ease)}.transition-\[margin\,opa\]{transition-duration:var(--tw-duration,0s);transition-property:margin,opa;transition-timing-function:var(--tw-ease,ease)}.transition-\[width\,height\,padding\]{transition-duration:var(--tw-duration,0s);transition-property:width,height,padding;transition-timing-function:var(--tw-ease,ease)}.transition-\[width\]{transition-duration:var(--tw-duration,0s);transition-property:width;transition-timing-function:var(--tw-ease,ease)}.transition-all{transition-duration:var(--tw-duration,0s);transition-property:all;transition-timing-function:var(--tw-ease,ease)}.transition-colors{transition-duration:var(--tw-duration,0s);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-opacity{transition-duration:var(--tw-duration,0s);transition-property:opacity;transition-timing-function:var(--tw-ease,ease)}.transition-transform{transition-duration:var(--tw-duration,0s);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *),.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]:is(:where(.group)[data-collapsible=icon] *){width:--sidebar-width-icon}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]:is(:where(.peer)[data-variant=inset]~*){min-height:calc(100svh - 1rem)}.file\:border-0::-webkit-file-upload-button{border-style:var(--tw-border-style);border-width:0}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:#0000}.file\:bg-transparent::file-selector-button{background-color:#0000}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}@media (hover:hover){.hover\:underline:hover{-webkit-text-decoration-line:underline;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 var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:opacity-100:focus{opacity:1}.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-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}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled,.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:opacity-30[aria-selected=true]{opacity:.3}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.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-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.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{--tw-translate-y:-50%;content:var(--tw-content);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer,.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none;outline-style:none}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize,[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}@layer base{:root{--background:220 15% 97%;--foreground:220 15% 15%;--card:0 0% 100%;--card-foreground:220 15% 15%;--popover:0 0% 100%;--popover-foreground:220 15% 15%;--primary:210 85% 55%;--primary-foreground:0 0% 98%;--secondary:210 20% 90%;--secondary-foreground:220 15% 25%;--muted:210 20% 92%;--muted-foreground:220 15% 45%;--accent:210 25% 88%;--accent-foreground:220 15% 25%;--destructive:0 84% 60%;--destructive-foreground:0 0% 98%;--border:210 20% 85%;--input:210 20% 85%;--ring:210 85% 55%;--gradient-primary:linear-gradient(135deg,#2b8cee,#5ad8f2);--gradient-card:linear-gradient(145deg,#fff,#f0f2f5);--shadow-glow:0 0 40px #2b8cee4d;--shadow-card:0 10px 30px -10px #2b8cee26;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--radius:.5rem}}@layer utilities{.gradient-primary{background:var(--gradient-primary)}.gradient-card{background:var(--gradient-card)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-card{box-shadow:var(--shadow-card)}.transition-smooth{transition:var(--transition-smooth)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:#0000}}@media print{@page{size:A4;margin:0}.print-only{display:block!important}.no-print{display:none!important}.id-card-print{border:none!important;box-shadow:none!important;height:53.98mm;width:85.6mm}.print-page{align-items:center;background:#fff!important;display:flex;height:100vh;justify-content:center;width:100vw}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:auto;margin:0;overflow:hidden auto!important;overscroll-behavior:auto}body,html{min-height:100vh}html{-webkit-overflow-scrolling:touch;overflow-x:hidden}#root{min-height:100vh;overflow:hidden visible!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@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-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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}.App{box-sizing:border-box;max-width:100vw;overflow-x:hidden;overflow-y:visible!important;padding:8px}body{-webkit-overflow-scrolling:touch!important;height:auto!important;max-width:100vw!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:auto!important;pointer-events:auto!important;scroll-padding-top:70px}body::-webkit-scrollbar{display:block!important;width:12px}body::-webkit-scrollbar-track{background:#f1f1f1}body::-webkit-scrollbar-thumb{background:#888;border-radius:6px}body::-webkit-scrollbar-thumb:hover{background:#555}html{-webkit-overflow-scrolling:touch!important;max-width:100vw!important;scroll-padding-top:70px}.app-content-with-navbar,html{height:auto!important;overflow-x:hidden!important;overflow-y:visible!important}.app-content-with-navbar{box-sizing:border-box;margin-left:200px;margin-top:calc(70px + env(safe-area-inset-top, 0));max-height:none!important;max-width:calc(100% - 200px);min-height:auto!important;padding:20px;position:relative;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 200px)}@media (max-width:768px){.app-content-with-navbar{margin-left:0;margin-top:calc(50px + env(safe-area-inset-top, 0));max-width:100%;width:100%}}.app-content-with-navbar>*{box-sizing:border-box;max-width:100%!important;overflow-x:hidden;overflow-y:visible!important}.app-content-with-navbar *{box-sizing:border-box;max-width:100%}.app-content-with-navbar *,.products-container *,.products-page *{-ms-overflow-style:none!important;height:auto!important;max-height:none!important;overflow-y:visible!important;scrollbar-width:none!important}.app-content-with-navbar ::-webkit-scrollbar,.products-container ::-webkit-scrollbar,.products-page ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.app-content-with-navbar,.products-container,.products-page{-ms-overflow-style:none!important;height:auto!important;max-height:none!important;min-height:auto!important;scrollbar-width:none!important}.app-content-with-navbar::-webkit-scrollbar,.products-container::-webkit-scrollbar,.products-page::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.login-modal-content,.product-modal-body,.product-modal-overlay{overflow-y:auto!important}@media (max-width:768px){.app-content-with-navbar{margin-left:0!important;max-width:100%!important;padding:10px 10px 80px!important;width:100%!important}}@media (max-width:480px){.app-content-with-navbar{margin-left:0!important;max-width:100%!important;padding:8px 8px 80px!important;width:100%!important}}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;margin:-8px -8px 20px;padding:15px 20px}.app-header,.app-header-cv{justify-content:space-between}.app-header-cv{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none;box-shadow:0 4px 15px #0003;box-sizing:border-box;color:#fff!important;display:flex!important;flex-shrink:0;left:0;margin:0;max-width:100%;min-height:80px;opacity:1!important;padding:24px 20px 12px;position:fixed;right:0;top:var(--header-height,70px);visibility:visible!important;width:100%;z-index:999}.app-header-cv h1{color:#fff;font-size:24px;font-weight:700;margin:0}.app-content-with-navbar .app-header-cv{left:200px;width:calc(100% - 200px)}.id-card-print-content-wrapper{margin-top:calc(var(--header-height, 80px) + 136px);padding-bottom:1rem;padding-left:0;padding-right:0}.app-content-with-navbar .id-card-print-content-wrapper{padding-left:0;padding-right:0}@media (max-width:768px){.app-content-with-navbar .app-header-cv{left:0!important;width:100%!important}.id-card-print-content-wrapper{padding-left:.5rem;padding-right:.5rem}}@media (max-width:480px){.app-content-with-navbar .app-header-cv{left:0!important;width:100%!important}.id-card-print-content-wrapper{padding-left:.5rem;padding-right:.5rem}}.template-selector{align-items:center;display:flex!important;flex-shrink:0;gap:8px;visibility:visible!important}.template-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:8px 16px;transition:all .3s ease}.template-button:hover{background:#ffffff4d;border-color:#ffffff80}.template-button.active{background:#fff6;border-color:#fff9;box-shadow:0 2px 8px #0003;font-weight:600}.app-header h1,.app-header-cv h1{color:#fff;font-size:24px;font-weight:700;margin:0}.header-actions{align-items:center;display:flex!important;flex-shrink:0;gap:8px;visibility:visible!important}.auto-save-status{align-items:center;display:flex;gap:.5rem}.status-indicator{animation:fadeIn .3s ease;border-radius:15px;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.status-indicator.success{background:#28a74533;border:1px solid #28a7454d;color:#28a745}.status-indicator.warning{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.status-indicator.error{background:#dc354533;border:1px solid #dc35454d;color:#dc3545}.back-to-dashboard-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.back-to-dashboard-button:hover{background:#ffffff4d;border-color:#ffffff80}.logout-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.logout-button:hover{background:#ffffff4d;border-color:#ffffff80}.cv-action-buttons{display:flex;gap:15px;margin-bottom:10px;margin-top:10px;padding:15px 20px}.cv-action-buttons,.preview-a4-button{align-items:center;justify-content:center}.preview-a4-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;letter-spacing:.3px;min-width:200px;overflow:hidden;padding:14px 32px;position:relative;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-a4-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.preview-a4-button:hover:before{left:100%}.preview-a4-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.preview-a4-button:active{box-shadow:0 2px 10px #667eea66;transform:translateY(0)}.preview-a4-button:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}@media (max-width:768px){.cv-action-buttons{margin-bottom:10px;margin-top:8px;padding:10px 15px}.preview-a4-button{font-size:14px;min-width:180px;padding:12px 24px}}@media (max-width:480px){.cv-action-buttons{margin-bottom:8px;margin-top:5px;padding:8px 10px}.preview-a4-button{font-size:13px;min-width:160px;padding:10px 20px;width:100%}}.container{display:flex;flex-direction:column;gap:20px;height:auto;margin-top:170px;min-height:calc(100vh - 120px);overflow:visible;padding-top:10px}.left-container,.right-container{background-color:#f0f0f0;border:2px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1;padding:8px}.left-container{display:flex;flex-direction:column;gap:5px;width:100%}.left-container,.right-container{background-color:#fff;overflow:visible}.right-container{display:none}h2{color:#333;margin-top:0}p{color:#666;line-height:1.5}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:1rem;width:40px}.loading-container p{font-size:1.2rem;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.container{gap:15px}.left-container,.right-container{padding:10px}}@media (max-width:1024px){.container{flex-direction:column;gap:15px}.left-container,.right-container{padding:10px;width:100%}.app-header-cv{flex-wrap:wrap;gap:10px;padding:12px 18px}.app-header-cv h1{font-size:22px}.template-selector{flex-wrap:wrap;gap:6px}.template-button{font-size:12px;min-width:80px;padding:6px 12px}.header-actions{flex-wrap:wrap;gap:6px}.status-indicator{font-size:.75rem;padding:.25rem .6rem}.back-to-dashboard-button{font-size:12px;padding:6px 12px}}@media (max-width:768px){.App{padding:4px}.app-header-cv{align-items:flex-start;flex-direction:column;gap:12px;left:0;margin:0;min-height:auto;padding:20px 15px 12px;top:70px;width:100%}.container{padding-top:10px}.app-header-cv h1{font-size:20px;margin:0;width:100%}.template-selector{gap:6px;justify-content:flex-start;width:100%}.template-button{flex:1;font-size:11px;max-width:120px;min-width:70px;padding:6px 10px}.header-actions{flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.auto-save-status{flex:1;justify-content:center;min-width:100%}.status-indicator{font-size:.7rem;padding:.3rem .6rem}.back-to-dashboard-button{font-size:12px;padding:8px 16px;width:100%}.container{flex-direction:column;gap:15px;height:auto;margin-top:230px;padding:10px 0 0}.left-container,.right-container{border-radius:6px;box-shadow:0 1px 3px #0000001a;margin:0;padding:12px;width:100%}.left-container{max-height:none;overflow-x:hidden;overflow-y:auto}.right-container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:auto}.template1-container.right-container,.template2-container.right-container,.template3-container.right-container,.template4-container.right-container{overflow-x:auto!important;overflow-y:auto!important}}@media (max-width:480px){.App{padding:2px}.app-header-cv{gap:10px;left:0;margin:0;min-height:auto;padding:18px 12px 10px;top:70px;width:100%}.app-header-cv h1{font-size:18px;line-height:1.3}.template-selector{gap:4px;width:100%}.template-button{flex:1;font-size:10px;max-width:100px;min-width:60px;padding:5px 8px}.header-actions{gap:6px;width:100%}.status-indicator{font-size:.65rem;padding:.25rem .5rem;white-space:nowrap}.back-to-dashboard-button{font-size:11px;padding:6px 12px;width:100%}.container{gap:10px;margin-top:250px;padding:10px 0 0}.left-container,.right-container{border-radius:4px;border-width:1px;padding:8px}.left-container{overflow-x:hidden}.right-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.template1-container .preview-controls,.template2-container .preview-controls,.template3-container .preview-controls,.template4-container .preview-controls{display:block!important;opacity:1!important;visibility:visible!important}.template1-container .preview-a4-button,.template2-container .preview-a4-button,.template3-container .preview-a4-button,.template4-container .preview-a4-button{display:inline-flex!important;opacity:1!important;visibility:visible!important}}@media (max-width:360px){.app-header-cv{gap:8px;left:0;margin:0;padding:16px 10px 10px;top:70px;width:100%}.app-header-cv h1{font-size:16px}.template-button{font-size:9px;min-width:50px;padding:4px 6px}.status-indicator{font-size:.6rem;padding:.2rem .4rem}.back-to-dashboard-button{font-size:10px;padding:5px 10px}.left-container,.right-container{padding:6px}}.admin-panel{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:2rem}.admin-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.admin-header h1{font-size:2.5rem;font-weight:700;margin:0}.admin-back-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:15px;padding:8px 16px;transition:all .3s ease;width:auto}.admin-back-button:hover{background-color:#e0e0e0;color:#333}.admin-actions{display:flex;gap:1rem}.admin-nav-button,.create-cv-button,.logout-button,.refresh-button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.admin-nav-button:hover{background:#ffffff4d;transform:translateY(-1px)}.create-cv-button{background:linear-gradient(135deg,#28a745,#20c997);border:1px solid #28a7454d;font-weight:600}.create-cv-button:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.logout-button:hover,.refresh-button:hover{background:#ffffff4d;transform:translateY(-1px)}.refresh-button:disabled{background:#ffffff1a;cursor:not-allowed;transform:none}.admin-stats{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.stat-card h3{color:#666;font-size:1rem;font-weight:500;margin-bottom:.5rem}.stat-number{color:#333;font-size:2rem;font-weight:700;margin:0}.admin-section{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem;padding:2rem}.admin-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.admin-search-section{justify-content:space-between;margin-bottom:1.5rem}.admin-search-section,.admin-search-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.admin-table{overflow-x:auto}.admin-table table{background:#fff;border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.admin-table th{background:#f8f9fa;color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-table td{color:#666;font-size:.9rem}.admin-table tr:hover{background:#f8f9fa}.admin-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.admin-badge.admin{background:#28a745;color:#fff}.admin-badge.user{background:#6c757d;color:#fff}.admin-badge.shopkeeper{background:#ffc107;color:#333}.delete-button,.toggle-admin-button{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;margin-right:.5rem;padding:.25rem .5rem;transition:all .3s ease}.toggle-admin-button{background:#667eea;color:#fff}.toggle-admin-button:hover{background:#5a6fd8;transform:translateY(-1px)}.delete-button{background:#dc3545;color:#fff}.delete-button:hover{background:#c82333;transform:translateY(-1px)}.admin-access-denied,.admin-login-required{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;margin:0 auto;max-width:500px;padding:3rem;text-align:center}.admin-access-denied h2,.admin-login-required h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.admin-access-denied p,.admin-login-required p{color:#666;margin-bottom:2rem}@media (max-width:1024px){.admin-panel{padding:1.5rem}.admin-header h1{font-size:2rem}.admin-actions{flex-wrap:wrap;justify-content:center}.admin-table{font-size:.85rem}}@media (max-width:768px){.admin-panel{padding:1rem}.admin-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.admin-back-button{font-size:.9rem;margin-bottom:10px;padding:.75rem 1rem;width:100%}.admin-header h1{font-size:1.75rem;margin:0}.admin-actions{flex-direction:column;gap:.75rem;width:100%}.admin-nav-button,.logout-button,.refresh-button{font-size:.9rem;padding:.75rem 1rem;width:100%}.admin-stats{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.stat-card{padding:1.25rem}.stat-card h3{font-size:.9rem}.stat-number{font-size:1.75rem}.admin-section{margin-bottom:1.5rem;padding:1.5rem}.admin-section h2{font-size:1.25rem;margin-bottom:1rem}.admin-search-section{align-items:stretch!important;flex-direction:column!important}.admin-search-wrapper{flex-direction:column!important;gap:.75rem!important;width:100%}.admin-section input[type=text]{font-size:.9rem!important;min-width:100%!important}.admin-section button[style*=Clear],.admin-section input[type=text]{padding:.75rem!important;width:100%!important}.admin-table{-webkit-overflow-scrolling:touch;display:block;font-size:.75rem;overflow-x:auto}.admin-table table{display:table;min-width:800px}.admin-table td,.admin-table th{font-size:.75rem;padding:.5rem .4rem;white-space:nowrap}.admin-table th{font-size:.7rem;padding:.6rem .4rem}.admin-table td>div{align-items:flex-start!important;flex-direction:column!important;gap:.5rem!important;min-width:100px}.admin-table td>div>span{display:block;font-size:.85rem!important;width:100%}.admin-table td>div>input[type=number]{font-size:.8rem!important;max-width:100px!important;padding:.4rem .5rem!important;width:100%!important}.admin-table td>div>button{font-size:.75rem!important;max-width:100px!important;padding:.4rem .75rem!important;width:100%!important}.admin-table td:last-child{min-width:120px}.delete-button,.toggle-admin-button{display:block;font-size:.75rem!important;margin:.25rem 0!important;padding:.5rem .75rem!important;width:100%}.admin-badge{font-size:.7rem;padding:.2rem .4rem}}@media (max-width:480px){.admin-header,.admin-panel{padding:.75rem}.admin-header h1{font-size:1.5rem}.admin-section{padding:1rem}.admin-section h2{font-size:1.1rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.admin-table{font-size:.7rem}.admin-table td,.admin-table th{font-size:.7rem;padding:.4rem .3rem}.admin-table th{font-size:.65rem;padding:.5rem .3rem}.admin-table td input[type=number]{font-size:.75rem!important;padding:.35rem .4rem!important;width:60px!important}.admin-table td button{font-size:.7rem!important;padding:.35rem .6rem!important}.admin-badge{font-size:.65rem;padding:.15rem .3rem}.delete-button,.toggle-admin-button{font-size:.7rem!important;padding:.4rem .6rem!important}}@media (max-width:360px){.admin-panel{padding:.5rem}.admin-header h1{font-size:1.25rem}.admin-nav-button,.logout-button,.refresh-button{font-size:.85rem;padding:.65rem .85rem}.admin-table table{min-width:700px}.admin-table td,.admin-table th{font-size:.65rem;padding:.35rem .25rem}}:root{--header-height:70px;--header-height-mobile:56px}.app-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #00000014;display:flex;height:calc(var(--header-height) + env(safe-area-inset-top, 0));left:0;margin-top:0;min-height:70px;overflow:visible;padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;width:100%;z-index:10000}@media (max-width:768px){.app-header{box-shadow:0 1px 3px #0000001a;height:calc(50px + env(safe-area-inset-top, 0))!important;left:0;min-height:50px;padding-top:env(safe-area-inset-top,0);width:100%}}@media (max-width:480px){.app-header{height:calc(50px + env(safe-area-inset-top, 0))!important;left:0;padding-top:env(safe-area-inset-top,0);width:100%}}.header-container{align-items:center;display:flex;gap:2rem;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;overflow:visible;padding:0 2rem 0 calc(200px + 2rem);position:relative;width:100%}@media (max-width:768px){.header-container{gap:.5rem;height:50px;max-width:100%;min-height:50px;padding:0 .75rem!important}}.header-left{align-items:center;display:flex;flex-shrink:0;gap:1rem;margin-left:0}@media (max-width:768px){.header-left{flex:1;justify-content:flex-start}}.glory-logo{cursor:pointer;left:-10px;margin-left:0;max-height:38px;max-width:100px;min-height:22px;object-fit:contain;padding:5px 0;position:absolute;top:50%;transform:translateY(-40%);transition:all .2s ease;width:auto;z-index:10}@media (max-width:768px){.glory-logo{height:24px!important;left:-5px!important;margin-left:0!important;max-height:32px!important;max-width:85px!important;min-height:20px!important;padding:2px 0!important;position:absolute!important;top:50%!important;transform:translateY(-35%)!important;width:auto!important}}.glory-logo:hover{opacity:.8}.logo{align-items:center;color:#333;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;transition:opacity .2s ease}.logo:hover{opacity:.8}.logo-icon{font-size:1.5rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.header-center{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}@media (max-width:768px){.header-center{display:none!important}}.header-navigation{align-items:center;display:flex;gap:.5rem}.header-products-navigation{gap:1rem}.header-products-nav-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;height:42px;padding:.6rem 1.5rem;transition:all .3s ease;white-space:nowrap}.header-products-nav-button:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.header-products-nav-button:active{transform:translateY(0)}.header-products-nav-button .nav-icon{display:inline-block;font-size:1.2rem;transition:transform .3s ease}.header-products-nav-button:hover .nav-icon{transform:scale(1.15)}.header-products-nav-button .nav-text{font-size:.9rem;font-weight:600}.nav-button{background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.nav-button:hover{background:#f3f4f6;border-color:#d1d5db;color:#333}.nav-button.active{background:#667eea;border-color:#667eea;color:#fff;font-weight:600}.nav-button.active:hover{background:#5568d3;border-color:#5568d3}.product-switcher-header{background:#f3f4f6;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.product-switch-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.product-switch-btn:hover{background:#ffffff80;color:#333}.product-switch-btn.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#667eea;font-weight:600}.header-dropdown{display:inline-block;position:relative}.header-dropdown-toggle{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.header-dropdown-toggle:hover{background:#f3f4f6;border-color:#d1d5db;color:#333}.dropdown-arrow{font-size:.7rem;transition:transform .2s ease}.header-dropdown-menu{animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:180px;overflow:hidden;position:absolute;top:calc(100% + .5rem);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-item{background:#0000;border:none;border-bottom:1px solid #f3f4f6;color:#333;cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.header-dropdown-item:last-child{border-bottom:none}.header-dropdown-item:hover{background:#f3f4f6;color:#667eea}.header-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem;margin-left:auto}@media (max-width:768px){.header-right{gap:.5rem}}.admin-btn-header{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b4d}.admin-btn-header,.shopkeeper-btn-header{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:42px;padding:.6rem 1.5rem;transition:all .3s ease;white-space:nowrap}.shopkeeper-btn-header{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d}.shopkeeper-btn-header:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}@media (max-width:768px){.admin-btn-header,.shopkeeper-btn-header{border-radius:5px!important;font-size:.75rem!important;font-weight:600!important;height:28px!important;padding:.25rem .6rem!important}}.admin-btn-header:hover{background:linear-gradient(135deg,#eab308,#b45309);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.admin-btn-header:active{transform:translateY(0)}.signin-btn-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 6px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:42px;padding:.6rem 1.5rem;transition:all .3s ease;white-space:nowrap}.signin-btn-header:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.signin-btn-header:active{transform:translateY(0)}.logout-btn-header{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 6px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:42px;padding:.6rem 1.5rem;transition:all .3s ease;white-space:nowrap}.logout-btn-header:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.logout-btn-header:active{transform:translateY(0)}.install-btn-header{align-items:center;animation:pulse-install 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 6px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;height:42px;padding:.6rem 1.25rem;transition:all .3s ease;white-space:nowrap}@media (max-width:768px){.install-btn-header{border-radius:5px!important;font-size:.75rem!important;font-weight:600!important;height:28px!important;padding:.25rem .6rem!important}}@keyframes pulse-install{0%,to{box-shadow:0 2px 6px #667eea4d}50%{box-shadow:0 4px 15px #667eea80}}.install-btn-header:hover{animation:none;background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 15px #667eea80;transform:translateY(-2px)}.install-btn-header:active{transform:translateY(0)}.install-icon{font-size:1.1rem}.install-text{font-size:.9rem;font-weight:600}.cart-btn-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 6px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;height:42px;padding:.6rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}@media (max-width:768px){.cart-btn-header{border-radius:5px!important;font-size:.75rem!important;font-weight:600!important;height:28px!important;padding:.25rem .6rem!important}.cart-btn-header .cart-badge{font-size:.55rem!important;height:14px!important;position:absolute!important;right:-4px!important;top:-4px!important;width:14px!important}}.cart-btn-header:hover{background:linear-gradient(135deg,#34d399,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.cart-btn-header:active{transform:translateY(0)}.cart-icon{flex-shrink:0;font-size:1.25rem}.cart-text{font-size:1rem;font-weight:600;white-space:nowrap}.cart-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:-6px;top:-6px;width:22px}.header-auth-status{color:#6b7280;font-size:.875rem}@media (max-width:768px){.app-header{height:calc(56px + env(safe-area-inset-top, 0))!important;min-height:calc(56px + env(safe-area-inset-top, 0));padding-top:env(safe-area-inset-top,0)}.header-container{flex-wrap:nowrap;gap:.75rem;justify-content:space-between;min-height:56px;padding:0 1rem!important}.header-left{flex:0 0 auto;gap:.5rem;margin-left:0;min-width:0}.glory-logo{height:24px;left:-5px;margin-left:0;max-height:32px;max-width:85px;min-height:20px;padding:2px 0;position:absolute;top:50%;transform:translateY(-35%)}.logo{font-size:1.1rem;gap:.4rem}.logo-icon{font-size:1.3rem}.logo-text{display:none}.header-center{border-top:1px solid #e5e7eb;margin-top:.5rem;order:3;padding-top:.5rem;width:100%}.header-navigation{flex-wrap:wrap;gap:.25rem;justify-content:center;width:100%}.header-products-navigation{flex-wrap:wrap;gap:.5rem}.nav-button{text-align:center}.header-products-nav-button,.nav-button{flex:1;font-size:.8rem;min-width:0;padding:.4rem .75rem}.header-products-nav-button{gap:.4rem}.header-products-nav-button .nav-icon{flex-shrink:0;font-size:1rem}.header-products-nav-button .nav-text{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{flex-shrink:0;gap:.75rem}.header-dropdown{display:flex}.header-dropdown,.header-dropdown-toggle{justify-content:center;width:100%}.header-dropdown-menu{left:50%;min-width:200px;transform:translateX(-50%)}.product-switcher-header{gap:.25rem;justify-content:center;padding:.2rem;width:100%}.product-switch-btn{flex:1;font-size:.8rem;min-width:0;padding:.4rem .75rem;text-align:center}.admin-btn-header,.cart-btn-header,.install-btn-header,.logout-btn-header,.signin-btn-header{font-size:.75rem;font-weight:600;height:28px;padding:.25rem .6rem}.header-auth-status{font-size:.75rem}}@media (max-width:480px){.app-header{height:52px!important;min-height:52px}.header-container{flex-wrap:nowrap;gap:.5rem;min-height:52px;padding:0 .75rem!important}.header-left{flex:0 0 auto;gap:.5rem;margin-left:0;min-width:0}.glory-logo{height:22px;left:165px;max-width:70px;position:absolute;top:50%;transform:translateY(-35%)}.logo{font-size:.9rem;gap:.35rem;min-width:0}.logo-icon{flex-shrink:0;font-size:1.1rem}.logo-text{display:none}.header-center{border-top:1px solid #e5e7eb;margin-top:.5rem;order:3;padding-top:.5rem;width:100%}.header-navigation{flex-wrap:wrap;gap:.25rem}.nav-button{flex:1;font-size:.75rem;min-width:0;padding:.4rem .6rem;text-align:center}.header-products-navigation{flex-wrap:wrap;gap:.25rem}.header-products-nav-button{flex:1;font-size:.75rem;gap:.3rem;min-width:0;padding:.4rem .6rem}.header-products-nav-button .nav-icon{flex-shrink:0;font-size:.9rem}.header-products-nav-button .nav-text{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{flex-shrink:0;gap:.5rem}.product-switch-btn{font-size:.7rem;padding:.35rem .5rem}.admin-btn-header,.cart-btn-header,.logout-btn-header,.signin-btn-header{font-size:.8rem;padding:.5rem .75rem;white-space:nowrap}.cart-text{font-size:.8rem}.header-dropdown-toggle{font-size:.75rem;padding:.4rem .6rem}.header-dropdown-menu{left:auto;min-width:160px;right:0;transform:none}.header-auth-status{display:none}}@media (max-width:375px){.app-header{height:50px!important;min-height:50px}.header-container{gap:.4rem;min-height:50px;padding:0 .5rem!important}.glory-logo{height:20px;left:-5px;max-height:28px;max-width:75px;min-height:18px}.logo{font-size:.85rem;gap:.3rem}.logo-icon{font-size:1rem}.header-center{margin-top:.4rem;padding-top:.4rem}.header-products-nav-button,.nav-button{font-size:.7rem;padding:.35rem .5rem}.header-products-nav-button{gap:.25rem}.header-products-nav-button .nav-icon{font-size:.85rem}.header-products-nav-button .nav-text{font-size:.7rem}.admin-btn-header,.cart-btn-header,.logout-btn-header,.signin-btn-header{font-size:.75rem;padding:.45rem .65rem}.cart-text{font-size:.75rem}.header-right{gap:.4rem}.product-switcher-header{gap:.2rem;padding:.15rem}.product-switch-btn{font-size:.65rem;padding:.3rem .45rem}.header-dropdown-toggle{font-size:.7rem;padding:.35rem .5rem}.header-dropdown-menu{min-width:150px}.header-dropdown-item{font-size:.8rem;padding:.6rem .75rem}}@media (max-width:360px){.app-header{height:48px!important;min-height:48px}.header-container{gap:.35rem;min-height:48px;padding:0 .45rem!important}.glory-logo{height:18px;left:-5px;max-height:26px;max-width:70px;min-height:16px}.logo{font-size:.8rem;gap:.25rem}.logo-icon{font-size:.95rem}.header-center{margin-top:.35rem;padding-top:.35rem}.header-products-nav-button,.nav-button{font-size:.65rem;padding:.3rem .45rem}.header-products-nav-button{gap:.2rem}.header-products-nav-button .nav-icon{font-size:.8rem}.header-products-nav-button .nav-text{font-size:.65rem}.admin-btn-header,.cart-btn-header,.logout-btn-header,.signin-btn-header{font-size:.7rem;padding:.4rem .6rem}.cart-text{font-size:.7rem}.header-right{gap:.35rem}.product-switch-btn{font-size:.6rem;padding:.25rem .4rem}.header-dropdown-toggle{font-size:.65rem;padding:.3rem .45rem}.header-dropdown-menu{min-width:140px}.header-dropdown-item{font-size:.75rem;padding:.55rem .65rem}}@media (max-width:320px){.app-header{height:46px!important;min-height:46px}.header-container{gap:.3rem;min-height:46px;padding:0 .4rem!important}.glory-logo{height:16px;left:-4px;max-height:24px;max-width:65px;min-height:14px}.logo{font-size:.75rem;gap:.2rem}.logo-icon{font-size:.9rem}.header-center{margin-top:.3rem;padding-top:.3rem}.header-navigation{gap:.2rem}.nav-button{font-size:.6rem;min-width:0;padding:.3rem .4rem}.header-products-navigation{gap:.2rem}.header-products-nav-button{font-size:.6rem;gap:.15rem;min-width:0;padding:.3rem .4rem}.header-products-nav-button .nav-icon{font-size:.75rem}.header-products-nav-button .nav-text{display:none;font-size:.6rem}.admin-btn-header,.cart-btn-header,.logout-btn-header,.signin-btn-header{font-size:.65rem;padding:.35rem .5rem}.cart-text{font-size:.65rem}.header-right{gap:.3rem}.product-switcher-header{gap:.15rem;padding:.1rem}.product-switch-btn{font-size:.55rem;padding:.25rem .35rem}.header-dropdown-toggle{font-size:.6rem;padding:.3rem .4rem}.header-dropdown-menu{min-width:130px;right:0}.header-dropdown-item{font-size:.7rem;padding:.5rem .6rem}.admin-btn-header,.cart-btn-header,.header-products-nav-button,.logout-btn-header,.nav-button,.signin-btn-header,button{-webkit-tap-highlight-color:rgba(102,126,234,.3);min-height:36px;touch-action:manipulation}}.order-notification{align-items:center;animation:slideInRight .5s ease-out forwards,pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 8px 32px #3b82f666;color:#fff;cursor:pointer;display:flex;gap:1rem;max-width:400px;min-width:300px;opacity:0;padding:1rem 1.5rem;position:fixed;right:20px;top:80px;transform:translateX(450px);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10000}.order-notification.visible{opacity:1;transform:translateX(0)}.order-notification.has-orders{animation:slideInRight .5s ease-out forwards,pulse 2s ease-in-out infinite,shake .5s ease-in-out infinite}@keyframes slideInRight{0%{opacity:0;transform:translateX(450px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{box-shadow:0 8px 32px #3b82f666}50%{box-shadow:0 8px 40px #3b82f699,0 0 20px #3b82f64d}}@keyframes shake{0%,to{transform:translateX(0) rotate(0deg)}10%,30%,50%,70%,90%{transform:translateX(-2px) rotate(-1deg)}20%,40%,60%,80%{transform:translateX(2px) rotate(1deg)}}.notification-bell{animation:ring 1s ease-in-out infinite;font-size:2rem;position:relative}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0deg)}}.notification-badge{align-items:center;animation:bounce 1s ease-in-out infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.notification-content{display:flex;flex:1;flex-direction:column;gap:.25rem}.notification-title{font-size:1.1rem;font-weight:700;line-height:1.2}.notification-message{font-size:.9rem;line-height:1.3;opacity:.95}.notification-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:28px;justify-content:center;line-height:1;transition:all .2s ease;width:28px}.notification-close:hover{background:#ffffff4d;transform:scale(1.1)}.notification-mark-read{align-items:center;background:#22c55e4d;border:2px solid #22c55e80;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:28px;justify-content:center;line-height:1;transition:all .2s ease;width:28px}.notification-mark-read:hover{background:#22c55e80;border-color:#22c55eb3;transform:scale(1.1)}.order-notification:hover{box-shadow:0 12px 40px #3b82f680;transform:translateY(-2px)}@media (max-width:768px){.order-notification{left:10px;max-width:none;min-width:auto;padding:.875rem 1.25rem;right:10px;top:60px;transform:translateY(-100px)}.order-notification.visible{transform:translateY(0)}@keyframes slideInRight{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.notification-bell{font-size:1.75rem}.notification-title{font-size:1rem}.notification-message{font-size:.85rem}.notification-badge{font-size:.7rem;height:20px;width:20px}}@media (max-width:480px){.order-notification{gap:.75rem;padding:.75rem 1rem}.notification-bell{font-size:1.5rem}.notification-title{font-size:.95rem}.notification-message{font-size:.8rem}}.homepage-new{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:0}.homepage-container-new{margin:0 auto;max-width:100%;padding:0}.hero-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0);color:#1e293b;overflow:hidden;padding:3rem 1rem;position:relative;text-align:center}.hero-section:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:600px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:600px}.hero-content{margin:0 auto;max-width:700px;position:relative;z-index:1}.hero-title{color:#1e293b;font-size:2.25rem;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin:0 0 .5rem}.glory-text,.hero-title{word-wrap:break-word;overflow-wrap:break-word}.glory-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;display:inline-block;font-size:2.75rem;font-weight:900;line-height:1.2;text-shadow:none;white-space:nowrap}.hero-tagline{color:#667eea;font-size:1.5rem;font-style:italic;font-weight:600;letter-spacing:.02em;margin:0 0 1rem}.hero-subtitle{color:#64748b;font-size:1.125rem;font-weight:400;line-height:1.6;margin:0 0 2.5rem}.hero-images{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0 2.5rem}.hero-decorative-image{border:3px solid #fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;height:80px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:80px}@media (min-width:1440px){.hero-decorative-image{border-radius:24px;height:180px;width:180px}.hero-images{gap:2rem}}.hero-decorative-image:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-5px) scale(1.05)}.hero-image-1{animation:float 3s ease-in-out infinite}.hero-image-2{animation:float 3s ease-in-out .5s infinite}.hero-image-3{animation:float 3s ease-in-out 1s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-cta{flex-direction:column;gap:.75rem}.google-button-hero,.hero-cta{align-items:center;display:flex}.google-button-hero{background:#fff;border:none;border-radius:14px;box-shadow:0 6px 20px #0003;color:#333;cursor:pointer;font-size:1.0625rem;font-weight:700;gap:.875rem;justify-content:center;max-width:360px;padding:1.125rem 1.75rem;position:relative;transition:all .2s;width:100%;z-index:1}.google-button-hero:active{box-shadow:0 2px 8px #0003;transform:scale(.98)}.google-button-hero:disabled{cursor:not-allowed;opacity:.7}.google-icon-hero{flex-shrink:0}.hero-cta-note{font-size:.875rem;margin:0;opacity:.9}.hero-cta-or{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0}.email-login-link{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000f;color:#334155;cursor:pointer;font-size:1rem;font-weight:600;max-width:360px;padding:1rem 1.75rem;transition:all .2s ease;width:100%}.email-login-link:hover{background:linear-gradient(180deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;box-shadow:0 4px 12px #0000001a;color:#1e293b;transform:translateY(-1px)}.email-login-link:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.email-login-link:active{background:#cbd5e1;border-color:#94a3b8;box-shadow:0 2px 6px #00000014;transform:translateY(0)}.section-become-shopkeeper,.section-cv-builder,.section-id-card,.section-marketplace{padding:3rem 1rem}.section-marketplace{background:#fff;border-top:1px solid #e2e8f0}.section-become-shopkeeper{background:linear-gradient(135deg,#fafbff,#f5f7ff);border-top:2px solid #c7d2fe}.section-cv-builder{background:#f8fafc;border-top:1px solid #e2e8f0}.section-id-card{background:#fff;border-top:1px solid #e2e8f0}.section-header{margin-bottom:2rem;text-align:center}.section-header-text{margin-bottom:1.5rem}.section-header-text .section-description,.section-header-text .section-title{margin-left:auto;margin-right:auto}.section-image-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.section-header-image{border-radius:16px;box-shadow:0 4px 16px #0000001a;height:200px;max-width:400px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:100%}.section-header-image:hover{box-shadow:0 8px 24px #667eea33;transform:translateY(-5px)}.section-title{color:#1e293b;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1rem}.section-description{color:#64748b;font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.homepage-products-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.homepage-product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.homepage-product-card:active{box-shadow:0 1px 4px #00000026;transform:scale(.98)}.homepage-product-image-container{align-items:center;aspect-ratio:1;background:#f8f8f8;box-sizing:border-box;display:flex;justify-content:center;min-height:0;overflow:hidden;padding:16px;position:relative;width:100%}.homepage-product-image{display:block;flex-grow:0;flex-shrink:1;height:auto!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;width:auto!important}.homepage-product-placeholder{font-size:3rem;opacity:.3}.homepage-product-stock-badge{background:#000000b3;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.homepage-product-info{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1rem}.homepage-product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:.875rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.homepage-product-shop{color:#64748b;font-size:.75rem;margin:0}.homepage-product-price{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.homepage-price-current{color:#667eea;font-size:1rem;font-weight:700}.homepage-price-old{color:#94a3b8;font-size:.8125rem;text-decoration:line-through}.homepage-product-actions{display:flex;gap:.5rem;margin-top:.5rem}.homepage-btn-buy,.homepage-btn-cart{border:none;border-radius:8px;cursor:pointer;flex:1;font-size:.8125rem;font-weight:600;padding:.625rem;transition:all .2s}.homepage-btn-buy{background:#667eea;color:#fff}.homepage-btn-buy:active:not(:disabled){opacity:.9;transform:scale(.98)}.homepage-btn-buy:disabled{cursor:not-allowed;opacity:.5}.homepage-btn-cart{background:#f1f5f9;border:1px solid #e2e8f0;color:#334155}.homepage-btn-cart:active:not(:disabled){background:#e2e8f0}.homepage-btn-cart:disabled{cursor:not-allowed;opacity:.5}.products-empty,.products-loading{color:#64748b;padding:3rem 1rem;text-align:center}.products-empty p{font-size:1rem;margin-bottom:1.5rem}.cv-cta,.id-card-cta,.marketplace-cta{margin-top:2rem;text-align:center}.cta-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:300px;padding:1rem 2rem;transition:all .2s;width:100%}.cta-button-primary:active{box-shadow:0 2px 8px #667eea66;transform:scale(.98)}.cta-button-secondary{background:#fff;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:.9375rem;font-weight:600;max-width:280px;padding:.875rem 1.75rem;transition:all .2s;width:100%}.cta-button-secondary:active{background:#f8fafc;transform:scale(.98)}.cta-note{color:#94a3b8;font-size:.8125rem;margin:.75rem 0 0}.cv-features{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px}.cv-feature-item{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:1.25rem;padding:1.5rem;transition:transform .2s}.cv-feature-item:active{transform:scale(.98)}.cv-feature-icon{flex-shrink:0;font-size:2.5rem;line-height:1}.cv-feature-content h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .625rem}.cv-feature-content p{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0}.id-card-features{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:900px}.id-card-feature-item{background:#f8fafc;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:2rem;text-align:center;transition:transform .2s}.id-card-feature-item:active{transform:scale(.98)}.id-card-feature-icon{display:block;font-size:3rem;line-height:1;margin-bottom:1.25rem}.id-card-feature-item h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.id-card-feature-item p{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0}.footer-cta{background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0);color:#1e293b;overflow:visible;padding:2rem 1rem;position:relative;text-align:center}.footer-cta:before{background:radial-gradient(circle,#667eea33 0,#0000 70%);border-radius:50%;bottom:-30%;content:"";height:500px;left:-20%;pointer-events:none;position:absolute;width:500px}.footer-cta h2{color:#1e293b;font-size:1.75rem;font-weight:800;margin:0 0 .75rem;position:relative;z-index:1}.footer-cta>p{color:#64748b;font-size:1rem;line-height:1.5;margin:0 0 1.5rem;position:relative;z-index:1}.google-button-footer{align-items:center;background:#fff;border:none;border-radius:14px;box-shadow:0 6px 20px #00000040;color:#333;cursor:pointer;display:inline-flex;font-size:1.0625rem;font-weight:700;gap:.875rem;padding:1.125rem 2rem;position:relative;transition:all .2s;z-index:1}.google-button-footer:active{transform:scale(.98)}.google-button-footer:disabled{cursor:not-allowed;opacity:.7}.contact-us-section{background:#fff;border-top:1px solid #e2e8f0;padding:3rem 1.5rem}.contact-us-header{margin-bottom:2.5rem;text-align:center}.contact-us-title{color:#1e293b;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}.contact-us-subtitle{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.contact-us-content{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:600px}.contact-item{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:2px solid #667eea;border-radius:12px;box-shadow:0 4px 12px #667eea33;color:inherit;cursor:pointer;display:flex;gap:1.25rem;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.contact-item:after{color:#667eea;content:"→";font-size:2.5rem;font-weight:700;line-height:1;opacity:1;position:absolute;right:1.5rem;transition:all .3s ease}.contact-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#5568d3;box-shadow:0 8px 24px #667eea59;transform:translateY(-3px)}.contact-item:hover:after{color:#fff;transform:translateX(8px)}.contact-item:hover .contact-details h3,.contact-item:hover .contact-details p{color:#fff}.contact-item:hover .contact-icon{background:#fff3;box-shadow:0 4px 16px #ffffff4d}.contact-icon{align-items:center;border-radius:14px;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;height:64px;justify-content:center;transition:all .3s ease;width:64px}.contact-item:hover .contact-icon{box-shadow:0 4px 16px #0003;transform:scale(1.15) rotate(5deg)}.whatsapp-icon{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.facebook-icon{background:linear-gradient(135deg,#1877f2,#0a66c2);color:#fff}.location-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.contact-details{flex:1;min-width:0;padding-right:3rem}.contact-details h3{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;justify-content:space-between;margin:0 0 .5rem}.contact-details h3:after{content:"👉";font-size:1.25rem;margin-left:auto;opacity:.8;transition:all .3s ease}.contact-item:hover .contact-details h3:after{opacity:1;transform:translateX(5px)}.contact-details p{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0}@media (max-width:768px){.contact-us-section{padding:2rem 1rem}.contact-us-title{font-size:1.75rem}.contact-item{gap:1rem;padding:1.25rem}.contact-icon{height:56px;width:56px}.contact-icon svg{height:28px;width:28px}.contact-item:after{font-size:2rem;right:1rem}.contact-details{padding-right:2.5rem}.contact-details h3:after{font-size:1rem}.contact-details h3{font-size:1.125rem}.contact-details p{font-size:.875rem}}@media (max-width:480px){.login-card-inline{padding:1.25rem 1rem}.login-header-inline{margin-bottom:1.25rem}.login-header-inline h2{font-size:1.375rem}.form-group-inline{margin-bottom:1rem}.form-group-inline input{font-size:.9375rem;padding:.75rem}.google-button-inline{font-size:.9375rem;margin-bottom:1rem;padding:.875rem 1rem}.divider-inline{margin:1.25rem 0}.login-button-inline{font-size:.9375rem;padding:.875rem}.login-footer-inline{margin-top:1.25rem;padding-top:1rem}}@media (min-width:768px){.login-card-inline{padding:2.5rem 2rem}.login-header-inline{margin-bottom:2rem}.login-header-inline h2{font-size:2rem}.login-header-inline p{font-size:1rem}.form-group-inline{margin-bottom:1.5rem}.form-group-inline input{font-size:1rem;padding:1rem}.google-button-inline{font-size:1.0625rem;margin-bottom:1.5rem;padding:1.125rem 1.5rem}.divider-inline{margin:2rem 0}.login-button-inline{font-size:1.0625rem;padding:1.125rem}.hero-section{padding:4rem 2rem}.hero-title{font-size:2rem}.glory-text{font-size:2.25rem;white-space:normal}.hero-tagline{font-size:1.75rem}.hero-subtitle{font-size:1.125rem}.hero-decorative-image{height:70px;height:120px;width:70px;width:120px}}@media (min-width:1024px){.hero-decorative-image{border:4px solid #fff;border-radius:20px;height:150px;width:150px}.hero-images{gap:1.5rem;margin:2.5rem 0 3rem}}@media (min-width:1440px){.hero-decorative-image{border-radius:24px;height:180px;width:180px}.hero-images{gap:2rem}.section-header-image{height:180px;max-width:100%}.section-become-shopkeeper,.section-cv-builder,.section-id-card,.section-marketplace{padding:3rem 2rem}.homepage-products-grid{gap:1.5rem}.homepage-products-grid,.id-card-features{grid-template-columns:repeat(3,1fr)}.cta-button-primary,.cta-button-secondary{width:auto}}@media (min-width:1024px){.homepage-container-new{max-width:1200px}.hero-section{padding:4rem 2rem}.hero-title{font-size:3rem}.section-become-shopkeeper,.section-cv-builder,.section-id-card,.section-marketplace{padding:4rem 2rem}.homepage-products-grid{gap:2rem;grid-template-columns:repeat(4,1fr)}.homepage-product-name{font-size:1rem}.homepage-price-current{font-size:1.125rem}.cv-features{margin-left:auto;margin-right:auto;max-width:800px}.section-description{font-size:1.125rem}}.login-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 80px #0006;max-height:85vh;max-width:420px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-modal-close{align-items:center;background:#f8fafc;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.375rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px;z-index:10}.login-modal-close:hover{background:#f1f5f9;color:#334155}.login-modal-close:active{background:#e2e8f0;transform:scale(.95)}.login-card-inline{padding:1.5rem 1.25rem}.login-header-inline{margin-bottom:1.5rem;padding-top:.25rem;text-align:center}.login-header-inline h2{color:#1e293b;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.login-header-inline p{color:#64748b;font-size:.875rem;line-height:1.4;margin:0}.form-group-inline{margin-bottom:1.125rem}.form-group-inline label{color:#334155;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group-inline input{background:#fafafa;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1e293b;font-size:.9375rem;padding:.875rem;transition:all .2s;width:100%}.form-group-inline input::placeholder{color:#94a3b8}.form-group-inline input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.option-selector{display:flex;gap:.625rem;margin-bottom:1.125rem}.option-button{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;flex:1;font-size:.875rem;font-weight:600;padding:.875rem;transition:all .2s}.option-button:active{transform:scale(.98)}.option-button.active{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-color:#667eea;box-shadow:0 2px 8px #667eea26;color:#667eea}.login-button-inline{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:.75rem;padding:1rem;transition:all .2s;width:100%}.login-button-inline:active{box-shadow:0 2px 8px #667eea66;transform:translateY(1px)}.toggle-button-inline{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.toggle-button-inline:active{background:#f8fafc;border-color:#cbd5e1;transform:scale(.98)}.error-message-inline{background:#fee2e2;border-left:3px solid #ef4444;color:#991b1b}.error-message-inline,.success-message-inline{border-radius:10px;font-size:.8125rem;line-height:1.4;margin-bottom:1.25rem;padding:.875rem}.success-message-inline{background:#dcfce7;border-left:3px solid #16a34a;color:#166534}.login-success-message{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #86efac;border-radius:12px;box-shadow:0 4px 12px #16a34a26;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.success-icon{color:#16a34a;flex-shrink:0;font-size:2rem}.success-text h3{color:#166534;font-size:1.125rem;font-weight:700;margin:0 0 .375rem}.success-text p{color:#166534;font-size:.875rem;line-height:1.4;margin:0}.divider-inline{align-items:center;color:#94a3b8;display:flex;font-size:.8125rem;font-weight:500;margin:1.5rem 0;text-align:center}.divider-inline:after,.divider-inline:before{border-bottom:1px solid #e2e8f0;content:"";flex:1}.divider-inline span{background:#fff;padding:0 1.25rem}.google-button-inline{-webkit-tap-highlight-color:rgba(0,0,0,.1);align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:1.25rem;padding:1rem 1.25rem;pointer-events:auto!important;position:relative;touch-action:manipulation;transition:all .2s;width:100%;z-index:1}.google-button-inline:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001f}.google-button-inline:active{background:#fafafa;border-color:#cbd5e1;box-shadow:0 1px 4px #0000001a;transform:translateY(1px)}.google-button-inline:disabled{cursor:not-allowed;opacity:.6;pointer-events:none;transform:none}.google-icon{flex-shrink:0}.login-footer-inline{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.25rem;text-align:center}.login-footer-inline p{color:#64748b;font-size:.875rem;margin:0 0 .875rem}.forgot-password-inline{margin-top:1rem}.forgot-password-link-inline{color:#667eea;display:inline-block;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.forgot-password-link-inline:active{color:#5568d3;text-decoration:underline}.user-type-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:10001}.user-type-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 80px #0006;margin:auto;max-width:600px;padding:2rem;width:100%}.user-type-modal-content h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-align:center}.user-type-modal-subtitle{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0 0 1.75rem;text-align:center}.user-type-options-container{display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.user-type-option-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.user-type-option-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.user-type-option-card.active{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-color:#667eea;box-shadow:0 8px 24px #667eea33}.user-type-option-card.active:before{align-items:center;background:#667eea;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.user-type-icon{display:block;font-size:3rem;margin-bottom:.75rem}.user-type-option-card h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.user-type-option-card p{color:#64748b;font-size:.875rem;line-height:1.6;margin:0 0 1rem;text-align:left}.user-type-features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.feature-tag{background:#667eea1a;border-radius:20px;color:#667eea;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.user-type-option-card.active .feature-tag{background:#667eea33;color:#5568d3}.user-type-modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:center;padding-top:1rem}.user-type-cancel-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;flex:1;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.user-type-cancel-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.user-type-continue-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;flex:1;font-size:.9375rem;font-weight:700;padding:.875rem 1.5rem;transition:all .2s}.user-type-continue-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.user-type-continue-btn:active:not(:disabled){transform:translateY(0)}.user-type-continue-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.user-type-modal-content{border-radius:20px;max-width:100%;padding:1.5rem}.user-type-modal-content h2{font-size:1.5rem}.user-type-option-card{padding:1.25rem}.user-type-icon{font-size:2.5rem}.user-type-option-card h3{font-size:1.125rem}.user-type-option-card p{font-size:.8125rem}.user-type-modal-actions{flex-direction:column}.user-type-cancel-btn,.user-type-continue-btn{width:100%}}@media (min-width:769px){.user-type-options-container{grid-template-columns:1fr 1fr}}.become-shopkeeper-features-preview{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:2rem auto;max-width:600px}.become-shopkeeper-feature-preview{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1rem;transition:transform .2s}.become-shopkeeper-feature-preview:active{transform:scale(.98)}.become-shopkeeper-icon{font-size:2.5rem;line-height:1}.become-shopkeeper-feature-preview p{color:#1e293b;font-size:.9375rem;font-weight:600;margin:0}.homepage-container-new>.become-shopkeeper-cta-button{display:block;margin:2rem auto 0}.homepage-container-new>.become-shopkeeper-note{display:block;margin:.75rem auto 2rem;text-align:center}.become-shopkeeper-cta-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1.0625rem;font-weight:700;padding:1rem 2rem;transition:all .2s}.become-shopkeeper-cta-button:active{box-shadow:0 2px 8px #667eea66;transform:translateY(1px)}.become-shopkeeper-note{color:#64748b;font-size:.875rem}.become-shopkeeper-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:10001}.become-shopkeeper-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 80px #0006;margin:auto;max-height:90vh;max-width:700px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.become-shopkeeper-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:all .2s;width:36px}.become-shopkeeper-close:hover{background:#e2e8f0;color:#334155}.become-shopkeeper-modal-content h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .75rem;text-align:center}.become-shopkeeper-subtitle{color:#64748b;font-size:1rem;line-height:1.6;margin:0 0 2rem;text-align:center}.shopkeeper-features-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.shopkeeper-feature-item{align-items:flex-start;background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;display:flex;gap:1.25rem;padding:1.5rem}.shopkeeper-feature-icon{flex-shrink:0;font-size:2.5rem;line-height:1}.shopkeeper-feature-content h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.shopkeeper-feature-content p{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0}.shopkeeper-registration-form{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:600px;padding:2rem}.shopkeeper-form-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.shopkeeper-form{display:flex;flex-direction:column;gap:1.25rem}.form-group-shopkeeper{display:flex;flex-direction:column;gap:.5rem}.form-group-shopkeeper label{color:#334155;font-size:.9375rem;font-weight:600}.form-group-shopkeeper .required{color:#ef4444}.form-group-shopkeeper input,.form-group-shopkeeper textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:.9375rem;padding:.875rem;transition:all .2s}.form-group-shopkeeper input:focus,.form-group-shopkeeper textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group-shopkeeper textarea{min-height:80px;resize:vertical}.shopkeeper-form-actions{display:flex;gap:1rem;margin-top:.5rem}.shopkeeper-form-cancel,.shopkeeper-form-submit{border:none;border-radius:10px;cursor:pointer;flex:1;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.shopkeeper-form-cancel{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.shopkeeper-form-cancel:hover{background:#e2e8f0}.shopkeeper-form-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.shopkeeper-form-submit:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.shopkeeper-form-submit:disabled{cursor:not-allowed;opacity:.6}.become-shopkeeper-cta{border-top:1px solid #e2e8f0;padding-top:1.5rem;text-align:center}.become-shopkeeper-cta-text{color:#64748b;font-size:.9375rem;margin:0 0 1rem}.become-shopkeeper-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1.0625rem;font-weight:700;max-width:300px;padding:1rem 2rem;transition:all .2s;width:100%}.become-shopkeeper-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.become-shopkeeper-btn:active:not(:disabled){transform:translateY(0)}.become-shopkeeper-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.become-shopkeeper-features-preview{gap:.75rem;grid-template-columns:repeat(2,1fr)}.become-shopkeeper-feature-preview{padding:1.25rem .75rem}.become-shopkeeper-icon{font-size:2rem}.become-shopkeeper-feature-preview p{font-size:.8125rem}.become-shopkeeper-modal-content{border-radius:20px;max-width:100%;padding:1.5rem}.become-shopkeeper-modal-content h2{font-size:1.5rem}.shopkeeper-feature-item{gap:1rem;padding:1.25rem}.shopkeeper-feature-icon{font-size:2rem}.shopkeeper-feature-content h3{font-size:1.125rem}.shopkeeper-feature-content p{font-size:.875rem}.shopkeeper-registration-form{padding:1.5rem}.shopkeeper-form-title{font-size:1.25rem}.shopkeeper-form-actions{flex-direction:column}.shopkeeper-form-cancel,.shopkeeper-form-submit{width:100%}}@media (min-width:769px){.become-shopkeeper-features-preview{grid-template-columns:repeat(4,1fr)}}.marketplace-page{background:#f5f5f5;min-height:100vh;padding:1rem;width:100%}.marketplace-container{margin:0 auto;max-width:100%}.marketplace-header{margin-bottom:1.5rem;text-align:center}.marketplace-header h1{color:#333;font-size:1.5rem;margin:0 0 .5rem}.marketplace-header h2{color:#666;font-size:1rem;font-weight:400;margin:0}.marketplace-search{margin-bottom:1rem;position:relative}.search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.search-clear{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.marketplace-sections{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.section-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.section-btn:hover{background:#f0f0f0}.section-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.products-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.product-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s}.product-card:active{transform:scale(.98)}.product-image-container{aspect-ratio:1;background:#f0f0f0;box-sizing:border-box;min-height:0;overflow:hidden;padding:16px;position:relative}.product-image-container,.product-image-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.product-image-placeholder{color:#999;font-size:.875rem;height:100%;left:0;pointer-events:none;position:absolute;top:0;z-index:1}.product-image{box-sizing:border-box;display:block;flex-grow:0;flex-shrink:1;height:auto!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;opacity:0;position:relative;transition:opacity .3s;width:auto!important}.product-image.loaded{opacity:1}.product-info{padding:.75rem}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:.875rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;overflow:hidden}.product-shop{color:#666}.product-shop,.product-stock-badge{font-size:.75rem;margin-bottom:.5rem}.product-stock-badge{background:#fee2e2;border-radius:4px;color:#991b1b;display:inline-block;font-weight:600;padding:.25rem .5rem}.product-price{margin-bottom:.75rem}.price-current{color:#333;font-size:1rem;font-weight:600}.price-original{color:#999;font-size:.75rem;margin-left:.5rem;text-decoration:line-through}.product-actions{display:flex;gap:.5rem}.btn-add-cart,.btn-buy-now{border:none;border-radius:4px;cursor:pointer;flex:1;font-size:.75rem;font-weight:600;padding:.5rem;transition:opacity .2s}.btn-buy-now{background:#3b82f6;color:#fff}.btn-add-cart{background:#f0f0f0;color:#333}.btn-add-cart:disabled,.btn-buy-now:disabled{cursor:not-allowed;opacity:.5}.btn-add-cart:active:not(:disabled),.btn-buy-now:active:not(:disabled){opacity:.8}.loading,.loading-more,.no-products{color:#666;padding:2rem;text-align:center}.load-more-trigger{height:1px;margin:1rem 0}@media (min-width:768px){.marketplace-page{padding:2rem}.products-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}.product-name{font-size:1rem}.btn-add-cart,.btn-buy-now{font-size:.875rem;padding:.625rem}}@media (min-width:1024px){.marketplace-container{max-width:1200px}.products-grid{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=main.71c06140.css.map*/