@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-body:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--bg-darker:#f8fafc;--bg-dark:#f1f5f9;--bg-card:#ffffffbf;--primary:#1d4ed8;--primary-hover:#2563eb;--secondary:#dc2626;--accent:#9ca3af;--text-main:#111827;--text-muted:#4b5563;--text-dim:#6b7280;--glass-border:#1118271a;--glass-bg:#ffffffbf;--glass-blur:16px;--input-bg:#f3f4f6cc;--input-text:#111827;--hf-bg:#1e293b;--hf-text:#fff;--hf-border:#ffffff26;--bg-blue-light:#f0f9ff;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--hero-height:450px;--hero-padding-top:140px}@media (width<=768px){:root{--hero-height:320px;--hero-padding-top:110px}}:root[data-theme=dark]{--bg-darker:#111827;--bg-dark:#1f2937;--bg-card:#1f293799;--text-main:#f9fafb;--text-muted:#9ca3af;--text-dim:#6b7280;--glass-border:#ffffff14;--glass-bg:#1f2937a6;--input-bg:#11182766;--input-text:#f9fafb;--hf-bg:#0f172a;--hf-text:#f8fafc;--hf-border:#ffffff1a;--bg-blue-light:#0f172a66}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-darker);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;word-wrap:break-word;max-width:100vw;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);overflow-wrap:break-word;font-weight:700;line-height:1.25}p{overflow-wrap:break-word;word-wrap:break-word}.line-clamp-1{-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-padding-responsive{padding:4rem}@media (width<=768px){.glass-padding-responsive{padding:2rem 1rem!important}}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-container{background:#fff;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.logo-img{width:100px;height:75px;transition:height .3s}.logo-text{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--hf-text);white-space:nowrap;font-size:1.7rem;font-weight:700;transition:font-size .3s}@media (width<=768px){.logo-img{width:auto;height:45px}.logo-text{font-size:1.05rem}}.btn{font-family:var(--font-heading);transition:var(--transition);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 14px #0ea5e94d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.btn-outline{color:var(--text-main);border:1px solid var(--glass-border);background:0 0}.btn-outline:hover{background:#ffffff0d;border-color:#fff3}.btn-expandable{white-space:nowrap;border-radius:9999px;justify-content:flex-start;align-items:center;min-width:42px;max-width:42px;height:42px;padding:0 11px;transition:max-width .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:hidden}.btn-expandable:hover{max-width:250px;padding:0 1.2rem}.btn-expandable .btn-text{opacity:0;pointer-events:none;margin-left:0;font-size:.85rem;font-weight:700;transition:opacity .3s .1s,transform .3s .1s,margin-left .3s;display:inline-block;transform:translate(-10px)scale(.9)}.btn-expandable:hover .btn-text{opacity:1;margin-left:.6rem;transform:translate(0)scale(1)}.page-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (width<=768px){.container{padding:0 1.2rem}}.section-padding{padding:5rem 0}.home-hero-section{min-height:80vh}.home-hero-bg-img{background-position:top;background-repeat:no-repeat;background-size:cover}.employee-space-container{margin-top:-4rem}@media (width<=768px){.home-hero-section{height:auto!important;min-height:48vh!important;padding-top:75px!important;padding-bottom:2rem!important}.home-hero-bg-img{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.page-hero{height:50vh!important}.employee-space-container{margin-top:1.5rem!important}.product-grid-mobile{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;width:100%!important;max-width:100%!important}.container{overflow-x:hidden!important}.product-card{min-width:0!important;max-width:100%!important;overflow:hidden!important}.product-card-mobile-price{white-space:normal!important;word-break:break-word!important;font-size:.78rem!important}.product-card-mobile-btn{white-space:nowrap!important;border-radius:.4rem!important;min-width:0!important;padding:.3rem .2rem!important;font-size:.65rem!important;overflow:hidden!important}.product-card-img-full{background:#fff;height:110px!important;padding:.3rem!important}.product-card-img-full img{object-fit:contain!important;width:100%!important;height:100%!important}.product-card{border-radius:.6rem!important}.product-card-mobile-body{padding:.45rem .5rem .55rem!important}.product-card-mobile-title{-webkit-line-clamp:2;height:auto!important;font-size:.7rem!important}.product-card-mobile-price{font-size:.78rem!important}.product-card-mobile-meta{flex-wrap:wrap;gap:.25rem;display:flex!important}.product-card-mobile-btn{border-radius:.4rem!important;padding:.35rem .3rem!important;font-size:.68rem!important}}@media (width>=769px){.visible-mobile{display:none!important}}@media (width<=768px){.hidden-mobile{display:none!important}p,h1,h2,h3,h4{text-align:inherit;-webkit-hyphens:manual;hyphens:manual}}.grid-2-cols{grid-template-columns:repeat(2,1fr)!important}@media (width<=992px){.grid-2-cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}}.promo-ticker{background:var(--primary);color:#fff;white-space:nowrap;z-index:40;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;padding:.5rem 0;font-size:.9rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000001a}.promo-ticker-content{will-change:transform;backface-visibility:hidden;padding-left:100%;animation:60s linear infinite marquee;display:inline-block;transform:translateZ(0)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.promo-item{align-items:center;gap:2rem;display:inline-flex}.promo-dot{background:var(--secondary);border-radius:50%;width:6px;height:6px}.product-card{transition:var(--transition);border:1px solid var(--glass-border);background:var(--bg-card);border-radius:1rem;overflow:hidden}.product-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.product-badge{z-index:2;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;position:absolute;top:10px;left:10px}.badge-promo{background:var(--secondary);color:#fff}.badge-new{background:var(--primary);color:#fff}.form-label-bold{color:var(--text-main);margin-bottom:.5rem;display:block;font-weight:700!important}.price-midnight{font-weight:800;color:#1e3a8a!important}.btn-green{border:none;border-radius:.5rem;font-weight:600;box-shadow:0 4px 6px #0000001a;color:#fff!important;background:#22c55e!important;width:auto!important;padding:.6rem 1.2rem!important}.btn-green:hover{transform:translateY(-1px);background:#16a34a!important}.search-container{width:100%;max-width:400px;position:relative}.search-input{border:1px solid var(--glass-border);background:var(--input-bg);width:100%;color:var(--text-main);transition:var(--transition);border-radius:999px;outline:none;padding:.6rem 1rem .6rem 2.5rem}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed81a}.search-icon{color:var(--text-dim);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}@media (width<=992px){.admin-layout{flex-direction:column!important}.admin-sidebar{border-right:none!important;border-bottom:1px solid var(--glass-border)!important;width:100%!important;height:auto!important;padding:1rem!important}.admin-main{padding:1.5rem!important}}.product-card-img-full{height:200px!important;padding:0!important}.product-card-img-full img{object-fit:cover;width:100%!important;height:100%!important}.leaflet-container{width:100%!important;max-width:100%!important}@media (width<=768px){.leaflet-container{width:100%!important;max-width:100vw!important;height:350px!important}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}h1{font-size:clamp(1.8rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:clamp(1.1rem,2vw,1.5rem)}@media (width<=768px){button,a.btn,.touch-target{min-width:44px;min-height:44px}}.status-toast{z-index:1000;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;align-items:center;gap:.8rem;padding:1rem 1.5rem;display:flex;position:fixed;inset:2rem 2rem auto auto;box-shadow:0 10px 15px -3px #0000004d}@media (width<=768px){.status-toast{justify-content:center;width:90%;max-width:400px;inset:auto auto 5.5rem 50%;transform:translate(-50%)!important}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=992px){.drawer-overlay{z-index:998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.drawer-sidebar{background:var(--bg-darker);z-index:999;flex-direction:column;width:280px;padding:2rem;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer-sidebar.open{transform:translate(0)}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.wrap{flex-wrap:wrap}.grid-2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.text-center{text-align:center}.text-bold{font-weight:700}.text-extrabold{font-weight:800}.text-small{font-size:.82rem}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:.65rem;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:700;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary-hover), var(--primary));color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-green{color:#fff;background:#10b981}.btn-green:hover:not(:disabled){background:#059669}.btn-red{color:#fff;background:#ef4444}.btn-red:hover:not(:disabled){background:#dc2626}.btn-outline{border:1.5px solid var(--glass-border);color:var(--text-main);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-sm{padding:.35rem .7rem;font-size:.78rem}.btn-icon{border-radius:.5rem;padding:.4rem}.badge{white-space:nowrap;border-radius:99px;align-items:center;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.input{border:1px solid var(--glass-border);background:var(--input-bg);width:100%;color:var(--input-text);transition:var(--transition);border-radius:.6rem;padding:.6rem .85rem;font-size:.9rem}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.label{color:var(--text-muted);margin-bottom:.3rem;font-size:.75rem;font-weight:600;display:block}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:1rem;padding:1.25rem}.panel{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:1.2rem;padding:1.5rem}.spinner{border:3px solid #2563eb33;border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite kl-spin}@keyframes kl-spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;opacity:.55;padding:2.5rem 1rem}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}img,video,canvas,svg{max-width:100%}img{height:auto}.table-responsive,.scroll-x{max-width:100%}@media (width<=1024px){.container{max-width:100%}}@media (width<=480px){.container{padding:0 .9rem}.page-hero{min-height:58vh;height:auto!important}.section-padding{padding:3rem 0}.status-toast{width:94%}.cart-item-row{grid-template-columns:60px 1fr;grid-template-areas:"img info""ctrl ctrl";gap:.6rem .8rem;align-items:center!important;display:grid!important}.cart-item-row>img{grid-area:img}.cart-item-row>div:first-of-type{grid-area:info;min-width:0}.cart-item-row .cart-item-controls{grid-area:ctrl;justify-self:flex-start}.cart-item-row .cart-item-remove{grid-area:ctrl;place-self:center flex-end}.cart-item-row h4{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.cart-item-row .price-midnight{white-space:nowrap}}@media (width<=360px){.container{padding:0 .75rem}.btn{padding:.5rem .85rem;font-size:.8rem}}