:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-image:url(/assets/formBackground-KMd2Stkp.svg);background-size:cover;background-position:50% 65%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.2em;line-height:1.1}h1,h2{font-family:"Exo 2",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;letter-spacing:.5rem;color:#4a555f}input,select{font-size:1.3rem;font-family:Montserrat,sans-serif;letter-spacing:.2rem}p,ul{font-family:Montserrat,sans-serif}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#bcaeae;cursor:pointer;font-family:Montserrat,sans-serif;box-shadow:2px 2px 3px #0000004d}button:hover{background-color:#e5f5e8}button:active{box-shadow:0 0 #0000004d;transform:translateY(5px)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}table{font-family:arial,sans-serif;border-collapse:collapse;width:100%;font-family:Montserrat,sans-serif;border-spacing:0}td,th{border:1px solid #dddddd;text-align:left;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table>thead>tr{background-color:#b5e0be!important}table>tbody>tr:hover{background-color:#8fd7cb!important}tr:nth-child(odd){background-color:#d0f1d6}tr:nth-child(2n){background-color:#b5e0be}input:disabled,select:disabled{background:#ddd}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;padding:0;z-index:999}@media (max-width:768px){h1{font-size:5dvw}h2{font-size:4dvw}th,tr{font-size:.7rem}p{font-size:large}}@media (prefers-color-scheme: dark){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#000}input,select{background-color:#fff}input[type=checkbox]{filter:invert(100%) hue-rotate(18deg) brightness(1.7)}}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance:none){button{color:#000}input[type=submit]{color:#000;font-weight:400}}}.login{display:flex;width:100%;justify-content:center;align-content:space-around}.login>form{display:flex;height:100%;flex-direction:column;align-items:center;gap:10px;flex-wrap:nowrap;width:50%;padding:1.5em}.login>form>h1{margin-top:0}.login>form>p{text-align:center}.fields{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;gap:15px}.fields>a{align-self:flex-end;cursor:pointer}.fields>a>p{margin:0}.logButton{width:95%;height:10%;border-radius:23px;border:none;background:#64b681;height:2em;cursor:pointer}@media (max-width: 768px){.login>form>h1{font-size:2em}.login>form>p{font-size:.8rem}.fields>a>p{font-size:.8rem}}.presentation{display:flex;justify-content:center;align-items:center;width:99%;height:99dvh;border-radius:50px;box-shadow:3px 3px 8px;background:#f4f8efcc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden}.presentationTitle{display:flex;flex-direction:column-reverse;align-items:center;text-align:center;gap:2em;margin-bottom:7em;transform:translatey(20%);opacity:0;transition:transform 1.5s,opacity 1.5s}.showTitle{transform:translatey(0);opacity:1}.presentationTitle>h1{font-family:Architects Daughter,cursive;font-size:4em;color:#00796b;text-shadow:3px 3px 5px rgba(0,0,0,.3)}.presentationImg{background-image:url("data:image/svg+xml,%3csvg%20id='visual'%20viewBox='0%200%20960%20540'%20width='960'%20height='540'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%3e%3cpath%20d='M0%20407L16%20414.2C32%20421.3%2064%20435.7%2096%20443.5C128%20451.3%20160%20452.7%20192%20445.7C224%20438.7%20256%20423.3%20288%20411.7C320%20400%20352%20392%20384%20393.3C416%20394.7%20448%20405.3%20480%20401.8C512%20398.3%20544%20380.7%20576%20381.3C608%20382%20640%20401%20672%20405.5C704%20410%20736%20400%20768%20398C800%20396%20832%20402%20864%20397C896%20392%20928%20376%20944%20368L960%20360L960%20541L944%20541C928%20541%20896%20541%20864%20541C832%20541%20800%20541%20768%20541C736%20541%20704%20541%20672%20541C640%20541%20608%20541%20576%20541C544%20541%20512%20541%20480%20541C448%20541%20416%20541%20384%20541C352%20541%20320%20541%20288%20541C256%20541%20224%20541%20192%20541C160%20541%20128%20541%2096%20541C64%20541%2032%20541%2016%20541L0%20541Z'%20fill='%2300796B'%20strokeLinecap='round'%20strokeLinejoin='miter'%3e%3c/path%3e%3c/svg%3e");position:absolute;width:100%;height:100dvh;bottom:0;background-size:cover}@media (max-width: 1080px){.presentation{margin-bottom:3em;height:100dvh;border-radius:10px}}@media (max-width: 768px){.presentation{border-radius:10px}.presentationTitle>h1{font-size:2.5em}}.coffee{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:.1em auto 1em}.coffee>h3{font-family:"Exo 2",sans-serif;font-optical-sizing:auto;font-weight:500;color:#353535}.coffee>a{display:flex;justify-content:center}.coffee>a>img{width:30%}@media (max-width: 768px){.coffee>h3{font-size:1rem}}#root{margin:0 auto;width:100%}.intro{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%;width:100%;margin:auto}.window{display:flex;height:30em;min-height:70%;width:70em;max-width:95%;justify-content:space-around;align-items:center;box-shadow:3px 3px 8px;border-radius:20px;background:#f4f8ef;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden}.title{background-image:url(/assets/mainBackground-DxIzBfc6.svg);background-size:cover;height:100%;width:75%;display:flex;justify-content:center;align-items:center}@media (max-width: 1028px){.window{flex-direction:column;height:80%}.title{width:100%;height:50%;background-position:50% 30%}}.back{position:absolute;top:1rem;right:1em;cursor:pointer}.register{display:flex;width:100%;justify-content:center;align-content:space-around}.register>form{display:flex;height:100%;flex-direction:column;align-items:center;gap:10px;flex-wrap:nowrap;width:50%;padding:1.5em}.register>form>h1{margin-top:0}.fields{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.field{width:90%;height:10%;border:none;border-radius:20px;font-size:1rem;padding:1rem;text-align:justify;outline:none;border:1px solid rgb(205,205,205);letter-spacing:.1rem}.field:focus{border:1px solid rgb(30,58,138)}.logButton{width:95%;height:2em;border-radius:23px;border:none;background:#64b681;cursor:pointer;margin-top:40px}.logButton:hover{background-color:#0a760c}@media (max-width: 768px){.register>form>h1{font-size:2em}.logButton{font-size:1em;margin-top:20px;margin-bottom:20px}}.titleRegister{background-image:url(/assets/registerBackground-DErpNvXk.svg);background-size:cover;height:100%;width:75%;display:flex;justify-content:center;align-items:center}@media (max-width: 1028px){.titleRegister{width:100%;height:50%;background-position:50% 30%}}.infoButton{display:flex;position:relative}@media (max-width:768px){.infoButton>svg{width:3dvw}}.alertList>li{display:flex;flex-direction:column;gap:20px;padding:15px;width:auto;white-space:nowrap}.alertList>li>p{margin:0;display:flex;gap:20px}.alertList{position:absolute;list-style:none;background-color:#f1f5f9f2;border-radius:10px;padding:0;right:1%;min-width:15em;box-shadow:2px 2px 10px #00000080;max-height:40dvh;overflow-y:auto;z-index:1}.alertList::-webkit-scrollbar{width:8px}.alertList::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:10px}.alertList::-webkit-scrollbar-thumb{background-color:#77c3b6;border-radius:8px}@media (max-width: 768px){.alertList{max-width:50%}.alertList>li>p{font-size:.8rem}}.alert{cursor:pointer;position:relative}@media (max-width: 768px){.bell>svg{width:2em}}@-webkit-keyframes ring{0%{-webkit-transform:rotateZ(0)}1%{-webkit-transform:rotateZ(30deg)}3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}9%{-webkit-transform:rotateZ(30deg)}11%{-webkit-transform:rotateZ(-28deg)}13%{-webkit-transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-transform:rotateZ(1deg)}43%{-webkit-transform:rotateZ(0)}to{-webkit-transform:rotateZ(0)}}@-moz-keyframes ring{0%{-moz-transform:rotate(0)}1%{-moz-transform:rotate(30deg)}3%{-moz-transform:rotate(-28deg)}5%{-moz-transform:rotate(34deg)}7%{-moz-transform:rotate(-32deg)}9%{-moz-transform:rotate(30deg)}11%{-moz-transform:rotate(-28deg)}13%{-moz-transform:rotate(26deg)}15%{-moz-transform:rotate(-24deg)}17%{-moz-transform:rotate(22deg)}19%{-moz-transform:rotate(-20deg)}21%{-moz-transform:rotate(18deg)}23%{-moz-transform:rotate(-16deg)}25%{-moz-transform:rotate(14deg)}27%{-moz-transform:rotate(-12deg)}29%{-moz-transform:rotate(10deg)}31%{-moz-transform:rotate(-8deg)}33%{-moz-transform:rotate(6deg)}35%{-moz-transform:rotate(-4deg)}37%{-moz-transform:rotate(2deg)}39%{-moz-transform:rotate(-1deg)}41%{-moz-transform:rotate(1deg)}43%{-moz-transform:rotate(0)}to{-moz-transform:rotate(0)}}@keyframes ring{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}to{transform:rotate(0)}}.product>td:nth-child(2),.product>td:nth-child(3){width:16%}.warning{background-color:#ffd8a9!important}.dateWarningCell,.quantityWarningCell{color:red;font-weight:700;height:100%}.favouriteCell{color:#e2b00b;font-weight:500}.dateWarningCell>span,.quantityWarningCell>span,.favouriteCell>span{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}@media (max-width: 768px){.product{font-size:2.5dvw}}.categories-content{align-items:flex-start!important;gap:0!important;z-index:1000;position:relative}.catForm{display:flex;flex-direction:column;width:100%;margin-top:2em}.catForm>form{display:flex;flex-direction:column;gap:15px}.catForm>form>p{margin:0;font-size:1.2rem;font-style:italic}.catForm>form>div{display:flex;justify-content:space-between;width:100%;gap:10px;font-family:Montserrat,sans-serif;font-weight:500;font-size:1.3rem}.catForm>form>div>input{border:none;flex:1;width:100%;padding:1rem;border-radius:10px;color:#6c6c6c}.catForm>form>div>input:focus{outline:2px solid #00bb77;box-shadow:0 0 10px #719ece}.catForm>form>div>button{font-size:1.3rem}.categoriesList{width:100%}.categoriesList>div{display:flex;flex-direction:column;gap:15px;max-height:7em;overflow-y:auto;padding:10px}.categoriesList>div::-webkit-scrollbar{width:8px}.categoriesList>div::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:10px}.categoriesList>div::-webkit-scrollbar-thumb{background-color:#77c3b6;border-radius:8px}.category{display:flex;justify-content:space-between;padding:10px 20px;background:#ffffff4d;border-radius:20px;box-shadow:0 0 5px #0003;font-family:Montserrat,sans-serif}.category>p{margin:0}.category>button{padding:0 10px}@media (max-width:768px){.catForm{margin-top:3em}.catForm>form>div>button{font-size:2dvw;min-width:6em}.catForm>form>div>input{font-size:3dvw}.categoriesList>div{max-height:12em}}.addForm{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:80%;gap:50px;background-color:#fff;padding:50px;border-radius:8px;box-shadow:0 0 10px #00000080;font-size:2rem;background-color:#d8edd9}.addForm>form{display:flex;flex-direction:column;gap:15px}.addForm>form>div{display:flex;flex-direction:column;width:100%;gap:10px;font-family:Montserrat,sans-serif;font-weight:500;font-size:1.3rem}.nameSelect{display:flex;justify-content:space-between;gap:15px}.nameSelect>input{width:-webkit-fill-available}.addForm>form>div>input,.nameSelect>input,.dateInputDiv>div>input,.dateInputDiv>div>select,.quantityWarning>input,.dropMenu{border:none;padding:1rem;border-radius:10px;color:#6c6c6c}.addForm>form>div>input:focus,.nameSelect>input:focus,.dateInputDiv>div>input:focus,.dateInputDiv>div>select:focus,.quantityWarning>input:focus,.dropMenu:focus{outline:2px solid #00bb77;box-shadow:0 0 10px #719ece}.addForm>form>div:nth-child(5)>svg{align-self:flex-end}.addForm>form>div:nth-child(5)>button{align-self:flex-end;margin-top:10px;height:4em;font-family:Montserrat,sans-serif;font-size:1.3rem;white-space:nowrap}.closeAddForm{padding:0;width:3em;align-self:flex-start;display:flex;justify-content:center}.categoriesHeader{display:flex;justify-content:space-between;align-items:baseline}.categoriesHeader>p{margin:0;font-size:1rem;color:#1ac1ab;font-weight:700;letter-spacing:.1rem;cursor:pointer}.dateHeader,.quantityHeader{display:flex;justify-content:space-between}.dateInputDiv{gap:20px;display:flex;flex-direction:column}.expiryDate,.quantityWarning{display:flex;justify-content:space-between;gap:5px}.expiryDate>input,.quantityWarning>input{width:-webkit-fill-available}.expiryDate>select{width:-webkit-fill-available}.checkDate{display:flex;font-size:1rem;gap:10px}.checkDate>input{width:2rem;height:2rem}.checkDate>p{margin:0;align-self:center}@media (max-width:768px){.addForm{padding:20px;min-height:90%}.addForm>form>div{font-size:3dvw}.quantityWarning>input{width:50%}}.modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:25em;max-width:80%;gap:50px;padding:50px;border-radius:8px;box-shadow:0 0 10px #00000080;font-size:2rem;background-color:#d8edd9;z-index:1000}.modButtons{display:flex;justify-content:space-around;width:100%}.modButtons>button:nth-child(2){background-color:#f1a8a8}.editForm{display:flex;flex-direction:column;width:100%}.editForm>form{display:flex;flex-direction:column;gap:15px}.editForm>form>div{display:flex;flex-direction:column;width:100%;gap:10px;font-family:Montserrat,sans-serif;font-weight:500;font-size:1.3rem}.editForm>form>div>input,.dropMenu{border:none;padding:1rem;border-radius:10px;color:#6c6c6c}.editForm>form>div>input:focus,.dropMenu:focus{outline:2px solid #00bb77;box-shadow:0 0 10px #719ece}.dropMenu{font-family:Montserrat,sans-serif;font-size:1.3rem}.dropMenu>option{font-size:1rem}.editForm>form>button{align-self:flex-end;margin-top:10px;height:4em;font-family:Montserrat,sans-serif;font-size:1.3rem;white-space:nowrap}@media (max-width:768px){.modal-content{padding:20px}.modal-content>div{font-size:5dvw}}.filterModal{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;min-width:10em;max-width:80%;gap:50px;background-color:#fff;padding:50px;border-radius:8px;box-shadow:0 0 10px #00000080;font-size:2rem;background-color:#d8edd9}.filterModal>form{display:flex;flex-direction:column;justify-content:space-around;gap:25px;width:-webkit-fill-available}.filterModal>form>div{display:flex;flex-direction:column;width:100%;gap:10px;font-family:Montserrat,sans-serif;font-weight:500;font-size:1.3rem}.filterModal>form>div>input,.filterModal>form>div>select,.dropMenu{border:none;padding:1rem;border-radius:10px;color:#6c6c6c;cursor:pointer}.filterModal>form>div>input:focus,.filterModal>form>div>select:focus,.dropMenu:focus{outline:2px solid #00bb77;box-shadow:0 0 10px #719ece}.filterModal>form>div:last-child>svg{align-self:flex-end}.filterModal>form>div:last-child>button{align-self:flex-end;margin-top:10px;height:4em;font-family:Montserrat,sans-serif;font-size:1.3rem;white-space:nowrap}.warningFilter>label,.favsFilter>label{display:flex;align-items:center;justify-content:space-between;gap:10px}.warningFilter>label>input,.favsFilter>label>input{width:2rem;height:2rem}@media (max-width:768px){.filterModal{padding:20px}.filterModal>form{margin-top:2em}.filterModal>form>div{font-size:3dvw}}.productData{display:flex;position:relative;flex-direction:column;justify-content:center;width:20em;max-width:80%;gap:50px;background-color:#fff;padding:50px;border-radius:8px;box-shadow:0 0 10px #00000080;font-size:1.5rem;background-color:#d8edd9}.information{margin-top:1.5em;display:flex;flex-direction:column;gap:10px}.information>div{display:flex;justify-content:space-between;align-items:center}.information>div>p{margin:0;display:flex;align-items:center;gap:15px}.batchesSelect{display:flex;justify-content:space-between;align-items:center}.batchesSelect>select{border:none;padding:.5rem;border-radius:10px;color:#6c6c6c}.batchInfo{margin-top:1em}.batchInfo>div{width:100%;display:flex;flex-direction:column;gap:10px}.batchInfo>div>div{display:flex;justify-content:space-between;align-items:center}.batchInfo>div>div>p{margin:0;display:flex;align-items:center;gap:15px}.commentButton{position:relative;display:flex;align-self:flex-end;margin-top:1em;color:#1ac1ab;font-weight:500;text-decoration:underline;cursor:pointer}.comment{display:flex;flex-direction:column;position:absolute;bottom:120%;left:-20px;transform:translate(100dvw);transition:transform .5s ease-out}.comment>div{justify-content:space-between;display:flex}.comment>div>button{font-size:1rem}.showComment{transform:translate(-40%)}.comment>textarea{padding:10px;font-size:1.5rem;height:5em;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#333;box-shadow:0 2px 4px #0000001a;resize:none}.editDelete{display:flex;justify-content:space-around;flex-wrap:wrap;gap:10px;margin-top:1em}.editDelete>button{flex-grow:1}.editDelete>button:first-child{background-color:#b5cee9}.editDelete>button:nth-child(2){background-color:#f7a1a1}@media (max-width:768px){.productData{width:80%;padding:30px;font-size:1rem}.information{margin-top:3em}.batchesSelect>select{font-size:1rem}}.productList{display:flex;flex-direction:column;gap:20px;margin-top:3em}.productList>table{display:block;width:100%;overflow-y:auto;border-collapse:separate;max-height:calc(100dvh - 300px)}.productList>table>thead,.productList>table>tbody{display:table;width:100%;table-layout:fixed}.productList>table>thead{position:sticky;top:0;width:100%}.productList>table>thead>tr>th:nth-child(2),.productList>table>thead>tr>th:nth-child(3){width:16%}.productControls{display:flex;width:100%;justify-content:space-between}.searchFilter{display:flex;align-self:flex-end;align-items:center;gap:20px;margin-left:auto}.productSearch>input{width:8em;border:none;padding:.7rem;border-radius:10px;color:#6c6c6c;font-size:1.2rem}.productSearch>input:focus{outline:2px solid #00bb77}.filter{display:flex;align-items:center;gap:5px;color:#597e8d;border:2px solid transparent;cursor:pointer}.filter>p{margin:0}.filter:hover{border-bottom:2px solid #597e8d}.listSpinner{display:flex;justify-content:center}.productList>table::-webkit-scrollbar{width:10px}.productList>table::-webkit-scrollbar-track{background-color:#e4e4e4}.productList>table::-webkit-scrollbar-thumb{background-color:#77c3b6;width:5px}@media (max-width: 1028px){.productList>table{max-height:calc(90dvh - 530px)}}@media (max-width: 768px){.searchFilter{flex-direction:column-reverse;align-items:end}.productSearch>input{width:6em;font-size:1rem}.listHeader>div{align-items:end}.productList{margin-top:1em}.productList>table{max-height:calc(90dvh - 420px)}.listHeader>p{font-size:1rem}.listHeader>div>p{font-size:2.7dvw;padding:.5rem}}@media (max-width: 500px){.productList>table{max-height:calc(90dvh - 320px)}.listHeader>div>button{padding:1em}}.entry>td:nth-child(2){width:22%}.entry>td:nth-child(3){width:11%}.entry>td:last-child{width:11%}@media (max-width: 768px){.entry{font-size:2.5dvw}}.logList{display:flex;flex-direction:column;gap:20px}.logList>table{display:block;width:100%;overflow:auto;border-collapse:separate;max-height:calc(100dvh - 300px)}.logList>table>thead,.logList>table>tbody{width:100%;table-layout:fixed}.logList>table>thead{position:sticky;top:0;width:100%}.logList>table>thead>tr>th:nth-child(2){width:22%}.logList>table>thead>tr>th:nth-child(3){width:11%}.logList>table>thead>tr>th:last-child{width:11%}.listHeader{display:flex;flex-direction:column;font-family:Montserrat,sans-serif;justify-content:space-between;align-items:start;font-weight:600;font-size:1.3rem}.searchFilterLogs{display:flex;align-self:flex-end;align-items:center;gap:20px}.logSearch>input{width:8em;border:none;padding:.7rem;border-radius:10px;color:#6c6c6c;font-size:1.2rem}.logSearch>input:focus{outline:2px solid #00bb77}.logFilter{display:flex;align-items:center;gap:5px;color:#597e8d;border:2px solid transparent;cursor:pointer}.logFilter>p{margin:0}.logFilter:hover{border-bottom:2px solid #597e8d}.listHeader>h2{align-self:center}.listHeader>div>button{letter-spacing:.1rem;white-space:nowrap}.listSpinner{justify-self:center}.logList>table::-webkit-scrollbar{width:10px;height:10px}.logList>table::-webkit-scrollbar-track{background-color:#e4e4e4}.logList>table::-webkit-scrollbar-thumb{background-color:#77c3b6;width:5px}@media (min-width: 1000px){.logList>table>thead,.logList>table>tbody{display:table}}@media (max-width: 1028px){.logList>table{max-height:calc(90dvh - 530px)}}@media (max-width: 768px){.logList{margin-top:1em}.searchFilterLogs{flex-direction:column-reverse;align-items:end}.logSearch>input{width:6em;font-size:1rem}.logList>table{max-height:calc(90dvh - 420px)}.listHeader>p{font-size:1rem}.listHeader>div>p{font-size:2.7dvw;padding:.5rem}}@media (max-width: 500px){.logList>table{max-height:calc(90dvh - 320px)}}.signOut>span{margin:0;color:red}.addUser-content{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;min-width:10em;max-width:80%;gap:50px;background-color:#fff;padding:50px;border-radius:8px;box-shadow:0 0 10px #00000080;font-size:2rem;background-color:#d8edd9;margin-bottom:10em}.userForm{display:flex;flex-direction:column;width:100%;margin-top:1em}.userForm>form{display:flex;flex-direction:column;gap:1em}.userForm>form>p{margin:0;font-size:1.2rem;font-style:italic}.userForm>form>div{display:flex;justify-content:space-between;width:100%;gap:10px;font-family:Montserrat,sans-serif;font-weight:500;font-size:1.3rem}.userName{display:flex;flex-direction:column}.userName>input{border:none;flex:1;padding:1rem;border-radius:10px;color:#6c6c6c}.userName>input:focus{outline:2px solid #00bb77;box-shadow:0 0 10px #719ece}.adminBox{display:flex;justify-content:space-between}.adminBox>input{width:2rem;height:2rem}.userForm>form>div>button{width:-webkit-fill-available}.userEditButtons>button{font-size:1.3rem;width:-webkit-fill-available}.userEditButtons>button:first-child{background-color:#b5cee9}.userEditButtons>button:last-child{background-color:#f7a1a1}@media (max-width:768px){.addUser-content{padding:30px;font-size:1rem}.userForm{margin-top:3em}.userForm>form{display:flex;gap:1.5em}.userForm>form>div>button{min-width:6em}}.userList>table{display:block;width:100%;overflow-y:auto;border-collapse:separate;max-height:20em}.userList>table>thead,.userList>table>tbody{display:table;width:100%;table-layout:fixed}.userList>table>thead{position:sticky;top:0;width:100%}.userList>table::-webkit-scrollbar{width:10px}.userList>table::-webkit-scrollbar-track{background-color:#e4e4e4}.userList>table::-webkit-scrollbar-thumb{background-color:#77c3b6;width:5px;border-radius:8px}.deleteProfile{display:flex;flex-direction:column;position:relative;gap:50px;font-family:Montserrat,sans-serif;font-weight:500;font-size:1.3rem}.deleteProfile>div>input{border:none;padding:1rem;border-radius:10px;color:#6c6c6c}.deleteProfile>div>input:focus{outline:2px solid #00bb77;box-shadow:0 0 10px #719ece}.deleteProfile>div>button{background-color:#ffa9a9}.deleteProfile>div:nth-child(2){display:flex;align-items:center;margin-top:2em;gap:20px;box-shadow:1px 1px 8px #000;border-radius:5px;padding:10px;color:red}.deleteProfile>div:nth-child(3){display:flex;flex-direction:column;gap:20px}@media (max-width:768px){.modal-content{padding:20px}.modal-content>div{font-size:5dvw}.deleteProfile>div:nth-child(2){margin-top:3em}.deleteProfile>div>button{font-size:1.5rem}}.burger{padding:.3em .6em;background:none;box-shadow:none;cursor:pointer}.menu{display:flex;flex-direction:column;width:15em;justify-content:flex-start;align-items:flex-start;position:fixed;transform:translate(300%);transition:transform .2s;padding:0;right:1%;z-index:99;background-color:#f1f5f9f2;border-radius:10px;overflow:hidden}.menu>li{display:inline-block;white-space:nowrap;width:100%;letter-spacing:.1rem;padding:10px 20px;cursor:pointer}.menu>li:hover{background-color:#d7e5d9}.menu>li>p{margin:0;display:flex;gap:50px}.menu>li:last-child>p{color:red}.menu>li:last-child:hover{background-color:#ffd4d4!important}.backArrow:hover{background-color:#e2e1e1!important}.showMenu{transform:translate(0)}@media (max-width: 768px){.menu{right:5%}.burger{padding:0}}.takeItemDiv{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;min-width:10em;max-width:80%;gap:50px;background-color:#fff;padding:50px;border-radius:8px;box-shadow:0 0 10px #00000080;font-size:2rem;background-color:#d8edd9;margin-bottom:10em}.takeItemDiv>form{display:flex;flex-direction:column;justify-content:space-around;gap:25px;width:-webkit-fill-available}.takeItemMessage{margin:0;font-size:1rem;color:red;align-self:center}.search,.selectQuantity,.selectBatch{display:flex;flex-direction:column;width:100%;gap:10px;font-family:Montserrat,sans-serif;font-weight:500;font-size:1.3rem}.selectQuantity>p{margin:0;font-size:medium}.selectQuantity>div{display:flex;gap:10px}.selectQuantity>div>input{width:-webkit-fill-available}.selectQuantity>div>div{display:flex;gap:10px}.selectQuantity>button{margin-top:10px}.search>input,.selectQuantity>div>input,.selectBatch>select{border:none;padding:1rem;border-radius:10px;color:#6c6c6c;cursor:text}.search>input:focus,.selectQuantity>div>input:focus,.selectBatch>select:focus{outline:2px solid #00bb77;box-shadow:0 0 10px #719ece}.selectBatch>select{cursor:pointer}.suggestions{list-style:none;padding:0;background:#fffc;border-radius:10px;box-shadow:0 0 5px #00000080;max-height:8em;overflow-y:scroll}.suggestions>li{padding:10px 15px;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:1.5rem;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.suggestions>li:hover{background-color:#94c5a233}.suggestions::-webkit-scrollbar{width:10px;height:10px}.suggestions::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:0 10px 10px 0}.suggestions::-webkit-scrollbar-thumb{background-color:#77c3b6;width:5px;border-radius:0 10px 10px 0}@media (max-width:768px){.takeItemDiv{padding:20px;min-height:50%;margin-bottom:0}.takeItemDiv>form{margin-top:1.5em}.selectQuantity>div{flex-direction:column;align-items:center}.selectQuantity>div>div{display:flex;gap:20px}}.newBatch{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;min-width:10em;max-width:80%;gap:50px;background-color:#fff;padding:50px;border-radius:8px;box-shadow:0 0 10px #00000080;font-size:2rem;background-color:#d8edd9;margin-bottom:10em}.newBatch>form{display:flex;flex-direction:column;gap:25px;width:-webkit-fill-available}.newBatch>form>div{display:flex;flex-direction:column;width:100%;gap:10px;font-family:Montserrat,sans-serif;font-weight:500;font-size:1.3rem}.newBatch>form>div>input{border:none;padding:1rem;border-radius:10px;color:#6c6c6c;width:-webkit-fill-available}.newBatch>form>div>input:focus{outline:2px solid #00bb77;box-shadow:0 0 10px #719ece}.newBatch>form>button{margin-top:10px;font-size:.7em}@media (max-width:768px){.newBatch{padding:20px;min-height:50%;margin-bottom:0}.newBatch>form{margin-top:1.5em}}.codeModal{display:flex;position:relative;flex-direction:column;justify-content:center;min-width:10em;max-width:80%;gap:30px;background-color:#fff;padding:50px;border-radius:8px;box-shadow:0 0 10px #00000080;font-size:2rem;background-color:#d8edd9;margin-bottom:10em;font-family:Montserrat,sans-serif;font-weight:500;font-size:1.3rem}.codeModal>p{margin:0;font-size:1.2rem;font-style:italic}.codeModal>input{border:none;flex:1;padding:1rem;border-radius:10px;color:#6c6c6c}.positive{color:#0b7}.negative{color:#fa441b}@media (max-width:768px){.codeModal{padding:40px}}.toggle-container{display:flex;border-radius:20px;overflow:hidden;width:fit-content;min-height:2.5em}.toggle-button{padding:10px 20px;border:none;cursor:pointer;background-color:#f0f0f0;color:#333;flex:1;transition:background-color .3s}.toggle-button:first-child{border-radius:20px 0 0 20px;border-right:1px solid #ccc}.toggle-button:last-child{border-radius:0 20px 20px 0}.toggle-button.active{background-color:#77c3b6;color:#fff}@media (max-width:768px){.toggle-button{font-size:2.5dvw}}@media (max-width:500px){.toggle-button{font-size:3dvw}}.dashboard{display:flex;flex-direction:column;width:80em;max-width:85%;justify-content:space-between;margin:30px auto;background:#fffc;padding:35px;border-radius:20px;overflow-y:hidden}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2em}.header>div>h1,.header>div>p{margin:0}.header>div>p{font-size:1.5rem;font-weight:500;letter-spacing:.1rem;color:#5a6a77}.header>div:first-child{display:flex;flex-direction:column}.header>div:nth-child(2){display:flex;align-items:center;gap:20px}.addTakeButtons{display:flex;justify-content:center;align-self:center;gap:1.5em;width:50%;margin-bottom:4.5em}.addTakeButtons>button{font-size:1.5rem;letter-spacing:.2rem;padding:2rem;width:100%;white-space:nowrap}.spinner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}@media (max-width: 768px){.dashboard{padding:20px;height:100dvh;justify-content:flex-start;margin:10px auto}.header>div{gap:15px}.header>div>h1{font-size:7dvw}.header>div>p{font-size:3dvw}.openAdd{font-size:3dvw}.addTakeButtons{width:70%;gap:1em;margin-bottom:2.5em}.addTakeButtons>button{font-size:3dvw;padding:1em 15px}}@media (max-width: 500px){.addTakeButtons{width:70%;gap:1em;margin-bottom:2.5em}.addTakeButtons>button{font-size:4dvw;padding:1em 15px}}