*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:#f5f5f5}.header{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;padding:22px 60px;display:flex}.logo{font-size:42px;font-weight:700}.nav-links{align-items:center;gap:25px;display:flex}.nav-links a{color:#fff;font-size:17px;font-weight:500;text-decoration:none}.user-name{font-size:17px;font-weight:500}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .3s}.logout-btn:hover{background:#dc2626}@media (width<=768px){.header{flex-direction:column;gap:20px;padding:20px}.logo{font-size:32px}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px}}.nav-links a:hover{color:#38bdf8}.hero-section{background-image:url(https://cdn.shopify.com/s/files/1/0637/1534/4455/files/banner.png?v=1779171829);background-position:50%;background-size:cover;height:500px;position:relative}.hero-overlay{align-items:center;width:100%;height:100%;display:flex}.hero-content{color:#111827;flex-direction:column;justify-content:center;max-width:520px;height:100%;padding-left:90px;display:flex}.hero-content h1{color:#111827;letter-spacing:-1px;margin-bottom:20px;font-size:56px;font-weight:700;line-height:1.1}.hero-content p{color:#4b5563;max-width:480px;margin-bottom:30px;font-size:18px;line-height:1.7}.hero-content button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;width:fit-content;padding:14px 30px;font-size:16px;font-weight:600;transition:all .3s}.hero-content button:hover{background:#2563eb;transform:translateY(-2px)}@media (width<=768px){.hero-content{max-width:100%;padding:40px 25px}.hero-content h1{font-size:38px;line-height:1.2}.hero-content p{font-size:16px}.hero-content button{width:100%}}.feature-section{background:#fff;grid-template-columns:repeat(4,1fr);gap:20px;padding:40px 80px;display:grid}.feature-box{text-align:center;background:#f9fafb;border-radius:12px;padding:25px;font-size:18px;font-weight:600;box-shadow:0 3px 8px #0000000d}.product-section{background:#f5f5f5;padding:70px 80px}.section-header{text-align:center;margin-bottom:40px}.section-header h2{color:#111827;margin-bottom:10px;font-size:40px}.section-header p{color:#6b7280;font-size:17px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;display:grid}.product-card{background:#fff;border-radius:14px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #00000014}.product-card:hover{transform:translateY(-6px)}.product-image{object-fit:contain;width:100%;height:260px;padding:10px}.product-details{padding:20px}.product-title{color:#111827;margin-bottom:12px;font-size:20px}.product-price{color:#16a34a;margin-bottom:18px;font-size:22px;font-weight:700}.cart-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;transition:all .3s}.cart-btn:hover{background:#2563eb}@media (width<=768px){.hero-section{height:400px}.hero-content{padding:30px}.hero-content h1{font-size:38px}.feature-section{grid-template-columns:1fr 1fr;padding:30px 20px}.product-section{padding:50px 20px}.section-header h2{font-size:32px}}.auth-container{background:linear-gradient(135deg,#1e3c72,#2a5298);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:20px;width:100%;max-width:950px;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}.left-side{color:#fff;background:linear-gradient(135deg,#4facfe,#00f2fe);flex-direction:column;justify-content:center;width:45%;padding:60px 40px;display:flex}.left-side h1{margin-bottom:15px;font-size:42px}.left-side p{font-size:18px;line-height:1.6}.right-side{justify-content:center;align-items:center;width:55%;padding:50px;display:flex}.auth-form{width:100%}.auth-form h2{color:#222;margin-bottom:30px;font-size:34px}.auth-form input{border:1px solid #ddd;border-radius:10px;outline:none;width:100%;margin-bottom:18px;padding:15px;font-size:16px;transition:all .3s}.auth-form input:focus{border-color:#2a5298;box-shadow:0 0 5px #2a52984d}.auth-form button{color:#fff;cursor:pointer;background:#2a5298;border:none;border-radius:10px;width:100%;padding:15px;font-size:17px;transition:all .3s}.auth-form button:hover{background:#1e3c72}.toggle-text{text-align:center;color:#555;margin-top:20px;font-size:15px}.toggle-text span{color:#2a5298;cursor:pointer;font-weight:600}.toggle-text span:hover{text-decoration:underline}@media (width<=768px){.auth-card{flex-direction:column}.left-side,.right-side{width:100%}.left-side{text-align:center;padding:40px 25px}.left-side h1{font-size:32px}.right-side{padding:35px 25px}.auth-form h2{text-align:center;font-size:28px}}.admin-products{padding:30px}.top-bar{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.create-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 20px;font-size:15px}.table-wrapper{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 3px 10px #00000014}.product-table{border-collapse:collapse;width:100%}.product-table th,.product-table td{text-align:left;border-bottom:1px solid #eee;padding:18px}.product-table th{background:#f9fafb}.table-image{object-fit:cover;border-radius:8px;width:60px;height:60px}.status{border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.status.active{color:#166534;background:#dcfce7}.status.draft{color:#991b1b;background:#fee2e2}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:6px;margin-right:10px;padding:8px 14px}.edit-btn{background:#facc15}.delete-btn{color:#fff;background:#ef4444}.modal-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal,.delete-modal{background:#fff;border-radius:12px;width:100%;max-width:450px;padding:30px}.modal h2,.delete-modal h3{margin-bottom:20px}.modal input,.modal select,.modal textarea{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:15px;padding:12px}.modal-actions,.delete-actions{justify-content:flex-end;gap:12px;display:flex}.save-btn,.cancel-btn,.yes-btn,.no-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px}.save-btn{color:#fff;background:#2563eb}.cancel-btn,.no-btn{background:#e5e7eb}.yes-btn{color:#fff;background:#ef4444}@media (width<=768px){.top-bar{flex-direction:column;align-items:flex-start;gap:15px}.product-table th,.product-table td{padding:12px}.edit-btn,.delete-btn{margin-bottom:8px}}.cart-page{background:#f5f5f5;grid-template-columns:2fr 1fr;gap:30px;min-height:100vh;padding:50px 80px;display:grid}.cart-left{flex-direction:column;gap:20px;display:flex}.cart-title{color:#111827;margin-bottom:10px;font-size:36px}.cart-card{background:#fff;border-radius:16px;align-items:center;gap:18px;padding:18px;display:flex;box-shadow:0 4px 12px #00000014}.cart-image-wrapper{background:#f9fafb;border-radius:12px;flex-shrink:0;width:120px;height:120px;overflow:hidden}.cart-image{object-fit:cover;width:100%;height:100%}.cart-details{flex-direction:column;flex:1;justify-content:center;display:flex}.cart-details h2{color:#111827;margin-bottom:8px;font-size:22px;line-height:1.3}.cart-price{color:#16a34a;margin-bottom:10px;font-size:22px;font-weight:700}.quantity-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:10px;display:flex}.quantity-box{align-items:center;gap:12px;display:flex}.quantity-box button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;width:34px;height:34px;font-size:18px;transition:all .3s}.quantity-box button:hover{background:#2563eb}.quantity-box span{text-align:center;min-width:20px;font-size:18px;font-weight:700}.remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 18px;transition:all .3s}.remove-btn:hover{background:#dc2626}.cart-summary{background:#fff;border-radius:16px;height:fit-content;padding:30px;position:sticky;top:30px;box-shadow:0 4px 12px #00000014}.cart-summary h2{color:#111827;margin-bottom:25px;font-size:28px}.summary-row{justify-content:space-between;margin-bottom:18px;font-size:18px;display:flex}.total-row{border-top:1px solid #ddd;padding-top:18px;font-size:24px;font-weight:700}.checkout-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;width:100%;margin-top:25px;padding:15px;font-size:17px;font-weight:600;transition:all .3s}.checkout-btn:hover{background:#2563eb}.empty-cart{text-align:center;background:#fff;border-radius:16px;padding:50px;box-shadow:0 4px 12px #00000014}@media (width<=768px){.cart-page{grid-template-columns:1fr;padding:30px 20px}.cart-card{flex-direction:column;align-items:flex-start}.cart-image-wrapper{width:100%;height:240px}.quantity-row{flex-direction:column;align-items:flex-start;width:100%}.cart-title{font-size:28px}.cart-summary{position:static}}.checkout-page{background:#f5f5f5;grid-template-columns:2fr 1fr;gap:30px;min-height:100vh;padding:50px 80px;display:grid}.checkout-left{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 12px #00000014}.checkout-left h1{color:#111827;margin-bottom:25px}.checkout-form{flex-direction:column;gap:18px;display:flex}.checkout-form input,.checkout-form textarea{border:1px solid #ddd;border-radius:10px;outline:none;padding:14px;font-size:16px}.checkout-summary{background:#fff;border-radius:16px;height:fit-content;padding:30px;position:sticky;top:30px;box-shadow:0 4px 12px #00000014}.checkout-summary h2{margin-bottom:25px}.summary-item,.summary-total{justify-content:space-between;margin-bottom:18px;font-size:18px;display:flex}.summary-total{border-top:1px solid #ddd;padding-top:18px;font-size:24px;font-weight:700}.payment-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;width:100%;margin-top:25px;padding:15px;font-size:17px;font-weight:600}.payment-btn:hover{background:#2563eb}@media (width<=768px){.checkout-page{grid-template-columns:1fr;padding:30px 20px}.checkout-summary{position:static}}.checkout-product{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.checkout-product-image{background:#f9fafb;border-radius:10px;flex-shrink:0;width:70px;height:70px;overflow:hidden}.checkout-product-image img{object-fit:cover;width:100%;height:100%}.checkout-product-details{flex:1}.checkout-product-details h4{color:#111827;margin-bottom:5px;font-size:16px}.checkout-product-details p{color:#6b7280;font-size:14px}.checkout-product-price{color:#16a34a;font-size:18px;font-weight:700}.orders-page{background:#f5f5f5;min-height:100vh;padding:50px 80px}.orders-top{margin-bottom:30px}.orders-top h1{color:#111827;font-size:38px}.empty-orders{text-align:center;background:#fff;border-radius:16px;padding:60px;box-shadow:0 4px 12px #00000014}.order-card{background:#fff;border-radius:18px;margin-bottom:30px;overflow:hidden;box-shadow:0 4px 12px #00000014}.order-header{border-bottom:1px solid #eee;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px;display:grid}.order-header h3{color:#6b7280;margin-bottom:6px;font-size:15px}.order-header p{color:#111827;font-size:17px;font-weight:600}.order-status{text-transform:capitalize;border-radius:30px;padding:8px 14px;font-size:14px;font-weight:600}.order-status.completed{color:#166534;background:#dcfce7}.order-status.pending{color:#92400e;background:#fef3c7}.order-status.cancelled{color:#991b1b;background:#fee2e2}.order-products{padding:20px}.order-product{border-bottom:1px solid #f3f4f6;align-items:center;gap:20px;padding:15px 0;display:flex}.order-product:last-child{border-bottom:none}.order-product-image{background:#f9fafb;border-radius:12px;flex-shrink:0;width:90px;height:90px;overflow:hidden}.order-product-image img{object-fit:cover;width:100%;height:100%}.order-product-details{flex:1}.order-product-details h4{color:#111827;margin-bottom:6px;font-size:18px}.order-product-details p{color:#6b7280}.order-product-price{color:#16a34a;font-size:20px;font-weight:700}@media (width<=768px){.orders-page{padding:30px 20px}.order-header{grid-template-columns:1fr}.order-product{flex-direction:column;align-items:flex-start}.order-product-image{width:100%;height:220px}}.products-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.search-input{border:1px solid #ddd;border-radius:10px;outline:none;width:300px;padding:12px 15px;font-size:15px}.pagination{justify-content:center;gap:12px;margin-top:35px;display:flex}.pagination button{cursor:pointer;background:#fff;border:none;border-radius:8px;width:40px;height:40px;font-weight:600;transition:all .3s}.pagination button:hover{color:#fff;background:#2563eb}.active-page{color:#fff;background:#111827!important}@media (width<=768px){.products-top{flex-direction:column;align-items:flex-start;gap:15px}.search-input{width:100%}}.customer-mini-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:20px;padding:15px 18px}.customer-mini-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.customer-mini-top h3{color:#111827;font-size:18px}.customer-mini-top span{color:#6b7280;font-size:14px}.customer-mini-card p{color:#4b5563;font-size:14px;line-height:1.6}.customer-details{background:#fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:25px}.customer-details h2{color:#111827;margin-bottom:20px;font-size:22px}.product-view-page{background:#f5f5f5;grid-template-columns:1fr 1fr;gap:50px;min-height:100vh;padding:60px 80px;display:grid}.product-view-image{background:#fff;border-radius:20px;padding:30px}.product-view-image img{object-fit:contain;width:100%;height:500px}.product-view-details{background:#fff;border-radius:20px;padding:40px}.product-view-details h1{color:#111827;margin-bottom:20px;font-size:42px}.product-view-details h2{color:#16a34a;margin-bottom:25px;font-size:34px}.product-stock{color:#2563eb;margin-bottom:20px;font-size:18px}.product-description{color:#4b5563;margin-bottom:30px;line-height:1.8}.buy-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;width:100%;padding:16px;font-size:17px;transition:all .3s}.buy-btn:hover{background:#2563eb}.product-link{text-decoration:none}@media (width<=768px){.product-view-page{grid-template-columns:1fr;padding:30px 20px}.product-view-image img{height:320px}.product-view-details{padding:25px}.product-view-details h1{font-size:30px}}.popup-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-box{text-align:center;background:#fff;border-radius:20px;width:380px;padding:35px;animation:.3s popupShow}.popup-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:32px;font-weight:700;display:flex}.popup-icon.success{background:#22c55e}.popup-icon.error{background:#ef4444}.popup-icon.warning{background:#f59e0b}.popup-box h2{color:#111827;margin-bottom:12px;font-size:28px}.popup-box p{color:#6b7280;margin-bottom:25px;line-height:1.6}.popup-box button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px}.popup-box button:hover{background:#2563eb}@keyframes popupShow{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.loader-container{background:#f5f5f5;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.loader{border:6px solid #e5e7eb;border-top-color:#111827;border-radius:50%;width:60px;height:60px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}