:root{--bg: #0D0D0D;--card: #141414;--card-light: #1E1E1E;--primary: #FFC107;--accent: #E6FF00;--text: #FFFFFF;--muted: #8A8F98;--border: #2A2A2A;--danger: #FF3D00;--s: 8px;--m: 16px;--l: 24px;--xl: 32px}body{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,sans-serif;line-height:1.5}.navbar{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:14px 30px;background:#0a0a0a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.navbar div{display:flex;align-items:center;gap:20px}.navbar a,.navbar a:visited{color:var(--text);text-decoration:none;font-size:14px;opacity:.85}.navbar a:hover{opacity:1;color:var(--primary)}.logo{display:flex;align-items:center;gap:10px;font-weight:700;border-radius:50%}.logo img{width:34px;height:34px;border-radius:50%}.hero{position:relative;height:420px;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(255,193,7,.08),transparent 60%),radial-gradient(circle at 80% 80%,rgba(230,255,0,.06),transparent 60%),#0d0d0d}.hero h1{font-size:44px;letter-spacing:.5px}.hero p{color:var(--muted);margin-top:8px}.hero button{margin-top:16px;padding:12px 22px;border-radius:30px;border:none;background:linear-gradient(45deg,var(--primary),var(--accent));color:#000;cursor:pointer;font-weight:600}.home-controls{padding:var(--l);display:flex;flex-direction:column;gap:var(--m)}.home-controls input{padding:12px;border-radius:8px;border:1px solid var(--border);background:#0a0a0a;color:#fff}.category-pills{display:flex;gap:10px;flex-wrap:wrap}.category-pills button{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:transparent;color:#fff;cursor:pointer;font-size:13px}.category-pills button.active{background:var(--primary);color:#000;border-color:var(--primary)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--l);padding:var(--l)}.product-card{background:var(--card);border-radius:14px;padding:14px;border:1px solid var(--border);transition:.25s}.product-card:hover{transform:translateY(-5px);border-color:var(--primary)}.product-img img{width:100%;height:210px;object-fit:cover;border-radius:10px}.product-body{position:relative;z-index:2}.product-body h4{font-size:15px;margin:8px 0}.product-price{font-weight:700;color:var(--primary)}.rating{font-size:13px}.gsm{font-size:12px;color:var(--muted)}.product-actions{display:flex;gap:10px;margin-top:12px}.pc-btn{flex:1;padding:10px;border-radius:8px;cursor:pointer;font-size:13px}.pc-btn.primary{background:linear-gradient(45deg,var(--primary),var(--accent));color:#000}.pc-btn.outline{border:1px solid var(--primary);color:var(--primary);background:transparent}.pc-btn.disabled{background:#333;color:#888;cursor:not-allowed}.center-page{display:flex;justify-content:center;align-items:center;min-height:100vh}.card-box{background:var(--card);padding:28px;border-radius:16px;width:360px;border:1px solid var(--border)}.card-box input{width:100%;padding:12px;margin-bottom:12px;border-radius:8px;border:1px solid var(--border);background:#0a0a0a;color:#fff}.card-box button{width:100%;padding:12px;background:linear-gradient(45deg,var(--primary),var(--accent));border-radius:8px;color:#000;font-weight:700}.cart-container,.checkout-split{display:grid;grid-template-columns:2fr 1fr;gap:var(--xl);padding:var(--xl)}.cart-left,.cart-right,.checkout-left,.checkout-right{background:var(--card);padding:var(--l);border-radius:14px;border:1px solid var(--border)}.sticky{position:sticky;top:90px}.cart-item{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--border)}.cart-item img{width:110px;border-radius:10px}.summary-row{display:flex;justify-content:space-between;margin:10px 0;font-size:14px}.summary-row.total{font-weight:700;font-size:16px}.orders-page{padding:var(--xl)}.order-card{background:var(--card);padding:var(--l);border-radius:14px;border:1px solid var(--border)}.order-top{display:flex;justify-content:space-between}.timeline{display:flex;margin:20px 0}.step{flex:1;text-align:center;border-bottom:2px solid #333;padding:6px;font-size:13px;color:var(--muted)}.step.active{border-color:var(--primary);color:#fff}.admin-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding-top:10px}.product-wrapper{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:var(--xl);padding:var(--xl)}.product-main-img img{height:400px;object-fit:cover}.product-thumbs{display:flex;gap:10px}.product-thumbs img.active{border:2px solid var(--accent)}.skeleton{height:260px;background:#1a1a1a;border-radius:10px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}button{all:unset;font-family:inherit;cursor:pointer;display:inline-block}.navbar button{all:unset;background:linear-gradient(45deg,var(--primary),var(--accent));color:#000;padding:6px 14px;border-radius:20px;cursor:pointer;font-weight:600}.card-box{display:flex;flex-direction:column;gap:12px}.card-box input{background:#111;border:1px solid var(--border);color:#fff}.card-box .auth-actions{display:flex!important;gap:16px!important}.card-box .auth-actions button{flex:none!important;width:48%!important}.login-btn{background:linear-gradient(45deg,var(--primary),var(--accent));color:#000;padding:12px 17px;border:1px solid var(--primary);border-radius:8px;font-weight:600;margin-left:65px;margin-right:15px}.signup-btn{border:1px solid var(--primary);color:var(--primary);padding:12px;border-radius:8px;font-weight:600;margin-left:15px;margin-right:55px}.qty-box button{background:#111;border:1px solid var(--border);color:#fff;padding:6px 10px;border-radius:6px}.qty-box button:hover{border-color:var(--primary)}.remove-btn{margin-top:6px;padding:6px 10px;border-radius:6px;border:1px solid var(--danger);color:var(--danger);background:transparent;cursor:pointer}.remove-btn:hover{background:var(--danger);color:#fff}.checkout-btn{width:100%;margin-right:20px;border-radius:10px;background:linear-gradient(45deg,var(--primary),var(--accent));color:#000;font-weight:700;cursor:pointer;text-align:center}.checkout-left{display:flex;flex-direction:column;gap:12px}.checkout-left input{padding:12px;border-radius:8px;border:1px solid var(--border);background:#111;color:#fff}.order-item{display:flex;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.order-item img{width:70px;border-radius:8px}.order-item p{margin:2px 0}.order-card{display:flex;flex-direction:column;gap:10px}.pc-btn{text-align:center}button,button *{color:inherit}h2,h3{margin-bottom:10px}input::placeholder{color:#666}*{transition:all .25s ease}button,.pc-btn,.checkout-btn{transition:all .2s ease}button:hover,.pc-btn:hover,.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc10740}button:active,.pc-btn:active,.checkout-btn:active{transform:scale(.96);box-shadow:none}.pc-btn.outline:hover{background:var(--primary);color:#000;margin:10PX}.product-card{position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,193,7,.15),transparent 70%);opacity:0;transition:.3s}.product-card:hover:before{opacity:1}.product-card:hover{transform:translateY(-6px) scale(1.01)}.navbar a{position:relative}.navbar a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:var(--primary);transition:.3s}.navbar a:hover:after{width:100%}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.card-box,.cart-left,.cart-right,.checkout-left,.checkout-right,.order-card{transition:all .25s ease}.card-box:hover,.cart-left:hover,.cart-right:hover,.checkout-left:hover,.checkout-right:hover,.order-card:hover{transform:translateY(-3px);border-color:var(--primary)}.summary-row.total{color:var(--primary);font-size:17px}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.6s infinite}@keyframes shimmer{to{left:150%}}html{scroll-behavior:smooth}.category-pills button:hover{transform:translateY(-2px);border-color:var(--primary)}.product-thumbs img{transition:.2s}.product-thumbs img:hover{opacity:1;transform:scale(1.05)}.cart-item:hover{background:#ffffff05}.status.delivered{color:#00e676}.status.shipped{color:var(--primary)}.status.cancelled{color:var(--danger)}@media (max-width: 768px){button:active{transform:scale(.95)}}.page{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:9999}.loader-spinner{width:50px;height:50px;border:4px solid #222;border-top:4px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button,.pc-btn,.checkout-btn{transition:transform .15s ease,box-shadow .2s ease}button:hover,.pc-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 30px #ffc10740}button:active{transform:scale(.96)}.product-card,.order-card,.cart-left,.cart-right,.checkout-left,.checkout-right{background:#141414cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 20px #0006,inset 0 0 0 1px #ffffff0a}.product-card:hover{transform:translateY(-6px);box-shadow:0 10px 40px #ffc10726,inset 0 0 0 1px #ffffff0f}.product-img{position:relative;z-index:1}.product-img img{transition:transform .5s ease,filter .3s ease}.product-img:hover img{transform:scale(1.08);filter:brightness(1.1)}h1,h2,h3{font-weight:600;letter-spacing:.3px}h2{font-size:26px}h3{font-size:18px}p{font-size:14px}input{transition:all .2s ease}input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 20px #ffc10726}.pc-btn.primary,.checkout-btn{position:relative;overflow:hidden}.pc-btn.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);opacity:0;transition:.3s}.pc-btn.primary:hover:after{opacity:1}.fade-in{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.product-badge.trending{background:linear-gradient(45deg,var(--primary),var(--accent));color:#000;font-weight:600}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.filter-bar .pc-btn{flex:unset;width:fit-content;padding:6px 14px;white-space:nowrap}.admin-form{display:flex;flex-direction:column;gap:12px;width:100%}.admin-form input,.admin-form textarea,.admin-form select{width:100%;box-sizing:border-box}a{color:var(--text);text-decoration:none}a:visited{color:var(--text)}a:hover{color:var(--primary)}.product-card *{pointer-events:auto}.product-card:before{pointer-events:none}.product-img img{transition:transform .4s ease}.product-img:hover img{transform:scale(1.08)}.admin-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.admin-actions button{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:8px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s ease}.admin-actions button:hover{background:#ffc10714;transform:translateY(-1px)}.admin-actions button:last-child{border-color:var(--danger);color:var(--danger)}.admin-actions button:last-child:hover{background:#ff3d001a}.order-box{border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer}.order-header{padding:16px}.order-header:hover{background:#ffc1070d}.stock-banner{position:absolute;top:14px;left:-40px;width:140px;text-align:center;background:#000000b3;color:var(--primary);font-size:11px;font-weight:700;letter-spacing:1px;transform:rotate(-45deg);z-index:20;padding:6px 0;border:1px solid var(--primary);box-shadow:0 0 10px #ffc10799,0 0 20px #ffc10733}.product-card{position:relative;overflow:hidden;will-change:transform}.product-card:after{border-radius:inherit}.order-card,.order-box{will-change:transform}.product-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 40px #00000080,0 0 0 1px #ffc10726}.product-img img{transition:transform .5s ease,filter .3s ease;backface-visibility:hidden;will-change:transform;pointer-events:none}.product-card:hover .product-img img{transform:scale(1.06);filter:brightness(1.05)}.pc-btn{transition:all .2s ease}.pc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffc10733}.pc-btn:active{transform:scale(.96)}.product-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);opacity:0;transition:.4s;pointer-events:none}.product-card:hover:after{opacity:1}.hover-card{transition:transform .25s ease,box-shadow .25s ease,border .25s ease}.hover-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 10px 40px #ffc10726,0 0 0 1px #ffffff0d inset}.product-badge{position:absolute;top:12px;left:-40px;width:140px;text-align:center;background:#b71c1c;color:#fff;font-size:12px;font-weight:600;transform:rotate(-45deg);padding:6px 0;box-shadow:0 4px 12px #0006}.product-badge.trending{left:10px;transform:none;background:linear-gradient(45deg,var(--primary),var(--accent));color:#000;border-radius:6px}@media (max-width: 768px){.stock-banner{top:10px;left:-32px;width:120px;font-size:10px}}@media (max-width: 768px){.navbar{flex-wrap:wrap;height:auto;padding:10px 15px}.navbar div{flex-wrap:wrap;gap:12px}.navbar a{font-size:13px}.navbar button{padding:6px 10px;font-size:12px}}.menu-btn{display:none}.menu-btn{display:none;font-size:22px;cursor:pointer;color:#fff}.nav-links{display:flex;gap:20px;align-items:center}@media (max-width: 768px){.menu-btn{display:block}.nav-links{position:absolute;top:65px;left:0;width:100%;background:#111;border-radius:16px;padding:15px;display:none;flex-direction:column;gap:14px;box-shadow:0 10px 30px #00000080}.nav-links.open{display:flex}.nav-links a,.nav-links button{width:100%;text-align:center;padding:10px}}.admin-product-card{background:#141414d9;border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.25s ease}.admin-product-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 30px #ffc1071f}.admin-product-card img{width:100%;height:160px;object-fit:cover;border-radius:10px}.admin-product-card p{margin:0;font-size:13px}.admin-product-card b{font-size:14px}.footer{width:100%;background:#0b0b0b;padding:70px 0;border-top:1px solid rgba(255,255,255,.05)}.footer-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding:0 40px}.footer h2{font-size:26px}.footer h3{margin-bottom:12px}.footer-left{display:flex;flex-direction:column;gap:16px}.footer-right,.footer-extra{display:flex;flex-direction:column;gap:10px}.footer-right a{color:#aaa;text-decoration:none;position:relative;width:fit-content;transition:.3s}.footer-right a:after{content:"";position:absolute;left:0;bottom:-3px;width:0%;height:1px;background:#ffc107;transition:.3s}.footer-right a:hover{color:#fff}.footer-right a:hover:after{width:100%}.footer-socials{display:flex;gap:16px;margin-top:10px}.footer-socials a{color:#aaa;font-size:18px;transition:.3s}.footer-socials a:hover{color:#ffc107;transform:translateY(-2px)}.footer-extra p{color:#aaa;font-size:14px}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:30px;padding:0 20px}}.toast{position:fixed;bottom:30px;right:30px;padding:14px 18px;border-radius:10px;font-size:14px;z-index:9999;animation:slideUp .3s ease}.toast.success{background:#111;border:1px solid #f2ff00;color:#bfff00}.toast.error{background:#111;border:1px solid #ff3d00;color:#ff3d00}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.input-error{border:1px solid #ff3d00!important;box-shadow:0 0 0 1px #ff3d0033}.error-text{color:#ff3d00;font-size:12px;margin-bottom:10px}.product-page{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px}.product-left img{width:100%;border-radius:16px}.product-right{display:flex;flex-direction:column;gap:14px}.price{font-size:28px}.sizes{display:flex;gap:10px}.sizes button{padding:8px 14px;border:1px solid #555;background:transparent;color:#fff;border-radius:8px;cursor:pointer}.sizes button.active{border:1px solid #ffc107;color:#ffc107}.stock{color:#00e5ff}.product-meta p{margin:4px 0}@media (max-width: 768px){.product-page{grid-template-columns:1fr}}.product-gallery{display:flex;gap:15px}.product-main-img{width:420px;height:520px;border-radius:12px;overflow:hidden}.product-main-img img{width:100%;height:100%;object-fit:cover}.product-wrapper{position:relative;isolation:isolate}.product-buy-box{background:#111;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.08);box-shadow:none!important;transform:none!important}.product-buy-box:hover{transform:none;box-shadow:none}.product-wrapper *{will-change:auto!important}.product-thumbs{display:flex;gap:10px;margin-top:10px}.product-thumbs img{width:60px;height:60px;object-fit:cover;cursor:pointer;border-radius:6px;opacity:.6}.product-thumbs img.active{border:2px solid #ffc107;opacity:1}.size-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.size-modal{background:#111;padding:25px;border-radius:12px;width:300px;text-align:center;border:1px solid rgba(255,193,7,.2)}.size-modal h3{margin-bottom:15px}.sizes{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.sizes button{padding:8px 12px;border:1px solid #555;background:transparent;color:#fff;cursor:pointer}.sizes button.active{border-color:#ffc107;background:#ffc107;color:#000}.modal-actions{display:flex;gap:10px;justify-content:center}.inventory-page{padding:20px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:20px}.inventory-card{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;transition:.2s}.inventory-card:hover{border:1px solid rgba(255,193,7,.4)}.inventory-top{display:flex;justify-content:space-between;align-items:center}.in-stock{color:#0f8}.out-stock{color:#ff3d00}.inventory-control{display:flex;gap:10px;margin-top:12px}.inventory-control button{background:#222;border:none;padding:6px 10px;cursor:pointer;border-radius:6px}.inventory-control input{width:60px;text-align:center;background:#000;border:1px solid #333;color:#fff;border-radius:6px}.low-stock{color:#1effec;margin-top:8px;font-size:13px}.low-stock-badge{position:absolute;top:10px;left:10px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;z-index:2;background:#000000b3;color:var(--primary);border:1px solid var(--primary);box-shadow:0 0 10px #ffc10799,0 0 20px #ffc10733}.inventory-toolbar{display:flex;gap:10px;margin-bottom:20px}.inventory-table{width:100%;border-collapse:collapse}.inventory-table th,.inventory-table td{padding:12px;border-bottom:1px solid #222;text-align:left}.inventory-table input{width:70px;padding:6px;background:#000;border:1px solid #333;color:#fff}.ok{color:#0f8}.low{color:#1effec}.out{color:#ff3d00}.log-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #222}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.admin-card{background:#111;padding:18px;border-radius:14px;cursor:pointer;transition:.25s ease;border:1px solid transparent}.admin-card:hover{transform:translateY(-4px);border:1px solid rgba(255,193,7,.5)}.admin-stats{display:flex;gap:20px;margin-top:10px}.stat-card{background:#111;padding:14px 18px;border-radius:12px}