@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--hl-black: #0b0b0d;--hl-black-soft: #17171b;--hl-white: #ffffff;--hl-off-white: #f7f7f8;--hl-border: #e6e6e9;--hl-amber: #ffb300;--hl-amber-light: #ffd166;--hl-amber-dark: #cc8f00;--hl-ink: #17171b;--hl-gray: #6b6b74;--hl-gray-dim: #9a9aa2;--hl-danger: #d9433d;--hl-danger-bg: #fdeceb;--hl-success: #1f9d4c;--hl-success-bg: #eaf9ef;--radius: 12px;--radius-sm: 8px;--shadow-soft: 0 4px 16px rgba(20,20,25,.06);--shadow-lift: 0 14px 30px rgba(20,20,25,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--hl-white);color:var(--hl-ink);min-height:100vh}h1,h2,h3,h4{font-family:Poppins,Inter,sans-serif;letter-spacing:-.01em;color:var(--hl-ink)}a{color:var(--hl-amber-dark);text-decoration:none;transition:color .15s ease}a:hover{color:var(--hl-amber);text-decoration:none}.container{max-width:1240px;margin:0 auto;padding:0 24px 60px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--hl-off-white)}::-webkit-scrollbar-thumb{background:#d5d5da;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--hl-amber-dark)}.navbar{position:sticky;top:0;z-index:50;background:var(--hl-black);border-bottom:3px solid var(--hl-amber);display:flex;align-items:center;justify-content:space-between;padding:14px 28px;flex-wrap:wrap;gap:12px}.navbar .brand{font-family:Poppins,sans-serif;background:linear-gradient(120deg,var(--hl-amber-light),var(--hl-amber));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;font-size:1.35rem;letter-spacing:-.02em}.navbar nav.nav-desktop{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.navbar nav a,.navbar nav button.linklike{color:var(--hl-white);background:none;border:none;font-size:.95rem;font-weight:500;cursor:pointer;padding:6px 2px;position:relative}.navbar nav a:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--hl-amber);transition:width .2s ease}.navbar nav a:hover:after{width:100%}.navbar nav a:hover,.navbar nav button.linklike:hover{color:var(--hl-amber)}.admin-pill{background:linear-gradient(120deg,var(--hl-amber-light),var(--hl-amber));color:var(--hl-black);padding:4px 14px;border-radius:999px;font-weight:700;font-size:.78rem}.nav-mobile-trigger{display:none;align-items:center;gap:16px}.mobile-cart-icon{position:relative;color:var(--hl-white);display:flex}.cart-count-dot{position:absolute;top:-8px;right:-10px;background:var(--hl-amber);color:var(--hl-black);font-size:.65rem;font-weight:800;line-height:1;border-radius:999px;padding:3px 5px;min-width:16px;text-align:center}.hamburger-btn{background:none;border:none;color:var(--hl-white);cursor:pointer;display:flex;padding:2px}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--hl-black);border-bottom:3px solid var(--hl-amber);padding:18px 20px;display:flex;flex-direction:column;gap:16px;z-index:60;box-shadow:0 12px 24px #00000040}.mobile-menu a,.mobile-menu button.linklike{color:var(--hl-white);font-size:1rem;font-weight:500;background:none;border:none;text-align:left;cursor:pointer;padding:4px 0}.mobile-menu a:hover,.mobile-menu button.linklike:hover{color:var(--hl-amber)}.btn{background:var(--hl-black);color:var(--hl-white);border:none;padding:11px 20px;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;font-size:.95rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 4px 14px #1414191f}.btn:hover:not(:disabled){background:#2a2a30;transform:translateY(-1px);box-shadow:0 8px 20px #1414192e}.btn:active:not(:disabled){transform:translateY(0)}.btn.secondary{background:var(--hl-white);border:1.5px solid var(--hl-black);color:var(--hl-black);box-shadow:none}.btn.secondary:hover:not(:disabled){background:var(--hl-off-white)}.btn.danger{background:var(--hl-danger);color:var(--hl-white);box-shadow:0 4px 14px #d9433d33}.btn.danger:hover:not(:disabled){background:#c23a34}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;background:var(--hl-white);color:var(--hl-ink);border:1.5px solid var(--hl-border)}.google-btn:hover:not(:disabled){background:var(--hl-off-white)}.divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--hl-gray-dim);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--hl-border)}.card{background:var(--hl-white);border:1px solid var(--hl-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-top:20px}.product-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden;display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--hl-amber)}.product-image-wrap{position:relative}.product-image-wrap img{width:100%;height:170px;object-fit:cover;border-radius:8px;background:var(--hl-off-white);transition:transform .3s ease;display:block}.product-card:hover .product-image-wrap img{transform:scale(1.03)}.badge-corner-left{position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #00000026}.badge-corner-right{position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000026}.product-card-body{display:flex;flex-direction:column;flex:1}.product-card h3{margin:10px 0 2px;font-size:1.05rem}.product-card .price{color:var(--hl-amber-dark);font-weight:700;font-size:1.15rem}.product-card .old-price{text-decoration:line-through;color:var(--hl-gray-dim);margin-right:8px;font-size:.9rem}.product-card .btn{width:100%;margin-top:auto}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge.offer{background:linear-gradient(120deg,var(--hl-amber-light),var(--hl-amber));color:var(--hl-black)}.badge.out{background:var(--hl-danger-bg);color:var(--hl-danger);border:1px solid rgba(217,67,61,.3)}input,select,textarea{background:var(--hl-white);border:1px solid var(--hl-border);color:var(--hl-ink);padding:11px 13px;border-radius:var(--radius-sm);width:100%;font-size:.95rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--hl-amber);box-shadow:0 0 0 3px #ffb30026}label{display:block;margin-bottom:6px;color:var(--hl-gray);font-size:.85rem;font-weight:500}.field{margin-bottom:14px}.form-card{max-width:420px;margin:60px auto}.form-card h2{text-align:center;margin-bottom:4px}.slideshow{position:relative;height:360px;border-radius:var(--radius);overflow:hidden;margin:24px 0;box-shadow:var(--shadow-lift);border:1px solid var(--hl-border);background:var(--hl-off-white)}.slideshow .slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .7s ease}.slideshow .slide.active{opacity:1}.slideshow img{width:100%;height:100%;object-fit:cover}.slideshow .caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);padding:40px 28px 20px}.slideshow .caption h2{color:var(--hl-amber-light);margin:0 0 4px;font-size:1.6rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.slideshow .caption p{margin:0;color:var(--hl-white);opacity:.9}.slideshow .dots{position:absolute;bottom:14px;right:22px;display:flex;gap:7px}.slideshow .dot{width:9px;height:9px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s ease}.slideshow .dot.active{background:var(--hl-amber);width:22px;border-radius:5px}.slideshow-empty{display:flex;align-items:center;justify-content:center;height:220px;border:1px dashed var(--hl-border);border-radius:var(--radius);color:var(--hl-gray-dim);margin:24px 0;background:var(--hl-off-white);font-size:.95rem}.searchbar{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 8px;align-items:end;background:var(--hl-off-white)}.searchbar .field{margin-bottom:0;min-width:160px}.searchbar .btn{align-self:stretch}.status-pending,.status-approved,.status-rejected{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:700;font-size:.82rem}.status-pending{color:var(--hl-amber-dark);background:#fff6e0}.status-approved{color:var(--hl-success);background:var(--hl-success-bg)}.status-rejected{color:var(--hl-danger);background:var(--hl-danger-bg)}.section-title{color:var(--hl-ink);border-bottom:1px solid var(--hl-border);padding-bottom:10px;margin-top:36px;font-size:1.15rem;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:18px;background:var(--hl-amber);border-radius:2px;display:inline-block}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--hl-border);font-size:.92rem}th{color:var(--hl-amber-dark);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}tbody tr{transition:background .12s ease}tbody tr:hover{background:var(--hl-off-white)}.checkout-card,.checkout-success{max-width:520px;margin:40px auto}.checkout-success{text-align:center}.success-badge{width:56px;height:56px;border-radius:50%;background:linear-gradient(120deg,var(--hl-amber-light),var(--hl-amber));color:var(--hl-black);font-size:1.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.payment-box{background:var(--hl-off-white);border:1px solid var(--hl-border);border-radius:var(--radius);padding:16px 20px;margin:18px 0;text-align:left}.payment-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--hl-border)}.payment-row:last-child{border-bottom:none}.payment-row span{color:var(--hl-gray)}.payment-row strong{font-size:1.05rem}.admin-shell{display:flex;gap:28px;margin-top:20px;align-items:flex-start}.admin-sidebar{width:220px;flex-shrink:0;background:var(--hl-black);border:1px solid var(--hl-black);border-radius:var(--radius);padding:14px;position:sticky;top:90px}.admin-sidebar a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);color:#c7c7cf;font-weight:600;font-size:.92rem;margin-bottom:4px;transition:all .15s ease}.admin-sidebar a:hover{color:var(--hl-white);background:#ffffff14}.admin-sidebar a.active{color:var(--hl-black);background:linear-gradient(120deg,var(--hl-amber-light),var(--hl-amber))}.admin-main{flex:1;min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:8px}.stat-card{background:var(--hl-white);border:1px solid var(--hl-border);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.stat-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,0,.15),transparent 70%)}.stat-card .stat-label{color:var(--hl-gray);font-size:.82rem;margin-bottom:6px}.stat-card .stat-value{font-size:1.7rem;font-weight:800;font-family:Poppins,sans-serif;color:var(--hl-ink)}.stat-card .stat-value.amber{color:var(--hl-amber-dark)}@media (max-width: 800px){.admin-shell{flex-direction:column}.admin-sidebar{width:100%;position:static;display:flex;overflow-x:auto;gap:4px}.admin-sidebar a{white-space:nowrap}}.hero{padding:40px 0 8px;text-align:center}.hero h1{font-size:2.3rem;margin:0 0 10px;color:var(--hl-ink)}.hero h1 .accent{color:var(--hl-amber-dark)}.hero p{color:var(--hl-gray);font-size:1.05rem;margin:0}.category-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:24px 0 8px}.category-box{background:var(--hl-white);border:1.5px solid var(--hl-border);color:var(--hl-gray);border-radius:var(--radius);padding:20px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.92rem;font-weight:700;text-align:center;transition:all .15s ease}.category-box:hover{border-color:var(--hl-amber);color:var(--hl-ink);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.category-box.active{background:var(--hl-black);color:var(--hl-white);border-color:var(--hl-black)}.category-box.active svg{color:var(--hl-amber)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--hl-gray);text-align:center}.empty-state svg{color:var(--hl-gray-dim)}.empty-state p{margin:0;font-size:1.05rem}.site-footer{margin-top:60px;border-top:3px solid var(--hl-amber);background:var(--hl-black);padding-top:36px;color:#d0d0d5}.site-footer a{color:#d0d0d5}.site-footer a:hover{color:var(--hl-amber)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding-bottom:24px}.footer-bottom{border-top:1px solid #2a2a30;text-align:center;padding:16px 0;color:#8b8b93;font-size:.85rem}@media (max-width: 700px){.footer-grid{grid-template-columns:1fr}}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:560px}.product-detail-img{width:320px;height:260px;object-fit:cover;border-radius:8px;flex-shrink:0}@media (max-width: 900px){.container{padding:0 16px 50px}.hero{padding:28px 0 4px}.hero h1{font-size:1.9rem}.hero p{font-size:.95rem}.slideshow{height:260px}.footer-grid{gap:24px}}@media (max-width: 600px){.container{padding:0 14px 40px}.navbar .nav-desktop{display:none!important}.nav-mobile-trigger{display:flex!important}.navbar{padding:12px 16px;gap:8px}.navbar .brand{font-size:1.1rem}.admin-pill{font-size:.7rem;padding:3px 10px}.hero{padding:20px 0 2px}.hero h1{font-size:1.5rem;line-height:1.25}.hero p{font-size:.88rem}.slideshow{height:190px;margin:16px 0}.slideshow .caption{padding:20px 14px 12px}.slideshow .caption h2{font-size:1.1rem}.slideshow .caption p{font-size:.82rem}.searchbar{flex-direction:column;align-items:stretch;padding:14px}.searchbar .field{min-width:0;width:100%}.searchbar .btn{width:100%}.category-boxes{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px}.category-box{padding:14px 8px;font-size:.8rem}.category-box svg{width:20px;height:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.product-card{padding:10px}.product-image-wrap img{height:100px}.product-card h3{font-size:.82rem;margin:6px 0 1px;line-height:1.25}.product-card p{font-size:.78rem;margin:2px 0}.product-card .price{font-size:.88rem}.product-card .old-price{font-size:.72rem}.product-card .btn{font-size:.78rem;padding:8px 10px;margin-top:8px}.badge-corner-left,.badge-corner-right{top:6px}.badge-corner-left{left:6px}.badge-corner-right{right:6px}.badge{font-size:.62rem;padding:2px 7px}.card{padding:16px}.form-card{margin:30px auto;max-width:100%}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.05rem}.product-detail-img{width:100%;height:200px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.stat-card .stat-value{font-size:1.35rem}.admin-sidebar a{font-size:.85rem;padding:9px 12px}.footer-grid{grid-template-columns:1fr;text-align:center}.site-footer p,.site-footer div[style*=align-items]{justify-content:center!important}.checkout-card,.checkout-success,.form-card{margin:20px auto}}@media (max-width: 380px){.grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-image-wrap img{height:90px}.category-boxes{grid-template-columns:repeat(2,1fr)}.navbar .brand{font-size:1rem}}