*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.element-sidebar{width:260px;position:fixed;top:0;left:0;height:100vh;background-color:#111827;color:#d1d5db;display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease}@media screen and (min-width: 768px) and (max-width: 1023px){.element-sidebar{width:260px;position:fixed;top:0;left:0;height:100vh;background-color:#111827;color:#d1d5db;display:flex;flex-direction:column;z-index:2000;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 15px #0000004d}}@media screen and (max-width: 767px){.element-sidebar{width:280px;position:fixed;top:0;left:0;height:100vh;background-color:#111827;color:#d1d5db;display:flex;flex-direction:column;z-index:2000;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 15px #00000080}}.el-div-hfm00{padding:1.5rem;border-bottom:1px solid #1F2937;display:flex;align-items:center;justify-content:space-between}.el-a-key2ba{text-decoration:none;display:flex;align-items:center}.el-div-qbx7ou{color:#4f46e5;font-size:1.8rem;margin-right:.5rem}.el-span-1d7so9m{font-weight:900;color:#f9fafb;font-size:1.2rem;letter-spacing:1px}.el-button-127q5ps{display:none}@media screen and (min-width: 768px) and (max-width: 1023px){.el-button-127q5ps{display:block;background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer}}@media screen and (max-width: 767px){.el-button-127q5ps{display:block;background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer}}.el-nav-11hdfew{padding:1.5rem 1rem;flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.el-span-kbsjs4{font-size:.75rem;color:#6b7280;font-weight:700;margin-bottom:.5rem;padding-left:.8rem;letter-spacing:1px}.el-a-1smewai{display:block;color:#f9fafb;text-decoration:none;padding:.8rem;border-radius:8px;font-weight:500;background-color:#4f46e51a;transition:background .2s}.el-span-an8pnb{font-size:.75rem;color:#6b7280;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem;padding-left:.8rem;letter-spacing:1px}.el-a-1ke3dph{display:block;color:#d1d5db;text-decoration:none;padding:.8rem;border-radius:8px;font-weight:500;transition:background .2s}.el-div-6v9n97{padding:1.5rem;border-top:1px solid #1F2937}.el-div-1adxsiw{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.el-div-916pzk{width:36px;height:36px;background-color:#374151;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f9fafb;font-weight:700;font-size:.85rem}.el-p-124b0az{color:#f9fafb;font-weight:600;margin:0;font-size:.9rem}.el-p-x6y580{color:#9ca3af;font-size:.75rem;margin:0}.el-button-1tasjnt{width:100%;padding:.8rem;background-color:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.element-topbar{margin-left:260px;height:70px;background-color:#fff;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:fixed;top:0;right:0;left:0;z-index:90}@media screen and (min-width: 768px) and (max-width: 1023px){.element-topbar{margin-left:0;height:65px;background-color:#fff;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:fixed;top:0;right:0;left:0;z-index:90}}@media screen and (max-width: 767px){.element-topbar{margin-left:0;height:65px;background-color:#fff;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;position:fixed;top:0;right:0;left:0;z-index:90}}.el-button-q1dxao{display:none}@media screen and (min-width: 768px) and (max-width: 1023px){.el-button-q1dxao{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#111827}}@media screen and (max-width: 767px){.el-button-q1dxao{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#111827}}.el-span-rz91by{font-weight:600;color:#4b5563;font-size:1.1rem}@media screen and (max-width: 767px){.el-span-rz91by{display:none}}.el-div-1e1144f{display:flex;align-items:center;gap:1.5rem}.el-input-1muqor9{padding:.6rem 1rem;border-radius:8px;border:1px solid #D1D5DB;background-color:#f9fafb;outline:none;width:280px;font-size:.9rem;transition:all .2s}@media screen and (max-width: 767px){.el-input-1muqor9{display:none}}.el-span-1kbxcg5{cursor:pointer;font-size:1.2rem}.element-main-content-wrapper{margin-left:260px;padding-top:70px;background-color:#f3f4f6;min-height:100vh}@media screen and (min-width: 768px) and (max-width: 1023px){.element-main-content-wrapper{margin-left:0;padding-top:65px;background-color:#f3f4f6;min-height:100vh}}@media screen and (max-width: 767px){.element-main-content-wrapper{margin-left:0;padding-top:65px;background-color:#f3f4f6;min-height:100vh}}.el-div-1gdz3ti{padding:2rem;animation:fadeInUp .4s}@media screen and (max-width: 767px){.el-div-1gdz3ti{padding:1.5rem}}.el-div-lvyrtl{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#f3f4f6;z-index:9999;display:flex;align-items:center;justify-content:center}.el-div-jczo1u{width:100%;max-width:420px;background-color:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 25px #0000000d;border:1px solid #E5E7EB}.el-div-ycu3tn{text-align:center;margin-bottom:2.5rem}.el-div-ami4l1{color:#4f46e5;font-size:3rem;margin-bottom:.5rem}.el-h1-1p9tzl6{font-size:1.8rem;font-weight:800;color:#111827;margin-bottom:.5rem;margin:0}.el-p-1san4lk{color:#6b7280;font-size:.95rem;margin:0}.element-email{width:100%;padding:.8rem 1rem;margin-bottom:1.5rem;border:1px solid #D1D5DB;border-radius:8px;outline:none;background-color:#fff;color:#111827}.element-password{width:100%;padding:.8rem 1rem;margin-bottom:2.5rem;border:1px solid #D1D5DB;border-radius:8px;outline:none;background-color:#fff;color:#111827}.el-button-zg4lb0{width:100%;padding:1rem;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem;transition:background .2s}.el-button-1ydvvwp{background-color:#fff;color:#374151;border:1px solid #D1D5DB;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000d}.el-div-qxrkxi{background-color:#fff;border-radius:12px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;overflow:hidden}.el-div-16kk1r1{padding:1.5rem;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.el-h3-zsml4{margin:0;color:#111827;font-weight:700;font-size:1.1rem}.el-a-1b4to0t{color:#4f46e5;text-decoration:none;font-weight:600;font-size:.9rem}.el-div-skhu3f{width:100%;overflow-x:auto}.el-div-e3zi7y{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #E5E7EB;font-weight:600;color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}@media screen and (max-width: 767px){.el-div-e3zi7y{width:800px}}.el-div-vyws15{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;padding:1.2rem 1.5rem;border-bottom:1px solid #F3F4F6;align-items:center;font-size:.95rem;transition:background .2s}@media screen and (max-width: 767px){.el-div-vyws15{width:800px}}.el-div-4b4jxj{color:#111827;font-weight:500;margin-bottom:.2rem}.el-div-1rmch3j{color:#6b7280;font-size:.8rem}.el-span-x32jgl{background-color:item.status === "Delivered" ? "#D1FAE5" : (item.status === "Pending" ? "#FEF3C7" : "#DBEAFE");color:item.status === "Delivered" ? "#065F46" : (item.status === "Pending" ? "#92400E" : "#1E40AF");padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;display:inline-block;width:fit-content;text-transform:capitalize}.el-div-vh5del{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}@media screen and (max-width: 767px){.el-div-vh5del{flex-direction:column;align-items:flex-start;gap:1rem}}.el-button-1o04194{background-color:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background .2s}.el-div-gnjjxr{background-color:#fff;border-radius:12px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%;overflow-x:auto}.el-div-192zgct{display:grid;grid-template-columns:60px 3fr 2fr 1fr 1fr 120px;padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #E5E7EB;font-weight:600;color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}@media screen and (max-width: 767px){.el-div-192zgct{width:900px}}.el-div-1r2n9im{display:grid;grid-template-columns:60px 3fr 2fr 1fr 1fr 120px;padding:1rem 1.5rem;border-bottom:1px solid #F3F4F6;align-items:center;font-size:.95rem}@media screen and (max-width: 767px){.el-div-1r2n9im{width:900px}}.el-img-12dxhu5{width:40px;height:40px;border-radius:8px;object-fit:cover;background-color:#f3f4f6;border:1px solid #E5E7EB}.el-div-1xou0xw{font-weight:600;color:#111827;margin-bottom:.2rem}.el-div-1nqaj5v{color:#9ca3af;font-size:.75rem}.el-span-10gq1ym{color:#4b5563}.el-span-flmmlj{color:item.stock > 0 ? "#10B981" : "#EF4444";background-color:item.stock > 0 ? "#D1FAE5" : "#FEE2E2";padding:.2rem .6rem;border-radius:50px;font-weight:600;font-size:.8rem;display:inline-block;width:fit-content}.el-div-egkyss{display:flex;justify-content:flex-end;gap:.5rem}.el-button-p3pt2x{background-color:#fff;color:#4b5563;border:1px solid #D1D5DB;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;font-weight:500;transition:background .2s}.el-button-fu059n{background-color:#fef2f2;color:#ef4444;border:1px solid #FECACA;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;font-weight:500;transition:background .2s}.el-div-75phuz{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.el-button-1gq8xu{background:none;border:1px solid #D1D5DB;border-radius:8px;padding:.5rem 1rem;color:#4b5563;cursor:pointer;font-weight:600;background-color:#fff}.el-div-1d31bkg{background-color:#fff;border-radius:12px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;padding:2.5rem;max-width:800px}.element-prod-name{width:100%;padding:.8rem 1rem;border:1px solid #D1D5DB;border-radius:8px;outline:none;color:#111827}.el-div-1qjfz6t{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media screen and (max-width: 767px){.el-div-1qjfz6t{grid-template-columns:1fr}}.element-prod-price{width:100%;padding:.8rem 1rem;border:1px solid #D1D5DB;border-radius:8px;outline:none}.element-prod-stock{width:100%;padding:.8rem 1rem;border:1px solid #D1D5DB;border-radius:8px;outline:none}.element-prod-category{width:100%;padding:.8rem 1rem;border:1px solid #D1D5DB;border-radius:8px;outline:none;background-color:#fff;color:#111827}.el-div-wb45md{margin-bottom:1.5rem}.element-prod-image{width:100%;padding:.8rem 1rem;border:1px solid #D1D5DB;border-radius:8px;outline:none}.el-div-121vncm{margin-bottom:2.5rem}.el-label-20rzsf{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem}.element-prod-desc{width:100%;padding:.8rem 1rem;border:1px solid #D1D5DB;border-radius:8px;outline:none;min-height:100px}.el-div-22kdq1{border-top:1px solid #E5E7EB;padding-top:1.5rem;display:flex;justify-content:flex-end;gap:1rem}.el-button-bq3njs{background-color:#fff;color:#374151;border:1px solid #D1D5DB;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.el-button-u8u42s{background-color:#4f46e5;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background .2s}.el-div-1tt9qzi{display:grid;grid-template-columns:1fr 2fr 1.5fr 1fr 1.5fr 100px;padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #E5E7EB;color:#6b7280;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}@media screen and (max-width: 767px){.el-div-1tt9qzi{width:1000px}}.el-div-y2to7x{display:grid;grid-template-columns:1fr 2fr 1.5fr 1fr 1.5fr 100px;padding:1rem 1.5rem;border-bottom:1px solid #F3F4F6;align-items:center;font-size:.95rem}@media screen and (max-width: 767px){.el-div-y2to7x{width:1000px}}.el-span-xln75h{display:block;color:#111827;font-weight:500;margin-bottom:.2rem}.el-span-156ci8t{display:block;color:#6b7280;font-size:.8rem}.el-span-1vw3ite{font-weight:600;color:#111827}.el-select-3w6rko{padding:.4rem .8rem;border-radius:8px;border:1px solid #D1D5DB;background-color:#fff;font-size:.85rem;font-weight:500;color:#374151;outline:none;cursor:pointer}.el-button-krpjqk{background-color:#fff;color:#374151;border:1px solid #D1D5DB;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.el-div-1csvkh5{background-color:#fff;border-radius:12px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%;overflow-x:auto}.el-div-1b8sin7{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #E5E7EB;font-weight:600;color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}@media screen and (max-width: 767px){.el-div-1b8sin7{width:800px}}.el-div-gpmvc0{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;padding:1rem 1.5rem;border-bottom:1px solid #F3F4F6;align-items:center;font-size:.95rem}@media screen and (max-width: 767px){.el-div-gpmvc0{width:800px}}.el-div-1mkgzic{display:flex;align-items:center;gap:1rem}.el-div-12thdrg{width:36px;height:36px;border-radius:50%;background-color:#e0e7ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.el-span-15tx9b8{color:#6b7280}.el-span-kp0bx5{background-color:#d1fae5;color:#065f46;padding:.2rem .6rem;border-radius:50px;font-size:.75rem;font-weight:600;display:inline-block;width:fit-content}.el-div-12bw2st{margin-bottom:2rem}.el-h1-105tx5o{font-size:1.8rem;font-weight:800;color:#111827;margin:0}.el-div-1dj68v1{background-color:#fff;border-radius:12px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%;overflow-x:auto;max-width:800px}.el-div-1cgqsnn{display:grid;grid-template-columns:1fr 2fr 100px;padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #E5E7EB;font-weight:600;color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.el-span-kg8tlf{text-align:right}.el-div-1hfbb1s{display:grid;grid-template-columns:1fr 2fr 100px;padding:1rem 1.5rem;border-bottom:1px solid #F3F4F6;align-items:center;font-size:.95rem}.el-span-jryhyo{color:#6b7280;font-family:monospace}.el-span-1yrlk9t{font-weight:500;color:#111827}.el-div-167rul{display:flex;justify-content:flex-end}.el-button-dq9950{background-color:#fff;color:#374151;border:1px solid #D1D5DB;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}