.header{background-color:#64b1db;height:90px;justify-content:space-between;padding:0 40px;width:96%}.header,.header-left{align-items:center;display:flex}.logo{height:70px;width:auto}.header-center{display:flex;gap:40px}.header-center a{color:#000;font-family:Georgia,serif;font-size:22px;text-decoration:none}.header-center a:hover{text-decoration:underline}.header-right{align-items:center;display:flex;gap:15px}.btn{border:1px solid #000;border-radius:10px;cursor:pointer;font-size:18px;padding:10px 22px;text-decoration:none}.btn.dark{background-color:#3b3b3b;border:none;color:#fff}.btn.light{background-color:initial;color:#000}.username{color:#000;font-size:18px;font-weight:500;text-decoration:none}.username:hover{text-decoration:underline}.outerContainer{justify-content:flex-start}.innerContainer{margin:10px}h1{font-size:50px}.footer,body{margin:0}.footer{background-color:#64b1db;height:80px;padding:0 40px;width:96%}p.footer{bottom:0;padding-top:20px;text-align:center}ul{list-style-type:none;margin-left:30px;margin-top:0;padding:0}li{font-family:Arial,Helvetica,sans-serif;margin-bottom:25px;margin-right:50px}a{word-wrap:break-word;color:#000;font-size:28px;font-weight:200;text-decoration:none}a:hover{color:#877b60;text-decoration:underline}.userName{background-color:#f4f0ed;bottom:0;color:#877b60;justify-content:center;min-width:300px;position:fixed;text-align:center}.about-page{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding:80px 120px}.about-top{align-items:flex-start;display:grid;grid-template-columns:320px 1fr;margin-bottom:60px}.about-image img{display:block;height:auto;object-fit:cover;width:80%}.about-intro p{font-size:22px;max-width:1000px}.about-intro h2{color:#000;font-family:Georgia,Times New Roman,serif;font-size:40px;margin-bottom:20px}.about-intro p{font-size:30px;line-height:1.6;max-width:700px}.about-content,.about-intro p{color:#000;font-family:Georgia,Times New Roman,serif;text-align:justify}.about-content{font-size:22px;max-width:1000px;text-justify:inter-word}.about-content,.about-content p{line-height:1.7;margin-bottom:28px}.about-content p{color:#000;font-family:Georgia,Times New Roman,serif;font-size:30px}.about-version-link{margin-top:40px;text-align:center}.about-version-link a{color:#64b1db;font-family:Georgia,Times New Roman,serif;font-size:18px;text-decoration:underline}.about-version-link a:hover{color:#3b8fbf}@media (max-width:1000px){.about-page{padding:60px 40px}.about-top{grid-template-columns:1fr;row-gap:40px}.about-intro h2{font-size:32px;text-align:center}.about-content p,.about-intro p{font-size:20px}.about-intro p{margin:0 auto;text-align:center}.about-content p,.about-intro p{text-align:left}}.home-hero{align-items:center;background-color:#f5f2ea;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:calc(100vh - 90px);position:relative}.hero-content{max-width:800px;padding:40px;position:relative;text-align:center;z-index:2}.hero-title{font-size:72px;font-weight:700;margin-bottom:20px}.hero-tagline,.hero-title{color:#000;font-family:Georgia,Times New Roman,serif}.hero-tagline{font-size:36px;margin-bottom:40px}.hero-tagline span{font-style:italic}.hero-overlay{inset:0;position:absolute;z-index:1}.hero-button{background-color:#355f73;border-radius:10px;color:#fff;display:inline-block;font-size:20px;font-weight:500;padding:14px 60px;text-decoration:none;transition:background-color .2s ease}.hero-button:hover{background-color:#2c4f60}.why-section{background-color:#f5f2ea;padding:80px 0 120px}.why-animate{opacity:0;text-align:left;transform:translateX(-120px);transition:all .8s ease-out}.why-animate.slide-in{opacity:1;transform:translateX(0)}.why-banner{background-color:#355f73;margin:0 auto 60px 0;padding:40px;width:80%}.why-banner h2{color:#ff9b7c;font-family:Georgia,Times New Roman,serif;font-size:64px;margin:0}.why-content{margin-left:40px;max-width:900px}.why-content p{color:#000;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.6}.find-section{background-color:#ffc247;padding:100px 40px;text-align:center}.find-title{color:#000;font-family:Georgia,Times New Roman,serif;font-size:56px;margin-bottom:80px}.find-icons{display:flex;flex-wrap:wrap;gap:60px;justify-content:center}.find-item{flex-direction:column}.find-item,.icon-circle{align-items:center;display:flex}.icon-circle{background-color:#fff;border:5px solid #000;border-radius:50%;height:140px;justify-content:center;margin-bottom:20px;width:140px}.icon-circle img{height:60%;object-fit:contain;width:60%}.find-item p{color:#000;font-family:Georgia,Times New Roman,serif;font-size:22px;margin:0}.levels-section{background-color:#f4f0ed;display:flex;justify-content:flex-end;padding:140px 40px}.levels-animate{max-width:1000px;opacity:0;text-align:right;transform:translateX(120px);transition:all .8s ease-out}.levels-animate.slide-in{opacity:1;transform:translateX(0)}.levels-title{font-size:64px;margin-bottom:40px}.levels-text,.levels-title{color:#000;font-family:Georgia,Times New Roman,serif}.levels-text{font-size:26px;line-height:1.7;margin-left:auto;max-width:900px}.look-section{background-color:#355f73;overflow:hidden;padding:100px 40px;position:relative}.look-animate{opacity:0;transform:translateY(60px);transition:all .8s ease-out}.look-animate.slide-in{opacity:1;transform:translateY(0)}.look-title{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:64px;margin-bottom:80px;text-align:center}.look-cards{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.look-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;padding:20px;text-align:left;width:300px}.look-card img{border-radius:8px;margin-bottom:16px;transition:transform .3s ease;width:100%}.look-card:hover img{transform:scale(1.07)}.look-card h3{font-family:Georgia,Times New Roman,serif;font-size:22px;margin-bottom:10px}.look-card h3 span{color:#ff6f4e}.look-card p{color:#555;font-size:16px}.cta-section{background-color:#ff9b87;padding:120px 80px}.cta-animate{align-items:center;display:flex;justify-content:space-between}.cta-text{transform:translateX(-120px)}.cta-logo,.cta-text{opacity:0;transition:all .8s ease-out}.cta-logo{transform:translateX(120px)}.cta-animate.slide-in .cta-logo,.cta-animate.slide-in .cta-text{opacity:1;transform:translateX(0)}.cta-text{max-width:600px}.cta-text h2{color:#000;font-family:Georgia,Times New Roman,serif;font-size:64px;margin-bottom:40px}.cta-text p{color:#000;font-size:20px;margin-bottom:20px}.cta-button{background-color:#355f73;border-radius:10px;color:#fff;display:inline-block;font-size:20px;font-weight:500;padding:14px 60px;text-decoration:none;transition:background-color .2s ease}.cta-button:hover{background-color:#2c4f60}.cta-logo img{max-width:100%;width:260px}@media (max-width:768px){.hero-title{font-size:52px}.hero-tagline{font-size:26px}.levels-title,.look-title,.why-banner h2{font-size:42px}.levels-text,.why-content p{font-size:20px}.find-title{font-size:36px}.icon-circle{height:100px;width:100px}.find-item p{font-size:18px}.levels-animate,.why-animate{text-align:center}.levels-text,.why-banner,.why-content{margin:0 auto}.look-card{width:90%}.cta-section{padding:80px 40px}.cta-animate{flex-direction:column;gap:40px;text-align:center}.cta-text h2{font-size:42px}.cta-logo img{width:200px}}.loginContainer{background-color:#f4f0ed;height:100vh}.login-form,.loginContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.login-form{gap:10px}.login-form label{font-weight:700}.login-form input{border:1px solid #ccc;border-radius:5px;padding:5px;width:350px}.login-button{background-color:#f7b27d;border:none;border-radius:10px;cursor:pointer;font-size:20px;padding:10px 30px;width:-webkit-fit-content;width:fit-content}.login-button:hover{background-color:#ffd5b6}.errmsg{margin-bottom:.5rem;padding:.5rem}.RecipeForm-Container{display:flex;justify-content:flex-start}input{font-size:22px}.ingrediants-quantity-textarea,.instructions-textarea{font-size:20px;min-height:200px;min-width:300px}.upc-textarea{min-height:200px}.cost-textarea,.upc-textarea{font-size:20px;max-width:175px}.cost-textarea{max-height:28px}.outerContainer{background-color:#e9e4da;width:100%}.innerContainer{padding:50px 0}.recipe-grid{align-items:center;display:flex;flex-direction:column;gap:90px;margin-left:-100px;max-width:722px;width:1500px}.recipe-card{background-color:#f3f1ec;border-radius:84px;box-shadow:0 6px 18px #00000014;flex-shrink:0;overflow:hidden;padding-bottom:40px;width:800px}.recipe-card img{display:block;height:350px;object-fit:cover;width:100%}.card-content{padding:10px 0}.card-content h2{color:#333;font-size:36px;margin-bottom:20px}.time{color:#333;font-size:20px;margin-bottom:25px}.description{color:#666;font-size:20px;line-height:1.6;max-width:800px}.cook-btn{background-color:#5ea3c5;border:none;border-radius:10px;color:#000;cursor:pointer;float:right;font-size:18px;margin-top:30px;padding:14px 28px}.cook-btn:hover{background-color:#4a8cad;color:#fff}.card-content:after{clear:both;content:"";display:block}.user-container{display:flex;justify-content:flex-start}form{display:flex;flex-direction:column;margin:10px 10px 100px}.EditRecipe-Container{display:flex;justify-content:flex-start}label{font-size:25px;font-weight:700;margin-top:5px}.sub-label{color:#4b3286;font-size:20px;width:-webkit-fit-content;width:fit-content}select,textarea{display:flex;display:block;flex-direction:column;font-size:15px;width:50%}input,select,textarea{border-radius:5px;margin-bottom:10px;margin-right:10px;margin-top:10px}input{font-size:20px}.submit{background-color:#f7b27d;border:none;border-radius:10px;cursor:pointer;padding:8px 16px;width:100px}.submit:hover{background-color:#ffd5b6}.success-banner{background-color:#4caf50;border-radius:5px;color:#fff;margin-bottom:20px;padding:10px}.recipe-interaction{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem}.interaction-buttons{align-items:center;display:flex;gap:1rem}.cart-button,.like-button{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.cart-button:hover,.like-button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.like-button.liked{background-color:#ff6b6b;border-color:#ff6b6b;color:#fff}.cart-button.in-cart{background-color:#4ecdc4;border-color:#4ecdc4;color:#fff}.cart-button:disabled,.like-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.cart-icon,.heart-icon{font-size:1.2rem}.cart-count,.like-count{font-weight:700;min-width:1.5rem;text-align:center}.rating-section{display:flex;flex-direction:column;gap:.5rem}.rating-section label{color:#333;font-weight:700}.star-rating{display:flex;gap:.25rem}.star{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:0;transition:transform .1s ease}.star:hover{transform:scale(1.1)}.star.filled{filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}.star:disabled{cursor:not-allowed;opacity:.6}.user-rating{color:#666;font-style:italic}@media (max-width:768px){.recipe-interaction{padding:.75rem}.interaction-buttons{flex-direction:column;gap:.5rem}.cart-button,.like-button{justify-content:center;width:100%}.star-rating{justify-content:center}}.recipe-container{display:flex;justify-content:flex-start}.container{margin:30px 70px 10px}p{font-size:24px}h1,p{border-radius:5px;margin-bottom:10px;margin-right:10px;margin-top:10px}h1{font-size:40px}.edit{background-color:#f7b27d;border:none;border-radius:10px;cursor:pointer;font-size:20px;margin-top:50px;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.edit:hover{background-color:#ffd5b6}.download-xml{background-color:#4a90e2;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;margin-right:20px;margin-top:50px;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.download-xml:hover{background-color:#6ba3e9}.button-container{display:flex;margin-bottom:50px}.approved{background-color:#3aac3a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:30;margin-top:10px;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.approved:hover{background-color:#78dc78;color:#000}.declined{background-color:#e24646;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:30;margin-left:20px;margin-top:10px;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.declined:hover{background-color:#ff8a8a;color:#000}.delete-recipe{background-color:#b91c1c;border:2px solid #7f1d1d;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;margin-left:20px;margin-top:10px;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.delete-recipe:hover{background-color:#dc2626;color:#fff}.change{font-size:28px;margin-top:50px}.info-header{font-weight:700}.info-details{background-color:#efebe7;padding:10px}.allStudents-Container{display:flex;justify-content:flex-start}.container{display:flex;flex-direction:column;margin:10px;width:100%}#students,#title,h1{text-align:center}#students{border:3px solid #000;border-collapse:collapse;width:100%}#students td,#students th{border:1px solid #000;padding:8px}#students tr:nth-child(2n){background-color:#f2f2f2}#students th{background-color:#efebe7;color:#000;padding-bottom:12px;padding-top:12px;text-align:center}.manage-button{background-color:#9fa186;border:none;border-radius:5px;cursor:pointer;font-size:20px;margin-top:50px;padding:10px 30px;text-align:center;width:-webkit-fit-content;width:fit-content}.manage-button:hover{background-color:#b7b9a4;color:#000;text-decoration:none}.studentTable{font-size:24px}.userProfile-container{background-color:#f9f9f9;border:2px solid #ccc;border-radius:10px;display:flex;flex-direction:column;font-size:18px;margin:10px auto 0;padding:30px;width:80%}.userProfile-container h2{margin-bottom:20px;text-align:center}.userProfile-info p{font-weight:500;line-height:1.6;margin:10px 0}.userProfile-label{color:#333;font-weight:700}.back-button{align-self:center;background-color:#9fa186;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:30px;padding:10px 30px;text-decoration:none}.back-button:hover{background-color:#b7b9a4;color:#000}.outerContainer{min-height:100vh}.innerContainer{flex:1 1}body,html{height:100%;margin-bottom:0}.pageWrapper{display:flex;flex-direction:column;min-height:100vh}.outerContainer{flex:1 1}.innerContainer,.outerContainer{align-items:center;display:flex;flex-direction:column}.innerContainer{width:100%}.form{align-items:center;gap:15px}.form,.form-group{display:flex;flex-direction:column;width:100%}.form-group{max-width:500px}label{font-weight:500;margin-bottom:5px}input[type=email],input[type=password],input[type=text]{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}input[type=checkbox]{margin-right:8px}.button{background-color:#f7b27d;border:none;border-radius:6px;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 25px}.button:hover:not(:disabled){background-color:#ffd5b6}.button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.view-all-button{background-color:#9fa186;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:18px;margin-top:40px;padding:10px 25px;text-decoration:none}.view-all-button:hover{background-color:#b7b9a4;color:#000;text-decoration:none}.errmsg{background-color:#cc4242}.errmsg,.successmsg{border-radius:5px;color:#fff;font-size:16px;font-weight:700;margin-top:10px;max-width:500px;padding:8px;text-align:center;width:100%}.successmsg{background-color:#4caf50}.offscreen{left:-9999px;position:absolute}.modal-overlay{align-items:center;background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 0 15px #00000040;max-width:90%;padding:30px;width:450px}@media (max-width:768px){.form-group{max-width:100%}.view-all-button{text-align:center;width:100%}}.user-favorites-container{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.user-favorites-container h1{color:#333;font-size:2.5rem;margin-bottom:2rem;text-align:center}.tab-navigation{border-bottom:2px solid #e0e0e0;display:flex;justify-content:center;margin-bottom:2rem}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1.1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.tab-button:hover{background-color:#f5f5f5;color:#333}.tab-button.active{background-color:#f0f9f8;border-bottom-color:#4ecdc4;color:#4ecdc4}.content-area{min-height:400px}.liked-recipes h2,.shopping-cart h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.recipe-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1rem}.recipe-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.recipe-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.recipe-info h3{color:#333;margin:0 0 .5rem}.recipe-info h3 a{color:#4ecdc4;text-decoration:none;transition:color .2s ease}.recipe-info h3 a:hover{color:#45b7b8;text-decoration:underline}.interaction-type{color:#666}.interaction-type,.user-rating{font-size:.9rem;font-weight:500;margin:.5rem 0}.user-rating{color:#ff6b6b}.date-added{color:#999;font-size:.8rem;margin:.5rem 0}.recipe-actions{border-top:1px solid #f0f0f0;display:flex;gap:1rem;margin-top:1rem;padding-top:1rem}.view-button{background-color:#4ecdc4;border-radius:4px;color:#fff;flex:1 1;font-weight:500;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:background-color .2s ease}.view-button:hover{background-color:#45b7b8}.remove-button{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.remove-button:hover{background-color:#ff5252}.empty-state{color:#666;padding:3rem;text-align:center}.empty-state p{font-size:1.2rem;margin-bottom:1.5rem}.browse-button{background-color:#4ecdc4;border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.browse-button:hover{background-color:#45b7b8}.loading-container{color:#666;padding:3rem;text-align:center}.loading-container h2{font-size:1.5rem}@media (max-width:768px){.user-favorites-container{padding:1rem}.user-favorites-container h1{font-size:2rem}.tab-navigation{flex-direction:column}.tab-button{border-bottom:1px solid #e0e0e0;border-radius:0}.tab-button.active{border-bottom-color:#4ecdc4}.recipe-grid{gap:1rem;grid-template-columns:1fr}.recipe-actions{flex-direction:column}}#recipes{border:3px solid #000;border-collapse:collapse;font-size:24px;text-align:center;width:100%}#recipes td,#recipes th{border:1px solid #000;padding:8px}#recipes tr:nth-child(2n){background-color:#f2f2f2}#recipes tr:hover{background-color:#ddd}#recipes th{background-color:#efebe7;color:#000;padding-bottom:12px;padding-top:12px;text-align:center}.search-container{display:flex;margin-top:20px}.search{background-color:#bdbdbd;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:30;margin:10px 0;padding:2px 14px;width:-webkit-fit-content;width:fit-content}.noMatch{border-radius:5px;color:#e05757;margin-bottom:20px;padding:10px}.prev-button{margin:10px 0 10px 10px}.next-button,.prev-button{background-color:#6f6f6f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:30;padding:2px 14px;width:-webkit-fit-content;width:fit-content}.next-button{margin:10px}.pagination{align-content:center}.version-page{align-items:center;background-color:#fff;display:flex;flex-direction:column;min-height:60vh;padding:80px 120px}.version-title{color:#000;font-family:Georgia,Times New Roman,serif;font-size:40px;margin-bottom:40px}.version-table{border-collapse:collapse;min-width:320px}.version-table tr+tr td{padding-top:18px}.version-label{color:#555;font-family:Georgia,Times New Roman,serif;font-size:20px;vertical-align:top;width:120px}.version-value{color:#000;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:600;padding-left:24px}@media (max-width:700px){.version-page{padding:60px 20px}.version-title{font-size:30px}}
/*# sourceMappingURL=main.3c3d1c0e.css.map*/