:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:light){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{font-weight:400;background-color:#743f3f33}a,.green{text-decoration:none;transition:.4s;padding:3px}[data-v-0fbe7d81]:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}[data-v-0fbe7d81]:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:light){[data-v-0fbe7d81]:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}[data-v-0fbe7d81],[data-v-0fbe7d81]:before,[data-v-0fbe7d81]:after{box-sizing:border-box;margin:0;font-weight:400}body[data-v-0fbe7d81]{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app[data-v-0fbe7d81]{font-weight:400;background-color:#743f3f}.addforlogged[data-v-0fbe7d81]{padding:0 15px;margin-right:40px;border-radius:10px;font-size:15px;border:0;background-color:#a0643c;color:#fff;font-weight:700;cursor:pointer}.addforlogged[data-v-0fbe7d81]:hover{transition:.3s;background-color:#915228}header[data-v-0fbe7d81]{position:fixed;top:0;left:0;width:100%;height:75px;background-color:#743f3f;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;box-shadow:0 2px 5px #0000001a;z-index:1000}.logo[data-v-0fbe7d81]{height:150px;width:auto;padding-top:5px}.center-nav[data-v-0fbe7d81]{text-align:center}.center-nav a[data-v-0fbe7d81]{text-decoration:none;color:#fff;font-weight:500;font-size:1.1rem;padding:0 40px;position:relative}.center-nav a[data-v-0fbe7d81]:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:100%;width:2px;background-color:#fff}.center-nav a[data-v-0fbe7d81]:hover,.center-nav a.router-link-exact-active[data-v-0fbe7d81]{color:#a0643c}.right-nav[data-v-0fbe7d81]{display:flex;gap:1rem}.right-nav a[data-v-0fbe7d81]{text-decoration:none;color:#fff;padding:.5rem 1rem;transition:background-color .2s}.right-nav a[data-v-0fbe7d81]:hover{background-color:#d8d8d8;border-radius:5px;color:#743f3f;font-weight:700}.user-menu[data-v-0fbe7d81]{position:relative;cursor:pointer;margin-right:20px}.avatar[data-v-0fbe7d81]{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid white}.admin[data-v-0fbe7d81]{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid black}.dropdown[data-v-0fbe7d81]{position:absolute;right:0;top:48px;background:#fff;border-radius:10px;box-shadow:0 6px 16px #00000026;min-width:160px;z-index:100;overflow:hidden}.dropdown-user[data-v-0fbe7d81]{padding:12px;font-weight:700;color:#743f3f;border-bottom:1px solid #eee;text-align:center}.dropdown-btn[data-v-0fbe7d81]{width:100%;padding:10px;border:none;background:none;cursor:pointer;font-weight:500}.dropdown-btn[data-v-0fbe7d81]:hover{background-color:#f2f2f2}.hero[data-v-727ff4e3]{width:100%;height:70vh;position:relative;overflow:hidden;background-image:url(/assets/backgroundimage-C80NYV5V.jpeg);background-size:cover;background-position:center}.hero[data-v-727ff4e3]:after{content:"";position:absolute;inset:0;background-image:inherit;background-size:inherit;background-position:inherit;filter:blur(18px);transform:scale(1.1);z-index:1;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.85) 30%,rgba(0,0,0,.4) 55%,rgba(0,0,0,0) 75%);mask-image:linear-gradient(to top,#000,#000000d9 30%,#0006 55%,#0000 75%)}.content[data-v-727ff4e3]{position:relative;z-index:2;width:fit-content;padding:30px;margin:80px auto 0;display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;color:#fff}.content[data-v-727ff4e3]:before{content:"";position:absolute;inset:-20px;background:#00000005;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 40%,transparent 100%);z-index:-1}.row[data-v-727ff4e3]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.row label[data-v-727ff4e3]{color:#743f3f;font-size:23px;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.content input[data-v-727ff4e3]{height:45px;padding:10px 18px;width:480px;border-radius:50px;font-size:16px;border:2px solid transparent;opacity:.9;transition:.25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.content input[data-v-727ff4e3]:focus{border-color:#743f3f;outline:none;box-shadow:0 0 10px #743f3f}#search[data-v-727ff4e3]{font-size:18px;border-radius:50px;opacity:.95;background-color:#743f3f;padding:13px 22px;border:0;color:#fff;cursor:pointer;transition:.25s ease}#search[data-v-727ff4e3]:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #743f3f}.select[data-v-727ff4e3]{font-size:16px;padding:8px 12px;width:160px;height:40px;background:#fff3;color:#fff;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:.25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.select[data-v-727ff4e3]:hover{border-color:#743f3f}.select[data-v-727ff4e3]:focus{border-color:#743f3f;outline:none;box-shadow:0 0 10px #743f3f}#naslov[data-v-727ff4e3]{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin-bottom:50px;font-size:42px;color:#743f3f;border-bottom:2px solid #743f3f}.newRecipe[data-v-727ff4e3]{margin-top:80px}.newRecipe label[data-v-727ff4e3]{color:#743f3f;font-size:23px;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.newRecipe button[data-v-727ff4e3]{font-size:18px;border-radius:50px;opacity:.95;background-color:#743f3f;padding:10px 22px;border:0;color:#fff;cursor:pointer;margin-left:10px;transition:.25s ease}.newRecipe button[data-v-727ff4e3]:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #743f3f}.main-wrapper[data-v-727ff4e3]{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px;justify-items:center;background-color:#743f3f0f;padding:40px 60px;border-radius:50px}.difficulty[data-v-727ff4e3]{font-size:13px;color:#666;margin-bottom:16px}.section-title[data-v-727ff4e3]{position:relative;font-size:55px;letter-spacing:1px;margin-top:100px;color:#743f3f;font-weight:700;margin-left:310px}.section-title[data-v-727ff4e3]:after{content:"";position:absolute;left:50%;bottom:-10px;width:0;height:4px;background-color:#743f3f;border-radius:50px;transform:translate(-50%);transition:width .35s ease}.no-results-container[data-v-727ff4e3]{display:flex;flex-direction:column;align-items:center;margin-top:120px;margin-bottom:150px;color:#743f3f}.no-results-img[data-v-727ff4e3]{height:300px;margin-bottom:20px;opacity:.85}.no-results-text[data-v-727ff4e3]{font-size:32px;font-weight:700;text-align:center}.section-divider[data-v-727ff4e3]{margin:50px 200px;background-color:#743f3f;height:3px;border:0;border-radius:50px}.slider-container[data-v-727ff4e3]{position:relative;display:flex;align-items:center;justify-content:center;background-color:#743f3f0f;border-radius:50px;max-width:1300px;margin:auto;padding:30px}.arrow[data-v-727ff4e3]{position:absolute;top:50%;transform:translateY(-50%);background:#743f3f;color:#fff;border:none;width:45px;height:45px;border-radius:50%;font-size:30px;cursor:pointer;z-index:10;opacity:.9;transition:.2s}.arrow[data-v-727ff4e3]:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.arrow.left[data-v-727ff4e3]{left:50px}.arrow.right[data-v-727ff4e3]{right:50px}.slider-wrapper[data-v-727ff4e3]{overflow-x:hidden;scroll-behavior:smooth}.main-wrapper2[data-v-727ff4e3]{display:flex;gap:25px;padding:10px;flex-wrap:nowrap;align-items:flex-start}.main-wrapper2 .rec-card[data-v-727ff4e3]{width:380px;height:260px;flex-shrink:0;display:block}.main-wrapper2 .rec-card img[data-v-727ff4e3]{width:100%;height:100%;object-fit:cover}.main2[data-v-727ff4e3]{flex-shrink:0}a[data-v-727ff4e3]{text-decoration:none}.tips[data-v-727ff4e3]{display:flex;flex-direction:row;max-width:1300px;margin:20px auto 100px;gap:15px;justify-content:center;background-color:#743f3f0f;border-radius:50px}.tip[data-v-727ff4e3]{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:20px;background-color:#743f3f14;padding-right:20px;border-radius:20px}.tip2[data-v-727ff4e3]{display:flex;flex-direction:row;justify-content:center;margin:100px auto auto;align-items:center;background-color:#743f3f0f;border-radius:50px;padding:20px;gap:20px;max-width:1300px}.tip2 img[data-v-727ff4e3]{height:80px}.tip2 p[data-v-727ff4e3]{font-size:30px;color:#000}.tip img[data-v-727ff4e3]{height:60px;margin:5px}.tip p[data-v-727ff4e3]{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:17px;color:#000}.recipes-wrapper[data-v-727ff4e3]{max-width:1200px;margin:0 auto;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;gap:22px}.rec-card[data-v-727ff4e3]{position:relative;border-radius:26px;overflow:hidden;text-decoration:none;color:#fff}.rec-card.big[data-v-727ff4e3]{grid-column:span 2;grid-row:span 2}.rec-card img[data-v-727ff4e3]{width:100%;height:100%;object-fit:cover}.rec-card .overlay[data-v-727ff4e3]{position:absolute;inset:0;background:linear-gradient(to top,#0009,#0000001a)}.rec-card .badge[data-v-727ff4e3]{position:absolute;top:16px;left:16px;background:#743f3f;color:#fff;font-size:13px;padding:6px 14px;border-radius:50px;font-weight:600;z-index:2}.rec-card h2[data-v-727ff4e3]{position:absolute;bottom:22px;left:22px;right:22px;font-size:20px;line-height:1.3;z-index:2}.rec-card:hover img[data-v-727ff4e3]{transform:scale(1.05)}.rec-card img[data-v-727ff4e3]{transition:transform .4s ease}@media(max-width:900px){.recipes-wrapper[data-v-727ff4e3]{grid-template-columns:repeat(2,1fr)}.rec-card.big[data-v-727ff4e3]{grid-column:span 2;grid-row:span 1}}@media(max-width:600px){.recipes-wrapper[data-v-727ff4e3]{grid-template-columns:1fr}.rec-card.big[data-v-727ff4e3]{grid-column:span 1}}.rec-card[data-v-727ff4e3]{position:relative}.fav-btn[data-v-727ff4e3]{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;border:2px solid #fff;background:transparent;color:#fff;font-size:25px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.fav-btn[data-v-727ff4e3]:hover{background:#e53935;border-color:#e53935;transform:scale(1.1)}.fav-btn.active[data-v-727ff4e3]{background:#e53935;border-color:#e53935;color:#fff}.load-more-container[data-v-727ff4e3]{grid-column:1 / -1;display:flex;justify-content:center;margin:20px auto auto}.load-more-btn[data-v-727ff4e3]{background-color:#743f3f;color:#fff;font-size:18px;padding:14px 25px;border-radius:50px;border:none;cursor:pointer;transition:.3s ease}.load-more-btn[data-v-727ff4e3]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #743f3f59}.footer[data-v-727ff4e3]{margin-top:80px;background:#743f3f;color:#ddd;padding:50px 20px 20px}.footer-content[data-v-727ff4e3]{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:flex-start;gap:150px;text-align:center}.footer-col[data-v-727ff4e3]{max-width:260px;flex:1}.footer-col ul[data-v-727ff4e3]{list-style:none;padding:0;margin:0}.footer-col ul li[data-v-727ff4e3]{margin-bottom:16px}.footer-col p[data-v-727ff4e3],.footer-col li[data-v-727ff4e3]{word-wrap:break-word;overflow-wrap:break-word;line-height:1.6}.footer-col h3[data-v-727ff4e3],.footer-col h4[data-v-727ff4e3]{color:#fff;margin-bottom:15px;font-size:25px}.footer-col img[data-v-727ff4e3]{height:80px}.footer-col a[data-v-727ff4e3]{color:#ddd;text-decoration:none;transition:color .2s}.footer-col a[data-v-727ff4e3]:hover{color:#ff4d4d}.footer-bottom[data-v-727ff4e3]{margin-top:40px;padding-top:15px;border-top:1px solid #333;text-align:center;font-size:13px;color:#aaa}.main-wrapper2 .rec-card[data-v-727ff4e3]{width:380px;height:260px;flex-shrink:0}.success-popup[data-v-727ff4e3]{position:fixed;top:90px;right:20px;background-color:#2e794d;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:700;z-index:2000;animation:slideIn-727ff4e3 .3s ease,fadeOut-727ff4e3 .3s ease 1.7s forwards}.error-popup[data-v-727ff4e3]{position:fixed;top:90px;right:20px;background-color:#8f1c0d;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:700;z-index:2000;animation:slideIn-727ff4e3 .3s ease,fadeOut-727ff4e3 .3s ease 1.7s forwards}@keyframes slideIn-727ff4e3{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-727ff4e3{to{opacity:0}}.favorites-page[data-v-003c2364]{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:120px;background:#f3efef}.nofav[data-v-003c2364]{margin-top:100px;padding:15px;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center}.main-wrapper[data-v-003c2364]{max-width:1200px;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;padding:32px 36px;background-color:#743f3f0f;border-radius:32px;justify-items:center}.main[data-v-003c2364]{display:flex;justify-content:center}a[data-v-003c2364]{display:block;text-decoration:none;color:inherit}.recipe-card[data-v-003c2364]{position:relative;width:100%;max-width:280px;background-color:#fffffff2;border-radius:20px;overflow:hidden;box-shadow:0 6px 14px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.fav-btn[data-v-003c2364]{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;border:2px solid #fff;border-color:#e53935;background:#e53935;color:#fff;font-size:25px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.fav-btn[data-v-003c2364]:hover{background:#e53935;border-color:#e53935;transform:scale(1.1)}.fav-btn.active[data-v-003c2364]{background:#e53935;border-color:#e53935;color:#fff}.recipe-card img[data-v-003c2364]{width:100%;height:190px;object-fit:cover;border-bottom:none}.recipe-card[data-v-003c2364]:hover{box-shadow:0 14px 28px #00000024;transform:translateY(-8px)}.recipe-card h2[data-v-003c2364]{margin:14px 12px 6px;font-size:16.5px;font-weight:600;color:#743f3f;line-height:1.3}.recipe-card .difficulty[data-v-003c2364]{margin-bottom:16px;font-size:14px;color:#6d6d6d}@media(max-width:768px){.main-wrapper[data-v-003c2364]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:24px 16px}}.notlogged[data-v-003c2364]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;margin-top:300px}.notlogged button[data-v-003c2364]{font-size:18px;border-radius:50px;opacity:.95;background-color:#743f3f;padding:10px 22px;border:0;color:#fff;cursor:pointer;margin-left:10px;transition:.25s ease}.notlogged button[data-v-003c2364]:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #743f3f}.success-popup[data-v-003c2364]{position:fixed;top:90px;right:20px;background-color:#2e794d;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:700;z-index:2000;animation:slideIn-003c2364 .3s ease,fadeOut-003c2364 .3s ease 1.7s forwards}@keyframes slideIn-003c2364{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-003c2364{to{opacity:0}}.about-page[data-v-9fa63d3f]{font-family:Arial,sans-serif;color:#333;line-height:1.6}.hero[data-v-9fa63d3f]{text-align:center;padding:90px;background-color:#743f3f;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.hero h1[data-v-9fa63d3f]{font-size:48px;margin-bottom:15px;margin-top:50px}.hero p[data-v-9fa63d3f]{font-size:20px;max-width:600px;margin:0 auto}.team[data-v-9fa63d3f]{padding:60px 20px;text-align:center;background-color:#fff7f0}.team h2[data-v-9fa63d3f]{font-size:36px;color:#cc7836;margin-bottom:40px}.team-grid[data-v-9fa63d3f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;justify-items:center}.member[data-v-9fa63d3f]{background:#fff;border-radius:20px;padding:20px;box-shadow:0 8px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.member[data-v-9fa63d3f]:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000026}.member img[data-v-9fa63d3f]{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:15px}.member h3[data-v-9fa63d3f]{font-size:20px;color:#cc7836;margin-bottom:5px}.member p[data-v-9fa63d3f]{font-size:16px;color:#555}.mission[data-v-9fa63d3f]{padding:60px 20px;background-color:#fff;text-align:center}.mission h2[data-v-9fa63d3f]{font-size:36px;color:#cc7836;margin-bottom:20px}.mission p[data-v-9fa63d3f]{font-size:18px;max-width:700px;margin:0 auto;color:#444}@media(max-width:768px){.hero h1[data-v-9fa63d3f]{font-size:36px}.hero p[data-v-9fa63d3f]{font-size:18px}.team h2[data-v-9fa63d3f],.mission h2[data-v-9fa63d3f]{font-size:28px}.mission p[data-v-9fa63d3f]{font-size:16px}}.wrapper[data-v-d4fce33f]{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;background-color:#530c0c33}.recipe-card[data-v-d4fce33f]{width:900px;background:#ffc7c7;padding:25px;border-radius:15px;box-shadow:0 4px 15px #00000026}.recipe-image[data-v-d4fce33f]{width:100%;height:350px;object-fit:cover;border-radius:12px;margin-bottom:20px}.recipe-title[data-v-d4fce33f]{margin:0;font-size:26px;font-weight:700;color:#743f3f;padding-bottom:20px}.recipe-desc[data-v-d4fce33f]{font-size:16px;color:#fff;padding-bottom:20px}.sub-title[data-v-d4fce33f]{margin-top:20px;font-size:25px;text-align:center;font-weight:700;color:#743f3f}.ingredients[data-v-d4fce33f]{margin-top:10px;padding-left:0;list-style:none}.ingredients li[data-v-d4fce33f]{display:flex;justify-content:space-between;background-color:#530c0c33;padding:12px;margin-bottom:8px;border-radius:8px;border:1px solid #eee}.ing-name[data-v-d4fce33f]{font-weight:600;color:#743f3f}.ing-qty[data-v-d4fce33f]{color:#743f3f;font-weight:500}.loading[data-v-d4fce33f]{text-align:center;padding:50px;font-size:20px}.related-section[data-v-d4fce33f]{background:#ffc7c7;padding:50px;border-radius:15px;margin-top:30px;min-width:900px}.related-section h3[data-v-d4fce33f]{color:#fff;font-size:22px;margin-bottom:20px;text-align:center}.related-wrapper[data-v-d4fce33f]{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.related-card[data-v-d4fce33f]{width:250px;background-color:#530c0c33;border-radius:12px;overflow:hidden;text-align:center;cursor:pointer;transition:transform .2s}.related-card[data-v-d4fce33f]:hover{transform:scale(1.05)}.related-image[data-v-d4fce33f]{width:100%;height:200px;object-fit:cover}.related-name[data-v-d4fce33f]{font-size:20px;font-weight:700;color:#743f3f;padding:20px 5px}.related-desc[data-v-d4fce33f]{color:#743f3f;padding-bottom:20px;font-size:13px;margin-left:30px;margin-right:30px}.comments-section[data-v-d4fce33f]{width:100%;max-width:900px;margin-top:40px;padding:20px;background:#ffc7c7;border-radius:15px;color:#fff}.comments-section h2[data-v-d4fce33f]{margin-bottom:15px;font-size:25px;color:#743f3f;font-weight:700;text-align:center}.add-comment[data-v-d4fce33f]{display:flex;flex-direction:column;margin-bottom:20px;color:#fff}.add-comment textarea[data-v-d4fce33f]{padding:10px;border-radius:10px;resize:vertical;min-height:80px;margin-bottom:10px;border:none;font-size:14px;color:#fff;background-color:#530c0c33}.add-comment button[data-v-d4fce33f]{align-self:flex-end;padding:8px 20px;border-radius:50px;background-color:#743f3f;color:#fff;border:none;cursor:pointer}.add-comment h3[data-v-d4fce33f]{align-self:flex-start}.add-comment button[data-v-d4fce33f]:hover{opacity:.6}.comments-list[data-v-d4fce33f]{display:flex;flex-direction:column;gap:15px}.comment-card[data-v-d4fce33f]{background-color:#530c0c33;padding:15px;border-radius:10px}.comment-header[data-v-d4fce33f]{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#fff}.comment-user[data-v-d4fce33f]{font-size:25px;color:#743f3f;display:flex;justify-content:center;align-items:center}.comment-date[data-v-d4fce33f]{font-size:12px;font-weight:400;color:#743f3f}.comment-separator[data-v-d4fce33f]{border:0;border-top:1px solid #a85c5c;margin:5px 0}.comment-text[data-v-d4fce33f]{font-size:14px;color:#743f3f;line-height:1.5;padding-top:20px}.comment-delete-btn[data-v-d4fce33f]{background:#e74c3c;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:15px;padding:4px 12px 6px}.comment-delete-btn[data-v-d4fce33f]:hover{background:#992e22}.comment-update-btn[data-v-d4fce33f]{background:#af8000;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:15px;padding:4px 12px 6px;margin-left:10px}.comment-update-btn[data-v-d4fce33f]:hover{background:#9c7300}.login-box[data-v-d4fce33f]{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;margin:20px 0;background-color:#530c0c33;border-radius:10px;box-shadow:0 4px 10px #00000014}.login-box p[data-v-d4fce33f]{margin:0;font-size:16px;color:#743f3f}.login-box button[data-v-d4fce33f]{background-color:#b46e6e;color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.login-box button[data-v-d4fce33f]:hover{background-color:#8f4a4a;transform:translateY(-1px)}.prep-time[data-v-d4fce33f]{display:flex;flex-direction:row;background-color:#530c0c33;border-radius:10px;padding:5px;gap:15px;justify-content:center;align-items:center;color:#fff;font-size:15px}.prep-time p[data-v-d4fce33f]{font-weight:700;font-size:20px;color:#743f3f}.prep-time img[data-v-d4fce33f]{height:50px}.success-popup[data-v-d4fce33f]{position:fixed;top:90px;right:20px;background-color:#2e794d;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:700;z-index:2000;animation:slideIn-d4fce33f .3s ease,fadeOut-d4fce33f .3s ease 1.7s forwards}@keyframes slideIn-d4fce33f{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-d4fce33f{to{opacity:0}}.edit-popup-overlay[data-v-d4fce33f]{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.edit-popup[data-v-d4fce33f]{background:#fff;width:100%;max-width:480px;border-radius:14px;padding:20px 22px;box-shadow:0 20px 60px #00000040;animation:popupFadeIn-d4fce33f .25s ease}.edit-popup h3[data-v-d4fce33f]{margin:0 0 14px;font-size:18px;font-weight:600;color:#222}.edit-textarea[data-v-d4fce33f]{width:100%;resize:none;border-radius:10px;border:1px solid #ddd;padding:10px 12px;font-size:14px;line-height:1.5;outline:none;transition:border .2s,box-shadow .2s}.edit-textarea[data-v-d4fce33f]:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db26}.edit-actions[data-v-d4fce33f]{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.btn-save[data-v-d4fce33f]{background:#743f3f;color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.btn-save[data-v-d4fce33f]:hover{background:#532d2d}.btn-save[data-v-d4fce33f]:active{transform:scale(.97)}.btn-cancel[data-v-d4fce33f]{background:#eee;color:#333;border:none;border-radius:8px;padding:7px 14px;font-size:14px;cursor:pointer;transition:background .2s}.btn-cancel[data-v-d4fce33f]:hover{background:#ddd}@keyframes popupFadeIn-d4fce33f{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.edit-popup[data-v-d4fce33f]{margin:0 14px}}.register-wrapper[data-v-ba48bfba]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f3efef}.register-layout[data-v-ba48bfba]{width:100%;max-width:1000px;min-height:520px;display:flex;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 20px 45px #0000002e}.register-image[data-v-ba48bfba]{flex:1;background-image:url(/assets/backgroundimage-C80NYV5V.jpeg);background-size:cover;background-position:center;position:relative}.register-image[data-v-ba48bfba]:before{content:"";position:absolute;inset:0;background:#743f3f8c}.overlay[data-v-ba48bfba]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:40px}.overlay .logo[data-v-ba48bfba]{width:100px;height:100px;margin-bottom:20px}.overlay h2[data-v-ba48bfba]{font-size:32px;margin-bottom:10px}.overlay p[data-v-ba48bfba]{font-size:16px;max-width:320px;opacity:.9}.register-card[data-v-ba48bfba]{flex:1;padding:40px;text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.register-card h1[data-v-ba48bfba]{margin-bottom:8px;color:#743f3f;font-size:32px}.subtitle[data-v-ba48bfba]{font-size:14px;color:#666;margin-bottom:30px}.field[data-v-ba48bfba]{text-align:left;margin-bottom:18px}.field label[data-v-ba48bfba]{display:block;font-size:15px;margin-bottom:6px;color:#000;font-weight:600}.field input[data-v-ba48bfba]{width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid #ddd;font-size:14px;transition:.25s ease}.field input[data-v-ba48bfba]:focus{outline:none;border-color:#743f3f;box-shadow:0 0 0 3px #743f3f33}button[data-v-ba48bfba]{width:100%;margin-top:10px;padding:14px;border-radius:50px;border:none;background:linear-gradient(135deg,#743f3f,#9b5a5a);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.3s ease}button[data-v-ba48bfba]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #743f3f59}.msg[data-v-ba48bfba]{margin-top:18px;font-size:14px;font-weight:600}.msg.error[data-v-ba48bfba]{color:#c0392b}.msg.success[data-v-ba48bfba]{color:#27ae60}@media(max-width:768px){.register-layout[data-v-ba48bfba]{flex-direction:column}.register-image[data-v-ba48bfba]{display:none}}.page[data-v-8c049dbd]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f3efef}.login-layout[data-v-8c049dbd]{width:100%;max-width:1000px;min-height:520px;display:flex;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 20px 45px #0000002e}.login-container[data-v-8c049dbd]{flex:1;padding:40px}.login-container h1[data-v-8c049dbd]{text-align:center;margin-bottom:20px;color:#743f3f}.login-tips[data-v-8c049dbd]{display:flex;gap:10px;margin-bottom:25px}.tip[data-v-8c049dbd]{flex:1;background-color:#743f3f1a;border-radius:14px;padding:12px 6px;text-align:center;font-size:13px}.form-group[data-v-8c049dbd]{margin-bottom:15px}label[data-v-8c049dbd]{font-weight:600;margin-bottom:5px;display:block}input[data-v-8c049dbd]{width:100%;padding:11px;border-radius:10px;border:1px solid #ccc}.form-group input[data-v-8c049dbd]:focus{outline:none;border-color:#743f3f;box-shadow:0 0 0 3px #743f3f33}button[data-v-8c049dbd]{width:100%;padding:13px;margin-top:10px;border-radius:50px;border:none;background-color:#743f3f;color:#fff;font-size:15px;cursor:pointer;transition:.3s ease}button[data-v-8c049dbd]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #743f3f59}.error[data-v-8c049dbd],.success[data-v-8c049dbd]{text-align:center;margin-top:15px}.error[data-v-8c049dbd]{color:red}.success[data-v-8c049dbd]{color:green}@media(max-width:768px){.login-layout[data-v-8c049dbd]{flex-direction:column}.login-image[data-v-8c049dbd]{display:none}}.login-image[data-v-8c049dbd]{flex:1;background-image:url(/assets/backgroundimage-C80NYV5V.jpeg);background-size:cover;background-position:center;position:relative}.login-image[data-v-8c049dbd]:before{content:"";position:absolute;inset:0;background:#743f3f99}.overlay[data-v-8c049dbd]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:40px}.logo[data-v-8c049dbd]{width:100px;height:100px;margin-bottom:20px}.overlay h2[data-v-8c049dbd]{font-size:32px;margin-bottom:10px}.overlay p[data-v-8c049dbd]{font-size:16px;max-width:320px;opacity:.9}.hero[data-v-8c471460]{min-height:100vh;width:100%;background:linear-gradient(#0000008c,#0000008c),url(/assets/backgroundimage-C80NYV5V.jpeg) center / cover no-repeat;display:flex;align-items:center;justify-content:center;padding:30px}.add-recipe-wrapper[data-v-8c471460]{width:96%;max-width:1400px;background:#fff;border-radius:22px;padding:26px 30px;box-shadow:0 30px 70px #00000059}.add-recipe-wrapper h2[data-v-8c471460]{text-align:center;color:#743f3f;font-size:26px;font-weight:700;margin-bottom:18px}.form-title[data-v-8c471460]{grid-column:1 / -1;text-align:center;font-size:32px;font-weight:600;color:#743f3f;margin-bottom:10px}.add-recipe-wrapper[data-v-8c471460]{width:100%;max-width:1400px;margin:0 auto;padding:40px 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;background:#fffffff5;border-radius:24px}.form-group[data-v-8c471460]{display:flex;flex-direction:column}.form-group label[data-v-8c471460]{font-size:13px;font-weight:600;color:#743f3f;margin-bottom:4px}.form-group input[data-v-8c471460],.form-group textarea[data-v-8c471460],.form-group select[data-v-8c471460]{padding:8px 10px;font-size:13px;border-radius:12px;border:1px solid #d2c0c0;transition:.2s}.form-group textarea[data-v-8c471460]{resize:none;min-height:70px}.form-group input[data-v-8c471460]:focus,.form-group textarea[data-v-8c471460]:focus,.form-group select[data-v-8c471460]:focus{outline:none;border-color:#743f3f;box-shadow:0 0 0 2px #743f3f33}.form-group input[type=file][data-v-8c471460]{padding:8px;background:#f6eaea;border:2px dashed #743f3f;cursor:pointer}.add-recipe-wrapper h3[data-v-8c471460]{grid-column:1 / -1;margin-top:6px;margin-bottom:6px;color:#743f3f;font-size:18px;font-weight:700}.ingredient-row[data-v-8c471460]{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ingredient-row select[data-v-8c471460],.ingredient-row input[data-v-8c471460]{height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(116,63,63,.4);font-size:14px;outline:none}.ingredient-row select[data-v-8c471460]{width:200px}.ingredient-row input[data-v-8c471460]{width:180px}.btn-add[data-v-8c471460]{height:40px;width:100px;padding:0 18px;background:#743f3f;color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:.25s}.btn-add[data-v-8c471460]:hover{background:#5f3030}.submit-btn[data-v-8c471460]{grid-column:1 / -1}.form-group[data-v-8c471460]{display:flex;flex-direction:column;gap:6px}input[data-v-8c471460],select[data-v-8c471460],textarea[data-v-8c471460]{padding:10px 14px;border-radius:12px;border:1px solid #d6bcbc;font-size:14px}textarea[data-v-8c471460]{min-height:110px;resize:none}.submit-btn[data-v-8c471460]{display:flex;justify-content:center;margin-top:20px}.ingredient-list h4[data-v-8c471460]{color:#743f3f;font-size:16px;font-weight:600}.ingredient-list[data-v-8c471460]{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;margin-top:0}.ingredient-item[data-v-8c471460]{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:8px 12px;background:#b73a3a33;border-radius:20px;font-size:13px;color:#743f3f}.btn-remove[data-v-8c471460]{background:none;border:none;color:#b33a3a;font-size:16px;cursor:pointer;transition:.2s}.btn-remove[data-v-8c471460]:hover{color:red;transform:scale(1.2)}.submit-btn[data-v-8c471460]{grid-column:1 / -1;text-align:center;margin-top:10px}.btn-submit[data-v-8c471460]{padding:12px 42px;background:#743f3f;color:#fff;border:none;border-radius:20px;font-size:15px;font-weight:700;cursor:pointer}.btn-submit[data-v-8c471460]:hover{background:#5c2f2f}.toast[data-v-8c471460]{position:fixed;top:25px;right:25px;z-index:9999;min-width:280px;max-width:380px;padding:16px 20px;display:flex;align-items:center;gap:12px;border-radius:14px;font-size:15px;font-weight:600;box-shadow:0 15px 35px #0000004d;animation:slideIn-8c471460 .35s ease}.toast .icon[data-v-8c471460]{font-size:22px}.toast.error[data-v-8c471460]{background:#e53935;color:#fff}.toast.success[data-v-8c471460]{background:#2e7d32;color:#fff}@keyframes slideIn-8c471460{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.myrecipes-page[data-v-73e0a05f]{padding-top:120px}.page-title[data-v-73e0a05f]{text-align:center;padding:30px 20px 40px}.page-title h1[data-v-73e0a05f]{font-size:40px;font-weight:800;color:#743f3f;margin:0}.main-wrapper[data-v-73e0a05f]{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1400px;margin:0 auto;padding:20px 20px 60px;min-height:75vh}@media(max-width:1100px){.main-wrapper[data-v-73e0a05f]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.main-wrapper[data-v-73e0a05f]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.main-wrapper[data-v-73e0a05f]{grid-template-columns:1fr}}.recipe-card[data-v-73e0a05f]{position:relative;background:#fff;border-radius:18px;overflow:hidden;height:360px;box-shadow:0 10px 30px #00000014;transition:transform .35s ease,box-shadow .35s ease}.recipe-card[data-v-73e0a05f]:hover{transform:translateY(-6px);box-shadow:0 22px 45px #00000026}.card-actions[data-v-73e0a05f]{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:3}.card-edit-btnn[data-v-73e0a05f],.card-delete-btnn[data-v-73e0a05f]{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;font-size:14px;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease,transform .2s ease}.card-edit-btnn[data-v-73e0a05f]{color:#000}.recipe-card:hover .card-edit-btnn[data-v-73e0a05f],.recipe-card:hover .card-delete-btnn[data-v-73e0a05f]{opacity:1}.card-edit-btnn[data-v-73e0a05f]{background:#cfa900}.card-edit-btnn[data-v-73e0a05f]:hover{background:#b39200;transform:scale(1.05)}.card-delete-btnn[data-v-73e0a05f]{background:#e74c3c}.card-delete-btnn[data-v-73e0a05f]:hover{background:#8a291e;transform:scale(1.05)}.card-link[data-v-73e0a05f]{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.recipe-image[data-v-73e0a05f]{height:70%;width:100%;object-fit:cover;transition:transform .4s ease}.recipe-card:hover .recipe-image[data-v-73e0a05f]{transform:scale(1.06)}.recipe-info[data-v-73e0a05f]{height:30%;display:flex;align-items:center;justify-content:center;padding:14px 16px;background:linear-gradient(to top,#fff,#fff7f7)}.recipe-info h4[data-v-73e0a05f]{font-size:18px;font-weight:600;color:#3b2c2c;text-align:center}a[data-v-73e0a05f]{text-decoration:none;color:inherit}.nofav[data-v-73e0a05f]{display:flex;min-height:88vh;flex-direction:column;align-items:center}.nofav button[data-v-73e0a05f]{height:60px;width:230px;padding:7px 18px;background:#743f3f;color:#fff;border:none;border-radius:10px;font-size:20px;font-weight:500;cursor:pointer;transition:.25s;margin-top:20px}.nofav button[data-v-73e0a05f]:hover{background:#5f3030}@media(max-width:768px){.main-wrapper[data-v-73e0a05f]{padding:0 20px 40px;gap:20px}.recipe-card img[data-v-73e0a05f]{height:160px}}.success-popup[data-v-73e0a05f]{position:fixed;top:20px;right:20px;background-color:#2e794d;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:700;z-index:2000;animation:slideIn-73e0a05f .3s ease,fadeOut-73e0a05f .3s ease 1.7s forwards}@keyframes slideIn-73e0a05f{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-73e0a05f{to{opacity:0}}.popup-overlay[data-v-73e0a05f],.popup-overlay-edit[data-v-73e0a05f]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn-73e0a05f .2s ease-in}.popup-card[data-v-73e0a05f]{background:linear-gradient(145deg,#fff,#f0f0f0);padding:25px 30px;border-radius:16px;box-shadow:0 12px 28px #00000040;min-width:320px;max-width:400px;display:flex;flex-direction:column;gap:15px;transform:scale(.8);animation:scaleUp-73e0a05f .2s forwards}.popup-card-edit[data-v-73e0a05f]{background:linear-gradient(145deg,#fff,#f0f0f0);padding:30px 40px;border-radius:18px;box-shadow:0 14px 32px #00000047;width:70vw;max-width:900px;min-height:80vh;overflow-y:auto;display:flex;flex-direction:column;animation:scaleUp-73e0a05f .25s ease-out}.popup-card-edit h3[data-v-73e0a05f]{color:#000;padding-top:30px}.popup-card-edit textarea[data-v-73e0a05f]{min-height:140px;resize:vertical}.popup-card h3[data-v-73e0a05f]{font-size:1.4rem;margin:0;text-align:center;color:#333}.popup-input[data-v-73e0a05f]{padding:10px 14px;border-radius:8px;border:1px solid #ccc;font-size:1rem;outline:none;transition:all .2s}.popup-input[data-v-73e0a05f]:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280}.popup-buttons[data-v-73e0a05f]{display:flex;justify-content:flex-end;gap:10px}.popup-buttonss[data-v-73e0a05f]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-add[data-v-73e0a05f]{background:#743f3f;color:#fff;padding:8px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add[data-v-73e0a05f]:hover{background:#743f3f;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-cancel[data-v-73e0a05f]{background:#c7c7c7;color:#555;padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-73e0a05f]:hover{background:#e0e0e0;transform:translateY(-1px)}@keyframes fadeIn-73e0a05f{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-73e0a05f{0%{transform:scale(.8)}to{transform:scale(1)}}.news-page[data-v-c45a4ce7]{margin-top:76px;padding:0 40px 60px;background-color:#743f3f33}.hero[data-v-c45a4ce7]{position:relative;height:420px;border-radius:20px;overflow:hidden;background:url(/assets/backgroundimage-C80NYV5V.jpeg) bottom / cover no-repeat;margin-bottom:100px}.hero[data-v-c45a4ce7]:after{content:"";position:absolute;inset:0;background:inherit;filter:blur(20px);transform:scale(1.1);z-index:1;mask-image:linear-gradient(to top,#000,#000000b3 35%,#0000004d 60%,#0000 80%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.7) 35%,rgba(0,0,0,.3) 60%,rgba(0,0,0,0) 80%)}.hero-overlay[data-v-c45a4ce7]{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.25),transparent)}.hero h1[data-v-c45a4ce7]{font-size:60px;margin-bottom:10px}.hero p[data-v-c45a4ce7]{max-width:520px;font-size:18px}.cta[data-v-c45a4ce7]{max-width:1200px;min-height:420px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;background:#743f3f}.cta-img[data-v-c45a4ce7]{background:url(src/components/cooking.jpeg) center / cover no-repeat;min-height:260px}.cta-content[data-v-c45a4ce7]{padding:36px;display:flex;flex-direction:column;justify-content:center}.cta-content h2[data-v-c45a4ce7]{font-size:40px;margin-bottom:12px;color:#fff;font-weight:700}.cta-content p[data-v-c45a4ce7]{font-size:15px;line-height:1.6;margin-bottom:22px;color:#fff}.cta-btn[data-v-c45a4ce7]{align-self:flex-start;background:#52271c;color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer}.cta-btn[data-v-c45a4ce7]:hover{opacity:.9}.cta2[data-v-c45a4ce7]{max-width:1200px;min-height:420px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;background:#743f3f}.cta-img2[data-v-c45a4ce7]{background:url(src/components/asaa.jpg) center / cover no-repeat;min-height:260px}.cta-content2[data-v-c45a4ce7]{padding:36px;display:flex;flex-direction:column;justify-content:center}.cta-content2 h2[data-v-c45a4ce7]{font-size:40px;margin-bottom:12px;color:#fff;font-weight:700}.cta-content2 p[data-v-c45a4ce7]{font-size:15px;line-height:1.6;margin-bottom:22px;color:#fff}.cta-btn2[data-v-c45a4ce7]{align-self:flex-start;background:#52271c;color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer}.cta-btn2[data-v-c45a4ce7]:hover{opacity:.9}.cta3[data-v-c45a4ce7]{max-width:1200px;min-height:420px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;background:#743f3f}.cta-img3[data-v-c45a4ce7]{background:url(src/components/favorite-meal.jpg) center / cover no-repeat;min-height:260px}.cta-content3[data-v-c45a4ce7]{padding:36px;display:flex;flex-direction:column;justify-content:center}.cta-content3 h2[data-v-c45a4ce7]{font-size:40px;margin-bottom:12px;color:#fff;font-weight:700}.cta-content3 p[data-v-c45a4ce7]{font-size:15px;line-height:1.6;margin-bottom:22px;color:#fff}.cta-btn3[data-v-c45a4ce7]{align-self:flex-start;background:#52271c;color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer}.cta-btn3[data-v-c45a4ce7]:hover{opacity:.9}.news-grid[data-v-c45a4ce7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.news-card[data-v-c45a4ce7]{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #00000014}.img-wrapper[data-v-c45a4ce7]{position:relative}.img-wrapper img[data-v-c45a4ce7]{width:100%;height:200px;object-fit:cover}.tag[data-v-c45a4ce7]{position:absolute;top:14px;left:14px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:13px}.fav[data-v-c45a4ce7]{position:absolute;top:14px;right:14px;background:#ffffffe6;border:none;border-radius:50%;width:34px;height:34px;cursor:pointer}.desc[data-v-c45a4ce7]{padding:18px;font-size:14px;line-height:1.5}.latest-section[data-v-c45a4ce7]{padding:0 40px;display:flex;justify-content:center}.section-title[data-v-c45a4ce7]{font-size:28px;padding-left:260px;color:#743f3f;font-weight:700;margin-top:100px}.latest-grid[data-v-c45a4ce7]{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;gap:22px;max-width:1200px;width:100%;justify-content:center}.food-card[data-v-c45a4ce7]{position:relative;border-radius:26px;overflow:hidden;text-decoration:none;color:#fff;cursor:pointer;display:flex;flex-direction:column}.img-box[data-v-c45a4ce7]{position:relative;width:100%;flex:1;display:flex;flex-direction:column}.food-card img[data-v-c45a4ce7]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.food-card .food-desc[data-v-c45a4ce7]{position:absolute;bottom:50px;left:20px;right:20px;color:#fff;font-size:16px;line-height:1.4;z-index:3;text-shadow:0 2px 6px rgba(0,0,0,.6)}.food-card .overlay[data-v-c45a4ce7]{z-index:2}.food-card.featured[data-v-c45a4ce7]{grid-column:span 2;grid-row:span 2}.food-card .overlay[data-v-c45a4ce7]{position:absolute;inset:0;background:linear-gradient(to top,#0009,#0000001a)}.food-card .food-tag[data-v-c45a4ce7]{position:absolute;top:16px;left:16px;background:#743f3f;color:#fff;font-size:13px;padding:6px 14px;border-radius:50px;font-weight:600;z-index:2}.food-card h2[data-v-c45a4ce7]{position:absolute;bottom:22px;left:22px;right:22px;font-size:20px;line-height:1.3;z-index:2}.food-card:hover img[data-v-c45a4ce7]{transform:scale(1.05)}.fav-btn[data-v-c45a4ce7]{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;border:2px solid #fff;background:transparent;color:#fff;font-size:25px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.fav-btn[data-v-c45a4ce7]:hover{background:#e53935;border-color:#e53935;transform:scale(1.1)}.fav-btn.active[data-v-c45a4ce7]{background:#e53935;border-color:#e53935;color:#fff}@media(max-width:900px){.latest-grid[data-v-c45a4ce7]{grid-template-columns:repeat(2,1fr)}.food-card.featured[data-v-c45a4ce7]{grid-column:span 2;grid-row:span 1}}@media(max-width:600px){.latest-grid[data-v-c45a4ce7]{grid-template-columns:1fr}.food-card.featured[data-v-c45a4ce7]{grid-column:span 1}}.success-popup[data-v-c45a4ce7]{position:fixed;top:90px;right:20px;background-color:#2e794d;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:700;z-index:2000;animation:slideIn-c45a4ce7 .3s ease,fadeOut-c45a4ce7 .3s ease 1.7s forwards}.error-popup[data-v-c45a4ce7]{position:fixed;top:90px;right:20px;background-color:#8f1c0d;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:700;z-index:2000;animation:slideIn-c45a4ce7 .3s ease,fadeOut-c45a4ce7 .3s ease 1.7s forwards}@keyframes slideIn-c45a4ce7{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-c45a4ce7{to{opacity:0}}.admin-page[data-v-81d80811]{padding-top:130px;max-width:900px;margin-inline:auto;height:100vh}.title[data-v-81d80811]{color:#743f3f;font-weight:700;font-size:50px;margin-bottom:6px;text-align:center}.subtitle[data-v-81d80811]{color:#777;margin-bottom:80px;text-align:center}.admin-sections[data-v-81d80811]{display:flex;flex-direction:column;gap:16px}.admin-card[data-v-81d80811]{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:14px;background:linear-gradient(135deg,#f9f9f9,#fff);box-shadow:0 10px 30px #0000000f;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.admin-card[data-v-81d80811]:hover{transform:translateY(-3px);box-shadow:0 14px 40px #0000001a}.icon[data-v-81d80811]{font-size:30px}.admin-card h3[data-v-81d80811]{margin:0;font-size:18px}.admin-card p[data-v-81d80811]{margin:2px 0 0;color:#666;font-size:14px}.close[data-v-81d80811]{font-size:22px;border:none;background:none;cursor:pointer}.actions[data-v-81d80811]{display:flex;gap:12px;margin:20px 0}.actions button[data-v-81d80811]{padding:10px 18px;border-radius:10px;border:none;cursor:pointer}.modal-backdrop[data-v-81d80811]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-81d80811]{background:#fff;width:1000px;max-height:80vh;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-81d80811]{padding:16px;display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;margin-bottom:20px}.modal-content[data-v-81d80811]{padding:16px;overflow-y:auto;flex:1}.recipe-card[data-v-81d80811]{background:#fafafa;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.recipe-image[data-v-81d80811]{width:100%;height:140px;object-fit:cover}.cards-container[data-v-81d80811]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:12px}.recipe-card[data-v-81d80811]{position:relative;background:#fafafa;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:450px}.card-delete-btn[data-v-81d80811]{position:absolute;top:8px;right:8px;background-color:#e05a4b;color:#fff;border:none;font-size:25px;border-radius:6px;padding:4px 8px;height:40px;cursor:pointer;z-index:2;transition:background .3s}.card-delete-btn[data-v-81d80811]:hover{background-color:#f01f07}.recipe-image[data-v-81d80811]{width:100%;height:180px;object-fit:cover}.recipe-info[data-v-81d80811]{padding:12px;display:flex;flex-direction:column;gap:8px}.cards-container-wrapper[data-v-81d80811]{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.add-category-wrapper[data-v-81d80811]{display:flex;justify-content:flex-start}.add-btn[data-v-81d80811]{background-color:#27ae60;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s}.add-btn[data-v-81d80811]:hover{background-color:#1e8449}.cards-container[data-v-81d80811]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.category-card[data-v-81d80811]{position:relative;background:#fafafa;border-radius:10px;padding:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.card-delete-btnn[data-v-81d80811]{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:none;background:red;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000026}.card-delete-btnn[data-v-81d80811]:hover{background:#832c23;color:#fff;transition:.2s}.card-edit-btnn[data-v-81d80811]{position:absolute;top:8px;right:50px;width:32px;height:32px;border-radius:50%;border:none;background:#ff0;color:#000;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000026}.card-edit-btnn[data-v-81d80811]:hover{background:#acac01;transition:.2s}.category-info h4[data-v-81d80811]{margin:0;font-size:16px;font-weight:700}.ingredient-card[data-v-81d80811]{position:relative;background:#fafafa;border-radius:10px;padding:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.ingredient-info h4[data-v-81d80811]{margin:0;font-size:16px;font-weight:700}.cards-comment-wrapper[data-v-81d80811]{max-height:70vh;overflow-y:auto;padding:10px 20px}.comments-table-wrapper[data-v-81d80811]{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #00000026;background:#fff}.comments-table[data-v-81d80811]{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:14px}.comments-table th[data-v-81d80811]{background:#f5f5f5;text-align:left;padding:12px 15px;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.comments-table td[data-v-81d80811]{padding:10px 15px;border-bottom:1px solid #eee;vertical-align:top;color:#555}.comments-table tbody tr[data-v-81d80811]:hover{background-color:#fafafa;transition:background .2s}.card-delete[data-v-81d80811]{background-color:#e74c3c;color:#fff;border:none;border-radius:50%;padding:5px 9px;font-size:14px;cursor:pointer;transition:background .2s,transform .1s}.card-delete[data-v-81d80811]:hover{background-color:#832c23}@media(max-width:768px){.comments-table th[data-v-81d80811],.comments-table td[data-v-81d80811]{font-size:12px;padding:8px 10px}.card-delete[data-v-81d80811]{padding:4px 6px;font-size:12px}}.cards-users-wrapper[data-v-81d80811]{max-height:1000px;overflow-y:auto;padding-right:8px;width:95%;margin:0 auto}.users-table-wrapper[data-v-81d80811]{width:100%;overflow-x:auto}.users-table[data-v-81d80811]{width:100%;min-width:700px;border-collapse:collapse;font-size:14px}.users-table th[data-v-81d80811],.users-table td[data-v-81d80811]{border:1px solid #ddd;padding:10px 12px;text-align:left}.users-table th[data-v-81d80811]{background-color:#f2f2f2;font-weight:700}.card-delete-btn[data-v-81d80811]{background-color:#e74c3c;color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-weight:700;transition:background .2s}.card-delete-btn[data-v-81d80811]:hover{background-color:#c0392b}.popup-overlay[data-v-81d80811],.popup-overlay-edit[data-v-81d80811]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn-81d80811 .2s ease-in}.popup-card[data-v-81d80811]{background:linear-gradient(145deg,#fff,#f0f0f0);padding:25px 30px;border-radius:16px;box-shadow:0 12px 28px #00000040;min-width:320px;max-width:400px;display:flex;flex-direction:column;gap:15px;transform:scale(.8);animation:scaleUp-81d80811 .2s forwards}.popup-card-edit[data-v-81d80811]{background:linear-gradient(145deg,#fff,#f0f0f0);padding:30px 40px;border-radius:18px;box-shadow:0 14px 32px #00000047;width:70vw;max-width:900px;min-height:80vh;overflow-y:auto;display:flex;flex-direction:column;animation:scaleUp-81d80811 .25s ease-out}.popup-card-edit h3[data-v-81d80811]{color:#000;padding-top:30px}.popup-card-edit textarea[data-v-81d80811]{min-height:140px;resize:vertical}.popup-card h3[data-v-81d80811]{font-size:1.4rem;margin:0;text-align:center;color:#333}.popup-input[data-v-81d80811]{padding:10px 14px;border-radius:8px;border:1px solid #ccc;font-size:1rem;outline:none;transition:all .2s}.popup-input[data-v-81d80811]:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280}.popup-buttons[data-v-81d80811]{display:flex;justify-content:flex-end;gap:10px}.popup-buttonss[data-v-81d80811]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-add[data-v-81d80811]{background:#743f3f;color:#fff;padding:8px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add[data-v-81d80811]:hover{background:#743f3f;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-cancel[data-v-81d80811]{background:#c7c7c7;color:#555;padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-81d80811]:hover{background:#e0e0e0;transform:translateY(-1px)}@keyframes fadeIn-81d80811{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-81d80811{0%{transform:scale(.8)}to{transform:scale(1)}}.success-popup[data-v-81d80811]{position:fixed;top:20px;right:20px;background-color:#27ae60;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:700;z-index:2000;animation:slideIn-81d80811 .3s ease,fadeOut-81d80811 .3s ease 1.7s forwards}@keyframes slideIn-81d80811{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-81d80811{to{opacity:0}}.role-cell[data-v-81d80811]{display:flex;align-items:center;gap:8px}.role-cell select[data-v-81d80811]{padding:6px 10px;border-radius:6px;border:1px solid #ccc;background-color:#fff;color:#333;font-size:14px;outline:none;cursor:pointer;transition:all .2s ease;min-width:100px}.role-cell select[data-v-81d80811]:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e266}.role-cell select option[data-v-81d80811]{padding:6px 10px;font-size:14px}.btn-save[data-v-81d80811]{background-color:#27ae60;color:#fff;border:none;padding:4px 8px;border-radius:6px;cursor:pointer;font-weight:700;transition:background .2s}.btn-save[data-v-81d80811]:hover{background-color:#1e8449}