@charset "UTF-8";@font-face{font-family:Cinzel;src:url(/assets/Cinzel-Medium-CXoH6c3e.ttf) format("truetype")}body{font-family:Inter,sans-serif;line-height:1.6;font-size:16px;color:#5e4a6d}.title-large{font-size:120px;line-height:150px;letter-spacing:-.32px}.title-small{font-size:96px;line-height:120px;letter-spacing:-.32px}.heading-huge{font-size:72px;line-height:90px;letter-spacing:-.32px}.heading-extra-large{font-size:60px;line-height:72px;letter-spacing:-.32px}.heading-large{font-size:48px;line-height:60px;letter-spacing:-.32px}.heading-medium{font-size:36px;line-height:44px;letter-spacing:-.72px}.heading-small{font-size:30px;line-height:38px;letter-spacing:0}.heading-extra-small{font-size:24px;line-height:32px;letter-spacing:0}.body-extra-large{font-size:20px;line-height:30px;letter-spacing:0}.body-large{font-size:18px;line-height:28px;letter-spacing:0}.body-medium{font-size:16px;line-height:24px;letter-spacing:0}.body-small{font-size:14px;line-height:20px;letter-spacing:0}.body-extra-small{font-size:12px;line-height:18px;letter-spacing:0}.body-tiny{font-size:10px;line-height:16px;letter-spacing:0}.bold{font-weight:700}.medium-font-weight{font-weight:600}.font-weight-normal{font-weight:500}.font-weight-semi-normal{font-weight:400}.page-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#e8f1ff5e}.main-content{margin-top:0;margin-left:250px;flex:1;overflow-y:auto}@media (max-width: 768px){.main-content{margin-left:0;margin-top:0;padding:2px}}p{margin:0}.largeButton,.mediumButton,.smallButton,.xlargeButton{max-height:20px}.largeButton.removeButton,.mediumButton.removeButton,.smallButton.removeButton,.xlargeButton.removeButton{width:25px;height:35px!important}.largeButton.xlargeButton,.mediumButton.xlargeButton,.smallButton.xlargeButton,.xlargeButton.xlargeButton{width:120px}.largeButton.largeButton,.mediumButton.largeButton,.smallButton.largeButton,.xlargeButton.largeButton{width:80px}.largeButton.mediumButton,.mediumButton.mediumButton,.smallButton.mediumButton,.xlargeButton.mediumButton{width:50px}.largeButton.smallButton,.mediumButton.smallButton,.smallButton.smallButton,.xlargeButton.smallButton{width:45px}.innerButton{line-height:29px}.mainBtn{position:relative;padding:6px 16px;border-radius:8px;box-shadow:0 2px 0 1px #676e7629;min-height:22px;max-height:32px;display:flex;justify-content:center}.mainBtn img{margin-left:auto;width:18px}.mainBtn.not_allowed{color:#333;cursor:not-allowed;background-color:#e9e9e9}.mainBtn.primary-btn{background-color:#07314c;color:#f2ffff;cursor:pointer;padding:8px 12px;border-radius:5px;font-weight:700;box-shadow:0 3px 6px #0000001a}.mainBtn.primary-btn:hover{background-color:#0a3a99}.cancel{margin-right:12px;margin-left:12px}.closeButton{width:20px}.reset-btn{margin:30px auto}.home-button{margin-top:20px;cursor:pointer}.icon-position img{margin-left:12px;width:13px}.pointer{cursor:pointer}.ok-green-btn{display:flex;height:40px;padding:5px 8px;align-items:center;gap:10px;background:#8faadf;box-shadow:0 1px 1px #0000001f,0 0 0 1px #676e7629,0 2px 5px #676e7614;border:#396c35}div.options{background-color:#fff;position:absolute;max-width:100px;width:100%;top:44px;right:0;z-index:2;border:1px solid #fff;border-radius:10px;box-shadow:0 5px 15px #0000001f,0 15px 35px #676e7614}@media (max-width: 490px){.mainBtn{padding:4px 12px;border-radius:6px;min-height:28px;max-height:30px}.largeButton,.mediumButton,.smallButton,.xlargeButton{max-height:18px}.largeButton.xlargeButton,.mediumButton.xlargeButton,.smallButton.xlargeButton,.xlargeButton.xlargeButton{width:100px}.largeButton.largeButton,.mediumButton.largeButton,.smallButton.largeButton,.xlargeButton.largeButton{width:120px}.largeButton.mediumButton,.mediumButton.mediumButton,.smallButton.mediumButton,.xlargeButton.mediumButton{width:45px}.largeButton.smallButton,.mediumButton.smallButton,.smallButton.smallButton,.xlargeButton.smallButton{width:30px}.innerButton{line-height:30px;font-size:.9rem}div.options{top:36px;max-width:90px;width:90%;right:5px;border-radius:8px;box-shadow:0 4px 12px #0000001a,0 12px 28px #676e7612}.optionitem{padding:1px 16px;margin:8px 0;font-size:.85rem;height:24px}}@font-face{font-family:Cinzel;src:url(/assets/Cinzel-Medium-CXoH6c3e.ttf) format("truetype")}.card-blue{background:linear-gradient(to right,#0660ba,#599e97)}.card-blue-circle{background:linear-gradient(to right,#b8efad,#16f350)}.card-purple,.card-purple-circle{background:linear-gradient(to right,#e5fafb,#07314c)}.card-orange{background:linear-gradient(to right,#f4c383,#eb9546)}.card-orange-circle{background:linear-gradient(to right,#edc593,#df9a62)}.page{display:flex;justify-content:left;align-items:center;height:100vh;background-image:url(/assets/login3-DaeX9wng.jpeg);margin-left:110px;background-position:right;background-repeat:no-repeat;background-attachment:fixed}.page .logo{height:10em;position:relative;align-items:center;display:flex;justify-items:center;justify-content:center}.page .logo img{height:100%}.page .login-form{background-color:#f0f0f075;color:#333;box-shadow:0 4px 8px #0003;border:.1em solid transparent;max-width:440px;border-radius:10px;padding:25px 30px;margin-top:50px;width:80%}.page .login-form h2{color:#3d3336;font-weight:600;font-size:1.5rem;text-align:center;margin-bottom:20px}.page .login-form .form-link{color:#599e97;font-weight:500;text-decoration:none;transition:color .2s ease}.page .login-form .form-link:hover,.page .login-form .form-link:focus{text-decoration:underline}.page .login-form .field{margin-bottom:1em}.page .login-form .field:focus,.page .login-form .field:focus-visible{outline:none!important;box-shadow:none!important;border:.1em solid #599e97}.page .login-form .login-btn{background:#fcad22;color:#fff}.page .submit-btn{margin:3px auto;color:#fff;box-shadow:0 4px 8px #0000001a!important}.background:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0006}@media (max-width: 490px){.page{padding:1rem;background-size:cover;background-position:center;justify-content:flex-start}.page .logo{height:8em;width:5em;align-items:center;display:flex;justify-content:center;justify-items:center;margin:0 auto}.page .logo img{width:80%;height:auto}.page .login-form{width:90%;padding:1.2em;max-width:100%;box-shadow:0 .3em .8em #0000001a}.page .login-form h2{font-size:1.3rem;margin-bottom:1rem}.page .login-form .field{margin-bottom:.8em}}.page-not{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#333;width:450px;margin:0 auto}.page-not p,.page-not img,.page-not a{opacity:0;transform:translateY(50px);animation:slideUp 1s ease-out forwards}.page-not p{font-size:2rem;font-weight:500;margin-bottom:1rem;animation-delay:.2s}.page-not img{width:100%;height:auto;margin:1.5rem 0;animation-delay:.4s}.page-not a{text-decoration:none;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:600;color:#fff;background-color:#007bff;border-radius:5px;box-shadow:0 4px 8px #007bff33;transition:all .3s ease-in-out;animation-delay:.6s}.page-not a:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 6px 12px #007bff4d}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}nav{display:flex;justify-content:space-between;position:fixed;top:0;left:0;width:100%;max-height:45px;background-color:#07314c;z-index:101}nav ul{display:flex;justify-content:space-between;gap:20px}nav .logo{width:80px}nav .logo .logo-image{max-height:45px;width:100%}nav .menu{display:flex;gap:10px;margin-right:10px}nav .signup,nav .login{background-color:#f3faff;min-width:80px;height:40px;text-align:center;border-radius:3px;line-height:30px}@media (max-width: 490px){nav{display:none}}.sidebar{position:fixed;left:0;width:100%;max-width:250px;height:100vh;background-color:#06314c;overflow-y:auto;z-index:10;padding:8px 5px;font-family:Arial,sans-serif;color:#f7e7e6d4;transition:transform .3s ease}.sidebar-list{list-style:none;padding:0;margin:120px 0}.sidebar-list h3{font-size:14px;color:#f7e7e6d4;margin:20px 0 10px;text-transform:uppercase}.sidebar .menu-item{display:flex;align-items:center;padding:12px 10px;background-color:#fff;box-shadow:0 4px 10px #0000001a;color:#5e4a6d;text-decoration:none;border-radius:3px;margin-bottom:5px;transition:background-color .3s ease}.sidebar-list li a{color:#5e4a6d;text-decoration:none;flex-grow:1;display:flex;align-items:center;gap:8px}.sidebar-list li span{flex-grow:1}.sidebar-list li:hover{background-color:#fff4c3;box-shadow:0 8px 20px #00000026}.icon{color:#06314c}.re-nav{width:110px;height:30px}.re-nav img{width:100%}.sidebar-toggle-btn{display:none}@media (max-width: 768px){.sidebar-toggle-btn{position:fixed;top:10px;left:10px;z-index:20;background-color:#0d2538;color:#fff;border:none;width:50px;height:50px;border-radius:5px;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center}.sidebar{top:62px;max-width:100%;width:100%;height:auto;transform:translateY(-100%);transition:transform .3s ease-in-out}.sidebar-list{width:99%}.sidebar.open{transform:translateY(0)}.sidebar.closed{transform:translateY(-100%)}}.inputContainer{display:flex;flex-direction:column;gap:4px}.inputContainer p{margin-left:24px;margin-top:5px}.inputContainer label{font-weight:700;color:#555;margin-bottom:8px}.inputContainer .inputField{display:flex;height:45px;padding:1px 0 1px 14px;margin:8px 0;align-items:center;gap:5px;border-radius:7px;transition:box-shadow .3s,border-color .3s}.inputContainer .inputField.xlargeInput{width:880px}.inputContainer .inputField.largeInput{width:420px}.inputContainer .inputField.mediumInput{width:280px}.inputContainer .inputField.smallInput{width:120px}.inputContainer textarea,.inputContainer input{border:none;min-height:45px;margin-left:11px;width:100%;font-size:16px;font-weight:700;box-sizing:border-box;color:#333;background:linear-gradient(180deg,#fff,#f9f9f9);padding:10px 15px;border:1px solid #d3d8f0;border-radius:5px;font-size:1em;color:#072763;box-shadow:0 2px 4px #0000001a;transition:border-color .3s ease}.inputContainer textarea:focus,.inputContainer input:focus{border:1px solid #072763}.inputContainer textarea:focus,.inputContainer input:focus{outline:none}.inputContainer input::placeholder{color:#5e4a6d}.inputContainer .passwordToggleIcon{cursor:pointer}.inputContainer .passwordToggleIcon.hidden{display:none}.inputContainer .passwordToggleIcon.visible{display:inline-block}@media (max-width: 490px){.inputContainer{gap:2px}.inputContainer label{font-size:.9rem;margin-bottom:6px}.inputContainer .inputField{height:40px;padding-left:10px;margin:6px 0;width:100%}.inputContainer .inputField.xlargeInput,.inputContainer .inputField.largeInput,.inputContainer .inputField.mediumInput,.inputContainer .inputField.smallInput{width:100%}.inputContainer input,.inputContainer textarea{min-height:36px;padding:2px;font-size:.9rem;border-radius:4px}}body{margin:0}#home-container{display:flex;background:#07314c;justify-content:left;align-items:center;height:100vh;background-image:url(/assets/login3-DaeX9wng.jpeg);padding-left:110px;background-position:right;background-repeat:no-repeat;background-attachment:fixed;padding:3rem 2rem;font-family:Arial,sans-serif}#home-container .hero-section{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:2rem 0}#home-container .hero-section .hero-text{max-width:90%;display:flex;flex-direction:column;gap:20px;margin-top:40px}#home-container .hero-section .hero-text h1{color:#feffc6;font-size:3rem;font-weight:700;line-height:1.2;margin:0}#home-container .hero-section .hero-text h1 .highlight{background-color:#f4d3c3;padding:.1rem .3rem;color:#fff;border-radius:5px}#home-container .hero-section .hero-text p{color:#d7e3f3}#home-container .hero-section .hero-text .subtitle{font-size:1rem;margin:1rem 0}#home-container .hero-section .hero-text .hero-buttons{display:flex;flex-direction:column;align-items:start;margin-top:1rem}#home-container .hero-section .hero-text .learn-more{color:#fff;margin:2rem;font-size:.9rem}#home-container .hero-section .hero-text .metrics{display:flex;gap:2rem;margin-top:2rem;font-size:1rem;color:#feffc6}#home-container .hero-section .hero-text .metrics div{font-size:1.2rem;display:flex;flex-direction:column;align-items:center}#home-container .hero-section .hero-text .metrics div strong{font-size:1.4rem;font-weight:700;color:#f6f2d4}#home-container .hero-section .hero-text .metrics div span{color:#d7e3f3}#home-container .hero-section .hero-image{max-width:40%}#home-container .hero-section .hero-image img{width:100%;border-radius:10px}#home-container a{text-decoration:none}#home-container .button-animation{position:relative;display:inline-block;padding:20px 30px;color:#f68b59;text-transform:uppercase;overflow:hidden;letter-spacing:4px;transition:.5s}#home-container .button-animation span{position:absolute;display:block}#home-container .button-animation span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#f68b59);animation:btn-anim1 1s linear infinite}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}#home-container .button-animation span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#f68b59);animation:btn-anim2 1s linear infinite;animation-delay:.25s}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}#home-container .button-animation span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#f68b59);animation:btn-anim3 1s linear infinite;animation-delay:.5s}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}#home-container .button-animation span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#f68b59);animation:btn-anim4 1s linear infinite;animation-delay:.75s}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}#home-container .button-animation:hover{background-color:#f68b59;color:#fff;border-radius:5px;box-shadow:0 0 5px #f68b59,0 0 25px #f68b59,0 0 50px #03e9f4,0 0 100px #f68b59}@media (max-width: 490px){#home-container{padding:1rem;background-image:none}#home-container .hero-section{flex-direction:column;align-items:center;padding:1.5rem 0}#home-container .hero-section .hero-text{max-width:90%;text-align:center;margin-top:0;gap:50px}#home-container .hero-section .hero-text h1{font-size:2rem}#home-container .hero-section .hero-text .subtitle{font-size:.9rem}#home-container .hero-section .hero-text .hero-buttons{flex-direction:column;align-items:center;gap:30px}#home-container .hero-section .hero-text .hero-buttons .get-started{padding:.5rem 1.2rem}#home-container .hero-section .hero-text .learn-more{color:#fff;margin-top:1rem;font-size:.9rem}#home-container .hero-section .hero-text .metrics{display:none}#home-container .hero-section .hero-text .metrics div{width:33%;font-size:1rem}#home-container .hero-section .hero-text .metrics div strong{font-size:1.2rem}#home-container .hero-section .hero-image{max-width:80%}}#recipes-container{background:#fbf7e5a3;height:100vh;display:flex;margin:0 auto;flex-direction:column}#recipes-container .content-countainer{display:flex}#recipes-container .content-countainer a{text-decoration:none}#recipes-container .content-countainer img{width:33%}#recipes-container .content-countainer .recipe-area{display:flex;flex-wrap:wrap;justify-content:center;margin:auto}#recipes-container .content-countainer .recipe-area .card-container{display:flex;max-height:90px;min-height:50px;margin:10px 5px 3rem;border-radius:10px;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}#recipes-container .content-countainer .recipe-area .card-container:hover{transform:scale(1.05);box-shadow:0 8px 16px #0000004d}#recipes-container .content-countainer .recipe-area .card-container a{display:flex;gap:10px;width:100%;height:100%;color:#fff;flex-direction:row}#recipes-container .content-countainer .recipe-area .card-container a .card-image-wrapper{width:45%;display:flex;justify-content:center;position:relative;align-items:center}#recipes-container .content-countainer .recipe-area .card-container a .card-image-wrapper img{width:95%;height:95%;border-radius:100%}#recipes-container .content-countainer .recipe-area .card-container a .card-content{width:60%}#recipes-container .content-countainer .recipe-area .card-container a .card-content .fav-icon{margin:3px 4px auto auto;top:3px;right:5px;width:20px}#recipes-container .content-countainer .recipe-area .card-container a .card-content .fav-icon img{width:90%}#recipes-container .content-countainer .recipe-area .card-container a .card-content .card-title{color:#fff;text-align:center;text-decoration:none}#recipes-container .content-countainer .recipe-area .card-container a .card-content .card-title p{color:#fff;font-weight:700;text-decoration:none}.card{padding:1rem;margin:10px;color:#000;width:300px;height:150px;justify-content:center;align-items:center;box-shadow:inset 0 2px 4px #0003;display:flex;flex-direction:column;border-radius:20px;position:relative;overflow:hidden}.card__header{display:flex;justify-content:space-between;align-items:center;padding:20px;width:100%;color:#fff}.card__header h2{margin:0;font-size:24px}.card__body{display:flex;justify-content:space-around;align-items:center;padding:20px;width:100%}.card .ranking-badge{width:315px;height:490px;box-shadow:inset 0 2px 4px #0003;border-radius:100%;position:absolute;bottom:-290px;right:-190px;display:flex;align-items:center;justify-content:center;color:#000;font-size:2em;opacity:.5}.card .ranking-badge-orange{background:linear-gradient(to right,#edc593,#df9a62)}@media (max-width: 490px){.girlChef{display:none}}#searchbar{display:flex;margin:0 auto}#recipe-form{width:100%;margin:0 auto;padding:2rem;background-color:#fef5f24a;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column}#recipe-form h2{text-align:center;color:#333}#recipe-form form{display:flex;flex-direction:column;gap:1.5rem}#recipe-form .form-container{display:flex;flex-direction:row;gap:10px}#recipe-form .form-container .left-side,#recipe-form .form-container .right-side{width:45%}#recipe-form .nutrition{display:flex;flex-wrap:wrap;flex-direction:row;gap:1rem;color:#5e4a6d;border:1px solid #ddd;background-color:#eaf7f8;border-radius:10px;padding:1rem;box-shadow:0 2px 8px #0000000d}#recipe-form .nutrition legend{font-weight:700;color:#333;margin-bottom:.5rem}#recipe-form .nutrition label{display:flex;flex-direction:column;font-size:.9rem}#recipe-form .nutrition .button-section{display:flex;gap:5px}#recipe-form .nutrition .button-section p{padding-top:5px}#recipe-form .main-section{display:flex;flex-direction:column;gap:.5rem}#recipe-form .main-section .input{display:flex;gap:.5rem;margin:0 auto;flex-direction:column}#recipe-form .main-section .input input{flex:1}#recipe-form .main-section .list{padding:0;margin-left:20px}#recipe-form .main-section .list li{display:flex;justify-content:space-between;gap:40px;padding:6px 1px;border-bottom:1px solid #eaf7f8;margin-bottom:.5rem}#recipe-form .submit-btn{background-color:#072763;color:#fff;padding:12px 20px;border-radius:8px;font-size:1em;font-weight:700;cursor:pointer;width:100%;max-width:200px;margin:20px auto 0}#recipe-form .submit-btn:hover{background-color:#0a3a99}#recipe-form .customButtonStyle{background-color:#072763;color:#fff;padding:10px 20px;border-radius:5px;border:none;cursor:pointer;font-size:16px;transition:background-color .3s ease}#recipe-form .customButtonStyle:hover{background-color:#0a3a99}.rating-area{display:flex;flex-direction:column;gap:10px}.dragging{opacity:.5}.drag-over{border-top:2px dashed #000}.mouse-image{margin:30px auto;width:400px}.mouse-image img{width:100%}@media (max-width: 490px){#recipe-form{padding:1rem}.form-container{flex-direction:column!important;gap:1rem}.left-side,.right-side{width:90%!important}.submit-btn,.customButtonStyle{width:100%;padding:12px;font-size:1rem}.form-container img{width:80px;height:auto;margin:5px auto;display:block}.nutrition{padding:.5rem;font-size:.9rem}.inputField,.textareaContainer,.inputField input,.textareaContainer textarea{width:100%}.main-section .list li{padding:8px 10px;font-size:.9rem}}.country{margin-left:20px;width:420px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-bottomtotop{position:fixed;bottom:0;width:100vw;height:100vh;background:#fff;display:flex;align-items:flex-end;animation:slideInBottom .3s ease-out;z-index:101}.modal-content-recipe{position:relative;background:#fff;padding:20px;box-shadow:0 4px 10px #0000004d;width:100%;max-height:90vh;overflow-y:auto;border-radius:8px}.modal-content{position:relative;background:#fff;padding:20px;border-radius:8px;min-width:400px;max-width:500px;width:100%;box-shadow:0 4px 10px #0000004d;height:500px;max-height:80vh;overflow-y:auto}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:16px;cursor:pointer}.lucky-card .surprise-modal{max-width:470px;width:100%;height:400px;margin:0 auto;cursor:pointer}.lucky-card .surprise-modal img{width:100%;height:100%}.lucky-card .surprise-modal a{text-decoration:none}.lucky-btn{background-color:#07314c;padding:5px 10px;border-radius:3px;font-size:.9em;color:#fdf6f0}.lucky-btn:hover{background-color:#0a3a99}#category{display:flex;flex-direction:column}#category .category-page{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px}#category .category-page .category-card{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px #0003;transition:transform .3s ease;height:200px}#category .category-page .category-card:hover{transform:scale(1.05)}#category .category-page .category-card .category-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}#category .category-page .category-card .category-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.2em;transition:background .3s ease}#category .category-page .category-card .category-overlay .category-title{font-weight:700}#category .category-page .category-card .category-overlay .category-count{font-size:.8em;margin-top:10px;background-color:#ffffff4d;padding:4px 8px;border-radius:5px}#category .category-page .category-card:hover .category-overlay{background:#0009}.tags-section{display:flex;flex-direction:column;gap:.5rem}.tags-section .tag-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.tags-section .tag-buttons .tag-button{padding:4px 20px;border-radius:5px;cursor:pointer;font-size:14px}.tags-section .tag-buttons .tag-button:hover{background-color:#0a3a99;color:#fff}.tags-section .selected{background:#072763;color:#fff}.tags-section .deselected{background-color:#fdff86;border:1px solid #072763;padding:8px 10px;border-radius:8px;font-weight:700;color:#072763;display:inline-flex;align-items:center;box-shadow:0 4px 6px #0000001a;gap:10px;margin:0}.tags-section .deselected:hover{background:#f7f782!important;color:#072763!important}#recipe-detail{padding:20px;font-family:Arial,sans-serif;max-width:1240px;margin:0 40px}#recipe-detail button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}#recipe-detail .action-buttons{display:flex;gap:10px;align-items:center;justify-content:end}#recipe-detail .action-buttons .edit{background-color:#1a3a52;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease}#recipe-detail .action-buttons .edit:hover{background-color:#163549}#recipe-detail .action-buttons .delete{background-color:#ff6b6b;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease}#recipe-detail .action-buttons .delete:hover{background-color:#d64545}#recipe-detail .rate{font-weight:700;font-size:1.2em;margin-bottom:10px;color:#ffbf00}#recipe-detail .recipe-container{display:flex;flex-direction:column;gap:20px}#recipe-detail .recipe-container .summary{display:flex;gap:20px}#recipe-detail .recipe-container .summary .image-border{width:35%;border:2px solid #ddd;border-radius:10px;padding:10px;position:relative}#recipe-detail .recipe-container .summary .image-border .recipe-image{width:100%;height:100%;border-radius:8px}#recipe-detail .recipe-container .summary .image-border .fav-icon{position:absolute;top:10px;right:10px;cursor:pointer}#recipe-detail .recipe-container .summary .image-border .fav-icon img{width:24px;height:24px}#recipe-detail .recipe-container .summary .words{flex:1}#recipe-detail .recipe-container .summary .words h1{font-size:2em;margin:10px 0;color:#4b3a47}#recipe-detail .recipe-container .summary .words .nut-info{background-color:#eaf7f8;padding:12px 15px;border-radius:8px;margin-bottom:10px;font-weight:700;display:inline-block;color:#007b83}#recipe-detail .recipe-container .summary .words .tags-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none}#recipe-detail .recipe-container .summary .words .tags-list li{background-color:#007b83;padding:6px 10px;border-radius:5px;font-size:.9em;color:#fff}#recipe-detail .recipe-container .summary .words .description{font-size:1em;margin-top:15px;color:#666}#recipe-detail .recipe-container .detail{display:flex;gap:30px}#recipe-detail .recipe-container .detail .ingredient-list{display:flex;flex-direction:column;gap:5px;width:30%}#recipe-detail .recipe-container .detail .ingredient-list .ingredient-item{display:flex;align-items:center;background-color:#f9f9f9;padding:4px 8px;border-radius:3px;line-height:1.2}#recipe-detail .recipe-container .detail .ingredient-list .ingredient-item input[type=checkbox]{margin-right:8px;transform:scale(.8);accent-color:#007b83}#recipe-detail .recipe-container .detail .ingredient-list .ingredient-item label{color:#333}#recipe-detail .recipe-container .detail .instructions-list{display:flex;flex-direction:column;gap:15px}#recipe-detail .recipe-container .detail .instructions-list .instruction-step{display:flex;align-items:flex-start;background-color:#f3faff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;position:relative}#recipe-detail .recipe-container .detail .instructions-list .instruction-step:before{content:attr(data-step);background-color:#007b83;color:#fff;font-weight:700;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:10px;font-size:.9em}#recipe-detail .recipe-container .detail .instructions-list .instruction-step p{margin:0;font-size:1em;color:#333}@media (max-width: 768px){#recipe-detail{padding:10px;margin:45px auto}#recipe-detail .recipe-container{gap:15px}#recipe-detail .recipe-container .summary{flex-direction:column}#recipe-detail .recipe-container .summary .image-border{width:95%;padding:5px}#recipe-detail .recipe-container .summary .image-border .fav-icon{top:5px;right:5px}#recipe-detail .recipe-container .summary .words{flex:1}#recipe-detail .recipe-container .summary .words h1{font-size:1.5em}#recipe-detail .recipe-container .summary .words .nut-info{width:90%;padding:6px}#recipe-detail .recipe-container .summary .tags-list{gap:5px}#recipe-detail .recipe-container .summary .tags-list li{padding:3px 8px;font-size:.8em}#recipe-detail .recipe-container .detail{flex-direction:column}#recipe-detail .recipe-container .detail .ingredient-list{width:100%}#recipe-detail .recipe-container button{padding:8px 12px;font-size:.9em}}.meal-planner{font-family:Arial,sans-serif;color:#3a3a5a;padding:20px}.meal-planner .planner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.meal-planner .planner-header h2{font-size:36px;font-weight:700;color:#3a3a5a;text-transform:uppercase}.meal-planner .meal-item{display:flex;align-items:center}.meal-planner .meal-item .meal-color{width:10px;height:10px;border-radius:50%;margin-right:8px}.meal-planner .meal-item .meal-name{font-size:14px;color:#333}.meal-planner .notes-section{background-color:#dff4f7;border-radius:15px;padding:15px;grid-column:span 3;margin-top:20px;color:#2a3a4a}.meal-planner .notes-section h3{font-size:20px;font-weight:700;margin-bottom:10px}.meal-planner .notes-section textarea{width:98%;height:80px;border:none;resize:none;font-size:16px;padding:10px;background-color:#f9f9f9;border-radius:8px;outline:none}.meal-planner .header-fields{display:flex;justify-content:space-between;margin-bottom:20px}.meal-planner .header-fields label{font-size:14px;color:#555}.meal-planner .header-fields input{border:none;border-bottom:1px solid #555;background-color:transparent;outline:none;font-size:14px;color:#555;text-align:right}.meal-planner .calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.meal-planner .calendar .day{background-color:#e0e7f3;border-radius:8px;box-shadow:0 3px 6px #0000001a;color:#333;font-weight:700;padding:20px;text-align:center;position:relative;height:150px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.meal-planner .calendar .day span{font-weight:700;margin-bottom:10px}.meal-planner .calendar .day .meals{flex-grow:1;overflow-y:auto;padding-right:5px}.meal-planner .calendar .day .meals .meal-item{display:flex;align-items:center;margin-bottom:5px}.meal-planner .calendar .day .meals .meal-item .meal-color{width:10px;height:10px;border-radius:50%;margin-right:8px}.meal-planner .calendar .day .meals .meal-item .meal-name{font-size:14px;color:#333}.meal-planner .calendar .day .meals::-webkit-scrollbar{width:5px}.meal-planner .calendar .day .meals::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px}.meal-planner .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.meal-planner .modal-overlay .modal-content{background-color:#fff;padding:20px;border-radius:8px;min-width:300px;max-width:500px;width:100%}.recipe-list{list-style-type:none;padding:0}.recipe-list .recipe-item{display:flex;padding:10px;cursor:pointer;transition:background-color .2s}.recipe-list .recipe-item h5{margin-left:30px;text-align:center}.recipe-list .recipe-item:hover{background-color:#f0f0f0}.recipe-list .recipe-item.selected{background-color:#d4edda}.planner-image{width:60px}.planner-image img{width:100%}.image-notes{width:280px;height:200px}.image-notes img{width:100%;height:100%}.left-align{margin-left:auto;margin-top:10px;background-color:#8faadf;color:#f2ffff}.prev{background-color:#007b83;color:#fff8dc;box-shadow:0 2px 5px #00000026;transition:background-color .3s ease,transform .1s ease}.prev:hover{background-color:#006570;transform:translateY(-2px)}@media (max-width: 490px){.meal-planner{padding:10px}.meal-planner .planner-header{flex-direction:column;align-items:center}.meal-planner .planner-header h2{font-size:24px;margin-bottom:10px}.meal-planner .meal-item .meal-name{font-size:12px}.meal-planner .notes-section{padding:10px}.meal-planner .notes-section h3{font-size:18px}.meal-planner .notes-section textarea{width:100%;font-size:14px}.meal-planner .header-fields{flex-direction:column;align-items:flex-start}.meal-planner .header-fields label{font-size:12px}.meal-planner .header-fields input{font-size:12px;text-align:left}.meal-planner .calendar{grid-template-columns:1fr;gap:10px}.meal-planner .calendar .day{padding:15px;height:auto}.meal-planner .calendar .day span{font-size:16px}.meal-planner .calendar .day .meal-item .meal-name{font-size:12px}.meal-planner .modal-overlay .modal-content{max-width:90%}.recipe-list .recipe-item{padding:8px}.recipe-list .recipe-item h5{font-size:14px;margin-left:20px}.planner-image{width:50px}.image-notes{width:100%;height:auto}.left-align{margin-top:5px}.prev{width:250px;margin:5px}}.meal-plan-form{padding:20px;width:550px;text-align:center;background:#fff;border-radius:8px}.meal-plan-form h2{margin-bottom:15px;font-size:1.5em}.meal-plan-form .meal-type-dropdown{padding:8px;font-size:16px;margin:0 8px;width:50%}.meal-plan-form .form-row{display:flex;justify-content:space-between;margin-bottom:10px}.meal-plan-form .form-row .select-recipe,.meal-plan-form .form-row .meal-type,.meal-plan-form .form-row .date-picker,.meal-plan-form .form-row .servings{width:48%;padding:8px;border:1px solid #ccc;border-radius:4px}.meal-plan-form .notes{width:100%;height:80px;padding:8px;border:1px solid #ccc;border-radius:4px;resize:none;margin-bottom:10px}.meal-plan-form .form-actions{display:flex;justify-content:space-between}.meal-plan-form .form-actions .remove-button,.meal-plan-form .form-actions .save-button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.meal-plan-form .form-actions .remove-button.remove-button,.meal-plan-form .form-actions .save-button.remove-button{background-color:#d9534f;color:#fff}.meal-plan-form .form-actions .remove-button.save-button,.meal-plan-form .form-actions .save-button.save-button{background-color:#007bff;color:#fff}.tag-page{padding:20px;width:400px}.tag-page h2{font-size:1.5rem;margin-bottom:20px}.tag-page .recipe-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:15px}.tag-page .recipe-card{display:flex;flex-direction:row;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .2s}.tag-page .recipe-card:hover{transform:translateY(-5px)}.tag-page .recipe-card__image{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-right:10px}.tag-page .recipe-card__content{display:flex;flex-direction:column;justify-content:center;width:100%}.tag-page .recipe-card__content__title{font-size:1rem;font-weight:700;margin:0}.tag-page .recipe-card__content__tags{margin-top:5px}.recipe-card__tag{display:inline-block;background-color:#9dd9d2;border-radius:4px;padding:2px 6px;font-size:.8rem;color:#333;margin-right:5px}.recipe-card__tag:last-child{margin-right:0}