.chatBox{display:flex;flex-direction:column;gap:10px;overflow-x:hidden;border-radius:10px;background-color:var(--color-darkBlue);width:100%;height:100%!important;padding:15px;border:2px solid whitesmoke}.emptyChatBox{display:flex;flex-direction:column;align-items:center;justify-content:center}.emptyChatBoxText{font-size:35px;max-width:fit-content;text-align:center;font-family:Arial,Helvetica,sans-serif;font-style:italic;color:var(--color-beige);opacity:.6}.chatBox::-webkit-scrollbar{width:12px}.chatBox::-webkit-scrollbar-track{background:transparent}.chatBox::-webkit-scrollbar-thumb{background-color:var(--color-lightBlue);border-radius:6px}.chatBox::-webkit-scrollbar-thumb:hover{background-color:var(--color-darkGreen)}.chatBox::-webkit-scrollbar-button{display:none}.chatBox{scrollbar-width:thin;scrollbar-color:var(--color-lightBlue) transparent}.chatBox{-ms-overflow-style:none}.chatBox::-ms-scrollbar{width:12px}.chatBox::-ms-scrollbar-track{background:transparent}.chatBox::-ms-scrollbar-thumb{background-color:var(--color-lightBlue);border-radius:6px}.chatBox::-ms-scrollbar-thumb:hover{background-color:var(--color-darkGreen)}.chatBox::-ms-scrollbar-button{display:none}.userBubble{align-self:flex-end;background-color:var(--color-lightGreen);text-align:right}.modelBubble{align-self:flex-start;background-color:var(--color-darkGreen);text-align:left}.userBubble,.modelBubble{padding:5px 15px;border-radius:10px;max-width:80%;height:fit-content;font-size:20px;word-wrap:break-word}.userBubble>p,.modelBubble>p{margin:0}.recipeChat{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh;color:#fff}.recipeTitleBar{width:100%;height:10vh;display:flex;align-items:center;justify-content:center}.cheffyLogo{width:200px}.recipeChatContainer{width:100%;height:90vh;gap:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.recipeChatBox{width:80%;height:85%}.homeContainer{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;background-color:var(--color-beige);background:repeating-linear-gradient(transparent,transparent 10px,#eeeefd 10px,#eeeefd 15px,transparent 15px,transparent 20px,#eeeefd 15px,#eeeefd 40px,transparent 40px,transparent 45px,#eeeefd 45px,#eeeefd 50px,transparent 50px,transparent 80px),repeating-linear-gradient(90deg,transparent,transparent 10px,#eeeefd 10px,#eeeefd 15px,transparent 15px,transparent 20px,#eeeefd 15px,#eeeefd 40px,transparent 40px,transparent 45px,#eeeefd 45px,#eeeefd 50px,transparent 50px,transparent 80px),beige;background-blend-mode:multiply;background-color:beige}.homeContent{display:flex;flex-direction:column;align-items:center;width:100%;gap:20px}.homeTopPart{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:90%;gap:30px}.homeTopText{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:20px;width:50%;padding-bottom:20px;gap:10px;border-radius:10px}.homeTitleCard{text-align:left;font-size:25px;font-weight:100;background-color:var(--color-lightOrange);color:var(--color-orange);padding:10px 20px;border-radius:10px;background:#fbd69b40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(251,214,155,.125);display:flex}.homeMainText{text-align:left;max-width:100%;font-size:60px;word-wrap:break-word}.homeSmallText{color:var(--color-lightBlack);font-size:20px}.homeTopImage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%}.homeTopImage>img{width:100%;filter:drop-shadow(5px 8.5px 16.5px #959595)}.callToActionContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%;gap:30px}.callToAction{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20%;height:30vh;border-radius:20px;-webkit-box-shadow:1.5px .5px 11px 7px #a8a8a8;-moz-box-shadow:1.5px .5px 11px 7px #a8a8a8;box-shadow:1.5px .5px 11px 7px #a8a8a8}.callToAction:nth-child(2n){background-color:var(--color-beige);color:var(--color-lightBlack)}.callToAction:nth-child(odd){background-color:var(--color-orange)}.callToActionImage{width:60%;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:center}.callToActionImage>img{width:100%;border-radius:20px}.callToActionText{font-size:20px}.mapContainer{width:95%;display:flex;flex-direction:row;align-items:center;justify-content:center;height:52vh;border-radius:20px;position:relative;isolation:isolate}.mapImage{width:50%;display:flex;align-items:center;justify-content:center;position:absolute;z-index:-1}.mapImage>img{width:100%}.mapText{font-size:80px;text-align:center}@media (max-width:1000px){.homeMainText{font-size:40px}.homeTopText{width:80%}.homeSmallText{font-size:15px}.callToActionContainer{flex-direction:column}.callToAction{width:50%}.mapText{font-size:50px}}@media (max-width:600px){.homeMainText{font-size:20px}.homeTopPart{flex-direction:column}.homeTopText{width:90%}.homeSmallText{font-size:15px}.callToActionContainer{flex-direction:column}.callToAction{width:80%}.mapText{font-size:30px}.mapContainer{height:40vw}}.navBar{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.navTitle{font-size:25px}.navLinks{display:flex;flex-direction:row;align-self:center;justify-content:space-evenly;gap:10px;width:40%;font-size:20px;color:#000}.navLinkCurrent{color:var(--color-lightBlack)}.navbar-item{position:relative;cursor:pointer;isolation:isolate;display:flex;align-items:center}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 8px 16px #0003;z-index:1;width:max-content}.dropdown-item{padding:10px 20px;cursor:pointer}.dropdown-item:hover{background-color:#f1f1f1}.footerContainer{background-color:#333;color:#fff;padding:20px;text-align:center;width:100%}.footerContent{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.footerText{margin:0;font-size:14px}.footerLinks{list-style:none;padding:0;margin:10px 0 0;display:flex;gap:15px}.footerLink{color:#fff;text-decoration:none}.footerLink:hover{text-decoration:underline}@media (max-width:600px){.footerLinks{flex-direction:column}}.mealPlanner{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh;color:#fff}.mealTitleBar{width:100%;height:10vh;display:flex;align-items:center;justify-content:center;font-size:50px}.mealPlannerContainer{width:100%;height:90vh;gap:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mealPlannerBox{width:80%;height:85%}.senderContainer{width:75%;height:7%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.inputContainer{width:90%;height:100%;display:flex}.recipeInput{width:100%;height:100%;resize:none;font-family:Arial,Helvetica,sans-serif;font-size:20px;padding-left:10px;padding-right:10px;padding-top:10px}.buttonContainer{display:flex;width:10%;height:100%}.recipeSubmitButton{font-size:20px;width:100%}.aboutUsContainer{background:repeating-linear-gradient(transparent,transparent 10px,#eeeefd 10px,#eeeefd 15px,transparent 15px,transparent 20px,#eeeefd 15px,#eeeefd 40px,transparent 40px,transparent 45px,#eeeefd 45px,#eeeefd 50px,transparent 50px,transparent 80px),repeating-linear-gradient(90deg,transparent,transparent 10px,#eeeefd 10px,#eeeefd 15px,transparent 15px,transparent 20px,#eeeefd 15px,#eeeefd 40px,transparent 40px,transparent 45px,#eeeefd 45px,#eeeefd 50px,transparent 50px,transparent 80px),beige;background-blend-mode:multiply;background-color:beige;height:100vh;display:flex;flex-direction:column}.aboutUsMainContainer{padding:20px;text-align:center;height:80vh;overflow:auto}.aboutUsContent{margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 17px 17px #0000001a;width:70%}.aboutUsTitle{font-size:32px;margin-bottom:20px;color:#0f0f0f}.aboutUsText{font-size:16px;color:#2b2b2b;line-height:1.6;margin-bottom:20px}.aboutUsMainContainer p{color:#e3772d}.aboutUsMainContainer p:nth-of-type(2){color:#0f0f0f}.aboutUsMainContainer p:nth-of-type(3){color:#e3772d}@media (max-width:600px){.aboutUsContent{width:90%}}.expirationTrackerContainer{text-align:center;display:flex;flex-direction:column;min-height:100vh;width:100vw;background:repeating-linear-gradient(transparent,transparent 10px,#eeeefd 10px,#eeeefd 15px,transparent 15px,transparent 20px,#eeeefd 15px,#eeeefd 40px,transparent 40px,transparent 45px,#eeeefd 45px,#eeeefd 50px,transparent 50px,transparent 80px),repeating-linear-gradient(90deg,transparent,transparent 10px,#eeeefd 10px,#eeeefd 15px,transparent 15px,transparent 20px,#eeeefd 15px,#eeeefd 40px,transparent 40px,transparent 45px,#eeeefd 45px,#eeeefd 50px,transparent 50px,transparent 80px),beige;background-blend-mode:multiply;background-color:beige}.expirationTrackerMainContainer{flex:1;display:flex;flex-direction:column;align-items:center;width:100%}.expirationTrackerTitle{font-size:32px;margin:20px 0;color:#0f0f0f}.formContainer{display:flex;justify-content:center;align-items:center;margin-bottom:20px;width:100%;flex-wrap:wrap;padding:0 20px}.inputField{margin:10px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:200px;background-color:#fff;color:#000}.addButton{padding:10px 20px;background-color:#e3772d;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.addButton:hover{background-color:#d06524}.foodTable{width:80%;border-collapse:collapse;margin:20px 0}.foodTable th,.foodTable td{border:1px solid #ccc;padding:10px;text-align:left}.foodTable th{background-color:#0f0f0f;color:#fff}.foodTable td{background-color:#fff}.foodTable td.fresh{background-color:#33a6a6;color:#fff}.foodTable td.expiringsoon{background-color:#f3ff4a;color:#0f0f0f}.foodTable td.expired{background-color:#e3542d;color:#fff}.foodTable tr:hover{background-color:#f9f9f9}.organisationsContainer{background:repeating-linear-gradient(transparent,transparent 10px,#eeeefd 10px,#eeeefd 15px,transparent 15px,transparent 20px,#eeeefd 15px,#eeeefd 40px,transparent 40px,transparent 45px,#eeeefd 45px,#eeeefd 50px,transparent 50px,transparent 80px),repeating-linear-gradient(90deg,transparent,transparent 10px,#eeeefd 10px,#eeeefd 15px,transparent 15px,transparent 20px,#eeeefd 15px,#eeeefd 40px,transparent 40px,transparent 45px,#eeeefd 45px,#eeeefd 50px,transparent 50px,transparent 80px),beige;background-blend-mode:multiply;background-color:beige;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh}.organisationsMainContainer{display:flex;flex-direction:column;align-items:center;width:100%;gap:20px;flex:1}.organisationsTitle{font-size:32px;margin:20px 0;color:#0f0f0f;width:100%}.searchBox{margin:10px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:60%}.cardContainer{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-evenly;width:100%}.orgCard{background-color:#fff;border:2px solid #ccc;border-radius:4px;box-shadow:0 1px 10px 6px #0000001a;margin:10px;padding:10px;width:200px;cursor:pointer;transition:transform .2s;display:flex;flex-direction:column;align-items:center;justify-content:center}.orgCard:hover{transform:scale(1.05)}.orgDetails{background-color:#fff;padding:20px;border-radius:4px}.closeButton{padding:10px 20px;background-color:#e3772d;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;margin-top:10px}.closeButton:hover{background-color:#d06524}.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modalContent{background-color:#fff;padding:20px;border-radius:8px;max-width:500px;width:100%;box-shadow:0 2px 10px #0000001a;position:relative}.modalCloseButton{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-orange)}.AuthPageContainer{width:100%;min-height:100vh;background-color:var(--color-beige);background:repeating-linear-gradient(transparent,transparent 10px,#eeeefd 10px,#eeeefd 15px,transparent 15px,transparent 20px,#eeeefd 15px,#eeeefd 40px,transparent 40px,transparent 45px,#eeeefd 45px,#eeeefd 50px,transparent 50px,transparent 80px),repeating-linear-gradient(90deg,transparent,transparent 10px,#eeeefd 10px,#eeeefd 15px,transparent 15px,transparent 20px,#eeeefd 15px,#eeeefd 40px,transparent 40px,transparent 45px,#eeeefd 45px,#eeeefd 50px,transparent 50px,transparent 80px),beige;background-blend-mode:multiply;background-color:beige;display:flex;flex-direction:column;align-items:center;justify-content:center}.AuthTopHeader{text-align:center;font-size:40px;font-weight:bolder;height:10vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.loginInnerContainer{width:100%;height:90vh;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:auto}.loginPageContainerWrapper{width:70%;height:90%;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:20px;padding:1%}.loginLeftContent{width:50%;height:100%}.loginLeftContent>img{width:100%;border-radius:10px;height:100%;object-fit:cover;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset}.loginRightContent{width:50%;height:80%;padding-left:2%;padding-right:2%;overflow-y:scroll}.loginHeader{text-align:center}.loginEmailInput{width:100%;padding:10px 0}.loginEmailInput>label{font-size:20px;font-weight:900;font-family:Courier New,Courier,monospace}.loginEmailInputField>input{width:100%;padding:10px;font-size:20px;background-color:var(--color-lightBlack);color:#fff;outline:none;border:none;border-radius:5px}.loginPasswordInput{width:100%;padding:10px 0}.loginPasswordInput>label{font-size:20px;font-weight:900;font-family:Courier New,Courier,monospace}.loginPasswordInputField{display:flex;align-items:center;background-color:var(--color-lightBlack);padding:0 5px;color:#fff;border-radius:5px}.loginPasswordInputField>input{width:100%;padding:10px;background-color:var(--color-lightBlack);font-size:20px;outline:none;border:none}.loginButton>button{width:100%;background:var(--color-orange);padding:10px 0;border-radius:5px;margin-top:20px;outline:none;border:none;cursor:pointer;font-size:15px;font-weight:700;font-family:Courier New,Courier,monospace}.loginCreateNew span{color:#00f;cursor:pointer}.loginCreateNew span:hover{text-decoration:underline}.loginOrgRegister{padding:10px 0;border-radius:5px;width:100%;background-color:var(--color-darkBlue);border:none;outline:none;cursor:pointer;font-size:15px;font-weight:700;font-family:Courier New,Courier,monospace}@media (max-width:900px){.loginLeftContent{display:none}.loginRightContent{width:100%}}.userProfileContainer{display:flex;flex-direction:column;align-items:center;margin:20px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.profileTitle{font-size:24px;font-weight:700;margin-bottom:20px}.profileField{display:flex;justify-content:space-between;width:100%;max-width:400px;margin-bottom:10px}.fieldLabel{font-weight:700}.fieldValue{color:#555}*{box-sizing:border-box}: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-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-black: #0F0F0F;--color-darkBlue: #232D3F;--color-darkGreen: #005B41;--color-teal: #008170;--color-lightBlack: #2B2B2B;--color-lightBlue: #4A5A75;--color-lightGreen: #33826B;--color-lightTeal: #33A6A6;--color-orange: #e3772d;--color-lightOrange: #fbd69b;--color-beige: #F5F5DC;--color-white: #FFFFFF}body{margin:0;display:flex;min-width:320px;min-height:100vh;width:100vw;max-width:100%;justify-content:center;color:var(--color-black)}#root{width:100%}a{font-weight:500;color:inherit;text-decoration:none;display:flex;align-items:center}.navContainer{display:flex;align-items:center;justify-content:center;width:100%;height:8vh;background-color:var(--color-orange);position:sticky;top:0;z-index:999;border-radius:0 0 10px 10px;padding:10px 20px}
