body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{justify-content:flex-start;min-width:0;overflow-x:auto;padding:0}.header-search,nav{align-items:center;display:flex}.header-search{flex-shrink:1;margin-right:32px;max-width:320px;min-width:220px;padding-left:32px;width:100%}.header-search input[type=text]{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#2c2c2c;font-size:1rem;font-weight:400;outline:none;padding:12px 18px;transition:border-color .2s;width:100%}.header-search input[type=text]::placeholder{color:#777;font-style:normal}.header-search input[type=text]:focus{border-color:#5a7c42;box-shadow:0 1px 2px #0000000d,0 0 0 2px #5a7c421a}nav ul{flex-wrap:wrap;min-width:0;padding:0}.header-top{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:0 12px 0 24px;width:100%}.logoDIV{cursor:pointer;gap:10px;max-width:340px;padding:16px 0 8px;width:-webkit-fit-content;width:fit-content}.header-title,.logoDIV{align-items:center;display:flex;min-width:0}.header-title{flex:0 0 auto;font-size:.95rem;height:44px;justify-content:flex-end;padding:0 4px;width:auto}.header-title .profile-badge{margin:0;padding:0}header{background:linear-gradient(90deg,#3e4d2c,#6b8e23);box-shadow:0 2px 8px #00000014;color:#fff;padding:0}header>div{align-items:center;cursor:pointer;display:flex;padding:16px 32px 8px}header img{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001f;height:56px;margin-right:18px;width:auto}header p{font-family:Georgia,serif;font-size:2rem;font-weight:700;letter-spacing:2px;margin:0;text-shadow:1px 2px 6px #0000002e}nav{background:#223114f2;box-shadow:0 1px 4px #0000001a;width:100%}nav ul{display:flex;justify-content:flex-end;list-style:none;margin:0;padding:0 32px 0 0}nav li{cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:1.1rem;margin-left:32px;padding:14px 0;position:relative;transition:color .2s}nav li:hover{color:#d4af37}nav li:after{background:#d4af37;border-radius:2px;bottom:6px;content:"";display:block;height:3px;left:0;position:absolute;transition:width .3s;width:0}nav li:hover:after{width:100%}.header-additional-info{align-items:center;animation:warning-pop .7s cubic-bezier(.68,-.55,.27,1.55);background:#fffbe6;border:2px solid #ffae42;border-radius:8px;box-shadow:0 2px 8px #ffae4226;color:#a15c00;display:flex;font-size:1.08rem;font-weight:700;margin:0 18px;min-height:44px;padding:0 18px;z-index:2}@keyframes warning-pop{0%{opacity:0;transform:scale(.85)}70%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.notiMSG{align-items:center;display:flex;gap:8px}.notiMSG .warning-icon{color:#ffae42;font-size:1.3em;margin-right:4px;vertical-align:middle}.profile-badge{align-items:center;border-radius:20px;box-shadow:0 1px 4px #3c40432e;cursor:pointer;display:flex;height:auto;justify-content:center;margin:0;min-height:44px;min-width:44px;padding:8px 12px;position:relative;transform:none;transition:box-shadow .18s,background .18s,width .18s;width:auto}.profile-badge:has(p){background:#5f6368;border-radius:20px;font-size:.9rem;max-width:220px;min-width:120px;padding:6px 16px;width:auto}.profile-badge:has(img){align-items:center;background:#fff;border-radius:50%;display:flex;height:44px;justify-content:center;max-height:44px;max-width:44px;min-height:44px;min-width:44px;padding:0;width:44px}.profile-badge:hover{background:#f1f3f4;box-shadow:0 2px 8px #3c404338}.profile-badge:has(p):hover{background:#4a4d50}.profile-badge p{color:#fff;font-size:.9rem;font-weight:500;margin:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.profile-badge:has(p){font-size:.8rem;max-width:150px}.profile-badge p{font-size:.8rem;max-width:120px}}@media (max-width:480px){.profile-badge:has(p){max-width:120px;padding:4px 10px}.profile-badge p{font-size:.75rem;max-width:100px}}.profile-badge-image{background:none;border-radius:50%;display:block;height:44px;margin:0;object-fit:cover;padding:0;width:44px}.profile-popup{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 24px #3c40432e;color:#222;display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;gap:8px;max-width:180px;min-width:140px;padding:14px 12px 10px;z-index:1001}.profile-popup .goToProfile p,.profile-popup .login span,.profile-popup .logout span,.profile-popup .register span{align-items:center;background:none;border:none;border-radius:6px;color:#1967d2;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:7px;padding:5px 0;transition:background .15s,color .15s}.profile-popup .goToProfile p:hover,.profile-popup .login span:hover,.profile-popup .logout span:hover,.profile-popup .register p:hover{background:#f1f3f4;color:#174ea6}.profile-popup .logout img{height:18px;margin-right:3px;width:18px}.modal-content{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #3c40432e;color:#222;display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;font-size:1.08rem;margin:auto;max-width:340px;min-width:260px;padding:32px 32px 24px}.popup-overlay{background:#3c404321!important;z-index:2000!important}.main,.popup-root,div.popup-root{align-items:center;background:#fff;border-radius:14px;box-shadow:0 8px 32px #3c40432e;color:#222;display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;margin:auto;max-width:380px;min-width:320px;padding:32px 32px 24px}.main h2{color:#1967d2;font-size:1.4rem;font-weight:600;margin-bottom:8px}.main input[type=email],.main input[type=password],.main input[type=text]{background:#f7f8fa;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;margin-bottom:8px;padding:10px 12px;transition:border .18s;width:100%}.main input:focus{border:1.5px solid #1967d2;outline:none}.main button{background:#1967d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:4px;margin-top:8px;padding:10px 22px;transition:background .18s}.main button:hover{background:#174ea6}div>button:not(.main button){background:none;border:none;border-radius:4px;color:#1967d2;cursor:pointer;font-size:1rem;font-weight:500;margin-top:8px;padding:4px 0;text-decoration:underline;transition:color .18s}div>button:not(.main button):hover{color:#174ea6}footer{background:linear-gradient(180deg,#0b2a0b,#12350f);bottom:0;box-shadow:0 -6px 18px #020a0647;color:#e6f3e6;height:56px;left:0;padding:14px 20px;position:fixed;right:0;text-align:center;width:100%;z-index:9999}footer p{font-size:.9rem;margin:0}.app-root,.products-page,main{padding-bottom:80px}footer a{border-bottom:1px solid #ffd8731a;color:#ffd873;font-weight:600;padding-bottom:2px;text-decoration:none;transition:color .12s ease,box-shadow .12s ease}footer a:hover{color:#fff7dd;text-decoration:none}footer a:focus{outline:3px solid #ffd8731f;outline-offset:4px}.home{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 50px),50% 100%,0 calc(100% - 50px));clip-path:polygon(0 0,100% 0,100% calc(100% - 50px),50% 100%,0 calc(100% - 50px));display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.home:before{background:linear-gradient(180deg,#00000047,#00000061);content:"";inset:0;position:absolute;z-index:1}.home h1{background:linear-gradient(180deg,#00000040,#0000001f);border-radius:10px;color:#fff;font-size:clamp(1.6rem,3.8vw,3.6rem);line-height:1.05;max-width:90%;padding:12px 20px;text-align:center;text-shadow:0 10px 30px #0009}.hero-text,.home h1{position:relative;z-index:2}.hero-text{display:inline-block}.hero-text h2{background:#0000002e;border-radius:6px;bottom:-18px;color:#fffffff2;font-size:1rem;font-weight:600;left:auto;margin:0;padding:4px 8px;position:absolute;right:8px;text-shadow:0 6px 18px #0009}@media (max-width:680px){.home h1{font-size:clamp(1.2rem,5.6vw,1.9rem);padding:8px 12px}}@media (max-width:520px){.hero-text h2{background:#0000;margin-top:8px;position:static;text-shadow:none}}.featured-products,.sale-products{margin:28px auto;max-width:1150px;padding:0 18px}.spacer{width:100%}.featured-products-list,.sale-products-list{-webkit-overflow-scrolling:touch;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:12px 6px;scroll-snap-type:x mandatory}.featured-products-list>.product-card,.sale-products-list>*,.sale-products-list>.product-card{flex:0 0 260px;min-width:220px;scroll-snap-align:start}.product-card img{border-radius:10px;display:block;height:160px}.featured-products-list::-webkit-scrollbar,.sale-products-list::-webkit-scrollbar{height:10px}.featured-products-list::-webkit-scrollbar-thumb,.sale-products-list::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:10px}@media (max-width:520px){.featured-products-list>.product-card,.sale-products-list>*,.sale-products-list>.product-card{flex:0 0 72vw;min-width:64vw}}.separator{-webkit-clip-path:polygon(0 0,50% 50px,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% 50px,100% 0,100% 100%,0 100%);margin-top:-40px}.featured-card{align-items:center;background:linear-gradient(120deg,#fffbe7 60%,#e6e9d8);border:2.5px solid #d4af37;border-radius:18px;box-shadow:0 8px 32px #3e4d2c2e,0 2px 8px #d4af371a;box-sizing:border-box;display:flex;flex:0 0 240px;flex-direction:column;height:auto;max-height:320px;max-width:240px;min-width:240px;overflow:hidden;padding:28px 24px 22px;position:relative;transition:box-shadow .2s,transform .2s;width:240px;z-index:1}.featured-card:hover{box-shadow:0 12px 40px #3e4d2c38,0 4px 16px #d4af3729;transform:translateY(-6px) scale(1.04)}.featured-card img{background:#f7fbe7;border-radius:8px;box-shadow:0 4px 16px #6b8e2321;height:120px;margin-bottom:8px;object-fit:cover;width:100%}.featured-card h2{color:#3e4d2c;font-family:Georgia,serif;font-size:1.35rem;font-weight:700;letter-spacing:1px;margin:0 0 6px;text-align:center;text-shadow:0 1px 6px #fffbe7}.featured-card span{background:#fffbe7;border-radius:8px;box-shadow:0 2px 6px #d4af371a;color:#6b8e23;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:700;margin-top:6px;padding:4px 12px}.sale-card{align-items:center;background:linear-gradient(120deg,#fff0f0 60%,#ffe6e6);border:2.5px solid #e53935;border-radius:16px;box-shadow:0 8px 32px #e5393521,0 2px 8px #3e4d2c14;box-sizing:border-box;display:flex;flex:0 0 240px;flex-direction:column;height:auto;justify-content:flex-start;max-height:320px;max-width:240px;min-width:240px;overflow:visible;padding:26px 20px 20px;position:relative;transition:box-shadow .2s,transform .2s;width:240px;z-index:1}.sale-card:hover{box-shadow:0 12px 40px #e5393538,0 4px 16px #3e4d2c21;transform:translateY(-6px) scale(1.04)}.sale-card img{background:#fff5f5;border-radius:8px;box-shadow:0 2px 8px #e539351a;height:120px;margin-bottom:8px;object-fit:cover;width:100%}.sale-card h2{color:#b71c1c;font-family:Segoe UI,Arial,sans-serif;font-size:1.18rem;font-weight:700;letter-spacing:.5px;margin:0 0 6px;text-align:center;text-shadow:0 1px 6px #fff0f0}.original-price{color:#e41b1b;font-size:1.05rem;font-weight:500;margin-bottom:0;margin-top:2px;text-decoration:line-through}.sale-price{animation:sale-pulse 1.2s infinite alternate;background:#fff3e0;border:2px solid #e53935;border-radius:8px;box-shadow:0 2px 6px #e539351a;color:#e53935;font-family:Segoe UI,Arial,sans-serif;font-size:1.05rem;font-weight:700;margin-top:6px;padding:4px 12px}@keyframes sale-pulse{0%{box-shadow:0 0 0 0 #e5393533}to{box-shadow:0 0 16px 6px #e5393533}}.sale-badge{animation:badge-pop .7s cubic-bezier(.68,-.55,.27,1.55) 1;background:linear-gradient(90deg,#e53935 60%,#fff0f0);border:1.5px solid #b71c1c;border-radius:0 0 16px 16px;box-shadow:0 2px 8px #e5393521;color:#fff;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:700;left:12px;letter-spacing:1px;padding:6px 14px 6px 12px;position:absolute;text-shadow:0 2px 8px #b71c1c44;top:-14px;z-index:999}@keyframes badge-pop{0%{opacity:0;transform:scale(.7)}80%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.product-card{align-items:center;background:linear-gradient(135deg,#f5f6f1 70%,#dbe6c4);border:1.5px solid #b2bfa3;border-radius:14px;box-shadow:0 4px 16px #3e4d2c1a;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;max-height:320px;max-width:100%;min-width:0;overflow:hidden;padding:20px 18px 18px;transition:box-shadow .2s,transform .2s;width:100%}.product-card:hover{box-shadow:0 8px 28px #3e4d2c2e;transform:translateY(-4px) scale(1.03)}.product-card img{background:#e6e9d8;border-radius:8px;box-shadow:0 2px 8px #6b8e231a;height:120px;margin-bottom:8px;object-fit:cover;width:100%}.product-card h2{color:#3e4d2c;font-family:Georgia,serif;font-size:1.15rem;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-align:center}.product-card span{background:#f7fbe7;border-radius:6px;box-shadow:0 1px 3px #3e4d2c0f;color:#6b8e23;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:700;margin-top:6px;padding:3px 10px}:root{--page-bg:#f4f7fb;--accent:#2f6fe6;--radius:14px}body{background:#f4f7fb}.product-detail{grid-gap:28px;align-items:start;background:#fff;background:var(--card-bg);border-radius:18px;box-shadow:0 8px 30px #0f172a14;box-sizing:border-box;display:grid;gap:28px;grid-template-columns:1fr 360px;margin:36px auto;max-width:1150px;overflow:hidden;padding:28px}.product-media{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;max-width:720px;position:relative;width:100%}.product-media>img:first-of-type{align-self:center;border-radius:12px;box-shadow:0 6px 22px #1118270f;cursor:zoom-in;display:block;height:auto;max-height:460px;max-width:640px;object-fit:cover;transform-origin:center center;transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .25s ease;width:100%;will-change:transform}.product-media:hover>img:first-of-type{box-shadow:0 10px 36px #1118271f;transform:scale(1.04)}@media (hover:none) and (pointer:coarse){.product-media:hover>img:first-of-type{transform:none}.product-media>img:first-of-type{cursor:default}}.image-gallery{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;gap:10px;max-width:640px;overflow-x:auto;padding:10px 6px;scroll-snap-type:x mandatory;scrollbar-width:thin;width:100%}.image-gallery img{border:2px solid #0000;border-radius:10px;cursor:pointer;flex:0 0 auto;height:62px;object-fit:cover;scroll-snap-align:center;transition:transform .14s ease,border-color .14s ease;width:86px}.image-gallery img:hover{transform:translateY(-4px)}.image-gallery img.active,.image-gallery img:focus,.image-gallery img:hover{border-color:#2f6fe62e}.product-meta{padding:8px 4px}.product-meta h1{color:#0f172a;font-size:22px;letter-spacing:-.2px;margin:0 0 12px}.product-meta h1 input[type=text]{appearance:none;background:#0000;border:none;padding:0}.product-meta h1 input[type=text],.product-meta h1 input[type=text]:focus{-webkit-appearance:none;box-sizing:border-box;color:inherit;display:block;font-size:inherit;font-weight:700;line-height:1.15;margin:0;outline:none;width:100%}.product-meta h1 input[type=text]:focus{appearance:none;background:#fffffffa;border:1px solid #0f172a0f;border-radius:8px;padding:6px 10px;transition:box-shadow .14s ease,border-color .14s ease,transform .08s ease}.price{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.price .norm-price{background:#0000;border-radius:6px;color:#0f172a;font-size:1.25rem;font-weight:700;padding:4px 6px}.price .sale{background:linear-gradient(180deg,#ff6b6b,#c91f1f);border-radius:10px;box-shadow:0 10px 30px #c91f1f47,inset 0 2px 6px #c91f1f2e;color:#fff;font-size:1.25rem;font-weight:800;padding:6px 12px;text-shadow:0 2px 10px #c91f1f73}.old-price{color:#6b7280;color:var(--muted);font-size:.95rem;margin-left:6px;opacity:.9;text-decoration:line-through}.price+.old-price{margin-left:10px}.price input{border-color:#2f6fe6e6;box-shadow:0 6px 18px #2f6fe61f;padding:8px 10px;width:100px}.description{background:#fff;border:1px solid #eef2f7;border-radius:10px;color:#6b7280;color:var(--muted);margin-bottom:16px;min-height:120px;padding:10px;white-space:pre-wrap}.description textarea{background:#0000;border:none;box-sizing:border-box;color:inherit;display:block;font:inherit;height:auto;margin:0 -10px;min-height:120px;outline:none;padding:10px;resize:vertical;width:calc(100% + 20px)}.product-actions{background:#0000;bottom:18px;display:flex;gap:12px;grid-column:1/-1;justify-content:flex-end;margin-top:8px;position:-webkit-sticky;position:sticky;z-index:5}.set-type{align-items:center;display:flex;gap:10px}listbox{display:inline-block}.save-button{background:linear-gradient(180deg,#2f6fe6,#1e57d8);background:linear-gradient(180deg,var(--accent),#1e57d8);border-radius:12px;box-shadow:0 6px 18px #2f6fe62e;color:#fff;cursor:pointer;font-weight:600;padding:12px 26px;transition:transform .12s ease,box-shadow .12s ease}.save-button:active{box-shadow:0 4px 12px #2f6fe624;transform:translateY(1px)}.delete-button{align-items:center;background:#fff6f6;border:1px solid #ef444414;border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:8px 12px}.delete-button img{height:18px;width:18px}.loader{padding:40px 0}.loader,.popup-overlay{align-items:center;display:flex;justify-content:center}.popup-overlay{background:#080a0f73;inset:0;padding:20px;position:fixed;z-index:2147483000}.popup-content{background:#0000;border:none;box-shadow:none;max-height:100%;max-width:100%;padding:0;position:relative;z-index:2147483001}.popup-image{border-radius:10px;box-shadow:0 18px 60px #0a142380;display:block;margin:0 auto;max-height:85vh;max-width:1100px;object-fit:contain;width:80vw;z-index:2147483002}@media (max-width:980px){.product-detail{grid-template-columns:1fr;padding:20px}.product-media{align-items:stretch;max-width:100%}.product-media>img:first-of-type{height:auto;max-width:100%}.product-actions{justify-content:space-between}}@media (max-width:520px){.product-media>img:first-of-type{height:220px}.image-gallery img{height:52px;width:68px}.product-detail{border-radius:12px;margin:18px;padding:16px}}.listbox{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:200px;min-width:120px;overflow-y:auto;padding:4px 0;width:-webkit-max-content;width:max-content}.listbox::-webkit-scrollbar{width:6px}.listbox::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.listbox::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.listbox::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.listbox-item{color:#2c2c2c;cursor:pointer;font-size:.95rem;padding:8px 16px;transition:background-color .15s ease;white-space:nowrap}.listbox-item:hover{background-color:#f5f5f5}.listbox-item.selected{background-color:#6b8e23;color:#fff}.listbox-row{align-items:center;display:flex;gap:8px;padding:0 4px}.listbox-checkbox{margin-left:8px;margin-right:4px}.listbox-row:hover .listbox-item{background-color:#f5f5f5}.remove-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:background-color .15s ease,filter .15s ease}.remove-item img{display:block;height:18px;width:18px}.remove-item:hover{background-color:#e53935}.remove-item:hover img{filter:brightness(0) invert(1)}.listbox-item{flex:1 1 auto;padding:8px 12px}.listbox .listbox-checkbox,.listbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;display:inline-block;height:18px;position:relative;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease;vertical-align:middle;width:18px}.listbox input[type=checkbox]:hover{box-shadow:0 2px 6px #1018280f}.listbox input[type=checkbox]:focus{box-shadow:0 0 0 4px #3b82f61f;outline:none}.listbox input[type=checkbox]:checked{background-color:#16a34a;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><path d=%27M20 6L9 17l-5-5%27/></svg>");background-position:50%;background-repeat:no-repeat;background-size:12px 12px;border-color:#16a34a}.listbox.small input[type=checkbox]{background-size:10px 10px;height:14px;width:14px}.searchbar{box-sizing:border-box;gap:12px;width:220px}.searchbar,.searchbar-column{display:flex;flex-direction:column}.searchbar-column{gap:10px;width:100%}.searchbar-column input[type=number]{align-self:center;border:1px solid #e6e9ef;border:1px solid var(--border,#e6e9ef);border-radius:6px;box-sizing:border-box;font-size:.95rem;max-width:100%;padding:6px 8px;text-align:center;width:80px}.searchbar-column .listbox{box-sizing:border-box;min-width:0;width:100%!important}.searchbar-column .listbox .listbox-row{padding-right:8px}.searchbar-column .listbox .listbox-item{overflow:visible;white-space:nowrap}.searchbar-search{align-self:center;display:flex;justify-content:center;margin-top:4px;width:100%}.searchbar-filter{align-items:center;background:linear-gradient(90deg,#2563eb,#1e40af);background:linear-gradient(90deg,var(--accent,#2563eb) 0,var(--accent-600,#1e40af) 100%);border-radius:999px;box-shadow:0 8px 22px #1e40af2e,0 3px 8px #0000000f;color:#fff;color:var(--card-bg,#fff);cursor:pointer;display:inline-flex;font-weight:600;gap:10px;padding:8px 14px;transition:transform .15s cubic-bezier(.2,.9,.2,1),box-shadow .15s ease,filter .15s ease;-webkit-user-select:none;user-select:none}.searchbar-filter img{filter:brightness(0) invert(1) saturate(1.1);height:18px;object-fit:contain;vertical-align:middle;width:18px}.searchbar-filter:hover{box-shadow:0 14px 36px #1e40af42,0 6px 12px #0000001f;transform:translateY(-3px) scale(1.02)}.searchbar-filter:active{box-shadow:0 8px 22px #1e40af2e;transform:translateY(-1px) scale(.995)}.searchbar-filter:focus{outline:3px solid #2563eb29;outline-offset:3px}@media (max-width:600px){.searchbar{width:100%}.searchbar-column .listbox .listbox-item{overflow-wrap:anywhere;white-space:normal}}.products-container.products-grid{grid-gap:16px;align-items:start;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(1,1fr);justify-items:stretch;padding:12px}.products-container.products-grid .product-card{max-width:100%;min-width:0;width:100%}@media (min-width:600px){.products-container.products-grid{gap:18px;grid-template-columns:repeat(2,1fr)}}@media (min-width:920px){.products-container.products-grid{gap:20px;grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.products-container.products-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1600px){.products-container.products-grid{grid-template-columns:repeat(5,1fr)}}.search-bar{align-items:flex-start;background:#f5f6f1;border-right:2px solid #b2bfa3;box-shadow:2px 0 8px #3e4d2c0f;flex:0 0 auto;flex-direction:column;height:100%;justify-content:flex-start;max-width:260px;min-width:200px;padding:20px 14px;width:240px;z-index:2}.products-container,.search-bar{box-sizing:border-box;display:flex}.products-container{align-items:stretch;background:#fff;flex:1 1;flex-direction:column;min-width:0;padding:32px 24px 24px;position:relative;z-index:1}.products-page{display:flex;flex-direction:row;min-height:80vh;width:100%}:root{--page-bg:#f6f7fb;--success:#16a34a;--sidebar-width:380px}*{box-sizing:border-box}body,html{height:100%}body{background:var(--page-bg);color:#0f172a;color:var(--text);font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif}.product-detail-fields-container{grid-gap:14px;background:linear-gradient(180deg,#fffffffa,#fff);background:linear-gradient(180deg,#fffffffa,var(--card-bg));border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 6px 30px #0c18280f;display:grid;gap:14px;grid-template-columns:1fr;margin:24px auto 40px;max-width:1100px;padding:24px;width:100%}.product-detail-fields-container h1{margin:0 0 6px}.product-detail-fields-container .product-category-input,.product-detail-fields-container .product-manufacturer-input,.product-detail-fields-container input[type=number],.product-detail-fields-container input[type=text],.product-detail-fields-container textarea{background:#fff;border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);font-size:.96rem;min-width:0;outline:none;padding:10px 12px;transition:box-shadow .14s,border-color .14s,transform .08s;width:100%}.product-detail-fields-container textarea{min-height:120px;resize:vertical}.product-name{font-size:1.05rem;font-weight:600}.product-price{display:inline-block;width:200px}.product-price::-webkit-inner-spin-button,.product-price::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-product_category,.product-product_manufacturer{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.product-product_category label,.product-product_manufacturer label{color:#6b7280;color:var(--muted);font-size:.9rem}.product-product_category_add,.product-product_manufacturer_add{align-items:center;display:flex;flex-direction:column;gap:10px}.product-product_category_add .product-category-input,.product-product_manufacturer_add .product-manufacturer-input{flex:none;max-width:520px;width:100%}.product-category-add-button,.product-manufacturer-add-button{background:linear-gradient(180deg,#059669,#047857);border:none;border-radius:10px;box-shadow:0 8px 20px #04785724;color:#fff;cursor:pointer;min-width:140px;padding:10px 16px;transition:transform .12s,box-shadow .12s,opacity .12s}.product-category-add-button:hover,.product-manufacturer-add-button:hover{box-shadow:0 10px 26px #0478572e;transform:translateY(-2px)}.product-manufacturer-input{flex:0 0 180px;max-width:320px;min-width:100px}.product-category-input{flex:0 0 220px;max-width:420px;min-width:120px}@media (max-width:899px){.product-category-input,.product-manufacturer-input{flex:1 1;width:100%}.product-product_category_add,.product-product_manufacturer_add{align-items:stretch;flex-direction:column}.product-category-add-button,.product-manufacturer-add-button{min-width:0}}.product-category-add-button:hover,.product-manufacturer-add-button:hover{background:color-mix(in srgb,#2563eb 6%,#0000);background:color-mix(in srgb,var(--accent) 6%,#0000);border-color:#2563eb;border-color:var(--accent)}.product-image-upload{display:flex;flex-direction:column;gap:10px}.product-image-input{background:#fff;border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:8px;padding:8px 12px;width:100%}.create-product-button{background-color:#059669;border:none;border-radius:12px;box-shadow:0 10px 26px #04785724;color:#000!important;cursor:pointer;display:block;font-weight:700;left:auto;margin:20px auto 36px;margin:20px auto 160px;max-width:420px;min-width:180px;padding:12px 22px;position:relative;text-align:center;transform:none;z-index:40}.create-product-button:hover{box-shadow:0 12px 36px #0478572e;transform:translateY(-2px)}.create-product-button:active{transform:translateY(0)}.create-product-button:focus{outline:3px solid #0450402e;outline-offset:3px}@media (max-width:520px){.create-product-button{margin-left:auto;margin-right:auto;width:calc(100% - 48px)}}@media (max-width:900px){.create-product-button{border-radius:12px;bottom:76px;box-shadow:0 18px 36px #0478572e;left:50%;margin:0;max-width:420px;position:fixed;transform:translateX(-50%);width:calc(100% - 36px);z-index:60}}@media (min-width:900px){.product-detail-fields-container{align-items:start;grid-template-columns:1fr 380px;grid-template-columns:1fr var(--sidebar-width)}.product-description,.product-name,.product-price,.product-product_category,.product-product_manufacturer{grid-column:1/2}.product-image-upload{align-self:start;grid-column:2/3;width:100%}}.small{font-size:.88rem}.product-detail-fields-container button,.product-detail-fields-container input[type=button],.product-detail-fields-container input[type=submit]{color:#fff}.product-detail-fields-container .link,.product-detail-fields-container a,.product-product_category_add a,.product-product_manufacturer_add a{color:#0f172a!important;text-decoration:none!important}.product-detail-fields-container input:focus,.product-detail-fields-container select:focus,.product-detail-fields-container textarea:focus{border-color:#2563eb;border-color:var(--accent);box-shadow:0 6px 18px #2563eb14}.product-detail-fields-container{padding-bottom:140px}@media (max-width:600px){.product-detail-fields-container{padding-bottom:180px}}.product-images-preview{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;max-width:100%;overflow-x:visible;padding:12px 0;width:100%}.product-image-preview{background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:block;flex:0 0 200px;height:140px;overflow:hidden;padding:0;position:relative;transition:border-color .2s,box-shadow .2s,transform .12s;width:200px}.product-image-preview.selected{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb2e,0 2px 8px #00000014}.product-image-preview img{display:block;height:100%;object-fit:cover;width:100%}.product-image-preview .image-delete{align-items:center;background:#b91c1c;border:1px solid #00000014;border-radius:8px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:4px;position:absolute;right:8px;top:8px;width:34px;z-index:5}.product-image-preview .image-delete img{display:block;filter:brightness(0) invert(1);height:16px;width:16px}.product-image-preview .image-delete:hover{box-shadow:0 8px 22px #b91c1c33}@media (max-width:520px){.product-image-preview{flex:0 0 140px;height:100px;width:140px}}.product-image-preview label{color:#444;font-size:.95rem;text-align:center;word-break:break-all}.product-image-preview .caption{background:#00000073;border-radius:6px;bottom:8px;color:#fff;font-size:.9rem;left:8px;overflow:hidden;padding:6px 8px;position:absolute;right:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}:root{--bg:#f6f7fb;--accent:#3b82f6;--radius:10px;--shadow:0 6px 18px #232a3c14;--max-width:980px}body{background:#f6f7fb;background:var(--bg);color:#111827;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.users-list{background:linear-gradient(180deg,#ffffffd9,#fffffff2);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 6px 18px #232a3c14;box-shadow:var(--shadow);margin:20px auto;max-width:980px;max-width:var(--max-width);padding:20px}.users-list h1,.users-list h2{font-weight:600;margin:0 0 16px}table{border-collapse:collapse;font-size:.95rem;width:100%}thead th{background:#0000;border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);color:#6b7280;color:var(--muted);font-size:.9rem;font-weight:600;letter-spacing:.2px;padding:12px 16px;text-align:left}tbody td{border-bottom:1px dashed #0000000a;padding:12px 16px;vertical-align:middle}tbody tr:hover{background:#3b82f60a}td:first-child{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-list input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--accent);cursor:pointer;height:18px;width:18px}@media (max-width:640px){.users-list{margin:12px;padding:12px}table,tbody,td,th,thead,tr{display:block}thead{display:none}tbody tr{background:#fff;background:var(--card);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding:12px}tbody td{border:none;padding:6px 0}td:first-child{max-width:100%}}.users-list .empty{padding:24px;text-align:center}.muted,.users-list .empty{color:#6b7280;color:var(--muted)}.muted{font-size:.9rem}.users-actions{align-items:center;display:flex;gap:8px;margin-bottom:12px}.btn{background:#3b82f6;background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 10px #3b82f61f;color:#fff;cursor:pointer;font-weight:600;padding:8px 12px}.btn.ghost{background:#0000;border:1px solid #3b82f61f;box-shadow:none;color:#3b82f6;color:var(--accent)}.danger{background:#ef4444;background:var(--danger);color:#fff}.users-list h1{font-size:1.4rem;margin-bottom:14px}:root{--panel-bg:#fff;--accent-600:#1e40af}.profile-container{grid-gap:18px;background:linear-gradient(180deg,#fffffffa,#fff);background:linear-gradient(180deg,#fffffffa,var(--panel-bg));border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #0c18280f;box-sizing:border-box;display:grid;gap:18px;grid-template-columns:1fr;margin:28px auto;max-width:1000px;padding:22px}@media (min-width:900px){.profile-container{grid-template-columns:1fr 1fr}.email{grid-column:1/-1}.changepw,.name{align-self:start}}.profile-container>div{background:#fff;border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 18px #0c18280a;padding:18px}.profile-container h1{font-size:1.2rem;margin:0 0 8px}.profile-container input[type=email],.profile-container input[type=password],.profile-container input[type=text]{background:#fff;border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--text);font-size:.95rem;margin-top:8px;padding:10px 12px;transition:box-shadow .12s ease,border-color .12s ease,transform .06s ease;width:100%}.profile-container input::placeholder{color:#6b7280;color:var(--muted)}.profile-container input:focus{border-color:#2563eb;border-color:var(--accent);box-shadow:0 8px 20px #2563eb0f;outline:none}.changepw input,.email p,.name input{margin-bottom:6px}.email{display:flex;flex-direction:column;gap:8px;position:relative}.email>button{background:#0000;border:none;border-radius:6px;cursor:pointer;padding:6px;position:absolute;right:14px;top:18px}.email>button img{display:block;height:20px;width:20px}.email p{color:#0f172a;color:var(--text);font-size:1rem;font-weight:600;margin:8px 0}.change-email-btn,.change-name-btn,.change-pw-btn{background:linear-gradient(180deg,#2563eb,#1e40af);background:linear-gradient(180deg,var(--accent),var(--accent-600));border-radius:8px;box-shadow:0 10px 26px #2563eb1f;color:#fff;cursor:pointer;display:inline-block;margin-top:10px;padding:10px 16px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;-webkit-user-select:none;user-select:none}.change-email-btn:hover,.change-name-btn:hover,.change-pw-btn:hover{box-shadow:0 16px 36px #2563eb24;transform:translateY(-3px)}.change-email-btn:active,.change-name-btn:active,.change-pw-btn:active{transform:translateY(-1px)}.change-email-btn[disabled],.change-name-btn[disabled],.change-pw-btn[disabled]{cursor:default;opacity:.6}.changepw input{margin-bottom:10px}.profile-container .muted{color:#6b7280;color:var(--muted);font-size:.9rem}.delete-account{display:flex;grid-column:1/-1;margin:0 auto;padding-top:6px;width:100%}.delete-account,.delete-account-btn{align-items:center;justify-content:center}.delete-account-btn{background:linear-gradient(180deg,#ef4444,#b91c1c);border:1px solid #b91c1c2e;border-radius:8px;box-shadow:0 8px 22px #b91c1c1f;color:#fff;cursor:pointer;display:inline-flex;gap:8px;margin-top:8px;padding:10px 14px;transition:transform .12s ease,box-shadow .12s ease,filter .08s ease,opacity .12s ease;-webkit-user-select:none;user-select:none}.delete-account-btn:hover{box-shadow:0 16px 40px #b91c1c2e;filter:brightness(.98);transform:translateY(-3px)}.delete-account-btn:active{filter:brightness(.95);transform:translateY(-1px)}.delete-account-btn:focus{outline:3px solid #b91c1c24;outline-offset:3px}.delete-account-btn[disabled]{cursor:default;opacity:.6}.change-email-btn:focus,.change-name-btn:focus,.change-pw-btn:focus,.email>button:focus{outline:3px solid #2563eb1f;outline-offset:3px}@media (max-width:420px){.profile-container{gap:12px;padding:12px}.profile-container>div{padding:12px}.email>button{right:10px;top:12px}}.delete-account-popup{background:linear-gradient(180deg,#fff,#fff);border:1px solid #b91c1c24;border-radius:12px;box-shadow:0 24px 60px #0b162859;color:#0f172a;color:var(--text);max-width:460px;padding:20px;text-align:center}.delete-account-popup p{align-items:center;color:#991b1b;display:flex;font-size:1.02rem;font-weight:700;gap:10px;justify-content:center;margin:0}.delete-account-popup p:before{color:#b91c1c;content:"\26A0";font-size:1.35rem;line-height:1}.delete-account-popup-actions{display:flex;gap:12px;justify-content:center;margin-top:18px}.delete-account-popup .yes{background:linear-gradient(180deg,#dc2626,#b91c1c);border-radius:8px;box-shadow:0 10px 30px #b91c1c2e;color:#fff;cursor:pointer;padding:10px 16px;transition:transform .12s ease,filter .08s ease,box-shadow .12s ease}.delete-account-popup .yes:hover{box-shadow:0 16px 44px #b91c1c38;filter:brightness(.98);transform:translateY(-3px)}.delete-account-popup .yes:active{filter:brightness(.95);transform:translateY(-1px)}.delete-account-popup .yes:focus{outline:3px solid #b91c1c29;outline-offset:3px}.delete-account-popup .no{background:#0000;border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:8px;color:#374151;cursor:pointer;padding:10px 16px;transition:transform .12s ease,box-shadow .12s ease,background .08s ease}.delete-account-popup .no:hover{background:#0f172a05;transform:translateY(-2px)}.delete-account-popup .no:focus{outline:3px solid #2563eb14;outline-offset:3px}:root{--card-bg:#fff;--text:#0f172a;--border:#e6e9ef}.initial{align-items:flex-start;background:linear-gradient(180deg,#2563eb0f,#fffffffa);border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 30px #0c18280f;box-sizing:border-box;display:flex;gap:28px;margin:18px auto 6px;max-width:1150px;min-height:120px;padding:20px 24px}.initial h1{color:#0f172a;color:var(--text);font-size:1.15rem;letter-spacing:-.2px;margin:4px 0 6px}.initial ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.initial ul li{color:#0f172a;color:var(--text);font-size:.97rem;font-weight:600;padding-left:28px;position:relative}.initial ul li:before{background:linear-gradient(180deg,#34d399,#059669);border-radius:3px;box-shadow:0 6px 18px #0596691f,inset 0 1px 0 #ffffff0f;content:"";height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:12px}@media (max-width:780px){.initial{flex-direction:column;padding:16px}.initial h1{font-size:1.05rem}}.contact-info{background:#fff;background:var(--card-bg);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:10px;border-radius:calc(var(--radius) - 2px);box-shadow:0 10px 30px #0c18280d;margin:18px auto 48px;max-width:900px;padding:20px}.contact-table{border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;width:100%}.contact-table th{color:#0f172a;color:var(--text);font-size:.98rem;font-weight:700;padding:14px 12px 14px 0;text-align:left;vertical-align:top;width:220px}.contact-table td{border-top:1px solid #0f172a08;color:#6b7280;color:var(--muted);font-size:.96rem;line-height:1.45;padding:12px 0 12px 12px}.contact-table a{color:#2563eb;color:var(--accent);font-weight:600;text-decoration:none}.contact-table a:focus,.contact-table a:hover{text-decoration:underline}.contact-table td table{border-collapse:collapse;width:100%}.contact-table td table th{color:#0f172a;color:var(--text);font-size:.94rem;font-weight:600;padding:6px 10px 6px 0;width:160px}.contact-table td table td{color:#6b7280;color:var(--muted);font-size:.93rem;padding:6px 0}.contact-table td strong{color:#0f172a;color:var(--text)}@media (max-width:680px){.contact-info{padding:14px}.contact-table td,.contact-table th{display:block;padding:8px 0;width:100%}.contact-table th{margin-top:6px}.contact-table td table th{display:block;width:100%}.contact-table td table td{display:block}}.contact-table a:focus{outline:3px solid #2563eb1f;outline-offset:4px}:root{--page-footer-height:92px}body{padding-bottom:112px;padding-bottom:calc(var(--page-footer-height) + 20px)}.contact-info{padding-bottom:100px}@media (max-width:520px){:root{--page-footer-height:120px}body{padding-bottom:108px;padding-bottom:calc(var(--page-footer-height) + 16px)}.contact-info{padding-bottom:28px}}:root{--card:#fff;--muted:#6b7280;--accent:#2563eb;--danger:#ef4444;--radius:12px}.age-ver{align-items:center;background:linear-gradient(180deg,#fffffffa,#fff);border:1px solid #060c1e0f;border-radius:18px;border-radius:calc(var(--radius) + 6px);box-shadow:0 18px 60px #060c1e47;display:flex;gap:24px;justify-content:space-between;left:50%;max-width:780px;padding:22px;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(92%,780px);z-index:9999}.age-ver .info{flex:1 1 60%}.age-ver .info h1{color:#0f172a;font-size:1.25rem;margin:0 0 8px}.age-ver .info p{color:#6b7280;color:var(--muted);font-size:.95rem;line-height:1.5;margin:0}.age-ver .interact{align-items:center;display:flex;gap:12px;justify-content:center}.age-ver .interact button{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 16px}.age-ver .interact .no{background:#0000;border:1px solid #0f172a0f;color:#374151;padding:10px 14px}.age-ver .interact .yes{background:linear-gradient(180deg,#2f6fe6,#1e57d8);box-shadow:0 12px 40px #2563eb29;color:#fff}.age-ver .interact .yes:active{transform:translateY(1px)}@media (max-width:820px){.age-ver{align-items:stretch;flex-direction:column;padding:18px}.age-ver .interact{justify-content:stretch}.age-ver .interact button{flex:1 1}}@media (max-width:520px){.age-ver{margin:18px auto;position:static;transform:none;width:calc(100% - 32px);z-index:auto}}.aszf-container{color:#111;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0 auto;max-width:900px;padding:24px}.aszf-container h1{font-size:1.6rem;margin-bottom:1rem}.aszf-content p{font-size:.98rem;line-height:1.65;margin:0 0 1rem;text-align:justify;word-break:break-word}@media (min-width:1100px){.aszf-content{column-count:2;column-gap:36px}.aszf-content p{break-inside:avoid;page-break-inside:avoid}}.spacer{height:100px}