@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Architects+Daughter&family=Handlee&family=Open+Sans:wght@300;400;500;700&family=Pacifico&display=swap";:root{--font-open: "Open Sans", sans-serif;--font-mons: "Montserrat", sans-serif;--font-arch: "Architects Daughter", cursive;--font-hand: "Handlee", cursive;--font-pacifico: "Pacifico", cursive;--color-black: #333;--color-white: #fff;--color-grey: #c0c6cd;--color-blue-dark: #043d54;--color-orange-dark: #a74718;--color-green-dark: #105e0e;--color-green-light: #96e694;--color-yellow-dark: #9d8d03;--color-yellow-light: #eee7ac}*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px}#root{min-height:100vh;display:flex;flex-direction:column}body{font-family:var(--font-open);color:var(--color-black);font-size:1.6rem}.container{max-width:140rem;margin:0 auto;height:100%}.display-none{display:none}.display-flex{display:flex!important}.bg-green-dark{background-color:var(--color-blue-dark)!important}.color-grey{color:var(--color-grey)}.color-orange-dark{color:var(--color-orange-dark)}.color-green-dark{color:var(--color-green-dark)}.color-yellow-dark{color:var(--color-yellow-dark)}.page-title{font-family:var(--font-mons);font-weight:500;color:var(--color-blue-dark);margin-left:1.5rem}.empty-data-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mons);color:#a1a1a1;font-size:2rem;font-weight:300;letter-spacing:1px}.sell-modal-text{font-size:1.5rem;color:#9b9b9b}.background-black{background-color:var(--color-black)}@media (max-width: 1660px){.page-title{margin-left:0}}.addProduct-container{padding:3rem;box-shadow:0 0 .5rem #0003;margin:3rem auto;max-width:80rem}.products-container{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(44rem,1fr));gap:3rem;padding:5rem 0}.product-utils{display:flex;justify-content:space-between;align-items:center;margin-top:3rem}.product-utils-btns>*{margin-left:2rem}@media (max-width: 1160px){.products-container{grid-template-columns:repeat(auto-fit,minmax(35rem,1fr))}}@media (max-width: 700px){.products-container{gap:1rem}}@media (max-width: 540px){.products-container{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}}.product-box{position:relative;display:grid;grid-template-columns:5fr 2fr;background-color:var(--color-white);box-shadow:0 0 .5rem #0003;margin-bottom:2rem;padding:2.5rem 1.5rem;border-radius:.5rem;overflow:hidden;gap:2rem}.product-checkbox{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#ffffffbc;z-index:1;display:none;justify-content:flex-end;align-items:flex-end}.product-checkbox input{width:3rem;height:3rem;cursor:pointer;margin:2rem}.product-content{display:flex}.product-icon{margin-right:1rem;font-size:2rem}.product-img{width:25rem;height:14rem;background-color:var(--color-grey);padding:1rem;display:flex;align-items:center;margin-bottom:1.5rem;border-radius:.5rem}.product-img img{width:100%;height:100%}.product-desc h2{margin-top:-.2rem;margin-bottom:1rem;font-size:2rem;font-family:var(--font-mons);color:var(--color-blue-dark)}.product-desc p{line-height:1.6;font-size:1.6rem;color:#4d4e56}.product-desc span{font-weight:700}.product-btns{display:flex;flex-direction:column;flex:1}.product-btns>*{margin-bottom:1rem}@media (max-width: 1140px){.product-box{grid-template-columns:1fr}}.salesHistory-container{padding:5rem 0}.salesHistory-data{background-color:var(--color-white);min-height:40rem;max-height:100rem;overflow-y:scroll;padding:1rem 1.5rem;position:relative}.salesHistory-data-box{display:grid;grid-template-columns:2fr repeat(5,1.5fr);gap:1rem;padding:2.5rem 0 2.5rem 2rem;box-shadow:0 .1rem .5rem #0000001a}.salesHistory-data-box h4{color:var(--color-blue-dark)}.salesHistory-data-box p span{font-weight:700}@media (max-width: 1110px){.salesHistory-data-box{grid-template-columns:repeat(5,1fr)}.salesHistory-data-box h4{grid-column:span 6}}@media (max-width: 768px){.salesHistory-data-box{grid-template-columns:repeat(2,1fr)}.salesHistory-data-box h4{grid-column:span 2}}.sellProduct-container{padding:3rem 0}.sellProduct-data{position:relative;background-color:var(--color-white);min-height:50vh;margin:5rem 0;padding:3rem 3rem 2rem}.sell-product-box{display:flex;justify-content:space-between;padding:1.5rem 2rem;border-radius:.5rem;margin-bottom:2rem;box-shadow:0 0 .5rem #0003;background-color:var(--color-white)}.sell-product-box-text h2{margin-bottom:1rem;font-family:var(--font-mons);font-size:1.8rem;color:var(--color-blue-dark)}.sell-product-box-text p{color:#636363;font-size:1.5rem;line-height:1.4}.sell-product-box-text p span{font-weight:700;margin-right:1rem}.sell-product-box-btn{width:10rem}@media (max-width: 660px){.sell-product-box{flex-direction:column}.sell-product-box-btn{margin-top:3rem;width:100%}}.dashboard-container{padding:3rem 0}.dashboard-title{display:flex;justify-content:space-between;align-items:center}.dashboard-title p{position:relative;font-family:var(--font-mons);font-size:1.8rem;font-weight:400;color:var(--color-blue-dark);background-color:var(--color-grey);padding:.5rem 1rem;border-radius:.3rem}.dashboard-title p:after{position:absolute;content:"*";top:0;right:.2rem;color:var(--color-orange-dark)}.new-content{margin-bottom:10rem}.new-content-title,.sales-content-title{font-size:2rem;margin-bottom:2rem;display:inline-block;padding:1rem 2rem;border-radius:.5rem;font-family:var(--font-mons);font-weight:500}.new-content-title{background-color:var(--color-yellow-light)}.sales-content-title{background-color:var(--color-green-light)}.user-box{display:flex;justify-content:space-between;box-shadow:0 0 .5rem #0003;padding:1rem 2rem;margin-bottom:1.5rem}.user-box-info h4{font-size:1.8rem;color:var(--color-blue-dark);font-family:var(--font-mons);margin-bottom:.5rem}.user-box-info h4 span{color:var(--color-yellow-dark)}.user-box-info p{font-family:var(--font-mons);letter-spacing:1px}.section-register{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.register-container{box-shadow:0 0 3rem 1rem #0003;border-radius:1rem;padding:5rem 10rem 10rem;background-color:var(--color-white)}.register-container h1{margin-bottom:5rem;text-align:center;font-weight:400;color:#606060;font-family:var(--font-arch)}.register-container h1 span{color:#ec886f;font-size:4rem}@media (max-width: 600px){.register-container{padding:5rem 3rem 3rem;margin:0 1.5rem}}
