*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#64748b;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--light:#f8fafc;--dark:#1e293b;--border:#e2e8f0;--shadow:0 1px 3px rgba(0,0,0,.1);--shadow-lg:0 10px 25px rgba(0,0,0,.1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--dark);line-height:1.6;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-content{min-height:calc(100vh - 200px);padding:40px 0}.header{background:#fff;border-bottom:1px solid var(--border);padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font-size:24px;font-weight:700;color:var(--primary);text-decoration:none}.nav{display:flex;gap:30px}.nav a{text-decoration:none;color:var(--dark);font-weight:500;transition:color .3s}.nav a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:15px}.cart-icon{text-decoration:none;color:var(--dark);font-weight:500;padding:8px 15px;border-radius:8px;transition:background .3s}.cart-icon:hover{background:var(--light)}.user-menu{position:relative}.user-name{cursor:pointer;padding:8px 15px;border-radius:8px;background:var(--light)}.user-menu:hover .dropdown{display:block}.dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;box-shadow:var(--shadow-lg);border-radius:8px;min-width:200px;margin-top:10px}.dropdown a,.dropdown button{display:block;padding:12px 20px;text-decoration:none;color:var(--dark);border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background .3s}.dropdown a:hover,.dropdown button:hover{background:var(--light)}.mobile-menu-btn{display:none;background:none;font-size:24px}.btn,.mobile-menu-btn{border:none;cursor:pointer}.btn{padding:10px 20px;border-radius:8px;font-weight:500;text-decoration:none;display:inline-block;transition:all .3s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:#475569}.btn-large{padding:15px 40px;font-size:18px}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.hero-banner{height:500px;overflow:hidden}.banner-slider,.hero-banner{position:relative;width:100%}.banner-slider{height:100%}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;display:flex;align-items:center;justify-content:center}.banner-slide.active{opacity:1;z-index:1}.banner-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.banner-text{color:#fff}.banner-title{font-size:48px;font-weight:700;margin-bottom:20px;animation:fadeInUp .8s ease-out}.banner-subtitle{font-size:20px;margin-bottom:30px;opacity:.95;animation:fadeInUp .8s ease-out .2s both}.banner-button{display:inline-block;padding:15px 40px;background:#fff;color:var(--primary);text-decoration:none;border-radius:8px;font-weight:700;font-size:18px;transition:transform .3s,box-shadow .3s;animation:fadeInUp .8s ease-out .4s both}.banner-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.banner-image{animation:fadeInRight .8s ease-out .3s both}.banner-image img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.3);border:none;color:#fff;font-size:30px;padding:15px 20px;cursor:pointer;z-index:10;border-radius:5px;transition:background .3s}.banner-arrow:hover{background:hsla(0,0%,100%,.5)}.banner-arrow-left{left:20px}.banner-arrow-right{right:20px}.banner-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.banner-dot{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.5);border:none;cursor:pointer;transition:background .3s,transform .3s}.banner-dot.active{background:#fff;transform:scale(1.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.section-title{font-size:32px;margin-bottom:40px;text-align:center}.categories-section,.featured-section{padding:60px 0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:30px;gap:30px}.category-card{background:#fff;border-radius:12px;padding:30px;text-align:center;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;text-decoration:none;color:var(--dark)}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.category-card img{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:15px}.category-card h3{font-size:20px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:30px;gap:30px}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.product-image{position:relative;width:100%;height:250px;background:var(--light);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--secondary)}.badge{position:absolute;top:10px;right:10px;background:var(--primary);color:#fff;padding:5px 10px;border-radius:5px}.product-info{padding:20px}.product-name{font-size:18px;margin-bottom:10px}.product-price{display:flex;align-items:center;gap:10px;margin-bottom:15px}.current-price{font-size:24px;font-weight:700;color:var(--primary)}.original-price{font-size:18px;text-decoration:line-through;color:var(--secondary)}.out-of-stock{color:var(--danger);font-weight:500}.products-layout{display:grid;grid-template-columns:250px 1fr;grid-gap:40px;gap:40px}.filters-sidebar{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow);height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.filter-group,.filters-sidebar h3{margin-bottom:20px}.filter-group label{display:block;margin-bottom:8px;font-weight:500}.filter-group input,.filter-group select{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px}.cart-layout{display:grid;grid-template-columns:1fr 400px;grid-gap:40px;gap:40px}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto auto;grid-gap:20px;gap:20px;align-items:center;padding:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow);margin-bottom:20px}.item-image img{width:100px;height:100px;object-fit:cover;border-radius:8px}.item-quantity{display:flex;align-items:center;gap:10px}.item-quantity button{width:30px;height:30px;border:1px solid var(--border);background:#fff;border-radius:5px;cursor:pointer}.item-subtotal{font-size:20px;font-weight:700}.btn-remove{background:var(--danger);color:#fff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer}.cart-summary{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow);height:-moz-fit-content;height:fit-content}.summary-row{display:flex;justify-content:space-between;margin-bottom:15px}.summary-row.total{font-size:20px;font-weight:700;padding-top:15px;border-top:2px solid var(--border)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:80vh}.auth-container{background:#fff;padding:40px;border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:500px}.auth-container h1{text-align:center;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.error-message{background:#fee2e2;color:var(--danger);padding:15px;border-radius:8px;margin-bottom:20px}.auth-link{text-align:center;margin-top:20px}.auth-link a{color:var(--primary);font-weight:500}.order-card{background:#fff;border-radius:12px;padding:30px;box-shadow:var(--shadow);margin-bottom:30px}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.status{padding:8px 16px;border-radius:20px;font-weight:500;font-size:14px}.status-pending{background:#fef3c7;color:#92400e}.status-confirmed{background:#dbeafe;color:#1e40af}.status-processing{background:#e0e7ff;color:#4338ca}.status-shipped{background:#ddd6fe;color:#6b21a8}.status-delivered{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.order-items{margin:20px 0}.order-item{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--border)}.order-item img{width:60px;height:60px;object-fit:cover;border-radius:8px}.order-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.order-total{font-size:20px;font-weight:700}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px}.pagination button{padding:10px 20px;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.footer{background:var(--dark);color:#fff;padding:60px 0 20px;margin-top:80px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;gap:40px;margin-bottom:40px}.footer-section h3,.footer-section h4{margin-bottom:20px}.footer-section a{display:block;color:hsla(0,0%,100%,.8);text-decoration:none;margin-bottom:10px}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1)}.loading{text-align:center;padding:60px;font-size:18px}.message{padding:15px;border-radius:8px;margin-bottom:20px}.message.success{background:#d1fae5;color:#065f46}.message.error{background:#fee2e2;color:#991b1b}.admin-page{background:var(--light);min-height:100vh;padding:40px 0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow)}.stat-card h3{font-size:14px;color:var(--secondary);margin-bottom:10px;text-transform:uppercase}.stat-value{font-size:32px;font-weight:700;color:var(--primary)}.stat-card.warning .stat-value{color:var(--warning)}.stat-card.success .stat-value{color:var(--success)}.dashboard-sections{display:grid;grid-gap:30px;gap:30px}.admin-section{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px;margin-top:20px}.recent-order-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border)}.admin-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.admin-table table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:15px;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background:var(--light);font-weight:600}.table-image{object-fit:cover}.no-image-small,.table-image{width:60px;height:60px;border-radius:8px}.no-image-small{background:var(--light);display:flex;align-items:center;justify-content:center;font-size:10px}.action-buttons{display:flex;gap:10px}.btn-sm{padding:6px 12px;font-size:14px}.btn-danger{background:var(--danger);color:#fff}.badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.low-stock{color:var(--danger);font-weight:700}.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;margin-top:40px}.main-image{width:100%;height:500px;background:var(--light);border-radius:12px;overflow:hidden;margin-bottom:20px}.main-image img{width:100%;height:100%;object-fit:contain}.no-image-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--secondary)}.image-thumbnails{display:flex;gap:10px}.image-thumbnails img{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border .3s}.image-thumbnails img.active,.image-thumbnails img:hover{border-color:var(--primary)}.product-info-section h1{font-size:32px;margin-bottom:15px}.product-brand{color:var(--secondary);margin-bottom:20px}.product-pricing{display:flex;align-items:center;gap:15px;margin:20px 0}.product-pricing .current-price{font-size:36px;font-weight:700;color:var(--primary)}.product-pricing .original-price{font-size:24px;text-decoration:line-through;color:var(--secondary)}.discount-badge{background:var(--danger);color:#fff;padding:5px 10px;border-radius:5px;font-weight:700}.product-availability{margin:20px 0}.in-stock{color:var(--success);font-weight:500}.product-description{margin:30px 0}.product-description h3{margin-bottom:15px}.product-actions{margin:30px 0}.quantity-selector{margin-bottom:20px}.quantity-controls{display:flex;align-items:center;gap:15px;margin-top:10px}.quantity-controls button{width:40px;height:40px;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer;font-size:20px}.quantity-controls span{font-size:20px;font-weight:700;min-width:40px;text-align:center}.product-meta{margin-top:30px;padding-top:30px;border-top:1px solid var(--border)}.product-meta p{margin-bottom:10px}.about-section,.contact-form-section,.contact-info-section{margin-bottom:40px}.about-section h2,.contact-form-section h2,.contact-info-section h2{margin-bottom:20px}.features-list{list-style:none;padding:0}.features-list li{padding:10px 0;font-size:18px}.contact-layout{display:grid;grid-template-columns:2fr 1fr;grid-gap:60px;gap:60px;margin-top:40px}.info-item{margin-bottom:30px}.info-item h3{margin-bottom:10px;color:var(--primary)}.admin-form{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow)}.form-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--border)}.form-section:last-of-type{border-bottom:none}.form-section h3{margin-bottom:20px;color:var(--primary)}.image-input-group{display:flex;gap:10px;margin-bottom:15px;align-items:flex-end}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label span{font-weight:500}@media (max-width:768px){.nav{display:none}.mobile-menu-btn{display:block}.nav.nav-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px;box-shadow:var(--shadow-lg)}.cart-item,.cart-layout,.products-layout{grid-template-columns:1fr}.cart-item{text-align:center}.form-row{grid-template-columns:1fr}.hero-content h1{font-size:32px}.contact-layout,.dashboard-stats,.product-detail-layout{grid-template-columns:1fr}.admin-table{overflow-x:auto}}