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}body.light-mode{background-color:#f9fafb;color:#222}body.dark-mode{background-color:#000;color:#f9f9f9}body.dark-mode .product-card{background-color:#000;border-color:#333}body.dark-mode .navbar{background-color:#000}body.light-mode .navbar{background-color:#fff}:root{--primary:#facc15;--primary-dark:#eab308;--primary-light:#fef9c3;--text-dark:#1f2937;--text-light:#6b7280;--bg-light:#fefce8;--bg-white:#fff;--shadow:#00000014}body.dark-mode{--primary:#fbbf24;--primary-dark:#f59e0b;--primary-light:#78350f;--text-dark:#f9fafb;--text-light:#d1d5db;--bg-light:#111827;--bg-white:#1f2937;--shadow:#0000004d;background-color:#111827;color:#f9fafb}.products-page{background:#fefce8;background:var(--bg-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px;transition:background-color .3s ease}.products-wrapper{margin:0 auto;max-width:1200px}.products-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:25px}.header-content{gap:12px}.header-icon{font-size:2.2rem}.header-title{color:var(--text-dark);font-size:1.9rem;transition:color .3s ease}.header-subtitle{color:#6b7280;color:var(--text-light);font-size:.95rem;transition:color .3s ease}.view-controls{display:flex;gap:8px}.view-btn{background:#fef9c3;background:var(--primary-light);border:none;border-radius:6px;color:#1f2937;color:var(--text-dark);cursor:pointer;font-size:1.1rem;padding:6px 12px;transition:all .3s ease}.view-btn.active{box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);font-weight:700}.view-btn.active,.view-btn:hover{background:#facc15;background:var(--primary);color:#1f2937}.view-btn:hover{transform:scale(1.05)}.products-container{grid-gap:20px;display:grid;gap:20px}.products-container.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.products-container.showcase{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.products-container.showcase .product-card{align-items:center;display:flex;flex-direction:column;padding:20px}.products-container.showcase .product-image{border-radius:10px;height:300px;object-fit:cover}.products-container.showcase .product-info{text-align:center}.products-container.showcase .product-price{color:#eab308;color:var(--primary-dark);font-size:1.3rem;font-weight:700;margin-top:8px}.products-container.showcase .view-details-btn{font-size:.95rem;margin-top:10px;padding:10px 20px}.product-card{background:#fff;background:var(--bg-white);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background-color .3s ease}.product-card:hover{box-shadow:0 6px 20px #00000014;box-shadow:0 6px 20px var(--shadow);transform:translateY(-5px)}.product-image-wrapper{overflow:hidden;position:relative}.product-image{height:200px;object-fit:cover;transition:transform .4s ease;width:100%}.product-card:hover .product-image{transform:scale(1.1)}.product-info{padding:15px}.product-name{color:#1f2937;color:var(--text-dark);font-size:1.15rem;font-weight:700;margin-bottom:6px;transition:color .3s ease}.product-description{color:#6b7280;color:var(--text-light);font-size:.9rem;margin-bottom:14px;transition:color .3s ease}.product-footer{align-items:center;display:flex;justify-content:space-between}.product-price{font-size:1.05rem;font-weight:700;transition:color .3s ease}.product-price,.view-details-btn{color:#eab308;color:var(--primary-dark)}.view-details-btn{background:#0000;border:1.5px solid #facc15;border:1.5px solid var(--primary);border-radius:6px;font-size:.85rem;font-weight:600;padding:5px 12px;text-decoration:none;transition:all .3s ease}.view-details-btn:hover{background:#facc15;background:var(--primary);box-shadow:0 2px 6px #00000014;box-shadow:0 2px 6px var(--shadow);color:#1f2937}.products-loading{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.product-skeleton{background:#fff;background:var(--bg-white);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow);padding:10px}.product-skeleton,.skeleton-image{transition:background-color .3s ease}.skeleton-image{background:#fef9c3;background:var(--primary-light);border-radius:8px;height:200px}.skeleton-content{padding:10px}.skeleton-description,.skeleton-price,.skeleton-title{background:#fef9c3;background:var(--primary-light);border-radius:4px;height:12px;margin:8px 0;transition:background-color .3s ease}.skeleton-title{width:70%}.skeleton-description{width:90%}.skeleton-price{width:40%}.no-products{padding:60px 20px;text-align:center}.no-products-content h2{color:#1f2937;color:var(--text-dark);transition:color .3s ease}.no-products-content p{color:#6b7280;color:var(--text-light);transition:color .3s ease}.empty-icon{font-size:3rem;margin-bottom:10px}.add-product-btn{background:#facc15;background:var(--primary);border-radius:6px;box-shadow:0 2px 6px #00000014;box-shadow:0 2px 6px var(--shadow);color:#1f2937;display:inline-block;font-weight:600;margin-top:15px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.add-product-btn:hover{background:#eab308;background:var(--primary-dark);box-shadow:0 4px 10px #00000014;box-shadow:0 4px 10px var(--shadow);transform:translateY(-2px)}.pagination{display:flex;gap:6px;justify-content:center;margin-top:20px}.page-btn{background:#fff;background:var(--bg-white);border:1px solid #6b7280;border:1px solid var(--text-light);border-radius:6px;color:#1f2937;color:var(--text-dark);cursor:pointer;padding:8px 12px;transition:all .3s ease}.page-btn:hover{background:#fef9c3;background:var(--primary-light)}.page-btn.active,.page-btn:hover{border-color:#facc15;border-color:var(--primary)}.page-btn.active{background:#facc15;background:var(--primary);color:#1f2937;font-weight:700}.stock-status{font-size:.85rem;margin-bottom:6px}.stock-status.in-stock{color:#10b981}.stock-status.out-of-stock{color:#ef4444}.no-products-message{color:#6b7280;color:var(--text-light);font-size:1.1rem;grid-column:1/-1;padding:40px;text-align:center}@media (max-width:600px){.products-header{align-items:flex-start;flex-direction:column;gap:12px}.product-image{height:180px}.products-container.showcase{grid-template-columns:1fr}}:root{--bg-primary:linear-gradient(135deg,#fef7e6,#fdf4d7);--bg-secondary:#fff;--bg-hero:linear-gradient(135deg,#fff,#f8fafc);--text-primary:#1f2937;--text-secondary:#374151;--text-muted:#6b7280;--card-border:#e5e7eb;--card-hover-shadow:#0000001a;--stats-bg:linear-gradient(135deg,#1f2937,#111827);--stats-text:#d1d5db;--accent-yellow:#fbbf24;--accent-yellow-dark:#f59e0b;--button-secondary-bg:#0000;--button-secondary-border:#e5e7eb;--button-secondary-hover-bg:#f9fafb;--button-secondary-hover-border:#d1d5db;--spinner-border:#f3f4f6}.dark-mode{--bg-primary:linear-gradient(135deg,#0f172a,#1e293b);--bg-secondary:#000;--bg-hero:linear-gradient(135deg,#000,#0a0a0b);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--card-bg:#1e293b;--card-border:#334155;--card-hover-shadow:#fbbf2433;--stats-bg:linear-gradient(135deg,#0f172a,#020617);--stats-text:#cbd5e1;--accent-yellow:#fbbf24;--accent-yellow-dark:#f59e0b;--button-secondary-bg:#0000;--button-secondary-border:#334155;--button-secondary-hover-bg:#fbbf241a;--button-secondary-hover-border:#fbbf24;--spinner-border:#334155}body,html{background:linear-gradient(135deg,#fef7e6,#fdf4d7);background:var(--bg-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;overflow-x:hidden}.hero-section{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-hero);display:flex;justify-content:center;min-height:70vh;overflow:hidden;padding:80px 24px 60px;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23f59e0b' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;max-width:1200px;position:relative;width:100%;z-index:1}.hero-text{animation:slideInLeft .8s ease forwards}.hero-title{color:#1f2937;color:var(--text-primary);font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:24px;text-shadow:0 2px 4px #0000001a}.brand-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);background:linear-gradient(135deg,var(--accent-yellow) 0,var(--accent-yellow-dark) 100%);-webkit-background-clip:text;background-clip:text;font-weight:800;text-shadow:none}.hero-subtitle{color:#374151;color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin-bottom:32px;opacity:.9}.hero-buttons{display:flex;gap:16px}.cta-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:linear-gradient(135deg,var(--accent-yellow) 0,var(--accent-yellow-dark) 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #fbbf244d;color:#1f2937;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.cta-primary:hover{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--accent-yellow-dark) 0,#d97706 100%);box-shadow:0 8px 24px #fbbf2466;transform:translateY(-2px)}.cta-secondary{background:#0000;background:var(--button-secondary-bg);border:2px solid #e5e7eb;border:2px solid var(--button-secondary-border);border-radius:12px;color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 30px;text-transform:uppercase;transition:all .3s ease}.cta-secondary:hover{background:#f9fafb;background:var(--button-secondary-hover-bg);border-color:#d1d5db;border-color:var(--button-secondary-hover-border);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--card-hover-shadow);transform:translateY(-2px)}.hero-visual{animation:slideInRight .8s ease forwards;height:400px;position:relative}.floating-card{animation:float 3s ease-in-out infinite;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 8px 24px #0000001a;box-shadow:0 8px 24px var(--card-hover-shadow);font-size:40px;padding:20px;position:absolute}.card-1{animation-delay:0s;left:10%;top:20%}.card-2{animation-delay:1s;right:20%;top:40%}.card-3{animation-delay:2s;bottom:20%;left:30%}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.features-section{background:#fff;background:var(--bg-secondary);padding:80px 24px}.features-container{margin:0 auto;max-width:1200px}.section-header{margin-bottom:60px;text-align:center}.section-title{color:#1f2937;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:16px}.section-subtitle{color:#6b7280;color:var(--text-muted);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 12px #0000000d;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s ease}.dark-mode .feature-card{box-shadow:0 4px 12px #0000004d}.feature-card:before{background:linear-gradient(135deg,#0000,#fbbf2408);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover{border-color:#fbbf24;border-color:var(--accent-yellow);box-shadow:0 20px 40px #0000001a;box-shadow:0 20px 40px var(--card-hover-shadow);transform:translateY(-8px)}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);background:linear-gradient(135deg,var(--accent-yellow) 0,var(--accent-yellow-dark) 100%);border-radius:20px;box-shadow:0 8px 24px #fbbf244d;display:flex;height:80px;justify-content:center;margin:0 auto 24px;position:relative;width:80px;z-index:1}.feature-icon .icon{font-size:32px}.feature-title{color:#1f2937;color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:16px;position:relative;z-index:1}.feature-description{color:#6b7280;color:var(--text-muted);font-size:1rem;line-height:1.6;position:relative;z-index:1}.stats-section{background:linear-gradient(135deg,#1f2937,#111827);background:var(--stats-bg);color:#fff;padding:60px 24px}.stats-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;text-align:center}.stat-item{padding:20px}.stat-number{color:#fbbf24;color:var(--accent-yellow);font-size:3rem;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px #0000004d}.stat-label{color:#d1d5db;color:var(--stats-text);font-size:1.1rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.products-section{background:linear-gradient(135deg,#fef7e6,#fdf4d7);background:var(--bg-primary);padding:80px 24px 40px}.main-content{margin:0 auto;max-width:1200px}.loading-container{padding:80px 20px}.loading-spinner{text-align:center}.spinner{border:4px solid #f3f4f6;border-top:4px solid #fbbf24;border:4px solid var(--spinner-border);border-top-color:var(--accent-yellow);margin:0 auto 20px}.loading-spinner p{color:#6b7280;color:var(--text-muted);font-size:1.1rem;font-weight:500}@media (max-width:768px){.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{flex-wrap:wrap;justify-content:center}.features-grid{gap:24px;grid-template-columns:1fr}.feature-card{padding:24px}.stats-container{gap:30px;grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}}@media (max-width:480px){.hero-section{padding:60px 16px 40px}.hero-title{font-size:2rem}.hero-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:280px;width:100%}.features-section,.products-section{padding:60px 16px 40px}.features-grid{grid-template-columns:1fr}.feature-card{padding:20px}.stats-container{gap:24px;grid-template-columns:1fr}.stat-number{font-size:2.5rem}}.login-container{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-container:before{animation:float 6s ease-in-out infinite;content:"🛍️";font-size:120px;opacity:.05;position:absolute;right:15%;top:10%}.login-container:after{animation:float 8s ease-in-out infinite reverse;bottom:15%;content:"✨";font-size:80px;left:10%;opacity:.05;position:absolute}.login-card{animation:slideUp .6s ease-out;background:#fff;border:2px solid #f0f0f0;border-radius:24px;box-shadow:0 10px 40px #00000014,0 2px 8px #0000000a;max-width:440px;overflow:hidden;padding:45px 40px;position:relative;width:100%}.login-card:before{background:linear-gradient(90deg,#f4b400,#ffca28);content:"";height:5px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:35px;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d2d2d,#4a4a4a);-webkit-background-clip:text;background-clip:text;color:#2d2d2d;font-size:32px;font-weight:700;margin-bottom:10px}.login-header p{color:#6b6b6b;font-size:16px;font-weight:400}.login-form{display:flex;flex-direction:column;gap:22px}.login-btn{background:linear-gradient(135deg,#f4b400,#ffca28);border:none;border-radius:14px;box-shadow:0 4px 15px #f4b4004d;color:#2d2d2d;cursor:pointer;font-size:17px;font-weight:700;letter-spacing:.5px;margin-top:10px;overflow:hidden;padding:17px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffca28,#f4b400);box-shadow:0 8px 25px #f4b40066;transform:translateY(-3px)}.login-btn:active{transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-btn.loading{background:linear-gradient(135deg,#d4d4d4,#a8a8a8);box-shadow:0 4px 15px #0000001a;color:#6b6b6b}.login-btn.loading:after{animation:spin .8s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#6b6b6b;content:"";height:18px;margin-top:-9px;position:absolute;right:20px;top:50%;width:18px}.login-footer{border-top:2px solid #f0f0f0;margin-top:28px;padding-top:28px;text-align:center}.login-footer p{color:#6b6b6b;font-size:15px;font-weight:500}.signup-link{color:#f4b400;font-weight:700;margin-left:6px;position:relative;text-decoration:none;transition:all .3s ease}.signup-link:after{background:#f4b400;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.signup-link:hover{color:#d4a000}.signup-link:hover:after{width:100%}@media (max-width:480px){.login-container{padding:16px}.login-card{padding:35px 28px}.login-header h1{font-size:27px}.login-header p{font-size:14px}.input-group input{font-size:15px;padding:13px 16px}.login-btn{font-size:15px;padding:15px 20px}}.login-btn:focus-visible{outline:3px solid #f4b40080;outline-offset:3px}.signup-link:focus-visible{border-radius:4px;outline:2px solid #f4b40080;outline-offset:3px}.input-group input,.login-btn,.signup-link{transition:all .3s cubic-bezier(.4,0,.2,1)}.login-card:hover{box-shadow:0 15px 50px #0000001a,0 5px 15px #0000000f;transform:translateY(-2px)}.login-form{position:relative}.login-btn.loading{pointer-events:none}.signup-container{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative}.signup-container:before{animation:float 6s ease-in-out infinite;content:"🛍️";font-size:120px;opacity:.05;position:absolute;right:15%;top:10%}.signup-container:after{animation:float 8s ease-in-out infinite reverse;bottom:15%;content:"✨";font-size:80px;left:10%;opacity:.05;position:absolute}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.signup-card{animation:slideUp .6s ease-out;background:#fff;border:2px solid #f0f0f0;border-radius:24px;box-shadow:0 10px 40px #00000014,0 2px 8px #0000000a;max-width:440px;overflow:hidden;padding:45px 40px;position:relative;width:100%}.signup-card:before{background:linear-gradient(90deg,#f4b400,#ffca28);content:"";height:5px;left:0;position:absolute;right:0;top:0}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.signup-header{margin-bottom:35px;text-align:center}.signup-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d2d2d,#4a4a4a);-webkit-background-clip:text;background-clip:text;color:#2d2d2d;font-size:32px;font-weight:700;margin-bottom:10px}.signup-header p{color:#6b6b6b;font-size:16px;font-weight:400}.signup-form{gap:22px}.input-group,.signup-form{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{color:#3d3d3d;font-size:14px;font-weight:600;margin-bottom:4px}.input-group input{background:#fafafa;border:2px solid #e5e5e5;border-radius:14px;color:#2d2d2d;font-size:16px;outline:none;padding:15px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group input:focus{background:#fff;border-color:#f4b400;box-shadow:0 0 0 4px #f4b40014;transform:translateY(-2px)}.input-group input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.input-group input::placeholder{color:#a0a0a0}.error-message{animation:shake .5s ease-in-out;background:#fff3cd;border:2px solid #ffeaa7;border-radius:12px;color:#856404;font-size:14px;font-weight:500;padding:13px 18px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.signup-btn{background:linear-gradient(135deg,#f4b400,#ffca28);border:none;border-radius:14px;box-shadow:0 4px 15px #f4b4004d;color:#2d2d2d;cursor:pointer;font-size:17px;font-weight:700;letter-spacing:.5px;margin-top:10px;overflow:hidden;padding:17px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.signup-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.signup-btn:hover:not(:disabled):before{left:100%}.signup-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffca28,#f4b400);box-shadow:0 8px 25px #f4b40066;transform:translateY(-3px)}.signup-btn:active{transform:translateY(-1px)}.signup-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.signup-btn.loading{background:linear-gradient(135deg,#d4d4d4,#a8a8a8);box-shadow:0 4px 15px #0000001a;color:#6b6b6b}.signup-btn.loading:after{animation:spin .8s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#6b6b6b;content:"";height:18px;margin-top:-9px;position:absolute;right:20px;top:50%;width:18px}.signup-footer{border-top:2px solid #f0f0f0;text-align:center}.signup-footer p{color:#6b6b6b;font-size:15px;font-weight:500}.login-link{color:#f4b400;font-weight:700;margin-left:6px;position:relative;text-decoration:none;transition:all .3s ease}.login-link:after{background:#f4b400;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.login-link:hover{color:#d4a000}.login-link:hover:after{width:100%}@media (max-width:480px){.signup-container{padding:16px}.signup-card{padding:35px 28px}.signup-header h1{font-size:27px}.signup-header p{font-size:14px}.input-group input{font-size:15px;padding:13px 16px}.signup-btn{font-size:15px;padding:15px 20px}.error-message{font-size:13px;padding:11px 16px}}.signup-btn:focus-visible{outline:3px solid #f4b40080;outline-offset:3px}.login-link:focus-visible{border-radius:4px;outline:2px solid #f4b40080;outline-offset:3px}.input-group input,.login-link,.signup-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.signup-card:hover{box-shadow:0 15px 50px #0000001a,0 5px 15px #0000000f;transform:translateY(-2px)}.input-group input:valid:not(:focus):not(:placeholder-shown){background:#f0fff4;border-color:#48bb78}.input-group input[type=password]:focus{border-color:#f4b400}.signup-form{position:relative}.signup-btn.loading{pointer-events:none}html{scroll-behavior:smooth}.input-group input:-webkit-autofill{-webkit-text-fill-color:#2d2d2d;-webkit-box-shadow:inset 0 0 0 30px #fafafa;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-group input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease}:root{--primary-yellow:#f4c430;--dark-brown:#000;--light-brown:#7c4f35;--hover-bg:#ffffff1a;--nav-bg:#f4c430;--nav-text:#4b2e2e;--nav-link-color:#fff;--dropdown-bg:#f9f1dc;--dropdown-hover:#ffe9a0;--dropdown-text:#5a3e1b;--dropdown-border:#cba34d;--search-bg:#ffffff26;--search-border:#ffffff40;--search-btn-bg:#fff;--search-btn-text:#4b2e2e;--search-btn-hover:#fff5cc}.dark-mode{--primary-yellow:#fbbf24;--dark-brown:#fbbf24;--light-brown:#f59e0b;--hover-bg:#fbbf2426;--nav-bg:#0c0d0d;--nav-text:#fbbf24;--nav-link-color:#fdfdfd;--dropdown-bg:#111827;--dropdown-hover:#374151;--dropdown-text:#e2e8f0;--dropdown-border:#4b5563;--search-bg:#fbbf241a;--search-border:#fbbf2433;--search-btn-bg:#fbbf24;--search-btn-text:#1f2937;--search-btn-hover:#f59e0b}nav{align-items:center;animation:fadeInDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f4c430;background-color:var(--nav-bg);box-shadow:0 4px 15px #00000026;display:flex;height:auto;justify-content:space-between;padding:8px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.dark-mode nav{box-shadow:none}.navbar-logo{align-items:center;display:flex;font-family:revert-layer;font-size:22px;font-weight:700;gap:4px}.navbar-logo,.navbar-logo b{color:#4b2e2e;color:var(--nav-text)}.navbar-logo b{font-size:32px;text-shadow:0 2px 4px #0000004d}.navbar-links{display:flex;gap:10px;list-style-type:none;margin-bottom:-15px}.desktop-menu{display:flex}.mobile-menu{background:#f4c430;background:var(--nav-bg);box-shadow:0 2px 8px #0000001a;display:none;flex-direction:column;left:0;position:absolute;top:60px;width:100vw;z-index:1000}.mobile-menu.open{display:flex!important}.mobile-menu-trigger{background:none;border:none;box-shadow:none;cursor:pointer;display:none;height:26px;margin-left:auto;position:relative;transition:all .3s ease;width:32px;z-index:1200}.mobile-menu-trigger span{background-color:#1a1a1a;border-radius:2px;height:3px;left:0;position:absolute;transition:all .3s ease;width:100%}.mobile-menu-trigger span:first-child{top:0}.mobile-menu-trigger span:nth-child(2){top:50%;transform:translateY(-50%)}.mobile-menu-trigger span:nth-child(3){bottom:0}.mobile-menu-trigger.open span:first-child{transform:rotate(45deg) translate(5px,6px)}.mobile-menu-trigger.open span:nth-child(2){opacity:0}.mobile-menu-trigger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.dark-mode .mobile-menu-trigger span{background-color:#f4c430;background-color:var(--primary-yellow)}@media (max-width:600px){.mobile-menu-trigger{display:block;position:absolute;right:16px;top:18px}.desktop-menu{display:none!important}.mobile-menu{background:#f4c430;background:var(--nav-bg);box-shadow:0 2px 8px #0000001a;display:none;flex-direction:column;left:0;position:absolute;top:60px;width:100vw;z-index:1000}.mobile-menu.open{display:flex!important}.main-menu{display:inline-flex}.mobile-submenu{animation:fadeInDown .3s;background:#f9f1dc;background:var(--dropdown-bg);border:1px solid #cba34d;border:1px solid var(--dropdown-border);border-radius:8px;box-shadow:0 4px 15px #0000001a;display:none;min-width:140px;position:absolute;right:0;top:45px;z-index:200}.mobile-submenu.open{display:block}.mobile-submenu>li{background:#f9f1dc;background:var(--dropdown-bg);border-bottom:1px solid #eee;color:#5a3e1b;color:var(--dropdown-text);cursor:pointer;display:block;font-size:16px;padding:10px 18px;white-space:normal}.mobile-submenu>li:last-child{border-bottom:none}.mobile-submenu li:hover{background:#ffe9a0;background:var(--dropdown-hover)}#search-bar,.navbar-links .dropdown{display:none!important}.mobile-menu{overflow-x:auto;white-space:nowrap}.main-menu a,.mobile-menu li{max-width:140px;min-width:40px;overflow:hidden;text-align:center;text-overflow:ellipsis}}@media (min-width:601px){.desktop-menu{display:flex!important}.mobile-menu{display:none!important}}nav ul li a{background:#0000;border-radius:20px;color:#fff;color:var(--nav-link-color);font-size:15px;padding:8px 10px;text-decoration:none;transition:all .3s ease;white-space:nowrap}nav ul li a.active,nav ul li a:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;background-color:var(--hover-bg);transform:translateY(-2px)}.dropdown{margin-top:-10px;position:relative}.dropdown,.dropdown-link{align-items:center;display:flex}.dropdown-link{background:#0000;border-radius:20px;color:#fff;color:var(--nav-link-color);font-weight:500;height:100%;padding:10px 18px;text-decoration:none;transition:all .3s ease}.dropdown-link.active,.dropdown-link:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;background-color:var(--hover-bg);transform:translateY(-2px)}.dropdown-content{background-color:#f9f1dc;background-color:var(--dropdown-bg);border:1px solid #cba34d;border:1px solid var(--dropdown-border);border-radius:5px;box-shadow:0 8px 24px #00000026;display:none;left:0;min-width:150px;overflow:hidden;position:absolute;top:100%;z-index:1}.dropdown:hover .dropdown-content{display:block}.dropdown-content li{color:#5a3e1b;color:var(--dropdown-text);cursor:pointer;padding:8px 12px}.dropdown-content li:hover{background-color:#ffe9a0;background-color:var(--dropdown-hover)}#search-bar{align-items:center;background:#ffffff26;background:var(--search-bg);border:1px solid #ffffff40;border:1px solid var(--search-border);border-radius:25px;display:flex;min-width:320px;padding:5px;transition:all .3s ease}#search-bar input{background:#0000;border:none;color:#fff;color:var(--nav-link-color);flex:1 1;font-size:15px;outline:none;padding:8px 15px}#search-bar button{background-color:#fff;background-color:var(--search-btn-bg);border:none;border-radius:20px;color:#4b2e2e;color:var(--search-btn-text);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}#search-bar button:hover{background-color:#fff5cc;background-color:var(--search-btn-hover);transform:translateY(-1px)}.theme-toggle{align-items:center;background:#e0e0e0;border-radius:50px;cursor:pointer;display:flex;height:30px;position:relative;transition:all .4s ease;width:60px}.theme-toggle.dark{background:#1e1e1e}.theme-toggle-circle{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:15px;height:26px;justify-content:center;left:3px;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);width:26px}.theme-toggle.dark .theme-toggle-circle{background:#f1c40f;color:#000;transform:translateX(30px)}.user-menu{align-items:center;cursor:pointer;display:flex;gap:8px;position:relative}.user-avatar{border:2px solid #f4c430;border:2px solid var(--primary-yellow);border-radius:50%;height:36px;object-fit:cover;transition:transform .3s ease;width:36px}.user-avatar:hover{transform:scale(1.08)}.user-dropdown{background-color:#f9f1dc;background-color:var(--dropdown-bg);border:1px solid #cba34d;border:1px solid var(--dropdown-border);border-radius:8px;box-shadow:0 6px 16px #00000026;display:none;min-width:140px;overflow:hidden;position:absolute;right:0;top:120%;z-index:10}.user-menu:hover .user-dropdown{display:block}.user-dropdown li{color:#5a3e1b;color:var(--dropdown-text);font-weight:500;padding:10px 14px;transition:background-color .3s ease}.user-dropdown li:hover{background-color:#ffe9a0;background-color:var(--dropdown-hover)}.logout-btn{background-color:#f4c430;background-color:var(--primary-yellow);border:none;border-radius:20px;color:#000;color:var(--dark-brown);cursor:pointer;font-weight:600;padding:8px 14px;transition:all .3s ease}.logout-btn:hover{background-color:#fff5cc;background-color:var(--search-btn-hover);transform:translateY(-1px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.footer{background-color:#18212f;color:#fff;font-family:Arial,sans-serif;margin-top:50px;padding:60px 0 20px}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.footer-section h3{color:#f39c12;font-size:1.3em;font-weight:600;margin-bottom:20px}.footer-section p{color:#bdc3c7;line-height:1.8;margin-bottom:15px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#bdc3c7;line-height:1.6;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#f39c12}.contact-item{align-items:flex-start;display:flex;margin-bottom:15px}.contact-icon{color:#f39c12;flex-shrink:0;margin-right:12px;margin-top:2px;width:20px}.contact-item span{color:#bdc3c7;line-height:1.6}.footer-bottom{border-top:1px solid #ffffff1a;color:#95a5a6;padding-top:30px;text-align:center}@media (max-width:768px){.footer{padding:40px 0 20px}.footer-container{padding:0 15px}.footer-content{gap:30px;grid-template-columns:1fr}}@media (max-width:480px){.footer-stats{grid-template-columns:1fr;text-align:center}.footer-section h3{font-size:1.2em}}.page-container{background:linear-gradient(135deg,#fef7e6,#fdf4d7);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.add-product-wrapper{margin:0 auto;max-width:1000px;padding:60px 24px 40px}.add-product-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a;overflow:hidden;transition:all .3s ease}.add-product-card:hover{box-shadow:0 24px 48px #0000001f,0 12px 24px #0000000f;transform:translateY(-2px)}.card-header{background:linear-gradient(135deg,#fbbf24,#f59e0b);overflow:hidden;padding:32px;position:relative}.card-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='30' cy='30' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='70' cy='20' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='80' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content{align-items:center;display:flex;gap:16px;position:relative;z-index:1}.header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;font-size:40px;padding:12px}.header-title{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.header-subtitle{color:#374151;font-size:16px;margin:0;opacity:.9}.product-form{padding:40px}.form-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}.form-column{display:flex;flex-direction:column;gap:24px}.form-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.label-icon{font-size:16px}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1f2937;font-size:16px;padding:16px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf241a;outline:none;transform:translateY(-1px)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#d1d5db}.form-textarea{font-family:inherit;min-height:100px;resize:none}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23374151'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.upload-area{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:32px;position:relative;text-align:center;transition:all .3s ease}.upload-area:hover{background:#fffbeb;border-color:#fbbf24;transform:translateY(-2px)}.upload-area.drag-active{background:#fffbeb;border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf241a}.file-input-hidden{display:none}.upload-content{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-icon{font-size:48px;margin-bottom:8px;opacity:.7}.upload-text{color:#6b7280;font-size:14px;margin:0}.upload-highlight{color:#f59e0b;font-weight:600}.upload-subtext{color:#9ca3af;font-size:12px;margin:0}.image-preview{border-radius:12px;overflow:hidden;position:relative}.preview-image{border-radius:12px;box-shadow:0 4px 8px #0000001a;height:200px;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.image-info{background:#f9fafb;border-radius:8px;margin-top:8px;padding:12px}.image-name{color:#374151;font-size:14px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{color:#6b7280;font-size:12px;margin:0}.form-footer{border-top:1px solid #e5e7eb;padding-top:32px}.submit-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;box-shadow:0 4px 12px #fbbf244d;color:#1f2937;font-weight:700;letter-spacing:.5px;padding:18px 32px;text-transform:uppercase;transition:all .3s ease}.submit-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #fbbf2466;transform:translateY(-2px)}.submit-btn:active{box-shadow:0 4px 12px #fbbf244d;transform:translateY(0)}@media (max-width:768px){.add-product-wrapper{padding:20px 16px}.form-grid{gap:24px;grid-template-columns:1fr}.card-header{padding:24px 20px}.header-content{flex-direction:column;gap:12px;text-align:center}.header-title{font-size:24px}.product-form{padding:24px 20px}.form-column{gap:20px}}@media (max-width:480px){.upload-area{padding:20px}.header-icon,.upload-icon{font-size:32px}.header-icon{padding:8px}}:root{--bg-gradient-start:#fff;--bg-gradient-end:#fefdf8;--container-bg:#fff;--text-primary:#2c3e50;--text-secondary:#5d6d7e;--text-muted:#6c757d;--border-color:#f8f9fa;--card-bg:#fff;--card-hover-shadow:#ffc10726;--rating-bg-start:#fff3cd;--rating-bg-end:#ffeaa7;--desc-bg-start:#f8f9fa;--desc-bg-end:#e9ecef;--no-review-bg-start:#f8f9fa;--no-review-bg-end:#e9ecef;--review-border:#f8f9fa}body.dark-mode{--bg-gradient-start:#1a1a2e;--bg-gradient-end:#16213e;--container-bg:#0f3460;--text-primary:#e8e8e8;--text-secondary:#b8b8b8;--text-muted:#9ca3af;--border-color:#1f2937;--card-bg:#1f2937;--card-hover-shadow:#ffc10740;--rating-bg-start:#3a2f1a;--rating-bg-end:#4a3f2a;--desc-bg-start:#1f2937;--desc-bg-end:#374151;--no-review-bg-start:#1f2937;--no-review-bg-end:#374151;--review-border:#374151}.single-container{grid-gap:60px;background:linear-gradient(135deg,#fff,#fefdf8);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);border-radius:24px;box-shadow:0 20px 60px #ffc1071a,0 8px 30px #0000000d;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:120px auto 80px;max-width:1400px;min-height:80vh;overflow:hidden;padding:40px;position:relative;transition:background .3s ease,box-shadow .3s ease}body.dark-mode .single-container{box-shadow:0 20px 60px #00000080,0 8px 30px #0000004d}.single-container:before{background:linear-gradient(90deg,#ffc107,#ffeb3b 50%,#ffc107);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.single-image-container{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--card-bg) 0,var(--border-color) 100%);border-radius:20px;box-shadow:0 15px 50px #ffc1071a;display:flex;flex-direction:column;min-height:700px;overflow:hidden;padding:40px;position:relative;transition:background .3s ease,box-shadow .3s ease}body.dark-mode .single-image-container{box-shadow:0 15px 50px #0006}.single-image-container:before{animation:subtle-float 15s ease-in-out infinite;background-image:radial-gradient(circle at 20% 20%,#ffc1070d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffeb3b0d 0,#0000 50%),radial-gradient(circle at 50% 50%,#ffc10705 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.single-image{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 20px 40px #0000001a;height:400px;max-width:100%;object-fit:contain;padding:20px;position:relative;transition:all .6s cubic-bezier(.25,.46,.45,.94);z-index:2}body.dark-mode .single-image{box-shadow:0 20px 40px #00000080}.single-image:hover{box-shadow:0 30px 60px #ffc10733;transform:scale(1.05)}.single-info{display:flex;flex-direction:column;gap:25px;justify-content:flex-start;min-height:700px}.single-title{color:#2c3e50;color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0;position:relative;transition:color .3s ease}body.dark-mode .single-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e8e8e8,#d1d5db);-webkit-background-clip:text;background-clip:text}.single-title:after{background:linear-gradient(90deg,#ffc107,#ffeb3b);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.rating-section{background:linear-gradient(135deg,#fff3cd,#ffeaa7);background:linear-gradient(135deg,var(--rating-bg-start) 0,var(--rating-bg-end) 100%);border:2px solid #ffc107;border-radius:15px;margin:10px 0;padding:20px;transition:background .3s ease}.stars-display{align-items:center;display:flex;font-size:1.1rem;gap:10px}.star{color:#ffc107;font-size:1.3rem}.rating-text{color:#2c3e50;color:var(--text-primary);font-weight:600;transition:color .3s ease}.single-description{background:linear-gradient(135deg,#f8f9fa,#e9ecef);background:linear-gradient(135deg,var(--desc-bg-start) 0,var(--desc-bg-end) 100%);border-left:5px solid #ffc107;border-radius:0 15px 15px 0;box-shadow:0 5px 15px #0000000d;color:#5d6d7e;color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0;padding:25px;position:relative;transition:background .3s ease,color .3s ease}body.dark-mode .single-description{box-shadow:0 5px 15px #0000004d}.single-description:before{color:#ffc107;content:'"';font-size:3rem;left:15px;opacity:.4;position:absolute;top:-5px}.product-meta{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0}.category-tag{background:linear-gradient(135deg,#6c757d,#495057);border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:8px 16px}body.dark-mode .category-tag{background:linear-gradient(135deg,#4b5563,#374151)}.single-price-row{align-items:center;display:flex;gap:20px;margin:30px 0}.single-price{background:linear-gradient(135deg,#ffc107,#ffb300);border:none;border-radius:50px;box-shadow:0 8px 25px #ffc1074d;color:#fff;cursor:pointer;flex:1 1;font-size:1.6rem;font-weight:700;overflow:hidden;padding:18px 36px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.single-price:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.single-price:hover:before{left:100%}.single-price:hover{box-shadow:0 15px 35px #ffc10766;transform:translateY(-3px)}.single-add-cart{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:50px;box-shadow:0 8px 25px #28a74533;color:#fff;cursor:pointer;flex:1 1;font-size:1.2rem;font-weight:600;overflow:hidden;padding:18px 36px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.single-add-cart.loading{background:linear-gradient(135deg,#6c757d,#495057);cursor:not-allowed}.single-add-cart:not(.loading):hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 15px 35px #28a7454d;transform:translateY(-3px)}.single-buy-now{background:linear-gradient(135deg,#4ea8c9,#3a3ac9);border:none;border-radius:50px;box-shadow:0 8px 25px #ffc1074d;color:#fff;cursor:pointer;flex:1 1;font-size:1.6rem;font-weight:700;overflow:hidden;padding:18px 36px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.single-buy-now:hover{background:linear-gradient(135deg,#3a8fb9,#2a2ab9);box-shadow:0 15px 35px #4ea8c966;transform:translateY(-3px)}.review-form-wrapper{background:#fff;background:var(--card-bg);border:2px solid #fff3cd;border:2px solid var(--rating-bg-start);border-radius:20px;box-shadow:0 10px 30px #ffc1071a;margin-top:20px;padding:30px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}body.dark-mode .review-form-wrapper{box-shadow:0 10px 30px #0000004d}.review-form h3{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex}.review-form h3:before{content:"✍️";margin-right:10px}.reviews-section{border-top:3px solid #ffc107;margin-top:30px;max-height:none;padding:30px 0;position:relative}.reviews-section:before{background:linear-gradient(90deg,#ffc107,#ffeb3b);border-radius:3px;content:"";height:6px;left:0;position:absolute;top:-3px;width:100px}.reviews-section h2{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex;font-size:2rem;margin-bottom:30px;transition:color .3s ease}.reviews-section h2:before{content:"⭐";font-size:1.5rem;margin-right:12px}.no-reviews{background:linear-gradient(135deg,#f8f9fa,#e9ecef);background:linear-gradient(135deg,var(--no-review-bg-start) 0,var(--no-review-bg-end) 100%);border-radius:15px;color:#6c757d;color:var(--text-muted);padding:40px;text-align:center;transition:background .3s ease,color .3s ease}.encourage-review{align-items:center;display:flex;font-style:italic;gap:10px;justify-content:center;margin-top:15px}.reviews-summary{display:flex;flex-direction:column;gap:25px}.rating-overview{background:linear-gradient(135deg,#fff3cd,#ffeaa7);background:linear-gradient(135deg,var(--rating-bg-start) 0,var(--rating-bg-end) 100%);border-radius:15px;padding:25px;text-align:center;transition:background .3s ease}.avg-rating{align-items:center;display:flex;flex-direction:column;gap:10px}.big-rating{color:#ffc107;font-size:3rem;font-weight:700}.rating-stars{display:flex;gap:5px}.total-reviews{color:#6c757d;color:var(--text-muted);font-weight:500;transition:color .3s ease}.reviews-list{display:flex;flex-direction:column;gap:20px;list-style:none;padding:0}.review-item{background:#fff;background:var(--card-bg);border:1px solid #f8f9fa;border:1px solid var(--review-border);border-radius:16px;box-shadow:0 8px 25px #00000014;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}body.dark-mode .review-item{box-shadow:0 8px 25px #0000004d}.review-item:before{background:linear-gradient(180deg,#ffc107,#ffeb3b);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.review-item:hover{box-shadow:0 15px 40px #ffc10726;box-shadow:0 15px 40px var(--card-hover-shadow);transform:translateY(-5px)}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.reviewer-name{color:#2c3e50;color:var(--text-primary);font-size:1.1rem;font-weight:600;transition:color .3s ease}.review-rating{align-items:center;display:flex;gap:10px}.rating-number{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffc107,#ffeb3b);-webkit-background-clip:text;background-clip:text;font-weight:600}.review-comment{color:#5d6d7e;color:var(--text-secondary);font-size:1rem;font-style:italic;line-height:1.6;margin:15px 0;transition:color .3s ease}.review-date{color:#95a5a6;display:block;font-size:.9rem;margin-top:10px;text-align:right}body.dark-mode .review-date{color:#6b7280}.stock-status{font-size:.9rem;font-weight:500;margin:6px 0 12px}.stock-status.in-stock{color:#28a745}.stock-status.out-of-stock{color:#dc3545}body.dark-mode .stock-status.in-stock{color:#34d399}body.dark-mode .stock-status.out-of-stock{color:#f87171}.single-loading{align-items:center;color:#ffc107;display:flex;flex-direction:column;font-size:1.5rem;gap:20px;justify-content:center;min-height:60vh}.single-loading:after{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ffc107;content:"";height:50px;width:50px}body.dark-mode .single-loading:after{border:4px solid #374151;border-top-color:#ffc107}.single-error{color:#dc3545;padding:60px;text-align:center}body.dark-mode .single-error{color:#f87171}@media (max-width:1024px){.single-container{gap:40px;grid-template-columns:1fr;margin-top:80px;padding:30px}.single-image-container{min-height:500px}.single-title{font-size:2rem}.single-price-row{flex-direction:column;gap:15px}.single-add-cart,.single-buy-now,.single-price{text-align:center;width:100%}}@media (max-width:768px){.single-container{gap:30px;margin-top:60px;padding:20px}.single-image-container{min-height:400px;padding:30px}.single-image{height:300px}.single-title{font-size:1.8rem}.single-description{font-size:1rem;padding:20px}.reviews-section h2{font-size:1.5rem}.review-item{padding:20px}}@media (max-width:480px){.single-container{margin-top:40px;padding:15px}.single-image-container{min-height:350px;padding:20px}.single-image{height:250px}.single-title{font-size:1.5rem}.single-add-cart,.single-buy-now,.single-price{font-size:1rem;padding:14px 24px}}.single-container{animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.single-info>*{animation:fadeInLeft .6s ease-out forwards;opacity:0}.single-info>:first-child{animation-delay:.1s}.single-info>:nth-child(2){animation-delay:.2s}.single-info>:nth-child(3){animation-delay:.3s}.single-info>:nth-child(4){animation-delay:.4s}.single-info>:nth-child(5){animation-delay:.5s}.single-info>:nth-child(6){animation-delay:.6s}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.single-container:hover{box-shadow:0 25px 80px #ffc10726,0 12px 40px #00000014}body.dark-mode .single-container:hover{box-shadow:0 25px 80px #0009,0 12px 40px #0006}:root{--review-form-bg:#fff;--review-form-text:#333;--review-input-bg:#fff;--review-input-border:#dcdcdc;--review-input-focus:#4cafef;--review-shadow:#0000000d;--review-focus-shadow:#4cafef33}body.dark-mode{--review-form-bg:#1f2937;--review-form-text:#e8e8e8;--review-input-bg:#374151;--review-input-border:#4b5563;--review-input-focus:#60a5fa;--review-shadow:#0000004d;--review-focus-shadow:#60a5fa4d}.review-form{background:#fff;background:var(--review-form-bg);border-radius:12px;box-shadow:0 4px 20px #0000000d;box-shadow:0 4px 20px var(--review-shadow);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:30px auto;max-width:500px;padding:25px;transition:background .3s ease,box-shadow .3s ease}.review-form h3{color:#333;color:var(--review-form-text);font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center;transition:color .3s ease}.review-form input[type=text],.review-form textarea{background:#fff;background:var(--review-input-bg);border:1px solid #dcdcdc;border:1px solid var(--review-input-border);border-radius:8px;color:#333;color:var(--review-form-text);font-size:1rem;margin-bottom:15px;padding:12px 14px;transition:all .3s ease;width:100%}.review-form input[type=text]:focus,.review-form textarea:focus{border-color:#4cafef;border-color:var(--review-input-focus);box-shadow:0 0 8px #4cafef33;box-shadow:0 0 8px var(--review-focus-shadow);outline:none}.review-form textarea{min-height:100px;resize:vertical}.star-rating{display:flex;gap:5px;justify-content:center;margin-bottom:15px}.star-rating label{cursor:pointer}.star-rating svg{transition:transform .2s ease,color .2s ease}.star-rating svg:hover{transform:scale(1.2)}.review-form button{background:linear-gradient(135deg,#4cafef,#2f86eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:12px 0;transition:all .3s ease;width:100%}.review-form button:hover{background:linear-gradient(135deg,#2f86eb,#4cafef);box-shadow:0 4px 12px #4cafef4d;transform:translateY(-1px)}.review-form button:disabled{background:#6b7280;cursor:not-allowed}body.dark-mode .review-form button:disabled{background:#4b5563}@media (max-width:600px){.review-form{margin:20px;padding:20px}}:root{--cart-page-bg:#f8f9fa;--cart-container-bg:#fff;--cart-text-primary:#333;--cart-text-secondary:#555;--cart-text-muted:#888;--cart-border:#ccc;--cart-table-header:#e9ecef;--cart-table-row-bg:#f1f1f1;--cart-table-border:#dee2e6;--cart-shadow:#0000001a;--spinner-color:#333;--spinner-bg:#0000001a}body.dark-mode{--cart-page-bg:#111827;--cart-container-bg:#1f2937;--cart-text-primary:#e8e8e8;--cart-text-secondary:#d1d5db;--cart-text-muted:#9ca3af;--cart-border:#374151;--cart-table-header:#374151;--cart-table-row-bg:#2d3748;--cart-table-border:#4b5563;--cart-shadow:#0000004d;--spinner-color:#fbbf24;--spinner-bg:#ffffff1a}.cart-page{background-color:#f8f9fa;background-color:var(--cart-page-bg);box-sizing:border-box;min-height:100vh;padding:20px;transition:background-color .3s ease;width:100vw}.cart-container{background-color:#fff;background-color:var(--cart-container-bg);border:1px solid #ccc;border:1px solid var(--cart-border);border-radius:10px;box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 20px var(--cart-shadow);margin:120px auto;max-width:900px;padding:30px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.cart-header{justify-content:space-between;margin-bottom:30px}.cart-header,.cart-title{align-items:center;display:flex}.cart-title{gap:10px}.cart-title h1{font-size:28px}.cart-title h1,.cart-total p{color:#333;color:var(--cart-text-primary);transition:color .3s ease}.cart-total p{font-size:16px;margin:0}.cart-table{border-collapse:collapse;margin-bottom:30px;width:100%}.cart-table thead{background-color:#f1f1f1;background-color:var(--cart-table-row-bg);transition:background-color .3s ease}.cart-table td,.cart-table th{border:1px solid #dee2e6;border:1px solid var(--cart-table-border);color:#333;color:var(--cart-text-primary);font-size:16px;padding:12px 15px;text-align:left;transition:border-color .3s ease,color .3s ease}.cart-table th{background-color:#e9ecef;background-color:var(--cart-table-header);font-weight:600}.cart-table tbody tr,.cart-table th{transition:background-color .3s ease}.cart-table tbody tr{background-color:#fff;background-color:var(--cart-container-bg)}body.dark-mode .cart-table tbody tr:hover{background-color:#374151}.product-info{align-items:center;gap:10px}.product-img{background-color:#f8f9fa;background-color:var(--cart-page-bg);border-radius:4px;height:150px;object-fit:contain;transition:background-color .3s ease;width:150px}.quantity-control{align-items:center;display:flex;gap:10px}.quantity-control button{background-color:#e9ecef;background-color:var(--cart-table-header);border:1px solid #ccc;border:1px solid var(--cart-border);border-radius:4px;color:#333;color:var(--cart-text-primary);cursor:pointer;padding:5px 10px;transition:all .3s ease}.quantity-control button:hover{background-color:#fbbf24;border-color:#fbbf24;color:#1f2937}.quantity-control input,.quantity-control span{color:#333;color:var(--cart-text-primary);transition:color .3s ease}.remove-btn{background-color:#ff4d4f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s ease}.remove-btn:hover{background-color:#e63946}body.dark-mode .remove-btn{background-color:#ef4444}body.dark-mode .remove-btn:hover{background-color:#dc2626}.summary{border-top:1px solid #ccc;border-top:1px solid var(--cart-border);padding-top:20px;transition:border-color .3s ease}.summary h2{color:#333;color:var(--cart-text-primary);margin-bottom:15px;transition:color .3s ease}.summary-details p{color:#555;color:var(--cart-text-secondary);font-size:16px;margin:6px 0;transition:color .3s ease}.checkout-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.checkout-btn:hover{background-color:#218838;transform:translateY(-2px)}body.dark-mode .checkout-btn{background-color:#10b981}body.dark-mode .checkout-btn:hover{background-color:#059669}.empty-cart{padding:50px 20px;text-align:center}.empty-cart h2,.empty-cart p{color:#333;color:var(--cart-text-primary);transition:color .3s ease}.empty-icon{color:#888;color:var(--cart-text-muted);font-size:40px;margin-bottom:15px;transition:color .3s ease}.shop-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.shop-btn:hover{background-color:#0056b3;transform:translateY(-2px)}body.dark-mode .shop-btn{background-color:#3b82f6}body.dark-mode .shop-btn:hover{background-color:#2563eb}.loading-container{align-items:center;background-color:#f8f9fa;background-color:var(--cart-page-bg);display:flex;height:100vh;justify-content:center;transition:background-color .3s ease}.spinner{animation:spin 1s linear infinite;border:5px solid #0000001a;border-top-color:#333;border:5px solid var(--spinner-bg);border-radius:50%;border-top-color:var(--spinner-color);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.cart-container{margin:80px auto;padding:20px}.cart-title h1{font-size:24px}.cart-table td,.cart-table th{font-size:14px;padding:8px 10px}.product-img{height:100px;width:100px}}@media (max-width:480px){.cart-header{align-items:flex-start;flex-direction:column;gap:15px}.cart-table{font-size:12px}.product-img{height:80px;width:80px}}.admin-container{font-family:Arial,sans-serif;margin:2rem auto;max-width:900px;padding:0 1rem}.admin-container h1{margin-bottom:1rem;text-align:center}.loading{font-size:1.2rem;margin-top:3rem;text-align:center}.admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.admin-table{border-collapse:collapse;margin-top:1rem;min-width:800px;width:100%}.admin-table td,.admin-table th{border:1px solid #ddd;padding:10px 12px;text-align:left;white-space:nowrap}.admin-table th{background-color:#f4f4f4;font-weight:600}.editing-row{background-color:#f9f9f9}.admin-table input[type=number],.admin-table input[type=text],.admin-table textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:1rem;padding:6px 8px;width:100%}.admin-table textarea{resize:vertical}.btn{border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-right:5px;padding:6px 12px;transition:background-color .3s ease}.edit-btn{background-color:#007bff;color:#fff}.edit-btn:hover{background-color:#0056b3}.save-btn{background-color:#28a745;color:#fff}.save-btn:hover{background-color:#1e7e34}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#565e64}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#a71d2a}.admin-table-wrapper::-webkit-scrollbar{height:6px}.admin-table-wrapper::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}@media (max-width:768px){.admin-container{padding:.5rem}.admin-table td,.admin-table th{font-size:14px;padding:8px}}.billing-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:50px auto;max-width:600px;padding:25px}.billing-container h2{color:#333;margin-bottom:25px;text-align:center}.billing-form{display:flex;flex-wrap:wrap;gap:15px}.form-group{display:flex;flex-basis:calc(50% - 10px);flex-direction:column;flex-grow:1;flex-shrink:1}.form-group.full-width{flex:1 1 100%}label{color:#444;font-weight:500;margin-bottom:6px}input,textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;padding:10px}textarea{min-height:80px;resize:none}input:focus,textarea:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e24d}.submit-btn{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background .3s;width:100%}.submit-btn:hover{background:#3a78c2}@media (max-width:600px){.form-group{flex:1 1 100%}}.product-summary{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px;padding:15px 20px}.product-summary p{color:#333;font-size:16px;margin:5px 0}.product-summary strong{color:#222;font-weight:600}.product-summary .price{color:#27ae60;font-size:18px;font-weight:700}.orders-container{font-family:Arial,sans-serif;padding:20px}.orders-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.orders-table{border-collapse:collapse;min-width:800px;width:100%}.orders-table td,.orders-table th{border:1px solid #ddd;padding:10px;text-align:left;white-space:nowrap}.orders-table th{background-color:#f4f4f4}.orders-table-wrapper::-webkit-scrollbar{height:6px}.orders-table-wrapper::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.orders-error,.orders-loading{margin-top:20px;text-align:center}.orders-filters{margin-bottom:15px}.orders-filters button{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;margin-right:8px;padding:8px 14px;transition:all .2s ease-in-out}.orders-filters button:hover{background-color:#f0f0f0}.orders-filters .active-filter{background-color:#007bff;border-color:#007bff;color:#fff}.orders-table select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 8px;transition:border-color .2s ease-in-out}.orders-table select:focus{border-color:#007bff;outline:none}
/*# sourceMappingURL=main.2e40b08c.css.map*/