@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);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}#root,body,html{height:100%;margin:0;min-height:100vh;padding:0;width:100%}body{background-color:#f4f7f6;font-family:Outfit,sans-serif}.home-container{align-items:center;box-sizing:border-box;min-height:100vh;padding:50px 20px}.form-container,.home-container{display:flex;flex-direction:column;width:100%}.form-container{background:#fff;border-radius:20px;box-shadow:0 15px 35px #0000000d;gap:18px;margin-bottom:60px;max-width:600px;padding:40px}.form-container h2{color:#1a1a1a;font-size:28px;margin-bottom:10px;text-align:center}.inputs-wrapper{display:flex;flex-direction:column;gap:18px;width:100%}.form-container input{background:#f9fbfd;border:1px solid #e1e5eb;border-radius:12px;font-family:Outfit,sans-serif;font-size:16px;outline:none;padding:16px 20px;transition:all .3s}.form-container input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}#addBtn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;padding:18px;transition:all .3s;width:100%}#addBtn:hover{box-shadow:0 10px 20px #764ba24d;transform:translateY(-2px)}#addBtn:active{transform:translateY(1px)}h3{color:#1a1a1a;font-size:32px;font-weight:700;margin-bottom:30px;margin-top:40px;text-align:center;width:100%}#productCard{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center;max-width:100%;padding:0}.card{background:#fff;border:1px solid #f0f2f5;border-radius:20px;box-shadow:0 10px 30px #00000008;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;width:300px}.card:hover{box-shadow:0 20px 40px #764ba226;transform:translateY(-12px)}.card img{border-bottom:1px solid #f0f2f5;height:220px;object-fit:cover;width:100%}.card .title{color:#1a1a1a;font-size:22px;font-weight:700;margin:20px 20px 10px}.card .description{color:#666;flex-grow:1;font-size:15px;line-height:1.6;margin:0 20px 15px}.card .prise{color:#10b981;font-size:26px;font-weight:700;margin:0 20px 20px}.card .prise:before{content:"$";font-size:20px;margin-right:4px}.app-layout{display:flex;min-height:100vh;width:100%}.main-content{background-color:#f4f7f6;flex-grow:1;height:100vh;overflow-y:auto}#productCard{grid-gap:25px;background:linear-gradient(135deg,#f6f8fd,#f1f5f9);box-sizing:border-box;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));list-style:none;margin:0;min-height:100vh;padding:40px 20px;width:100%}.cardContainer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;box-shadow:0 20px 40px #0000000d;display:flex;flex-direction:column;height:100%;overflow:auto}.card1{background:#fff;height:200px;overflow:hidden;position:relative;width:100%}.card-img{height:100%;object-fit:cover;width:100%}.card12{display:flex;flex-direction:column;flex-grow:1;min-height:160px;padding:20px}.card-price{color:#64748b;font-size:18px;font-weight:300;letter-spacing:-.5px;margin:0 0 8px;text-align:left}.card-title{color:#1e293b;font-size:27px;font-weight:800;line-height:1.3;margin:0 0 8px}.card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex-grow:1;font-size:15px;line-height:1.6;margin:0 0 16px;overflow:hidden}.card-btns{display:flex;gap:10px;margin-top:auto}.addToCardBtn{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px;transition:all .3s ease}.addToCardBtn:hover{background:#e2e8f0;color:#1e293b}.butNowBtn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 6px 15px #6366f140;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px;transition:all .3s ease}.butNowBtn:hover{box-shadow:0 15px 25px #6366f166;transform:translateY(-2px)}#yourProductCard{background:linear-gradient(135deg,#f6f8fd,#f1f5f9);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:25px;list-style:none;margin:0;min-height:40vh;overflow:auto;padding:30px 20px;width:100%}#yourProductCard li{flex-basis:calc(33% - 15px);flex-grow:1;flex-shrink:1;list-style:none;min-width:270px}.cardCon{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;box-shadow:0 20px 40px #0000000d;display:flex;flex-direction:column;height:auto;overflow:hidden;width:320px}.cardOne{background:#fff;height:170px;overflow:hidden;position:relative;width:100%}.cardImg{height:180px;object-fit:cover;width:100%}.cardTwo{display:flex;flex-direction:column;flex-grow:1;min-height:10px;padding:20px}.cardPrice{color:#10b981;font-size:18px;font-weight:300;letter-spacing:-.5px;margin:0 0 5px;text-align:left}.cardTitle{color:#1e293b;font-size:27px;font-weight:700;line-height:1.3;margin:0 0 8px}.cardDesc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex-grow:1;font-size:17px;line-height:1.6;margin:0 0 16px;overflow:hidden}.cardBtns{display:flex;gap:10px;margin-top:auto}.editBtn{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px;transition:all .3s ease}.editBtn:hover{background:#e2e8f0;color:#1e293b}.deleteBtn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 6px 15px #6366f140;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px;transition:all .3s ease}.deleteBtn:hover{box-shadow:0 15px 25px #6366f166;transform:translateY(-2px)}.notfound-container{align-items:center;background:linear-gradient(135deg,#f6f8fd,#eef2ff 50%,#f1f5f9);display:flex;justify-content:center;min-height:100vh}.notfound-box{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffc;border:1px solid #fff9;border-radius:28px;box-shadow:0 30px 60px #6366f11a;max-width:520px;padding:60px 80px;text-align:center;width:90%}.notfound-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#4f46e5);-webkit-background-clip:text;background-clip:text;font-size:120px;font-weight:800;line-height:1;margin-bottom:10px}.notfound-divider{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:4px;height:4px;margin:0 auto 24px;width:60px}.notfound-title{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 14px}.notfound-desc{color:#64748b;font-size:16px;line-height:1.7;margin:0 0 36px}.notfound-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;box-shadow:0 8px 20px #6366f14d;color:#fff;display:inline-block;font-size:15px;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s ease}.notfound-btn:hover{box-shadow:0 14px 28px #6366f166;transform:translateY(-3px)}@keyframes shimmer{0%{background-position:-700px 0}to{background-position:700px 0}}.skeleton-card{background:#fff;box-shadow:0 4px 15px #0000000d;overflow:hidden}.skeleton-img{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:700px 100%;height:200px;width:100%}.skeleton-body{display:flex;flex-direction:column;gap:12px;padding:20px}.skeleton-line{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:700px 100%;border-radius:6px;height:14px}.skeleton-line.short{width:40%}.skeleton-line.long{height:20px;width:80%}.skeleton-line.medium{width:60%}.skeleton-btns{display:flex;gap:10px;margin-top:8px}.skeleton-btn{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:700px 100%;border-radius:8px;flex:1 1;height:38px}.sidebar{background-color:#fff;box-shadow:4px 0 15px #00000008;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;min-width:240px;padding:40px 20px;position:sticky;top:0}.sidebar-logo{color:#007bff;font-size:28px;font-weight:700;margin-bottom:50px;text-align:center;text-shadow:1px 1px 4px #00000026}.nav-links{display:flex;flex-direction:column;gap:10px}.nav-item{border-radius:10px;color:#555;display:block;font-size:17px;font-weight:500;padding:14px 20px;text-decoration:none;text-shadow:1px 1px 2px #0000000d;transition:all .2s ease-in-out}.nav-item:hover{background-color:#f8f9fc;color:#222;text-shadow:1px 1px 3px #0000001a;transform:translateY(-1px)}.nav-item.active{background-color:#007bff;box-shadow:0 4px 6px #007bff33;color:#fff;font-weight:600}.logout-container{margin-top:auto}.logout-item{border-radius:10px;color:#e63946;display:block;font-size:17px;font-weight:500;padding:14px 20px;text-decoration:none;transition:all .2s ease-in-out}.logout-item:hover{background-color:#fff0f1}
/*# sourceMappingURL=main.6da65d7d.css.map*/