*,body{box-sizing:border-box;font-family:inter;font-size:15px;margin:0;padding:0;transition:.5s linear}#root,body{background-color:#f9f9f9;min-height:100vh}input,select{background-color:#ededef;border:none;border-radius:5px;padding:10px 7px}input[type=checkbox]{accent-color:#504be9;padding:.3rem}p{font-size:110%}h1{font-family:Inter-bold;font-size:1.6rem}h3{color:#8f8f8f;font-size:1.2rem}h2.error{color:red}button{align-items:center;background:#504be9;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:5px;justify-content:center;padding:7px}button:disabled{background-color:#8f8f8f;color:#000}button.second{background-color:#fff;color:#000}button.third{background-color:#f8f8f8;color:#000}button.delete{background-color:#e94b4b}@font-face{font-family:inter;font-style:normal;font-weight:400;src:url(/static/media/Inter-Regular.9ca9ba81e9dcaa12b3a1.ttf)}@font-face{font-family:Inter-Bold;font-style:normal;font-weight:400;src:url(/static/media/Inter-Bold.0eaf807b1cf0eceabe0f.ttf)}main#LoginPage{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.2fr 2fr}main#LoginPage section#Login{align-items:center;display:flex;flex-direction:column;gap:10px;height:100vh;justify-content:center;max-width:600px;min-width:350px;padding:3vw}main#LoginPage section#Login section,main#LoginPage section#Login section form{display:flex;flex-direction:column;gap:10px;padding:0 10px 10px 1px;width:100%}main#LoginPage section#Login section form#header,main#LoginPage section#Login section#header{align-items:start}main#LoginPage section#Login section form#header img,main#LoginPage section#Login section#header img{max-width:80%;width:100px}main#LoginPage section#Login section form#options,main#LoginPage section#Login section#options{align-items:center}main#LoginPage #image{align-items:center;background-color:#f9fbfc;display:flex;justify-content:end;overflow:hidden;padding-left:20vw}main#LoginPage #image img{box-shadow:-3px 7px 17px rgba(29,29,29,.827);height:80vh;transform:translateX(calc(727px - 50vw))}#ForgotPassword .container,#resetPassword .container{padding:1rem}#ForgotPassword .container .buttons,#resetPassword .container .buttons{display:flex;justify-content:end;padding:.5rem}@media (max-width:600px){main#LoginPage #image img{transform:translateX(calc(727px - 45vw))}}@media (max-width:700px){main#LoginPage{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:0 15px}main#LoginPage section#Login{height:auto}main#LoginPage #image{display:none}}div.InputComponent{display:flex;flex-direction:column;gap:5px;margin:5px;min-width:90%}div.InputComponent input.error{border:1px solid #e94b4b;color:#f13838}div.InputComponent span#error{color:#f13838;margin-top:-5px}div.InputComponent #content{display:flex;flex-direction:column;min-width:90%;position:relative}div.InputComponent #content span{align-items:center;display:flex;height:100%;margin:auto;position:absolute;right:10px;width:25px}div.InputComponent #content span img{height:50%}div#ModalBackground{align-items:center;background-color:rgba(0,0,0,.506);display:flex;justify-content:center;left:0;min-height:100dvh;overflow:auto;position:fixed;top:0;width:100%;z-index:100}div#ModalBackground.clear{background-color:rgba(0,0,0,.145)}div#ModalBackground section#ModalComponent{background-color:#fff;border:1px solid #f5f5f5;border-radius:10px;max-height:95vh;min-width:60vw;overflow:auto;padding:10px;position:relative}div#ModalBackground section#ModalComponent span#close{cursor:pointer;position:absolute;right:15px;top:15px}@media (max-width:700px){div#ModalBackground section#ModalComponent{max-width:100vw;min-width:90vw}}div.separator{margin:5px auto;width:99%}div.separator div.line{border:1px solid #757575;border-radius:1px;height:1px;margin:3px 0;width:100%}div.separator span{color:#757575;font-size:.8rem}header#HeaderComponent{display:flex;flex-direction:column;padding-top:.7rem}header#HeaderComponent section#content{align-items:center;display:flex;justify-content:space-between;padding:.7rem}header#HeaderComponent input{background-color:beige;border:1px solid #d2d2d2}header#HeaderComponent h3{margin-bottom:-5px;margin-left:10px}section#SideBar{grid-gap:5px;background-color:#fff;display:grid;gap:5px;grid-template-rows:9fr 1fr .5fr;height:100dvh;top:0;width:200px;z-index:9}section#SideBar,section#SideBar section#options{position:-webkit-sticky;position:sticky}section#SideBar section.options{bottom:0;position:absolute}section#SideBar section#select-store{display:flex;flex-direction:column;gap:.5rem;margin:.5rem}section#SideBar section#select-store div.img-container{display:flex;justify-content:center;padding:.5rem;width:100%}section#SideBar section#select-store div.img-container img{max-height:5rem;max-width:6rem;width:100%}section#SideBar section#select-store div.select-store-options{grid-gap:.5rem;display:grid;flex-direction:column;gap:.5rem;grid-template-columns:1fr 1fr}@media (max-width:500px){section#SideBar section#select-store div.select-store-options{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center;width:100%}}section#SideBar section#select-store div.select-store-options div{align-items:center;display:flex;justify-content:center}section#SideBar section#select-store div#select-store-container{border-radius:.5rem;cursor:default;display:flex;flex-direction:column;padding:.5rem 5px}section#SideBar section#select-store div#select-store-container.admin{background-color:#f5f5f5;cursor:pointer}section#SideBar section#select-store div#select-store-container .titles h3{font-size:.9rem}section#SideBar section#select-store section.modal-select-store{align-items:start;display:flex;flex-direction:column;width:100%}section#SideBar section#select-store section.modal-select-store header{width:100%}section#SideBar section#select-store section.modal-select-store header h1{font-size:1.4rem}section#SideBar section#select-store section.modal-select-store div.stores-container{grid-gap:.3rem;align-items:center;display:grid;gap:.3rem;grid-template-columns:1fr 1fr;margin-top:1rem;width:100%}section#SideBar section#select-store section.modal-select-store div.stores-container div.store{align-items:center;background-color:#f6f6f6;border-radius:.3rem;cursor:pointer;display:flex;gap:.5rem;padding:.8rem}section#SideBar section#select-store section.modal-select-store div.stores-container div.store:hover{background-color:#dfdfdf}section#SideBar section#select-store section.modal-select-store div.stores-container div.store div.store-rank img{max-height:2.3rem;max-width:2.3rem}section#SideBar span#selector{align-items:center;background-color:#fff;border:1px solid #757575;border-radius:5px;display:none;justify-content:center;padding:.5rem;position:absolute;right:0;top:47px;transform:translateX(90%)}section#SideBar span#selector img{transform:rotate(180deg);width:1.7rem}section#SideBar span,section#SideBar span nav{display:flex;flex-direction:column}section#SideBar span nav{align-items:flex-start;gap:5px}section#SideBar span nav .NavButton{grid-gap:2px;border-radius:5px;cursor:pointer;display:grid;gap:2px;grid-template-columns:1fr 4fr;padding:7px;transition:none;width:90%}section#SideBar span nav .NavButton:hover{background-color:#f5f5f5}section#SideBar span nav .NavButton div{align-items:center;display:flex}section#SideBar span nav .NavButton div.icon{justify-content:center}.meta{padding:0 5px}.meta,.meta .meta-info{align-items:center;display:flex;flex-direction:column}.meta .meta-info{font-size:13px;gap:5px;justify-content:space-between;width:100%}.meta .meta-info .meta-info-ranking{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.meta .meta-info .meta-info-ranking>img{max-height:2.3rem;max-width:2.3rem;padding-right:3px}.meta .meta-progressbar-container{display:flex;height:22px;justify-content:center;padding-top:10px;width:100%}.meta .meta-progressbar-container .meta-progressbar{background-color:#efefef;border-radius:100px;height:100%;width:100%}.meta .meta-progressbar-container .meta-progressbar>span{background-color:#504be9;border-radius:100px;display:inline-block;height:100%;width:100%}main#MainPage{grid-gap:5px;background-color:#f5f5f5;display:grid;gap:5px;grid-template-columns:auto 5fr;min-height:100vh;padding-right:.5rem}@media (max-width:700px){main#MainPage{display:block;padding:5px}main#MainPage section#SideBar{position:fixed;transition:none;width:1px;z-index:100}main#MainPage section#SideBar.active{display:grid;max-width:80vw;min-width:300px}main#MainPage section#SideBar.active span#selector{display:flex;transform:translateX(40%) rotate(0deg)}main#MainPage section#SideBar.active section,main#MainPage section#SideBar.active span{display:flex}main#MainPage section#SideBar span#selector{display:flex;transform:translateX(90%) rotate(180deg)}main#MainPage section#SideBar section,main#MainPage section#SideBar span{display:none}}main#SalesPage{grid-gap:10px;display:grid;gap:10px;grid-template-rows:auto auto 4fr .1fr}main#SalesPage section{padding:10px}main#SalesPage section#products{background-color:#fff;border-radius:.5rem;min-height:62vh}main#SalesPage section#products #header{grid-gap:3px;background-color:#f5f5f5;border-radius:5px;display:grid;gap:3px;grid-template-columns:.2fr .7fr 2fr 1fr 1fr .9fr 1fr 1fr minmax(110px,1.5fr);padding:5px}main#SalesPage section#products #header div{display:flex;font-size:.8rem;gap:10px;justify-content:center}main#SalesPage section#products #header div#product,main#SalesPage section#products #header div:first-child{justify-content:start}main#SalesPage section#products #Container{display:flex;flex-direction:column;gap:3px}main#SalesPage section#products #Container .sale{grid-gap:3px;border-bottom:1px solid #ebebeb;border-radius:5px;display:grid;gap:3px;grid-template-columns:.2fr .7fr 2fr 1fr 1fr .9fr 1fr 1fr 1.5fr;padding:5px}main#SalesPage section#products #Container .sale div{align-items:center;display:flex;justify-content:center}main#SalesPage section#products #Container .sale div.select.factory input{background-color:red}main#SalesPage section#products #Container .sale div.product-name{justify-content:start;text-align:center}main#SalesPage section#products #Container .sale div.store-name{text-align:center}@media (max-width:700px){main#SalesPage section#products #Container .sale div.img{display:none}}main#SalesPage section#products #Container .sale div.img img{max-height:50px;max-width:50px}@media (max-width:700px){main#SalesPage section#products #Container .sale div>input{display:none}}main#SalesPage section#products #Container .sale div.invoicing.value-negative{color:#d12953}main#SalesPage section#products #Container .sale div.invoicing-mobile{display:none}main#SalesPage section#products #Container .sale div.invoicing-mobile.value-negative{color:#d12953}main#SalesPage section#products #Container .sale div .status-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right .5rem top 50%;background-repeat:no-repeat;background-size:.6rem auto;text-align:center;width:110px}main#SalesPage section#products #Container .sale div .status-select:disabled{background:none;opacity:1;text-align:center}main#SalesPage section#products #Container .sale div .status-p{border-radius:.5rem;padding:3px 0;text-align:center;width:100px}main#SalesPage section#products #Container .sale div .status-select.pending{background-color:rgba(75,44,163,.161);color:#391f84;text-align:left}main#SalesPage section#products #Container .sale div .status-select.pending:disabled{text-align:center}main#SalesPage section#products #Container .sale div .status-p.pending{background-color:rgba(75,44,163,.161);color:#391f84}main#SalesPage section#products #Container .sale div .status-p.paid,main#SalesPage section#products #Container .sale div .status-select.paid{background-color:#24ff002e;color:#14804a}main#SalesPage section#products #Container .sale div .status-p.returned,main#SalesPage section#products #Container .sale div .status-select.returned{background-color:#ddd40033;color:#ef9e00}main#SalesPage section#products #Container .sale div .status-p.defect,main#SalesPage section#products #Container .sale div .status-select.defect{background-color:#ff27272e;color:#d12953}#CreateSale{gap:15px;height:100%;padding:10px}#CreateSale,#CreateSale header{display:flex;flex-direction:column}#CreateSale header{gap:4px;padding:10px 0}#CreateSale header h1{font-size:1.3rem}#CreateSale header h3{font-size:1rem}#CreateSale form{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"store store" "model data" "manufacturing quantity" "acquisition lucrofabrica" "price lucroloja" "buttons buttons"}#CreateSale form div#manufacturing{display:grid;grid-area:manufacturing;grid-template-columns:1fr}#CreateSale form div#manufacturing.comission{grid-template-columns:1fr 1fr}@media (max-width:700px){#CreateSale form div#manufacturing.comission{grid-template-columns:1fr}}#CreateSale form div#manufacturing div{display:flex;flex-direction:column}@media (max-width:700px){#CreateSale form div#manufacturing{grid-template-columns:1fr}}#CreateSale form div#store{grid-area:store}#CreateSale form div#store select{width:100%}#CreateSale form div#isshopee{display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:.5rem;width:10rem}#CreateSale form div#lucroloja{grid-area:lucroloja}#CreateSale form div#lucroloja input{border-color:#058900}#CreateSale form div#lucroloja.prejudice input{border-color:#d12929}#CreateSale form div#lucrofabrica{grid-area:lucrofabrica}#CreateSale form div#lucrofabrica.prejudice input{border-color:#d12929}#CreateSale form div#quantity{grid-area:quantity}#CreateSale form div#model{display:flex;flex-direction:column;gap:5px;grid-area:model;justify-content:center}#CreateSale form div#acquisition{display:grid;grid-area:acquisition;grid-template-columns:1fr}#CreateSale form div#acquisition.comission{grid-template-columns:1fr 1fr}#CreateSale form div#price{display:flex;grid-area:price}@media (max-width:700px){#CreateSale form div#price{display:grid}}#CreateSale form #data{grid-area:data}#CreateSale form #buttons{display:flex;gap:10px;grid-area:buttons;justify-content:end;padding:5px}#DeleteSales{display:flex;flex-direction:column;gap:15px;padding:10px}#DeleteSales header{padding:10px 0}#DeleteSales header h1{font-size:1.3rem}#DeleteSales .content{display:flex;flex-direction:column;gap:10px;justify-content:center}#DeleteSales .content p{text-align:left;width:70%}#DeleteSales .content form #buttons{display:flex;gap:10px;justify-content:end;padding:5px}#DeleteSales .content form #buttons :disabled{cursor:default;opacity:.85}@media (max-width:700px){#CreateSale form{grid-template-areas:"store" "model" "quantity" "manufacturing" "acquisition" "lucrofabrica" " price" "isshopee" " lucroloja" " data" " buttons"}main#SalesPage section#products #header{gap:1px;grid-template-columns:1.5fr 1fr .8fr 1fr minmax(90px,1fr)}main#SalesPage section#products #header div.date,main#SalesPage section#products #header div.img,main#SalesPage section#products #header div.price,main#SalesPage section#products #header div.select{display:none}main#SalesPage section#products #header div.store-name{justify-content:start}main#SalesPage section#products #Container .sale{gap:1px;grid-template-columns:1.5fr 1fr .8fr 1fr minmax(90px,1fr)}main#SalesPage section#products #Container .sale div.store-name{justify-content:start}main#SalesPage section#products #Container .sale div.invoicing-mobile{display:inherit}main#SalesPage section#products #Container .sale div.invoicing{display:none}main#SalesPage section#products #Container .sale select{scale:.8}main#SalesPage section#products #Container .sale div.date,main#SalesPage section#products #Container .sale div.price,main#SalesPage section#products #Container .sale div.select{display:none}}#pagination{display:flex;gap:5px;justify-content:end;padding:10px}#pagination div{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:5px;width:2rem}#pagination div.active{background-color:#504be9}#pagination div.reverse{transform:rotate(180deg)}section#FilterComponent{background-color:#fff;border-radius:.5rem;box-shadow:6px 6px 5px #ebebeb,-6px -6px 7px #fff;display:flex;gap:1.5rem;justify-content:space-between;padding:1rem}section#FilterComponent div.containers:first-child{justify-content:flex-start}section#FilterComponent div.buttons,section#FilterComponent div.containers{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;width:100%}@media (max-width:700px){section#FilterComponent div.buttons,section#FilterComponent div.containers{flex-wrap:wrap}}section#FilterComponent div.buttons div.viewTipe,section#FilterComponent div.containers div.viewTipe{align-items:center;border:1px solid #dadada;border-radius:.5rem;display:flex}section#FilterComponent div.buttons div.viewTipe div,section#FilterComponent div.containers div.viewTipe div{align-items:center;display:flex;justify-content:center;padding:.3rem}section#FilterComponent div.buttons div.viewTipe div.selected,section#FilterComponent div.containers div.viewTipe div.selected{background-color:#dadada}section#FilterComponent div.buttons div.viewTipe div img,section#FilterComponent div.containers div.viewTipe div img{height:1.5rem;width:2rem}section#FilterComponent div.buttons div.viewTipe div#list img,section#FilterComponent div.containers div.viewTipe div#list img{width:2.5rem}section#FilterComponent div.buttons img,section#FilterComponent div.containers img{height:17px;width:17px}section#FilterComponent div.buttons div.day-by-day-filter,section#FilterComponent div.containers div.day-by-day-filter{align-items:center;display:flex;flex-wrap:wrap;gap:5px}section#FilterComponent div.buttons div.day-by-day-filter input,section#FilterComponent div.containers div.day-by-day-filter input{width:130px}main#DashBoardPage main#container,main#DashBoardPage main#container.adm{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"invoicing products" "graphic graphic"}main#DashBoardPage main#container.adm,main#DashBoardPage main#container.adm.adm{grid-template-areas:"invoicing products stores" "graphic graphic graphic"}@media (max-width:1100px){main#DashBoardPage main#container.adm,main#DashBoardPage main#container.adm.adm{grid-template-areas:"invoicing products " "stores  graphic"}}@media (max-width:800px){main#DashBoardPage main#container.adm,main#DashBoardPage main#container.adm.adm{grid-template-areas:"invoicing" " products" "stores" " graphic"}}main#DashBoardPage main#container section,main#DashBoardPage main#container.adm section{background-color:#fff;border-radius:.5rem;min-height:15rem;padding:.5rem}main#DashBoardPage main#container section#invoncing,main#DashBoardPage main#container.adm section#invoncing{grid-area:invoicing;padding:1rem 1rem 0;position:relative}main#DashBoardPage main#container section#invoncing .invoicing-graph-container,main#DashBoardPage main#container.adm section#invoncing .invoicing-graph-container{align-items:center;bottom:0;display:flex;gap:5px;height:180px;overflow:hidden;position:absolute;right:0;width:180px}main#DashBoardPage main#container section#invoncing .invoicing-graph-container .invoicing-graph,main#DashBoardPage main#container.adm section#invoncing .invoicing-graph-container .invoicing-graph{background:linear-gradient(180deg,#504be999 21%,#fff0);border-radius:6px 6px 0 0;height:100%;width:30px}main#DashBoardPage main#container section#invoncing .invoicing-graph-container .invoicing-graph.invoicing-graph-1,main#DashBoardPage main#container.adm section#invoncing .invoicing-graph-container .invoicing-graph.invoicing-graph-1{margin-bottom:-150px}main#DashBoardPage main#container section#invoncing .invoicing-graph-container .invoicing-graph.invoicing-graph-2,main#DashBoardPage main#container.adm section#invoncing .invoicing-graph-container .invoicing-graph.invoicing-graph-2{margin-bottom:-100px}main#DashBoardPage main#container section#invoncing .invoicing-graph-container .invoicing-graph.invoicing-graph-3,main#DashBoardPage main#container.adm section#invoncing .invoicing-graph-container .invoicing-graph.invoicing-graph-3{margin-bottom:-50px}main#DashBoardPage main#container section#invoncing .invoicing-graph-container .invoicing-graph.invoicing-graph-4,main#DashBoardPage main#container.adm section#invoncing .invoicing-graph-container .invoicing-graph.invoicing-graph-4{margin-bottom:0}main#DashBoardPage main#container section#invoncing .invoicing-graph-container .invoicing-graph.invoicing-graph-5,main#DashBoardPage main#container.adm section#invoncing .invoicing-graph-container .invoicing-graph.invoicing-graph-5{margin-bottom:-60px}@media (max-width:700px){main#DashBoardPage main#container section#invoncing,main#DashBoardPage main#container.adm section#invoncing{display:flex;justify-content:space-around}main#DashBoardPage main#container section#invoncing .invoicing-graph-container,main#DashBoardPage main#container.adm section#invoncing .invoicing-graph-container{position:relative}}main#DashBoardPage main#container section#products,main#DashBoardPage main#container section#stores,main#DashBoardPage main#container.adm section#products,main#DashBoardPage main#container.adm section#stores{display:flex;flex-direction:column;grid-area:products}main#DashBoardPage main#container section#products section#container,main#DashBoardPage main#container section#stores section#container,main#DashBoardPage main#container.adm section#products section#container,main#DashBoardPage main#container.adm section#stores section#container{display:flex;flex-direction:column;justify-content:space-between}main#DashBoardPage main#container section#products section#container div.product,main#DashBoardPage main#container section#products section#container div.store,main#DashBoardPage main#container section#stores section#container div.product,main#DashBoardPage main#container section#stores section#container div.store,main#DashBoardPage main#container.adm section#products section#container div.product,main#DashBoardPage main#container.adm section#products section#container div.store,main#DashBoardPage main#container.adm section#stores section#container div.product,main#DashBoardPage main#container.adm section#stores section#container div.store{align-items:center;display:grid;font-size:10px;grid-template-columns:1fr 2fr .7fr;justify-content:space-around}main#DashBoardPage main#container section#products section#container div.product img,main#DashBoardPage main#container section#products section#container div.store img,main#DashBoardPage main#container section#stores section#container div.product img,main#DashBoardPage main#container section#stores section#container div.store img,main#DashBoardPage main#container.adm section#products section#container div.product img,main#DashBoardPage main#container.adm section#products section#container div.store img,main#DashBoardPage main#container.adm section#stores section#container div.product img,main#DashBoardPage main#container.adm section#stores section#container div.store img{max-height:4rem;max-width:4rem}main#DashBoardPage main#container section#stores,main#DashBoardPage main#container.adm section#stores{grid-area:stores}main#DashBoardPage main#container section#graphic,main#DashBoardPage main#container.adm section#graphic{display:flex;flex-direction:column;grid-area:graphic;margin:.5rem 0}main#DashBoardPage main#container section#graphic div#filters,main#DashBoardPage main#container.adm section#graphic div#filters{align-items:center;display:flex;gap:.5rem;padding:.5rem 0}@media (max-width:700px){main#DashBoardPage main#container{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"invoicing" " products" "stores" " graphic"}main#DashBoardPage main#container section{background-color:#fff;border-radius:.5rem}main#DashBoardPage main#container section#invoncing{align-items:center;display:flex;justify-content:center;min-height:10rem}main#DashBoardPage main#container section#invoncing .invoicing-info div h1{text-align:center}main#DashBoardPage main#container section#invoncing .invoicing-graph-container{display:none}}main#Classification{display:flex;flex-direction:column;gap:5px;grid-template-rows:.5fr .5fr 7fr .5fr;min-height:99vh;padding:0 5px}main#Classification footer,main#Classification main,main#Classification section#Filters{padding:5px}main#Classification section#Filters{align-items:center;display:flex;justify-content:space-between}main#Classification section#Filters div{align-items:center;display:flex;gap:5px}main#Classification section#Filters div div#dateFilters{align-items:center;display:flex;gap:5px;justify-content:space-between;width:13.5rem}main#Classification main{background-color:#fff;border-radius:.5rem;display:grid;grid-template-rows:auto 1fr;min-height:65vh;padding:10px}main#Classification main section#StoresList div.stores-classification-header{background-color:#f5f5f5;border-radius:.5rem;padding:.5rem}main#Classification main section#StoresList div.store-classification,main#Classification main section#StoresList div.stores-classification-header{grid-gap:.5rem;align-items:center;border-bottom:1px solid #ccd5e1;display:grid;gap:.5rem;grid-template-columns:.5fr 1fr 1fr .8fr}main#Classification main section#StoresList div.store-classification div,main#Classification main section#StoresList div.stores-classification-header div{align-items:center;display:flex;gap:.5rem;justify-content:center}main#Classification main section#StoresList div.store-classification div.store-name,main#Classification main section#StoresList div.stores-classification-header div.store-name{justify-content:start}main#Classification main section#StoresList div.store-classification div.landing,main#Classification main section#StoresList div.stores-classification-header div.landing{justify-content:flex-start}main#Classification main section#StoresList div.store-classification img,main#Classification main section#StoresList div.stores-classification-header img{max-width:3rem}@media (max-width:700px){main#Classification main section#StoresList div.store-classification img,main#Classification main section#StoresList div.stores-classification-header img{max-width:2.2rem}}main#Classification main section#StoresList div.store-classification{cursor:pointer}main#Classification main section#StoresList div.store-classification:hover{background-color:#fff;filter:brightness(.95)}main#Classification main section#StoresList div#container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}main#Classification main section#StoresList div#container.grid{display:grid;grid-template-columns:repeat(3,1fr)}main#Classification footer{background-color:#fff;border-radius:.5rem}section#CreateStore{grid-gap:10px;display:grid;gap:10px;grid-template-rows:1fr 4fr;padding:10px}section#CreateStore main form{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"name groupId" "phone email" "storeName storeName" "buttons buttons"}section#CreateStore main form div#groupId{display:flex;flex-direction:column;grid-area:groupId;justify-content:space-evenly}section#CreateStore main form div#name{grid-area:name}section#CreateStore main form div#storeName{grid-area:storeName}section#CreateStore main form div#buttons{align-items:center;display:flex;gap:15px;grid-area:buttons;justify-content:flex-end}@media (max-width:700px){section#CreateStore{grid-gap:10px;display:grid;gap:10px;grid-template-rows:1fr 4fr;padding:10px}section#CreateStore main form{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"name" "groupId" "phone" " email" "storeName" " buttons"}section#CreateStore main form div#name{grid-area:name}section#CreateStore main form div#buttons{align-items:center;display:flex;gap:15px;grid-area:buttons;justify-content:flex-end}}#detailsStore .container{margin-top:1rem;padding:0 1rem}#detailsStore .container .row{display:grid;grid-template-columns:1fr 1fr;margin-bottom:2rem}#detailsStore .container .row .info .detailsStore-ranking{align-items:center;display:flex;gap:5px;margin-top:.5rem}#detailsStore .container .row .info .detailsStore-ranking p{margin:0}#detailsStore .container .row .info .detailsStore-ranking img{width:30px}#detailsStore .container .row .info .detailsStore-phone{align-items:center;display:flex;gap:10px;margin-top:.5rem}#detailsStore .container .row .info .detailsStore-phone p{margin:0}#detailsStore .container .row .info .detailsStore-phone img{width:25px}#detailsStore .container .row .info .error,#detailsStore .container .row .info .success{margin-left:.5rem;margin-top:.5rem}#detailsStore .container .row .info .error{color:#c20c0c}#detailsStore .container .row .info .success{color:#2ca706}#detailsStore .container .row .info div{font-weight:700}#detailsStore .container .row .info p{color:#504be9;font-weight:700;margin-top:.5rem}#detailsStore .container .row .info button{border-radius:100px;box-shadow:1px 1px 1px #000;margin-top:1rem;padding:.5rem 3rem}@media (max-width:700px){#detailsStore .container .row{gap:2rem;grid-template-columns:1fr}#detailsStore .container .row .info button{margin:0 auto}}#editStore div#container{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}#editStore div#container div.group{display:flex;flex-direction:column;padding:.5rem}#editStore .buttons{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;padding:.5rem}#editStore .buttons .error{color:#c20c0c}div#drop-zone{align-items:center;border:3px dashed #ddd;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;height:12rem;justify-content:center;max-width:20rem;padding:5px;text-align:center;width:100%}div#drop-zone h3{font-size:1.4rem}div#drop-zone p{font-size:.9rem}div#drop-zone img{max-height:98%;max-width:98%}div#drop-zone.active,div#drop-zone:hover{background-color:#ddd;border-color:#aaa}div#drop-zone input{display:none}div#drop-zone.error{border-color:#e94b4b}div#drop-zone.error h3{color:#e94b4b}section#calendarComponent{border-radius:.5rem;margin:.5rem;padding:.3rem;perspective:1;-webkit-user-select:none;user-select:none;width:20rem}section#calendarComponent section#header{border-bottom:1px solid #2323}section#calendarComponent section#header header{display:flex;justify-content:space-between}section#calendarComponent section#header header div{align-items:center;color:#95a3b7;display:flex;gap:.3rem}section#calendarComponent section#header header div.buttons{display:flex;gap:.3rem}section#calendarComponent section#header header div.buttons div{color:#000;padding:.3rem}section#calendarComponent section#header section#days{color:#95a3b7;display:grid;grid-template-columns:repeat(7,1fr)}section#calendarComponent section#header section#days div{display:flex;justify-content:center;padding:.3rem}section#calendarComponent section#month{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-rows:repeat(5,1fr)}section#calendarComponent section#month section.week{display:grid;grid-template-columns:repeat(7,1fr)}section#calendarComponent section#month section.week div.day{align-items:center;aspect-ratio:1/1;border-radius:50%;color:#95a3b7;cursor:pointer;display:flex;height:2rem;justify-content:center;margin:0 auto;padding:.1rem;transition-duration:.2s}section#calendarComponent section#month section.week div.day.currentMonth{color:#000}section#calendarComponent section#month section.week div.day.now{border:1px solid #95a3b7}section#calendarComponent section#month section.week div.day.selected{animation:none;background-color:#504be9;color:#fff}main#InvoicePage section#invoice-container{border-radius:.5rem;margin-top:.5rem}main#InvoicePage section#invoice-container section#invoice-header div{align-items:center;display:flex;justify-content:center}main#InvoicePage section#invoice-container section#invoice-header,main#InvoicePage section#invoice-container section#invoice-list section.invoice-item{background-color:#fff;border-radius:.5rem;display:grid;grid-template-columns:.2fr .3fr 1fr .7fr 1fr minmax(96px,1fr)}@media (max-width:750px){main#InvoicePage section#invoice-container section#invoice-header,main#InvoicePage section#invoice-container section#invoice-list section.invoice-item{grid-template-columns:1fr .6fr .6fr minmax(96px,1fr);padding:.5rem}main#InvoicePage section#invoice-container section#invoice-header .invoice-checkbox,main#InvoicePage section#invoice-container section#invoice-list section.invoice-item .invoice-checkbox{display:none}}@media (max-width:750px) and (max-width:750px){main#InvoicePage section#invoice-container section#invoice-header .invoice-img,main#InvoicePage section#invoice-container section#invoice-list section.invoice-item .invoice-img{display:none}}main#InvoicePage section#invoice-container section#invoice-header{padding:.9rem .5rem}main#InvoicePage section#invoice-container section#invoice-list{display:flex;flex-direction:column;gap:.5rem;min-height:58vh;padding:.5rem 0}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item{cursor:pointer;padding:.5rem}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div{align-items:center;display:flex;justify-content:center}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div.invoice-amount-mobile{display:none}@media (max-width:750px){main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div.invoice-status{scale:.8}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div.invoice-amount{display:none}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div.invoice-amount-mobile{display:flex}}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div.invoice-title{align-items:flex-start;flex-direction:column;gap:.2rem;justify-content:flex-start;overflow:hidden}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right .5rem top 50%;background-repeat:no-repeat;background-size:.6rem auto;text-align:center;width:110px}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-select:disabled{background:none;opacity:1;text-align:center}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-p{border-radius:.5rem;padding:3px 0;text-align:center;width:100px}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-select.pending{background-color:rgba(75,44,163,.161);color:#391f84;text-align:left}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-select.pending:disabled{text-align:center}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-p.pending{background-color:rgba(75,44,163,.161);color:#391f84}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-p.paid,main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-select.paid{background-color:#24ff002e;color:#14804a}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-p.returned,main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-select.returned{background-color:#ddd40033;color:#ef9e00}main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-p.defect,main#InvoicePage section#invoice-container section#invoice-list section.invoice-item div .status-select.defect{background-color:#ff27272e;color:#d12953}main#InvoicePage main#InvoiceDetails section#container{display:flex;flex-direction:column;padding:.5rem}main#InvoicePage main#InvoiceDetails section#container #sales-list div.sale-item,main#InvoicePage main#InvoiceDetails section#container #sales-list header,main#InvoicePage main#InvoiceDetails section#container footer{display:grid;grid-template-columns:.5fr 1fr .5fr 1fr 1fr}@media (max-width:700px){main#InvoicePage main#InvoiceDetails section#container #sales-list div.sale-item,main#InvoicePage main#InvoiceDetails section#container #sales-list header,main#InvoicePage main#InvoiceDetails section#container footer{grid-template-columns:1fr .7fr .5fr 1fr}main#InvoicePage main#InvoiceDetails section#container #sales-list div.sale-item .sale-img,main#InvoicePage main#InvoiceDetails section#container #sales-list header .sale-img,main#InvoicePage main#InvoiceDetails section#container footer .sale-img{display:none}}main#InvoicePage main#InvoiceDetails section#container #sales-list div.sale-item div,main#InvoicePage main#InvoiceDetails section#container #sales-list header div,main#InvoicePage main#InvoiceDetails section#container footer div{align-items:center;display:flex;justify-content:center;text-align:center}main#InvoicePage main#InvoiceDetails section#container #sales-list div.sale-item div.sale-name,main#InvoicePage main#InvoiceDetails section#container #sales-list header div.sale-name,main#InvoicePage main#InvoiceDetails section#container footer div.sale-name{justify-content:flex-start}main#InvoicePage main#InvoiceDetails section#container #sales-list{display:flex;flex-direction:column;gap:.5rem}main#InvoicePage main#InvoiceDetails section#container #sales-list header{padding:.5rem}main#InvoicePage main#InvoiceDetails section#container #sales-list div.sale-item{background-color:#fff;border-radius:.5rem;padding:.5rem}main#InvoicePage main#InvoiceDetails section#container #sales-list div.sale-item div.sale-name{justify-content:start}main#InvoicePage main#InvoiceDetails section#container #sales-list div.sale-item div.sale-img{justify-content:flex-start}main#InvoicePage main#InvoiceDetails section#container #sales-list div.sale-item div.sale-img img{max-height:3rem;max-width:3rem}main#InvoicePage main#InvoiceDetails section#payment{display:flex;gap:1rem;padding:.5rem}main#InvoicePage main#InvoiceDetails section#payment .qrcode svg{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:10rem;width:10rem}main#InvoicePage main#InvoiceDetails section#payment #infos{display:flex;flex-direction:column;justify-content:center}main#InvoicePage main#InvoiceDetails footer{display:flex;gap:.5rem;justify-content:flex-end;padding:.5rem}main#createInvoice main{display:flex;justify-content:space-between}main#createInvoice section#buttons{display:flex;gap:.5rem;justify-content:flex-end;padding:.5rem}main#createInvoice main#selectDate{display:flex}@media (max-width:700px){main#createInvoice main#selectDate{align-items:center;flex-direction:column}}main#createInvoice main#selectStores{display:flex;flex-direction:column}main#createInvoice main#selectStores header{display:flex}main#createInvoice main#selectStores header input{width:100%}main#createInvoice main#selectStores section#stores-container{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr;padding:1rem 0}main#createInvoice main#selectStores section#stores-container div.store{align-items:center;border:1px solid #000;border-radius:.5rem;display:flex;justify-content:center;padding:.5rem}main#createInvoice main#selectStores section#stores-container div.store.selected{background-color:#f9f9ff;border-color:#504be9;color:#504be9;transition:none}main#TermsPage{background-color:#f9f9f9;display:flex;flex-direction:column}main#TermsPage section.container{background-color:#fff;display:flex;flex-direction:column;gap:1rem;margin:1rem auto;max-width:700px;padding:1rem}main#TrainingPage section#training-videos{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr 1fr;padding-top:.5rem}@media (max-width:1000px){main#TrainingPage section#training-videos{grid-template-columns:1fr 1fr 1fr}}@media (max-width:850px){main#TrainingPage section#training-videos{grid-template-columns:1fr 1fr}}@media (max-width:700px){main#TrainingPage section#training-videos{grid-template-columns:1fr 1fr 1fr}}main#TrainingPage section#training-videos div.training-video{background-color:#fff;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}main#TrainingPage section#training-videos div.training-video section.video-header{display:flex;justify-content:center}main#TrainingPage section#training-videos div.training-video section.video-header img{aspect-ratio:16/10;border-radius:.3rem;max-height:100%;max-width:100%;object-fit:cover;width:100%}main#TrainingPage section#training-videos div.training-video section.video-info{padding:.5rem 0}main#TrainingPage section#training-videos section#video-player{padding:2rem 1rem 1rem}main#TrainingPage section#training-videos section#video-player iframe{aspect-ratio:16/9;border:none;height:auto;width:100%}main#TrainingPage section#training-videos section#video-player video{height:75vh;max-height:70%;max-width:90vw}main#TrainingPage section#upload-video{margin:1rem}main#TrainingPage section#upload-video div.buttons{align-items:center;display:flex;gap:.5rem;justify-content:end;padding:.5rem}main#TrainingPage section#progressBar{border:1px solid #8f8f8f;border-radius:1rem;height:2rem;margin-bottom:1rem;margin-top:.5rem}main#TrainingPage section#progressBar div#bar{background-color:#62620c;content:"";min-width:1rem}main#TrainingPage section#progressBar span#progress{align-items:center;background-color:#504be9;border-radius:1rem;color:#fff;display:flex;height:100%;justify-content:center;min-width:10%;text-align:center}main#TrainingPage section#createVideo form{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}main#TrainingPage section#createVideo form .videoPreview{align-items:center;display:flex;padding:1rem}main#TrainingPage section#createVideo form .videoPreview .invalidKey{align-items:center;display:flex;height:100%;justify-content:center}main#TrainingPage section#createVideo form .videoPreview iframe{aspect-ratio:16/9;border:none;margin:auto 0;width:100%}main#TrainingPage section#createVideo form div.container{align-items:center;display:flex;flex-direction:column;justify-content:space-between}@media (max-width:800px){main#TrainingPage section#createVideo form{grid-template-columns:1fr}}main#TrainingPage footer{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem}main#GroupPage section.container{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr);margin-top:5px}main#GroupPage section.container a{text-decoration:none}main#GroupPage section.container div.group{align-items:center;background-color:#504be9;border-radius:.5rem;box-shadow:6px 6px 7px #ebebeb,-6px -6px 7px #fff;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;padding:1rem;text-align:center}@media (max-width:700px){main#GroupPage section.container{grid-template-columns:repeat(3,1fr)}}#deleteProduct footer{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}#deleteProduct footer button{cursor:pointer}#editGroup #hasCommission{align-items:center;display:flex;gap:.5rem}#editGroup #inputs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;justify-content:center}#editGroup div#buttons{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;padding:.5rem}#groupdetails #clean{display:flex;justify-content:center;padding:1rem 1rem 2rem;width:100%}#groupdetails .groupMembers .container{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(6,1fr);padding:.5rem 0}#groupdetails .groupMembers .container div.member{align-items:center;background-color:#504be9;border-radius:.3rem;color:#fff;display:flex;justify-content:center;padding:.5rem;text-align:center}@media (max-width:700px){#groupdetails .groupMembers .container{grid-template-columns:repeat(3,1fr)}}#createGroup .form{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}@media (max-width:450px){#createGroup .form{grid-template-columns:1fr}}#createGroup #hasCommission{align-items:center;display:flex;gap:1rem}#createGroup section.buttons{display:flex;gap:.5rem;justify-content:flex-end;padding:1rem}.groupPermissions{display:flex;flex-direction:column;gap:5px;padding:5px}.groupPermissions .permissionLine{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr .5fr;max-width:500px}.groupPermissions .permissionLine div.buttons{display:flex;justify-content:space-evenly}.groupPermissions .permissionLine div.buttons button.second{border:1px solid #504be9}#groupCatalog section div.container{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);padding:.5rem}@media (max-width:900px){#groupCatalog section div.container{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){#groupCatalog section div.container{grid-template-columns:repeat(2,1fr)}}#groupCatalog section div.container div.product{border-radius:.5rem;box-shadow:6px 6px 5px #ebebeb,-6px -6px 7px #fff;display:flex;gap:.3rem;grid-template-columns:.2fr .2fr;padding:.2rem .3rem}#groupCatalog section div.container div.product .product-img{align-items:center;display:flex}#groupCatalog section div.container div.product .product-img img{max-width:5rem;width:100%}#groupCatalog section div.container div.product .product-info{display:flex;flex-direction:column;justify-content:center}#addProduct div.clear,#groupCatalog section div.clear{align-items:center;display:flex;justify-content:center;min-height:5rem;min-width:100%}#addProduct footer{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}#addProduct section div.value{display:grid;grid-template-columns:1fr 1fr}@media (max-width:700px){#addProduct section div.value{grid-template-columns:1fr}}#addProduct section.products{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);padding:.5rem}@media (max-width:900px){#addProduct section.products{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){#addProduct section.products{grid-template-columns:repeat(2,1fr)}}#addProduct section.products div.product{align-items:center;border-radius:.5rem;box-shadow:6px 6px 5px #ebebeb,-6px -6px 7px #fff;display:flex;gap:.3rem;grid-template-columns:.2fr .2fr;height:100%;padding:.2rem .3rem}#addProduct section.products div.product .product-img{align-items:center;display:flex}#addProduct section.products div.product .product-img img{max-width:5rem;width:100%}#addProduct section.products div.product .product-info{display:flex;flex-direction:column;justify-content:center}#addProduct footer{padding:.5rem}#updateGroupProduct section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;padding:.5rem}#updateGroupProduct section div#dropzone-container{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}#updateGroupProduct section div#dropzone-container div#deleteProduct{align-items:end;display:flex;gap:1rem;justify-content:space-evenly}#updateGroupProduct section div#dropzone-container div#deleteProduct button{margin:.5rem}#updateGroupProduct section div#dropzone-container div#deleteProduct div{align-items:flex-start}#updateGroupProduct section div.manufacturing{display:grid;grid-template-columns:1fr 1fr}#updateGroupProduct section div.values{display:grid;grid-template-columns:2fr 1fr}#updateGroupProduct section div.values#shoope{grid-template-columns:1fr .5fr 1fr}#updateGroupProduct section div.values#shoope div#isShoope{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;text-align:center}#updateGroupProduct section div.values span{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}#updateGroupProduct section div.values span p{text-align:center}#updateGroupProduct footer{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;padding:.5rem 1rem}#updateGroupProduct #deleteProduct{display:flex}main#ProductsPage{margin-bottom:1rem}main#ProductsPage main#container{margin-top:1rem}main#ProductsPage main#container.view-grid{grid-gap:.5rem;align-items:center;border-radius:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);margin-top:.5rem}main#ProductsPage main#container.view-grid .product-cont,main#ProductsPage main#container.view-grid .product-possition,main#ProductsPage main#container.view-grid div.product-progressbar-container{display:none}@media (max-width:1300px){main#ProductsPage main#container.view-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:1000px){main#ProductsPage main#container.view-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){main#ProductsPage main#container.view-grid{grid-template-columns:repeat(3,1fr)}}main#ProductsPage main#container.view-grid div.product{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:6px 6px 14px #ebebeb,-6px -6px 14px #fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:10rem;padding-bottom:.5rem;position:relative}main#ProductsPage main#container.view-grid div.product .product-img{display:flex;height:100%;justify-content:center;padding:.5rem}main#ProductsPage main#container.view-grid div.product .product-img img{margin:auto 0;width:100%}main#ProductsPage main#container.view-grid div.product .product-info{align-items:start;display:flex;flex-direction:column;padding:.5rem;width:100%}main#ProductsPage main#container.view-list{display:flex;flex-direction:column;gap:.5rem}main#ProductsPage main#container.view-list #header-products{grid-gap:.5rem;background-color:#fff;border-radius:.5rem;display:grid;gap:.5rem;grid-template-columns:.5fr .5fr 1fr .5fr 2fr;padding:1rem}main#ProductsPage main#container.view-list #header-products div{align-items:center;display:flex;justify-content:center}main#ProductsPage main#container.view-list .product{grid-gap:.5rem;background-color:#fff;display:grid;gap:.5rem;grid-template-columns:.5fr .5fr 1fr .5fr 2fr}main#ProductsPage main#container.view-list .product div{align-items:center;display:flex;justify-content:center}main#ProductsPage main#container.view-list .product div p{display:none}main#ProductsPage main#container.view-list .product .product-img{display:flex;justify-content:center}main#ProductsPage main#container.view-list .product .product-img img{margin:0 auto;max-height:4rem;max-width:100%}main#ProductsPage main#container.view-list .product .product-progressbar-container{display:flex;padding:0 1rem}main#ProductsPage main#container.view-list .product .product-progressbar-container .product-progressbar{display:flex;justify-content:flex-start;width:100%}main#ProductsPage main#container.view-list .product .product-progressbar-container .product-progressbar span{background-color:#504be9;border-radius:1rem;height:1rem}main#ProductsPage footer{background-color:#fff;border-radius:.5rem}main#createProduct section,main#updateProduct section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr .6fr;padding:.5rem}@media (max-width:800px){main#createProduct section,main#updateProduct section{grid-template-columns:1fr}}main#createProduct section div#dropzone-container,main#updateProduct section div#dropzone-container{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}main#createProduct section div#dropzone-container div#deleteProduct,main#updateProduct section div#dropzone-container div#deleteProduct{align-items:end;display:flex;gap:1rem;justify-content:space-evenly}main#createProduct section div#dropzone-container div#deleteProduct button,main#updateProduct section div#dropzone-container div#deleteProduct button{margin:.5rem}main#createProduct section div#dropzone-container div#deleteProduct div,main#updateProduct section div#dropzone-container div#deleteProduct div{align-items:flex-start}main#createProduct section div.manufacturing,main#updateProduct section div.manufacturing{display:grid;grid-template-columns:1fr 1fr}main#createProduct section div.values,main#updateProduct section div.values{display:grid;grid-template-columns:2fr 1fr}main#createProduct section div.values span,main#updateProduct section div.values span{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}main#createProduct section div.values span p,main#updateProduct section div.values span p{text-align:center}main#createProduct footer,main#updateProduct footer{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;padding:.5rem 1rem}#pagination{display:flex!important}
/*# sourceMappingURL=main.6eff6093.css.map*/