@import"https://fonts.googleapis.com/css2?family=Krona+One&display=swap";body{max-width:1440px;height:100vh;margin:0 auto;background-color:#fff}.loginParentContainer{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background-color:#f5f5f5;gap:2rem}.upperFormContent{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-height:100%;gap:5rem}.upperFormContent img{margin-top:2rem;max-width:30rem;max-height:10rem}.upperFormContent h2{color:#1c4d78;font-size:1.8rem;font-family:DM Sans,sans-serif}.loginForm{display:flex;flex:1;width:100%;height:100%;justify-content:center}.formParent{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background-color:#f5f5f5;gap:2rem}.formTitle{font-size:1.5rem;font-weight:lighter;color:#595959;font-family:DM Sans,sans-serif;letter-spacing:1px}.formBlock{width:100%;height:100%}.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;height:15rem;margin:0 auto}.form-group{margin-bottom:20px;width:100%}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.login-button{padding:10px 40px;background-color:#2c3e50;color:#fff;border:none;border-radius:20px;font-size:1.5rem;cursor:pointer;margin-bottom:2rem}.login-button:hover{background-color:#1a252f}.dashboard_body{display:flex;width:100%;height:100%;gap:5rem;flex-direction:column}.dashboard_heading{display:flex;align-items:center;gap:1.5rem;flex-direction:column;justify-content:center;width:100%;margin-top:4rem}.dashboard_heading h1{font-size:2.5rem;font-weight:600;color:#1c4d78;letter-spacing:.1rem;font-family:Inter}.dashboard_heading h2{font-size:2rem;font-weight:300;color:#595959;letter-spacing:.1rem;font-family:DM Sans,sans-serif}.dashboard_Category{width:80rem;display:flex;flex-direction:column;background-color:#000;align-items:center;align-self:center;border-radius:30px;gap:3rem;padding:50px 0;margin-bottom:50px}.category_flex_1{display:flex;justify-content:space-between;gap:3rem;margin-top:4rem;width:70%;align-items:center}.category_flex_2{display:flex;gap:2rem;margin-top:4rem;justify-content:space-between;width:50%}img{height:15rem}.dashboard_Category p{width:inherit;height:5rem;background-color:#fff;display:flex;align-items:center;justify-content:center;color:#666;font-size:1.5rem;font-family:Krona One,sans-serif;letter-spacing:2px;font-weight:400}.dashboard_Category h2{font-family:Poppins,sans-serif;color:#fff;margin-top:1rem;font-size:2rem;font-weight:lighter;letter-spacing:1rem}.category_card{transition:transform .3s}.category_card.not-selected{filter:grayscale(100%)}.category_card:hover{cursor:pointer;transform:scale(1.05);filter:grayscale(70%)}.page{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;gap:30px}.header-wrapper{height:70px;position:absolute;background-color:#f08080;top:0;left:0;right:0}.top-container .main-title{font-size:2.5rem;font-weight:600;margin:20px 0;font-weight:700;color:#1c4d78;letter-spacing:1px}.top-container .sub-title{font-size:2rem;font-weight:400;margin:10px 0;color:#595959}.top-container .sub-category-toggle{background-color:#f2f2f2;padding:5px 20px;border-radius:10px;font-size:16px;margin-top:10px;display:flex;width:fit-content}.top-container .sub-category-toggle .chip{padding:5px 20px;border-radius:10px;cursor:pointer;transition:.3s ease}.top-container .sub-category-toggle .chip:hover{opacity:.8}.top-container .sub-category-toggle .active{background-color:#1c4d78;color:#fff}.product-matrix{width:100%;border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:10px;margin-bottom:50px}.add-fab{position:fixed;display:flex;justify-content:center;align-items:center;right:100px;bottom:100px;background-color:#56ad4f;color:#fff;font-size:40px;border-radius:50%;width:70px;height:70px;box-shadow:0 0 10px #0000001a;transition:.3s ease;cursor:pointer}.add-fab:hover{box-shadow:0 0 10px #0000004d;opacity:.8}.loading-container{height:70vh;display:flex;justify-content:center;align-items:center;width:100%;background-color:#f5f5f5;flex-direction:column;gap:10px;font-family:Inter}.product_card{height:400px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 0 10px #0000001a;transition:.3s ease;padding:20px 10px;border:1px solid #ddd}.product_card.product_card:hover{box-shadow:0 0 10px #0000004d}.product_card .top{display:flex;justify-content:space-between;width:100%;padding:10px}.product_card .top .icon{padding:4px 30px;border-radius:15px;font-size:20px;cursor:pointer;transition:.3s ease}.product_card .top .icon:hover{opacity:.8}.product_card .body{flex:1;background-color:#1c4d78;padding:10px;width:80%;border-radius:10px;margin:10px 0;background-size:contain}.product_card .btm{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:Inter}.product_card .btm .action-btn{padding:5px 20px;width:80%;text-align:center;border-radius:20px;background-color:#1c4d78;color:#fff;cursor:pointer;transition:.3s ease;font-weight:500;font-size:1rem}.product_card .btm .action-btn:hover{opacity:.8}.product_card .btm .title{font-weight:500;font-size:1.2rem}.footer{background-color:#56ad4f;color:#fff;padding:10px 0;text-align:center;position:fixed;bottom:0;width:100%;z-index:100}.footer p{font-family:Inter;font-size:14px}.footer p span{color:gold}.dashboard_header{width:100%;padding-left:1.5rem;padding-right:1.5rem}.productUploadForm{display:flex;flex-direction:column;align-items:center;margin-top:50px;border:1px solid #d9d9d9}.top-container{width:100%;text-align:center;font-family:Inter;display:flex;align-items:center;flex-direction:column}.top-container .main-title{font-size:2.2rem;font-weight:600;margin:20px 0;font-weight:700;color:#1c4d78;letter-spacing:1px}.top-container .sub-title{font-size:1.7rem;font-weight:400;margin:10px 0;color:#595959}.form-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;padding:10px}.form-body .image-upload-frame{width:70%;display:flex;align-items:center;justify-content:space-between;gap:10px}.form-body .image-upload-frame .image-display-box,.form-body .image-upload-frame .image-upload-box{height:20rem;width:20rem;border-radius:10px;padding:10px;display:flex;justify-content:center;align-items:center;margin-bottom:50px;position:relative}.form-body .image-upload-frame .image-display-box{border:2px solid #d9d9d9}.form-body .image-upload-frame .image-display-box img{height:100%;width:100%}.form-body .image-upload-frame .image-display-box .close-icon{font-size:1.5rem;color:#000;cursor:pointer;position:absolute;top:5px;right:5px;transition:.3s ease}.form-body .image-upload-frame .image-display-box .close-icon:hover{transform:scale(1.2)}.form-body .info-upload-frame{width:70%;display:flex;flex-direction:column;gap:2rem;font-family:Inter}.form-body .info-upload-frame .info-upload-box{display:flex;justify-content:space-between;gap:10px;align-items:center}.form-body .info-upload-frame .info-upload-box .field-name{font-size:1.2rem;font-weight:600;color:#595959;width:30%;display:flex;align-items:center}.form-body .info-upload-frame .info-upload-box .field-input{width:50%;padding:10px;border-radius:10px;border:1px solid #d9d9d9;font-size:1rem;display:flex}.form-body .upload-btn{padding:10px 0;width:20%;border-radius:20px;font-size:1rem;cursor:pointer;background-color:#1c4d78;color:#fff;border:none;transition:.3s ease;align-self:center}.form-body .upload-btn:hover{opacity:.8}.form-body .disabled{display:none}.form-body .factory-images-box{width:70%;display:flex;flex-direction:column;gap:10px}.form-body .factory-images-box .image-upload-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;background-color:#f2f2f2;padding:10px;border-radius:10px;margin-top:2rem}.form-body .factory-images-box .no-factory-images{border:2px dashed #d9d9d9;text-align:center;padding:30px;background-color:#f2f2f2;font-family:Inter;border-radius:10px}.form-body .factory-images-box .image-upload-matrix .factory-image-display-box{height:15rem;border-radius:10px;padding:10px;display:flex;justify-content:center;align-items:center;background-color:#fff;position:relative}.form-body .factory-images-box .image-upload-matrix .factory-image-display-box .close-icon{font-size:1.5rem;color:#000;cursor:pointer;position:absolute;top:5px;right:5px;transition:.3s ease}.form-body .factory-images-box .image-upload-matrix .factory-image-display-box .close-icon:hover{transform:scale(1.2)}.form-body .factory-images-box .image-upload-matrix .factory-image-display-box img{height:90%;width:90%}.form-body .image-upload-frame .image-upload-box{border:2px dashed #d9d9d9;cursor:pointer;transition:.3s ease}.form-body .image-upload-frame .image-upload-box .icon{font-size:7rem;color:#56ad4f}.form-body .image-upload-frame .image-upload-box:hover{border:2px dashed rgb(86,173,79);background-color:#f2f2f2;opacity:.8}.form-body .factory-images-box .image-upload-matrix .factory-image-upload-box{display:flex;align-items:center;justify-content:center;height:15rem;border-radius:10px;background-color:#fff;border:2px dashed #d9d9d9;cursor:pointer;transition:.3s ease}.form-body .factory-images-box .image-upload-matrix .factory-image-upload-box:hover{border:2px dashed rgb(86,173,79);background-color:#f2f2f2;opacity:.8}.form-body .factory-images-box .image-upload-matrix .factory-image-upload-box .icon{font-size:7rem;color:#56ad4f}@media screen and (max-width: 1200px){.form-body .factory-images-box .image-upload-matrix{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 800px){.form-body .factory-images-box .image-upload-matrix{grid-template-columns:repeat(1,1fr)}}.upload-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.upload-container{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 8px #0003;position:relative;width:40rem;text-align:center;border:2px dashed #cccccc}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.drag-drop-area{margin-top:20px;color:#777;font-size:18px}.browse-button{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;font-size:16px;margin-top:10px;text-decoration:none}.browse-button input[type=file]{display:none}.upload-submit-button{margin-top:20px;padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.upload-submit-button:disabled{background-color:#ccc;cursor:not-allowed}.preview-container{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:20px}.preview-container img{width:80%;height:auto}.space-holder{height:5rem}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center;overflow:hidden}.no-scroll{overflow:hidden}.loader{width:50px;height:50px;border:5px solid white;border-top:5px solid black;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}.header{display:flex;align-items:flex-end;justify-content:space-between;font-family:Inter,sans-serif;padding-left:1.5rem;padding-right:1.5rem}.logo img{width:250px;height:50px;margin-top:10px}.header_content{display:flex;align-items:center;gap:2.5rem;font-size:1rem;position:relative}.header_content p{position:relative;cursor:pointer}.header_content p:after{content:"";display:block;width:0;height:2px;background:#1c4d78;color:#1c4d78;position:absolute;bottom:-5px;left:0;transition:width .3s ease}.header_content p.active{color:#1c4d78}.header_content p.active:after{width:100%}.logout-btn{background-color:#1c4d78;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;transition:.3s ease}#root{width:100%;height:100%}