@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:root{--color-white:#fff;--color-black:#000;--color-gray:#b9b9b9;--color-light-gray:#f5f5f5;--color-light-green:#6a9c89;--color-dark-cyan:#16423c;--color-bg:#e9efec}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;width:100%}body{background:#e9efec;background:var(--color-bg);font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}.primary-btn{background-color:#6a9c89;background-color:var(--color-light-green);border:2px solid #6a9c89;border:2px solid var(--color-light-green);border-radius:25px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.primary-btn:hover{background-color:initial;color:#6a9c89;color:var(--color-light-green)}.secondary-btn{background-color:#16423c;background-color:var(--color-dark-cyan);border:2px solid #16423c;border:2px solid var(--color-dark-cyan);border-radius:25px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.secondary-btn:hover{background-color:initial;color:#16423c;color:var(--color-dark-cyan)}.contrast-btn{background-color:#fff;border:2px solid #fff;border-radius:25px;color:#6a9c89;color:var(--color-light-green);cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.contrast-btn:hover{background-color:initial;border:2px solid #fff;color:#fff}.outline-btn{background-color:#fff;background-color:var(--color-white);border:2px solid #16423c;border:2px solid var(--color-dark-cyan);border-radius:25px;color:#16423c;color:var(--color-dark-cyan);cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.outline-btn:hover{background-color:#16423c;background-color:var(--color-dark-cyan);color:#fff}.close-btn{background:none;border:none;cursor:pointer;display:flex;font-size:16px;text-align:right;width:20px}.close-btn:hover{color:#16423c;color:var(--color-dark-cyan)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:10px;max-width:500px;padding:20px;position:relative;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-header h2{color:#000;color:var(--color-black);margin:0;text-align:left}.modal-body{margin-bottom:20px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.error-message{color:red;font-size:14px;margin-bottom:5px}.input-group{margin-bottom:20px;position:relative}.error-input,.input-error input{border-color:red}.error-text{color:red;font-size:12px;margin-bottom:5px;margin-top:-10px}.success-message{animation:slideUpFadeIn .5s ease forwards,slideDownFadeOut .5s ease 5s forwards;background-color:#fff;background-color:var(--color-white);border-radius:25px;bottom:80px;box-shadow:0 4px 8px #0000001a;color:green;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;left:50%;opacity:0;padding:10px 20px;position:fixed;text-align:center;transform:translateX(-50%);width:60%}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideDownFadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}.advice-message{animation:slideRight .5s ease forwards;background-color:#f4f4f4;border-radius:25px;box-shadow:0 4px 8px #0000001a;color:#16423c;color:var(--color-dark-cyan);font-weight:600;margin-top:20px;opacity:0;padding:10px 20px;transform:translateX(-100%);transition:transform .5s ease,opacity .5s ease}@keyframes slideRight{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media screen and (min-width:1024px){body{background:linear-gradient(0deg,#638889,#9dbc98);font-size:18px}.section__padding{padding:6rem}.section__margin{margin:6rem}}@media (min-width:768px){.success-message{transform:translateX(-40%);width:300px}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-40%,20px)}to{opacity:1;transform:translate(-40%)}}@keyframes slideDownFadeOut{0%{opacity:1;transform:translate(-40%)}to{opacity:0;transform:translate(-40%,20px)}}}@media screen and (max-width:700px){.section__padding{padding:4rem}.section__margin{margin:4rem}}@media screen and (max-width:550px){.section__padding{padding:4rem 2rem}.section__margin{margin:4rem 2rem}}.navbar{align-items:center;background-color:#638889;bottom:0;box-shadow:0 -2px 10px #0003;color:#fff;display:flex;height:60px;justify-content:space-around;padding:10px;position:fixed;width:100%}.navbar span{cursor:pointer;font-size:28px;text-align:center}.navbar span:hover{color:#ddd}.navbar-logo{display:none}@media screen and (min-width:768px){.navbar{align-items:center;box-shadow:2px 0 10px #0003;flex-direction:column;height:100%;justify-content:flex-start;left:0;position:fixed;top:0;width:80px}.navbar span{font-size:24px;margin:20px 0}.navbar span:hover{color:#ddd}.navbar-logo{display:block;margin:10px 0 30px;width:35px}}.profile-container{background:var(--color-bg);box-sizing:border-box;height:100vh;max-height:calc(100vh - 60px);overflow-y:auto;padding:20px}.profile-container h1{color:var(--color-dark-cyan);font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.profile-container h1,.profile-container input{font-family:Poppins,sans-serif}.profile-container label{margin-top:20px}.profile-container .secondary-btn.logout-btn{margin-top:30px}@media (min-width:768px){.profile-container{margin-left:80px;max-height:100vh;width:calc(100% - 80px)}.profile-content{margin:0 auto;max-width:500px}}@media (min-width:1024px){.profile-content{margin:0 auto;max-width:800px}}@media (min-width:450px) and (max-width:767px){.profile-content{margin:0 5%;width:90%}}input{margin-bottom:20px}.register-link{margin-top:200px;padding-right:20px;text-align:right}.register-link p{color:#333;display:block;font-size:14px}.register-link a{color:var(--color-light-green);font-weight:600;text-decoration:none}@media (min-width:768px){form{max-width:450px;padding:40px}h2{font-size:30px}input{font-size:18px;padding:14px}.login-btn{font-size:18px;padding:16px 32px}.register-link{margin-top:40px;padding-right:0}}@media (min-width:1024px){form{max-width:500px;padding:50px}.login-btn{font-size:20px;margin-top:20px;padding:20px 36px}.register-link{margin-top:40px;padding:0 125px}}form{background-color:#fff;border-radius:10px;box-sizing:border-box;max-width:400px;padding:20px;text-align:left;width:100%}label{color:#333;display:block;font-size:14px;margin-bottom:5px}input{background-color:#fafafa;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:10px;padding:10px;width:100%}input:focus{border-color:#333;outline:none}.login-link{margin-top:30px;padding-right:20px;text-align:right}.login-link p{color:#333;display:block;font-size:14px}.login-link a{text-decoration:none}.login-link a,.swap-link{color:var(--color-light-green);font-weight:600}.swap-link{cursor:pointer;text-decoration:underline}.swap-link:hover{color:var(--color-dark-cyan)}@media (min-width:768px){form{max-width:450px;padding:40px}h2{font-size:30px}input{font-size:18px;padding:14px}.register-btn{font-size:18px;padding:16px 32px}.login-link{margin-top:40px;padding-right:0}}@media (min-width:1024px){form{max-width:500px;padding:50px}.register-btn{font-size:20px;padding:20px 36px}.login-link{margin-top:40px;padding:0 125px}}.auth-container{background:linear-gradient(0deg,#638889,#9dbc98);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;text-align:center;width:100%}.auth-form-header{bottom:175px;color:#fff;font-size:48px;margin-bottom:-100px;margin-left:20px;opacity:0;position:relative;transform:translateX(-100%);transition:transform .5s ease,opacity .5s ease}.auth-form-header.show{opacity:1;transform:translateX(0)}.auth-form-header h2{font-size:36px;text-align:left;white-space:pre-line}.app-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:25px}.welcome-message{color:#fff;font-size:18px;margin-bottom:100px}.auth-buttons{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.auth-form-container{background-color:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 10px #0003;height:75vh;left:0;opacity:0;padding:20px;position:absolute;right:0;transform:translateY(100%);transition:transform .5s ease,opacity .5s ease;visibility:hidden}.auth-form-container.show{opacity:1;transform:translateY(0);visibility:visible}@media (min-width:768px){.auth-container{background:linear-gradient(0deg,#638889,#9dbc98);padding:40px}.auth-form-header{bottom:150px;font-size:48px;margin-bottom:-50px;margin-left:0}.app-title{font-size:36px}.welcome-message{font-size:22px;margin-bottom:80px}.auth-buttons{flex-direction:row;gap:30px}.auth-form-container{height:60vh;padding:40px}}@media (min-width:450px) and (max-width:767px){.auth-container .auth-buttons{flex-direction:column;gap:20px;margin:0 auto;width:50%}.auth-form-header{bottom:200px;margin-bottom:-80px}.auth-form-header h2{font-size:42px;text-align:center}.auth-form-container form{margin:20px auto;padding:0 50px}}@media (min-width:768px) and (max-width:1024px){.auth-container{padding:40px}.auth-container .auth-buttons{flex-direction:column;gap:20px;margin:0 auto;width:50%}.auth-form-header{bottom:220px;margin-bottom:-80px}.auth-form-header h2{font-size:42px;text-align:center}.auth-form-container{border-radius:20px 20px 0 0;height:75vh;margin:0 auto;max-width:500px;padding:30px}.auth-form-container form{margin:0 auto;padding:0 50px}}@media (min-width:1024px){.auth-container{margin:0 auto;max-width:800px}.auth-form-header{bottom:200px}.auth-form-header h2{font-size:42px;text-align:center}.auth-container .auth-buttons{flex-direction:column;gap:20px;margin:0 auto;width:50%}.auth-form-container{height:75vh;margin:0 auto;max-width:750px;padding:50px}.auth-form-container form{margin:0 auto;padding:0 50px}}@media (min-height:1200px){.auth-form-header{bottom:350px}.auth-container .auth-buttons{flex-direction:column;gap:20px;margin:0 auto;width:50%}}.menu-container{background:var(--color-bg);box-sizing:border-box;height:100vh;max-height:calc(100vh - 60px);overflow-y:auto;padding:20px}.menu-container h1{color:var(--color-dark-cyan);font-family:Poppins,sans-serif;font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.menu-container .primary-btn.generate-menu-btn{display:block;margin-bottom:30px;margin-left:auto;margin-right:auto}.menu-days{display:flex;flex-direction:column;gap:15px}@media (min-width:768px){.menu-container{margin-left:80px;max-height:100vh;width:calc(100% - 80px)}.menu-content{margin:0 auto;max-width:500px}}@media (min-width:1024px){.menu-content{margin:0 auto;max-width:800px}}@media (min-width:450px) and (max-width:767px){.menu-content{margin:0 5%;width:90%}}.menu-day{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Poppins,sans-serif;padding:15px;transition:box-shadow .3s ease}.menu-day:hover{box-shadow:0 6px 12px #0003}.menu-day .menu-day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;position:relative}.menu-day .menu-day-header h3{color:var(--color-light-green);flex-grow:1;font-size:20px;font-weight:600}.menu-day .reroll-btn{align-items:center;background-color:initial;border:none;color:var(--color-light-green);cursor:pointer;display:flex;justify-content:center;padding:5px;width:60px}.menu-day .reroll-btn:hover{color:var(--color-dark-cyan)}.recipe-details{border-top:1px solid #ddd;padding-top:10px}.recipe-details h4{color:var(--color-dark-cyan);font-size:18px;font-weight:600}.recipe-details p{color:#333;font-size:14px;line-height:1.4;margin-top:5px}.recipe-details a p{color:var(--color-light-green);font-size:14px;font-weight:600;text-decoration:none}.recipes-container{background:var(--color-bg);box-sizing:border-box;height:100vh;max-height:calc(100vh - 60px);overflow-y:auto;padding:20px}.recipes-container h1{color:var(--color-dark-cyan);font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.recipes-container h1,.recipes-container input{font-family:Poppins,sans-serif}@media (min-width:768px){.recipes-container{margin-left:80px;max-height:100vh;width:calc(100% - 80px)}}.category-item{background:var(--color-light-green);border:2px solid var(--color-light-green);flex-direction:column;margin-bottom:20px}.category-header,.category-item{align-items:center;border-radius:5px;cursor:pointer;display:flex}.category-header{background-color:#f4f4f4;justify-content:space-between;margin-bottom:10px;padding:10px}.category-header h3{align-items:center;color:var(--color-dark-cyan);display:flex;font-weight:600;gap:10px;margin:0}.arrow{display:flex;font-size:16px;margin-left:8px;text-align:right}.category-recipes{border-radius:5px;margin-bottom:10px;padding:0 10px}.category-recipes ul{border-bottom:2px solid var(--color-white);color:#fff}.category-recipes ul li{list-style:none}.recipe-item{align-items:center;margin-bottom:10px}.recipe-info,.recipe-item{display:flex;justify-content:space-between}.recipe-info{width:100%}.recipe-item span{color:#fff;font-weight:600}.preparation-time{text-align:right;width:50%}.category-recipes-footer{margin-top:10px}.category-settings{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:10px}@media (min-width:768px){.category-list{margin:0 auto;max-width:500px}}@media (min-width:450px) and (max-width:767px){.category-list{margin:0 5%;width:90%}}@media (min-width:1024px){.category-list{margin:0 auto;max-width:800px}}.create-recipe .modal-header{padding:0 20px}.create-recipe form{padding:20px 20px 0}.create-recipe textarea{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:14px;margin-bottom:10px;padding:10px;width:100%}.create-category{margin-bottom:20px}.create-category .modal-header .modal-title{text-align:center}.create-category .modal-body form{display:flex;flex-direction:column;gap:10px;margin:0 auto;padding:0 20px}.create-category .modal-body form .modal-footer{margin:0}.modal-header{margin-bottom:20px}.modal-body a{color:var(--color-light-green);display:block;font-weight:600;text-decoration:none}.modal-body p{margin-bottom:10px}.modal-body .description{color:#333;font-size:14px}.edit-input,.edit-textarea{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;margin-bottom:10px;padding:10px;width:100%}.edit-textarea{font-family:poppins,sans-serif;height:80px}.confirmation-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:500px;padding:20px;text-align:center;width:90%}.confirmation-modal-content h4{font-size:20px;margin-bottom:10px}.confirmation-modal-actions{justify-content:space-between;margin-top:20px}.confirmation-modal-actions,.pagination{align-items:center;display:flex;gap:10px}.pagination{justify-content:center;margin-top:15px}.pagination button{background-color:var(--color-white);border:none;border-radius:25px;color:var(--color-dark-cyan);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;padding:8px 0;transition:background-color .3s ease}.pagination button:hover{background-color:var(--color-dark-cyan);color:var(--color-white)}.pagination button:disabled{background-color:#d1d1d1;cursor:not-allowed}.pagination span{color:var(--color-dark-cyan);font-weight:600;text-align:center}@media (min-width:1024px){.pagination button{max-width:150px}}
/*# sourceMappingURL=main.e85f1b8c.css.map*/