body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0;width:100%}.App{display:flex;flex-direction:row;height:100vh;padding:0}.content{overflow:auto}.content,.side-pannel{height:100%;width:100%}.side-pannel{align-items:center;background-color:#da6220;box-sizing:border-box;display:flex;flex-basis:0;flex-direction:column;gap:32px;padding:24px 32px}.side-pannel>img{cursor:pointer;height:160px;width:160px}.side-pannel>div{align-items:flex-end;display:flex;flex-direction:column;gap:32px;width:100%}.side-pannel>div>a{color:#fff;cursor:pointer;font-size:24px;text-decoration:none}.active,.side-pannel>div>a:hover{font-weight:700}.categories{box-sizing:border-box;display:flex;flex-direction:column;gap:32px;height:100%;padding:40px 80px;width:100%}.categories>h2{color:#da6220;font-family:Yantramarav,sans-serif;font-size:32px;font-weight:300;margin:0}.categories>input{background-color:#f2f2f2;border:none;border-radius:10px;box-sizing:border-box;font-size:16px;font-weight:300;height:36px;padding:0 16px;width:100%}.categories>.main-pannel{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:80px;height:100%;justify-content:flex-start;margin-top:32px;width:100%}.categories>.main-pannel>.add-category-button{align-items:center;background-color:initial;border:2px dashed #da6220;color:#da6220;cursor:pointer;display:flex;flex-direction:column;height:304px;justify-content:space-between;padding:56px 0;width:260px}.categories>.main-pannel>.add-category-button>p{font-size:16px;font-weight:700;margin:0}.categories>.main-pannel>.add-category-button>span{font-size:120px;font-weight:100;margin:0}.category-card{cursor:pointer;height:304px;width:260px}.category-card>img{-webkit-filter:brightness(.5);filter:brightness(.5);height:100%;width:100%}.category-card>p{background-color:#da6220;color:#fff;font-size:16px;font-weight:400;left:0;line-height:32px;margin:0;position:relative;text-align:center;top:-80px}.categories>.main-pannel>.add-category-button:hover,.category-card:hover{box-shadow:2px 2px 25px rgba(0,0,0,.25);transition:.2s ease-in-out}.categories>.main-pannel>.add-category-button:hover{border:2px solid #da6220}.category-form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around}input[type=number],input[type=text],select{border:1px solid #000;border-radius:5px;box-sizing:border-box;font-size:24px;font-weight:100;height:60px;padding:8px;width:100%}.photo-preview>img{cursor:pointer;height:220px}.products{box-sizing:border-box;display:flex;flex-direction:column;gap:32px;height:100%;padding:40px 80px;width:100%}.products>h2{color:#da6220;font-family:Yantramarav,sans-serif;font-size:32px;font-weight:300;margin:0}.products>input{background-color:#f2f2f2;border:none;border-radius:10px;box-sizing:border-box;font-size:16px;font-weight:300;height:36px;padding:0 16px;width:100%}.products>.main-pannel{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:80px;height:100%;justify-content:flex-start;margin-top:32px;width:100%}.products>.main-pannel>.add-product-button{align-items:center;background-color:initial;border:2px dashed #da6220;color:#da6220;cursor:pointer;display:flex;flex-direction:column;height:304px;justify-content:space-between;padding:56px 0;width:260px}.products>.main-pannel>.add-product-button>p{font-size:16px;font-weight:700;margin:0}.products>.main-pannel>.add-product-button>span{font-size:120px;font-weight:100;margin:0}.product-card{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:304px;justify-content:space-between;object-fit:contain;padding:24px;width:260px}.product-card>img{height:160px;object-fit:contain;width:100%}.product-card>p,.product-card>span{font-size:16px;font-weight:400;left:0;line-height:32px;margin:0;position:relative;text-align:center}.product-card>span{color:#da6220;font-weight:700}.product-card:hover,.products>.main-pannel>.add-product-button:hover{box-shadow:2px 2px 25px rgba(0,0,0,.25);transition:.2s ease-in-out}.products>.main-pannel>.add-product-button:hover{border:2px solid #da6220}.modal-content{overflow-y:auto}.product-modal>.modal-content{height:95vh;width:95vw}.product-form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around}.sides-container{flex-direction:row;gap:80px;height:100%;justify-content:space-between;padding:40px 60px}.side,.sides-container{display:flex;width:100%}.side{flex-direction:column;gap:20px}button[type=submit]{margin-bottom:40px;min-height:60px}label{color:#0e5a86;font-size:24px;font-weight:100;margin-bottom:8px}input[type=color],input[type=text],select{border:1px solid #000;border-radius:5px;box-sizing:border-box;font-size:24px;font-weight:100;height:60px;padding:8px;width:100%}input[type=color]{padding:0}textarea{border:1px solid #000;border-radius:5px;box-sizing:border-box;font-size:24px;font-weight:100;height:200px;max-width:100%;padding:8px;width:100%}.photos-wrapper{display:flex;flex-direction:row;gap:120px;width:100%}.photo-wrapper{display:flex;flex-direction:column;height:100%;justify-content:space-between}.upload-photo-button{align-items:center;background-color:initial;color:#000;cursor:pointer;display:flex;flex-direction:column;font-size:80px;font-weight:100;justify-content:center;margin:0;padding:0}.main-upload-photo,.variant-main-upload-photo{object-fit:contain;width:160px}.main-upload-photo>img,.variant-main-upload-photo>img{border-radius:5px;height:100%;margin:0;padding:0;width:100%}.secondary-upload-photo{height:100px;width:100px}.secondary-photos-conatainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}.product_secondary_photos>div>label>img,.secondary-photos-conatainer>div>label>img{border-radius:5px;height:100px;object-fit:contain;width:100px}.secondary-upload-photos{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}.delete-button{background-color:red;font-size:24px;position:absolute;right:150px;top:32px}.delete-button,.variant-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:100}.variant-button{background-color:#da6220;font-size:16px;justify-self:flex-end;margin-bottom:40px;min-height:60px;padding:8px}#variant_color>option:hover{background-color:#da6220;color:#fff}.variant-input-row{display:flex;flex-direction:row;gap:40px;justify-content:space-between;width:100%}.variant-input-row>.photos-wrapper>.photo-wrapper>label>img{gap:24px;height:60px;object-fit:contain}.variant-modal>.modal-content>form>.variant-input-container{display:flex;flex-direction:column;gap:40px;justify-content:flex-start}.variant-modal>.modal-content>form{gap:40px;justify-content:flex-start;margin-top:40px}.add-color-variant-button,.remove-variant-input-row{background-color:initial;border:none;color:#da6220;cursor:pointer;font-weight:700;outline:none}.add-color-variant-button:hover,.remove-variant-input-row:hover{color:#f2a154;transition:.1s ease-in-out}.remove-variant-input-row{font-size:24px}.button-wrapper{align-items:center!important;flex-direction:row!important;justify-content:space-around!important}.suppliers{box-sizing:border-box;display:flex;flex-direction:column;gap:32px;height:100%;padding:40px 80px;width:100%}.suppliers>h2{color:#da6220;font-family:Yantramarav,sans-serif;font-size:32px;font-weight:300;margin:0}.suppliers>input{background-color:#f2f2f2;border:none;border-radius:10px;box-sizing:border-box;font-size:16px;font-weight:300;height:36px;padding:0 16px;width:100%}.suppliers>.main-pannel{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:80px;height:100%;justify-content:flex-start;margin-top:32px;width:100%}.suppliers>.main-pannel>.add-supplier-button{align-items:center;background-color:initial;border:2px dashed #da6220;color:#da6220;cursor:pointer;display:flex;flex-direction:column;height:304px;justify-content:space-between;padding:56px 0;width:260px}.suppliers>.main-pannel>.add-supplier-button>p{font-size:16px;font-weight:700;margin:0}.suppliers>.main-pannel>.add-supplier-button>span{font-size:120px;font-weight:100;margin:0}.supplier-card{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:304px;justify-content:space-between;padding:80px 0;width:260px}.supplier-card>img{width:220px}.supplier-card>p{font-size:16px;font-weight:400;left:0;line-height:32px;margin:0;position:relative;text-align:center}.supplier-card:hover,.suppliers>.main-pannel>.add-supplier-button:hover{box-shadow:2px 2px 25px rgba(0,0,0,.25);transition:.2s ease-in-out}.suppliers>.main-pannel>.add-supplier-button:hover{border:2px solid #da6220}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:56px;box-sizing:border-box;height:80vh;padding:56px;position:relative;width:80vw}.close-modal-button{background-color:initial;border:none;color:#da6220;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:80px;font-weight:100;height:100px;padding:0;position:absolute;right:0;top:0;width:100px}.close-modal-button:hover{color:#f2a154;transition:.1s ease-in-out}.modal-content>h3{color:#da6220;font-size:32px;font-weight:100;margin:0}.supplier-form{align-items:center;height:100%;justify-content:space-around}.input-wrapper,.supplier-form{display:flex;flex-direction:column}.input-wrapper{align-items:flex-start;justify-content:flex-start;width:100%}button[type=submit]{background-color:#da6220;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:24px;font-weight:100;height:60px;justify-self:flex-end;transition:.1s ease-in-out;width:224px}.input-wrapper label{color:#0e5a86;font-size:24px;font-weight:100;margin-bottom:8px}input[type=text],select{border:1px solid #000;border-radius:5px;box-sizing:border-box;font-size:24px;font-weight:100;height:60px;padding:8px;width:100%}.photo-input-wrapper{display:flex;flex-direction:row;gap:32px;width:100%}.photo-preview>img{height:auto;width:220px}
/*# sourceMappingURL=main.d752e7fb.css.map*/