: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-c4b3fc2d]: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-c4b3fc2d]: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-c4b3fc2d]: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-c4b3fc2d],[data-v-c4b3fc2d]:before,[data-v-c4b3fc2d]:after{box-sizing:border-box;margin:0;font-weight:400}body[data-v-c4b3fc2d]{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-c4b3fc2d]{font-weight:400;background-color:#743f3f}.addforlogged[data-v-c4b3fc2d]{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-c4b3fc2d]:hover{transition:.3s;background-color:#915228}header[data-v-c4b3fc2d]{position:fixed;top:0;left:0;width:100%;height:65px;background-color:#743f3f;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:0 2px 5px #0000001a;z-index:1000}.logo[data-v-c4b3fc2d]{height:150px;max-height:100%;width:auto;display:block}.center-nav[data-v-c4b3fc2d]{text-align:center}.center-nav a[data-v-c4b3fc2d]{text-decoration:none;color:#fff;font-weight:500;font-size:1.1rem;padding:0 40px;position:relative}.center-nav a[data-v-c4b3fc2d]: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-c4b3fc2d]:hover,.center-nav a.router-link-exact-active[data-v-c4b3fc2d]{color:#a0643c}.right-nav[data-v-c4b3fc2d]{display:flex;gap:1rem}.right-nav a[data-v-c4b3fc2d]{text-decoration:none;color:#fff;padding:.5rem 1rem;transition:background-color .2s}.right-nav a[data-v-c4b3fc2d]:hover{background-color:#d8d8d8;border-radius:5px;color:#743f3f;font-weight:700}.user-menu[data-v-c4b3fc2d]{position:relative;cursor:pointer;margin-right:20px}.avatar[data-v-c4b3fc2d]{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid white}.admin[data-v-c4b3fc2d]{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid black}.dropdown[data-v-c4b3fc2d]{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-c4b3fc2d]{padding:12px;font-weight:700;color:#743f3f;border-bottom:1px solid #eee;text-align:center}.dropdown-btn[data-v-c4b3fc2d]{width:100%;padding:10px;border:none;background:none;cursor:pointer;font-weight:500}.dropdown-btn[data-v-c4b3fc2d]:hover{background-color:#f2f2f2}.hamburger[data-v-c4b3fc2d]{display:none;font-size:30px;background:none;border:none;color:#fff;cursor:pointer}.mobile-menu[data-v-c4b3fc2d]{position:fixed;top:75px;left:0;width:100%;background:#743f3f;display:flex;flex-direction:column;padding:20px;gap:15px;z-index:999;animation:slideDown-c4b3fc2d .3s ease}.mobile-menu a[data-v-c4b3fc2d],.mobile-menu button[data-v-c4b3fc2d]{color:#fff;font-size:18px;text-align:left;background:none;border:none;padding:12px;border-radius:10px;cursor:pointer}.mobile-menu a[data-v-c4b3fc2d]:hover,.mobile-menu button[data-v-c4b3fc2d]:hover{background:#ffffff26}.mobile-menu hr[data-v-c4b3fc2d]{border:none;height:1px;background:#ffffff4d}.mobile-menu .logout[data-v-c4b3fc2d]{background:#a0643c;font-weight:700}@keyframes slideDown-c4b3fc2d{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.center-nav[data-v-c4b3fc2d],.right-nav[data-v-c4b3fc2d]{display:none}.hamburger[data-v-c4b3fc2d]{display:block}.logo[data-v-c4b3fc2d]{height:90px}}@media(max-width:800px){header[data-v-c4b3fc2d]{height:65px;padding:0 1rem}.logo[data-v-c4b3fc2d]{height:55px}}.hero[data-v-2fcf2a23]{width:100%;height:70vh;position:relative;overflow:hidden;background-image:url(/assets/backgroundimage-C80NYV5V.jpeg);background-size:cover;background-position:center}.hero[data-v-2fcf2a23]: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-2fcf2a23]{position:relative;z-index:2;width:fit-content;padding:30px;margin:80px auto 0;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;color:#fff}.content[data-v-2fcf2a23]: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-2fcf2a23]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.row label[data-v-2fcf2a23]{color:#743f3f;font-size:23px;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.content input[data-v-2fcf2a23]{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-2fcf2a23]:focus{border-color:#743f3f;outline:none;box-shadow:0 0 10px #743f3f}#search[data-v-2fcf2a23]{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-2fcf2a23]:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #743f3f}.select[data-v-2fcf2a23]{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-2fcf2a23]:hover{border-color:#743f3f}.select[data-v-2fcf2a23]:focus{border-color:#743f3f;outline:none;box-shadow:0 0 10px #743f3f}#naslov[data-v-2fcf2a23]{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-2fcf2a23]{margin-top:80px}.newRecipe label[data-v-2fcf2a23]{color:#743f3f;font-size:23px;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.newRecipe button[data-v-2fcf2a23]{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-2fcf2a23]:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #743f3f}.main-wrapper[data-v-2fcf2a23]{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-2fcf2a23]{font-size:13px;color:#666;margin-bottom:16px}.section-title[data-v-2fcf2a23]{position:relative;font-size:35px;letter-spacing:1px;margin-top:100px;color:#743f3f;font-weight:700;text-align:center}.section-title[data-v-2fcf2a23]: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-2fcf2a23]{display:flex;flex-direction:column;align-items:center;margin-top:120px;margin-bottom:150px;color:#743f3f}.no-results-img[data-v-2fcf2a23]{height:300px;margin-bottom:20px;opacity:.85}.no-results-text[data-v-2fcf2a23]{font-size:32px;font-weight:700;text-align:center}.section-divider[data-v-2fcf2a23]{margin:50px 200px;background-color:#743f3f;height:3px;border:0;border-radius:50px}.slider-container[data-v-2fcf2a23]{position:relative;display:flex;align-items:center;justify-content:center;background-color:#743f3f0f;border-radius:50px;max-width:1100px;margin:auto;padding:30px 60px}.arrow[data-v-2fcf2a23]{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-2fcf2a23]:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.arrow.left[data-v-2fcf2a23]{left:50px}.arrow.right[data-v-2fcf2a23]{right:50px}.slider-wrapper[data-v-2fcf2a23]{overflow-x:hidden;scroll-behavior:smooth}.main-wrapper2[data-v-2fcf2a23]{display:flex;gap:25px;padding:10px;flex-wrap:nowrap;align-items:flex-start}.main-wrapper2 .rec-card[data-v-2fcf2a23]{width:360px;height:260px;flex-shrink:0;display:block}.main-wrapper2 .rec-card img[data-v-2fcf2a23]{width:100%;height:100%;object-fit:cover}.main2[data-v-2fcf2a23]{flex-shrink:0}a[data-v-2fcf2a23]{text-decoration:none}.tips[data-v-2fcf2a23]{display:flex;flex-direction:row;max-width:1100px;margin:20px auto 100px;gap:25px;justify-content:center;background-color:#743f3f0f;border-radius:50px}.tip[data-v-2fcf2a23],.tip2[data-v-2fcf2a23]{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-2fcf2a23]{max-width:1100px;margin:100px auto auto;padding:20px;gap:20px;border-radius:50px}.tip2 img[data-v-2fcf2a23]{height:80px}.tip2 p[data-v-2fcf2a23]{font-size:25px;color:#000}.tip img[data-v-2fcf2a23]{height:60px;margin:5px}.tip p[data-v-2fcf2a23]{font-weight:700;font-size:12px;color:#000}.recipes-wrapper[data-v-2fcf2a23]{max-width:1100px;margin:0 auto;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;gap:22px}.rec-card[data-v-2fcf2a23]{position:relative;border-radius:26px;overflow:hidden;text-decoration:none;color:#fff}.rec-card.big[data-v-2fcf2a23]{grid-column:span 2;grid-row:span 2}.rec-card img[data-v-2fcf2a23]{width:100%;height:100%;object-fit:cover}.rec-card .overlay[data-v-2fcf2a23]{position:absolute;inset:0;background:linear-gradient(to top,#0009,#0000001a)}.rec-card .badge[data-v-2fcf2a23]{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-2fcf2a23]{position:absolute;bottom:22px;left:22px;right:22px;font-size:20px;line-height:1.3;z-index:2}.rec-card:hover img[data-v-2fcf2a23]{transform:scale(1.05)}.rec-card img[data-v-2fcf2a23]{transition:transform .4s ease}@media(max-width:900px){.recipes-wrapper[data-v-2fcf2a23]{grid-template-columns:repeat(2,1fr)}.rec-card.big[data-v-2fcf2a23]{grid-column:span 2;grid-row:span 1}}@media(max-width:600px){.recipes-wrapper[data-v-2fcf2a23]{grid-template-columns:1fr}.rec-card.big[data-v-2fcf2a23]{grid-column:span 1}}.rec-card[data-v-2fcf2a23]{position:relative}.fav-btn[data-v-2fcf2a23]{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-2fcf2a23]:hover{background:#e53935;border-color:#e53935;transform:scale(1.1)}.fav-btn.active[data-v-2fcf2a23]{background:#e53935;border-color:#e53935;color:#fff}.load-more-container[data-v-2fcf2a23]{grid-column:1 / -1;display:flex;justify-content:center;margin:20px auto auto}.load-more-btn[data-v-2fcf2a23]{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-2fcf2a23]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #743f3f59}.footer[data-v-2fcf2a23]{margin-top:80px;background:#743f3f;color:#ddd;padding:50px 20px 20px}.footer-content[data-v-2fcf2a23]{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:flex-start;gap:150px;text-align:center}.footer-col[data-v-2fcf2a23]{max-width:260px;flex:1}.footer-col ul[data-v-2fcf2a23]{list-style:none;padding:0;margin:0}.footer-col ul li[data-v-2fcf2a23]{margin-bottom:16px}.footer-col p[data-v-2fcf2a23],.footer-col li[data-v-2fcf2a23]{word-wrap:break-word;overflow-wrap:break-word;line-height:1.6}.footer-col h3[data-v-2fcf2a23],.footer-col h4[data-v-2fcf2a23]{color:#fff;margin-bottom:15px;font-size:25px}.footer-col img[data-v-2fcf2a23]{height:120px}.footer-col a[data-v-2fcf2a23]{color:#ddd;text-decoration:none;transition:color .2s}.footer-col a[data-v-2fcf2a23]:hover{color:#ff4d4d}.footer-bottom[data-v-2fcf2a23]{margin-top:40px;padding-top:15px;border-top:1px solid #333;text-align:center;font-size:13px;color:#aaa}#naslov[data-v-2fcf2a23],.cat[data-v-2fcf2a23],.sas[data-v-2fcf2a23],.dodaj[data-v-2fcf2a23]{text-shadow:1px 1px 1px black}.main-wrapper2 .rec-card[data-v-2fcf2a23]{width:380px;height:260px;flex-shrink:0}.success-popup[data-v-2fcf2a23]{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-2fcf2a23 .3s ease,fadeOut-2fcf2a23 .3s ease 1.7s forwards}.error-popup[data-v-2fcf2a23]{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-2fcf2a23 .3s ease,fadeOut-2fcf2a23 .3s ease 1.7s forwards}@keyframes slideIn-2fcf2a23{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-2fcf2a23{to{opacity:0}}@media(max-width:600px){.hero[data-v-2fcf2a23]{height:auto;padding-bottom:40px}.hero[data-v-2fcf2a23]: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) 100%,rgba(0,0,0,.85) 100%,rgba(0,0,0,.4) 100%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to top,#000 100%,#000000d9 90%,#0006 50%,#0000 50%)}.slider-container[data-v-2fcf2a23]{padding:20px}.main-wrapper2 .rec-card[data-v-2fcf2a23]{width:400px;height:200px;flex-shrink:0;display:block}.content[data-v-2fcf2a23]{width:100%;padding:20px;margin-top:60px}#naslov[data-v-2fcf2a23]{font-size:30px;margin-bottom:25px;font-weight:700;text-shadow:1px 1px 1px black}.cat[data-v-2fcf2a23],.sas[data-v-2fcf2a23],.dodaj[data-v-2fcf2a23]{text-shadow:1px 1px 1px black}.row[data-v-2fcf2a23]{flex-direction:column;width:100%;gap:8px}.row label[data-v-2fcf2a23]{font-size:18px}.content input[data-v-2fcf2a23]{width:100%;height:44px;font-size:15px}#search[data-v-2fcf2a23]{width:100%;font-size:16px}.select[data-v-2fcf2a23]{width:100%;height:44px}.newRecipe[data-v-2fcf2a23]{margin-top:30px}.newRecipe label[data-v-2fcf2a23]{font-size:18px}.newRecipe button[data-v-2fcf2a23]{width:100%;margin-left:0;margin-top:10px}}@media(max-width:600px){.toast[data-v-2fcf2a23]{top:auto;bottom:20px;right:50%;transform:translate(50%);min-width:auto;width:calc(100% - 40px);border-radius:18px;font-size:14px}.recipes-wrapper[data-v-2fcf2a23]{grid-template-columns:1fr;grid-auto-rows:220px;padding:10px}.rec-card.big[data-v-2fcf2a23]{grid-column:span 1;grid-row:span 1}.rec-card h2[data-v-2fcf2a23]{font-size:16px;bottom:16px}.rec-card .badge[data-v-2fcf2a23]{font-size:12px;padding:5px 12px}}@media(max-width:768px){.tips[data-v-2fcf2a23]{flex-direction:column;margin:20px;padding-right:40px;border-radius:30px}.tip[data-v-2fcf2a23]{width:100%;justify-content:flex-start;gap:15px}.tip p[data-v-2fcf2a23]{font-size:14px}}@media(max-width:768px){.footer-content[data-v-2fcf2a23]{flex-direction:column;gap:40px;align-items:center}.footer-col[data-v-2fcf2a23]{max-width:100%}.footer-col img[data-v-2fcf2a23]{height:90px}}.favorites-page[data-v-5c818227]{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:120px;background:#f3efef}.nofav[data-v-5c818227]{margin-top:100px;padding:15px;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center}.main-wrapper[data-v-5c818227]{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-5c818227]{display:flex;justify-content:center}a[data-v-5c818227]{display:block;text-decoration:none;color:inherit}.recipe-card[data-v-5c818227]{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-5c818227]{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-5c818227]:hover{transform:scale(1.1)}.recipe-card img[data-v-5c818227]{width:100%;height:190px;object-fit:cover;border-bottom:none}.recipe-card[data-v-5c818227]:hover{box-shadow:0 14px 28px #00000024;transform:translateY(-8px)}.recipe-card h2[data-v-5c818227]{margin:14px 12px 6px;font-size:16.5px;font-weight:600;color:#743f3f;line-height:1.3}.recipe-card .difficulty[data-v-5c818227]{margin-bottom:16px;font-size:14px;color:#6d6d6d}@media(max-width:768px){.main-wrapper[data-v-5c818227]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:24px 16px}}.notlogged[data-v-5c818227]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;margin-top:300px}.notlogged button[data-v-5c818227]{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-5c818227]:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #743f3f}.success-popup[data-v-5c818227]{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-5c818227 .3s ease,fadeOut-5c818227 .3s ease 1.7s forwards}@keyframes slideIn-5c818227{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-5c818227{to{opacity:0}}@media(max-width:480px){.favorites-page[data-v-5c818227]{padding-top:90px}h1[data-v-5c818227]{font-size:26px!important;padding-top:10px!important;margin-bottom:10px}.main-wrapper[data-v-5c818227]{grid-template-columns:1fr;gap:20px;padding:16px;border-radius:20px}.recipe-card[data-v-5c818227]{max-width:100%;border-radius:18px}.recipe-card img[data-v-5c818227]{height:210px}.recipe-card h2[data-v-5c818227]{font-size:18px;margin:12px 10px 6px}.recipe-card .difficulty[data-v-5c818227]{font-size:15px;margin-bottom:14px}.fav-btn[data-v-5c818227]{width:46px;height:46px;font-size:26px;top:12px;right:12px}.nofav img[data-v-5c818227]{height:200px}.nofav h3[data-v-5c818227]{font-size:22px!important;text-align:center}.notlogged[data-v-5c818227]{margin-top:180px;padding:0 20px;text-align:center}.notlogged p[data-v-5c818227]{font-size:22px!important}.notlogged button[data-v-5c818227]{width:100%;max-width:280px;font-size:18px;padding:12px 0}.success-popup[data-v-5c818227]{top:auto;bottom:20px;right:50%;transform:translate(50%);border-radius:14px;font-size:15px}}.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-77d94345]{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#530c0c33}.recipe-card[data-v-77d94345]{width:900px;background:#ffc7c7;padding:25px;border-radius:15px;box-shadow:0 4px 15px #00000026}.recipe-image[data-v-77d94345]{width:100%;height:350px;object-fit:cover;border-radius:12px;margin-bottom:20px}.recipe-title[data-v-77d94345]{margin:0;font-size:26px;font-weight:700;color:#743f3f;padding-bottom:20px}.recipe-desc[data-v-77d94345]{font-size:16px;color:#fff;padding-bottom:20px}.sub-title[data-v-77d94345]{margin-top:20px;font-size:25px;text-align:center;font-weight:700;color:#743f3f}.ingredients[data-v-77d94345]{margin-top:10px;padding-left:0;list-style:none}.ingredients li[data-v-77d94345]{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-77d94345]{font-weight:600;color:#743f3f}.ing-qty[data-v-77d94345]{color:#743f3f;font-weight:500}.loading[data-v-77d94345]{text-align:center;padding:50px;font-size:20px}.related-section[data-v-77d94345]{background:#ffc7c7;padding:50px;border-radius:15px;margin-top:30px;min-width:900px}.related-section h3[data-v-77d94345]{color:#fff;font-size:22px;margin-bottom:20px;text-align:center}.related-wrapper[data-v-77d94345]{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.related-card[data-v-77d94345]{width:250px;background-color:#530c0c33;border-radius:12px;overflow:hidden;text-align:center;cursor:pointer;transition:transform .2s}.related-card[data-v-77d94345]:hover{transform:scale(1.05)}.related-image[data-v-77d94345]{width:100%;height:200px;object-fit:cover}.related-name[data-v-77d94345]{font-size:20px;font-weight:700;color:#743f3f;padding:20px 5px}.related-desc[data-v-77d94345]{color:#743f3f;padding-bottom:20px;font-size:13px;margin-left:30px;margin-right:30px}.comments-section[data-v-77d94345]{width:100%;max-width:900px;margin-top:40px;padding:20px;background:#ffc7c7;border-radius:15px;color:#fff}.comments-section h2[data-v-77d94345]{margin-bottom:15px;font-size:25px;color:#743f3f;font-weight:700;text-align:center}.add-comment[data-v-77d94345]{display:flex;flex-direction:column;margin-bottom:20px;color:#fff}.add-comment textarea[data-v-77d94345]{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-77d94345]{align-self:flex-end;padding:8px 20px;border-radius:50px;background-color:#743f3f;color:#fff;border:none;cursor:pointer}.add-comment h3[data-v-77d94345]{align-self:flex-start}.add-comment button[data-v-77d94345]:hover{opacity:.6}.comments-list[data-v-77d94345]{display:flex;flex-direction:column;gap:15px}.comment-card[data-v-77d94345]{background-color:#530c0c33;padding:15px;border-radius:10px}.comment-header[data-v-77d94345]{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#fff}.comment-user[data-v-77d94345]{font-size:25px;color:#743f3f;display:flex;justify-content:center;align-items:center}.comment-date[data-v-77d94345]{font-size:12px;font-weight:400;color:#743f3f}.comment-separator[data-v-77d94345]{border:0;border-top:1px solid #a85c5c;margin:5px 0}.comment-text[data-v-77d94345]{font-size:14px;color:#743f3f;line-height:1.5;padding-top:20px}.comment-delete-btn[data-v-77d94345]{background:#e74c3c;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:15px;padding:4px 12px 6px}.comment-delete-btn[data-v-77d94345]:hover{background:#992e22}.comment-update-btn[data-v-77d94345]{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-77d94345]:hover{background:#9c7300}.login-box[data-v-77d94345]{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-77d94345]{margin:0;font-size:16px;color:#743f3f}.login-box button[data-v-77d94345]{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-77d94345]:hover{background-color:#8f4a4a;transform:translateY(-1px)}.prep-time[data-v-77d94345]{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-77d94345]{font-weight:700;font-size:20px;color:#743f3f}.prep-time img[data-v-77d94345]{height:50px}.success-popup[data-v-77d94345]{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-77d94345 .3s ease,fadeOut-77d94345 .3s ease 1.7s forwards}@keyframes slideIn-77d94345{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-77d94345{to{opacity:0}}.edit-popup-overlay[data-v-77d94345]{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.edit-popup[data-v-77d94345]{background:#fff;width:100%;max-width:480px;border-radius:14px;padding:20px 22px;box-shadow:0 20px 60px #00000040;animation:popupFadeIn-77d94345 .25s ease}.edit-popup h3[data-v-77d94345]{margin:0 0 14px;font-size:18px;font-weight:600;color:#222}.edit-textarea[data-v-77d94345]{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-77d94345]:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db26}.edit-actions[data-v-77d94345]{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.btn-save[data-v-77d94345]{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-77d94345]:hover{background:#532d2d}.btn-save[data-v-77d94345]:active{transform:scale(.97)}.btn-cancel[data-v-77d94345]{background:#eee;color:#333;border:none;border-radius:8px;padding:7px 14px;font-size:14px;cursor:pointer;transition:background .2s}.btn-cancel[data-v-77d94345]:hover{background:#ddd}@keyframes popupFadeIn-77d94345{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.edit-popup[data-v-77d94345]{margin:0 14px}}@media(max-width:600px){h1[data-v-77d94345]{font-size:26px!important;padding-top:90px!important}.wrapper[data-v-77d94345]{padding:16px}.recipe-card[data-v-77d94345]{width:100%;padding:18px;border-radius:18px}.recipe-title[data-v-77d94345]{font-size:22px;text-align:center}.recipe-image[data-v-77d94345]{height:220px;border-radius:14px}.prep-time[data-v-77d94345]{gap:10px;padding:10px}.prep-time img[data-v-77d94345]{height:36px}.prep-time p[data-v-77d94345]{font-size:16px}.sub-title[data-v-77d94345]{font-size:20px}.ingredients li[data-v-77d94345]{flex-direction:column;align-items:flex-start;gap:6px}.ing-name[data-v-77d94345]{font-size:15px}.ing-qty[data-v-77d94345]{font-size:14px}.recipe-inst[data-v-77d94345]{font-size:14px;line-height:1.6;text-align:left}hr[data-v-77d94345]{width:100%!important}.comments-section[data-v-77d94345]{padding:16px;border-radius:18px}.comments-section h2[data-v-77d94345]{font-size:22px}.add-comment textarea[data-v-77d94345]{font-size:14px;min-height:100px}.add-comment button[data-v-77d94345]{align-self:stretch;padding:12px 0;font-size:15px}.comment-card[data-v-77d94345]{padding:14px}.comment-header[data-v-77d94345]{flex-direction:column;align-items:flex-start;gap:6px}.comment-user[data-v-77d94345]{font-size:18px}.comment-date[data-v-77d94345]{font-size:11px}.comment-text[data-v-77d94345]{font-size:14px;padding-top:10px}.comment-delete-btn[data-v-77d94345],.comment-update-btn[data-v-77d94345]{font-size:13px;padding:6px 12px;margin-top:6px}.login-box[data-v-77d94345]{flex-direction:column;align-items:stretch;text-align:center}.login-box button[data-v-77d94345]{width:100%;padding:10px 0}.related-section[data-v-77d94345]{min-width:auto;padding:20px}.related-wrapper[data-v-77d94345]{flex-direction:column;gap:16px}.related-card[data-v-77d94345]{width:100%}.related-image[data-v-77d94345]{height:180px}.related-name[data-v-77d94345]{font-size:18px;padding:12px 6px}.related-desc[data-v-77d94345]{font-size:13px;margin:0 16px 12px}.success-popup[data-v-77d94345]{top:auto;bottom:20px;right:50%;transform:translate(50%);width:calc(100% - 40px);text-align:center;border-radius:14px;font-size:14px}}.register-wrapper[data-v-7383e873]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f3efef}.register-layout[data-v-7383e873]{width:100%;max-width:1000px;min-height:510px;margin-top:60px;display:flex;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 20px 45px #0000002e}.register-image[data-v-7383e873]{flex:1;background-image:url(/assets/backgroundimage-C80NYV5V.jpeg);background-size:cover;background-position:center;position:relative}.register-image[data-v-7383e873]:before{content:"";position:absolute;inset:0;background:#743f3f8c}.overlay[data-v-7383e873]{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-7383e873]{width:150px;height:150px}.overlay h2[data-v-7383e873]{font-size:32px;margin-bottom:10px}.overlay p[data-v-7383e873]{font-size:16px;max-width:320px;opacity:.9}.register-card[data-v-7383e873]{flex:1;padding:40px;text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.register-card h1[data-v-7383e873]{margin-bottom:8px;color:#743f3f;font-size:32px}.subtitle[data-v-7383e873]{font-size:14px;color:#666;margin-bottom:30px}.field[data-v-7383e873]{text-align:left;margin-bottom:18px}.field label[data-v-7383e873]{display:block;font-size:15px;margin-bottom:6px;color:#000;font-weight:600}.field input[data-v-7383e873]{width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid #ddd;font-size:14px;transition:.25s ease}.field input[data-v-7383e873]:focus{outline:none;border-color:#743f3f;box-shadow:0 0 0 3px #743f3f33}button[data-v-7383e873]{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-7383e873]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #743f3f59}.msg[data-v-7383e873]{margin-top:18px;font-size:14px;font-weight:600}.msg.error[data-v-7383e873]{color:#c0392b}.msg.success[data-v-7383e873]{color:#27ae60}@media(max-width:768px){.register-layout[data-v-7383e873]{flex-direction:column}.register-image[data-v-7383e873]{display:none}}.page[data-v-5270a8e6]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f3efef}.login-layout[data-v-5270a8e6]{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-5270a8e6]{flex:1;padding:40px}.login-container h1[data-v-5270a8e6]{text-align:center;margin-bottom:20px;color:#743f3f}.login-tips[data-v-5270a8e6]{display:flex;gap:10px;margin-bottom:25px}.tip[data-v-5270a8e6]{flex:1;background-color:#743f3f1a;border-radius:14px;padding:12px 6px;text-align:center;font-size:13px}.form-group[data-v-5270a8e6]{margin-bottom:15px}label[data-v-5270a8e6]{font-weight:600;margin-bottom:5px;display:block}input[data-v-5270a8e6]{width:100%;padding:11px;border-radius:10px;border:1px solid #ccc}.form-group input[data-v-5270a8e6]:focus{outline:none;border-color:#743f3f;box-shadow:0 0 0 3px #743f3f33}button[data-v-5270a8e6]{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-5270a8e6]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #743f3f59}.error[data-v-5270a8e6],.success[data-v-5270a8e6]{text-align:center;margin-top:15px}.error[data-v-5270a8e6]{color:red}.success[data-v-5270a8e6]{color:green}@media(max-width:768px){.login-layout[data-v-5270a8e6]{flex-direction:column}.login-image[data-v-5270a8e6]{display:none}}.login-image[data-v-5270a8e6]{flex:1;background-image:url(/assets/backgroundimage-C80NYV5V.jpeg);background-size:cover;background-position:center;position:relative}.login-image[data-v-5270a8e6]:before{content:"";position:absolute;inset:0;background:#743f3f99}.overlay[data-v-5270a8e6]{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-5270a8e6]{width:150px;height:150px}.overlay h2[data-v-5270a8e6]{font-size:32px;margin-bottom:10px}.overlay p[data-v-5270a8e6]{font-size:16px;max-width:320px;opacity:.9}.hero[data-v-4365557f]{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-4365557f]{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-4365557f]{text-align:center;color:#743f3f;font-size:26px;font-weight:700;margin-bottom:18px}.form-title[data-v-4365557f]{grid-column:1 / -1;text-align:center;font-size:32px;font-weight:600;color:#743f3f;margin-bottom:10px}.add-recipe-wrapper[data-v-4365557f]{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-4365557f]{display:flex;flex-direction:column}.form-group label[data-v-4365557f]{font-size:13px;font-weight:600;color:#743f3f}.form-group textarea[data-v-4365557f],.form-group select[data-v-4365557f]{padding:11px 12px 14px;font-size:12px;border-radius:12px;border:1px solid #d2c0c0;transition:.2s}.form-group input[data-v-4365557f]{padding:12px 10px 13px}.form-group textarea[data-v-4365557f]{resize:none;min-height:70px}.form-group input[data-v-4365557f]:focus,.form-group textarea[data-v-4365557f]:focus,.form-group select[data-v-4365557f]:focus{outline:none;border-color:#743f3f;box-shadow:0 0 0 2px #743f3f33}.form-group input[type=file][data-v-4365557f]{padding:8px;background:#f6eaea;border:2px dashed #743f3f;cursor:pointer}.add-recipe-wrapper h3[data-v-4365557f]{grid-column:1 / -1;margin-top:6px;margin-bottom:6px;color:#743f3f;font-size:18px;font-weight:700}.ingredient-row[data-v-4365557f]{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ingredient-row select[data-v-4365557f],.ingredient-row input[data-v-4365557f]{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-4365557f]{width:200px}.ingredient-row input[data-v-4365557f]{width:180px}.btn-add[data-v-4365557f]{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-4365557f]:hover{background:#5f3030}.submit-btn[data-v-4365557f]{grid-column:1 / -1}.form-group[data-v-4365557f]{display:flex;flex-direction:column;gap:6px}input[data-v-4365557f],select[data-v-4365557f],textarea[data-v-4365557f]{padding:10px 14px;border-radius:12px;border:1px solid #d6bcbc;font-size:14px}textarea[data-v-4365557f]{min-height:110px;resize:none}.submit-btn[data-v-4365557f]{display:flex;justify-content:center;margin-top:20px}.ingredient-list h4[data-v-4365557f]{color:#743f3f;font-size:16px;font-weight:600}.ingredient-list[data-v-4365557f]{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;margin-top:0}.ingredient-item[data-v-4365557f]{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-4365557f]{background:none;border:none;color:#b33a3a;font-size:16px;cursor:pointer;transition:.2s}.btn-remove[data-v-4365557f]:hover{color:red;transform:scale(1.2)}.submit-btn[data-v-4365557f]{grid-column:1 / -1;text-align:center;margin-top:10px}.btn-submit[data-v-4365557f]{padding:12px 42px;background:#743f3f;color:#fff;border:none;border-radius:20px;font-size:15px;font-weight:700;cursor:pointer}.btn-submit[data-v-4365557f]:hover{background:#5c2f2f}.toast[data-v-4365557f]{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-4365557f .35s ease}.toast .icon[data-v-4365557f]{font-size:22px}.toast.error[data-v-4365557f]{background:#e53935;color:#fff}.toast.success[data-v-4365557f]{background:#2e7d32;color:#fff}@keyframes slideIn-4365557f{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:600px){.hero[data-v-4365557f]{margin-top:65px;padding:16px;align-items:flex-start}.add-recipe-wrapper[data-v-4365557f]{padding:22px 18px;border-radius:18px;display:flex;flex-direction:column;gap:16px}.form-title[data-v-4365557f]{font-size:26px;margin-bottom:6px}.form-group[data-v-4365557f]{gap:4px}.form-group label[data-v-4365557f]{font-size:12px}input[data-v-4365557f],select[data-v-4365557f],textarea[data-v-4365557f]{font-size:15px;padding:12px 14px;border-radius:14px}textarea[data-v-4365557f]{min-height:120px}.form-group input[type=file][data-v-4365557f]{padding:12px;border-radius:14px;font-size:14px}.add-recipe-wrapper h3[data-v-4365557f]{font-size:18px;margin-top:12px}.ingredient-row[data-v-4365557f]{flex-direction:column;align-items:stretch;gap:10px}.ingredient-row select[data-v-4365557f],.ingredient-row input[data-v-4365557f]{width:100%;height:46px;font-size:15px}.btn-add[data-v-4365557f]{width:100%;height:46px;border-radius:50px;font-size:15px}.ingredient-list[data-v-4365557f]{gap:10px}.ingredient-item[data-v-4365557f]{font-size:14px;padding:10px 14px;border-radius:30px}.submit-btn[data-v-4365557f]{margin-top:16px}.btn-submit[data-v-4365557f]{width:100%;padding:16px 0;font-size:16px;border-radius:50px}.toast[data-v-4365557f]{top:auto;bottom:20px;right:50%;transform:translate(50%);min-width:auto;width:calc(100% - 40px);border-radius:18px;font-size:14px}}.myrecipes-page[data-v-48e0bf26]{padding-top:120px}.page-title[data-v-48e0bf26]{text-align:center;padding:30px 20px 40px}.page-title h1[data-v-48e0bf26]{font-size:40px;font-weight:800;color:#743f3f;margin:0}.main-wrapper[data-v-48e0bf26]{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-48e0bf26]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.main-wrapper[data-v-48e0bf26]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.main-wrapper[data-v-48e0bf26]{grid-template-columns:1fr}}.recipe-card[data-v-48e0bf26]{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-48e0bf26]:hover{transform:translateY(-6px);box-shadow:0 22px 45px #00000026}.card-actions[data-v-48e0bf26]{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:3}.card-edit-btnn[data-v-48e0bf26],.card-delete-btnn[data-v-48e0bf26]{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-48e0bf26]{color:#000}.recipe-card:hover .card-edit-btnn[data-v-48e0bf26],.recipe-card:hover .card-delete-btnn[data-v-48e0bf26]{opacity:1}.card-edit-btnn[data-v-48e0bf26]{background:#cfa900}.card-edit-btnn[data-v-48e0bf26]:hover{background:#b39200;transform:scale(1.05)}.card-delete-btnn[data-v-48e0bf26]{background:#e74c3c}.card-delete-btnn[data-v-48e0bf26]:hover{background:#8a291e;transform:scale(1.05)}.card-link[data-v-48e0bf26]{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.recipe-image[data-v-48e0bf26]{height:70%;width:100%;object-fit:cover;transition:transform .4s ease}.recipe-card:hover .recipe-image[data-v-48e0bf26]{transform:scale(1.06)}.recipe-info[data-v-48e0bf26]{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-48e0bf26]{font-size:18px;font-weight:600;color:#3b2c2c;text-align:center}a[data-v-48e0bf26]{text-decoration:none;color:inherit}.nofav[data-v-48e0bf26]{display:flex;min-height:88vh;flex-direction:column;align-items:center}.nofav button[data-v-48e0bf26]{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-48e0bf26]:hover{background:#5f3030}@media(max-width:768px){.main-wrapper[data-v-48e0bf26]{padding:0 20px 40px;gap:20px}.recipe-card img[data-v-48e0bf26]{height:160px}}.success-popup[data-v-48e0bf26]{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-48e0bf26 .3s ease,fadeOut-48e0bf26 .3s ease 1.7s forwards}@keyframes slideIn-48e0bf26{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-48e0bf26{to{opacity:0}}.popup-overlay[data-v-48e0bf26],.popup-overlay-edit[data-v-48e0bf26]{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-48e0bf26 .2s ease-in}.popup-card[data-v-48e0bf26]{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-48e0bf26 .2s forwards}.popup-card-edit[data-v-48e0bf26]{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-48e0bf26 .25s ease-out}.popup-card-edit h3[data-v-48e0bf26]{color:#000;padding-top:30px}.popup-card-edit textarea[data-v-48e0bf26]{min-height:140px;resize:vertical}.popup-card h3[data-v-48e0bf26]{font-size:1.4rem;margin:0;text-align:center;color:#333}.popup-input[data-v-48e0bf26]{padding:10px 14px;border-radius:8px;border:1px solid #ccc;font-size:1rem;outline:none;transition:all .2s}.popup-input[data-v-48e0bf26]:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280}.popup-buttons[data-v-48e0bf26]{display:flex;justify-content:flex-end;gap:10px}.popup-buttonss[data-v-48e0bf26]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-add[data-v-48e0bf26]{background:#743f3f;color:#fff;padding:8px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add[data-v-48e0bf26]:hover{background:#743f3f;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-cancel[data-v-48e0bf26]{background:#c7c7c7;color:#555;padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-48e0bf26]:hover{background:#e0e0e0;transform:translateY(-1px)}@keyframes fadeIn-48e0bf26{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-48e0bf26{0%{transform:scale(.8)}to{transform:scale(1)}}.news-page[data-v-daf220e7]{margin-top:50px;padding:0 40px 60px;background-color:#743f3f1a}.hero[data-v-daf220e7]{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-daf220e7]: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-daf220e7]{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-daf220e7]{font-size:60px;margin-bottom:10px}.hero p[data-v-daf220e7]{max-width:520px;font-size:18px}.cta[data-v-daf220e7]{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-daf220e7]{background:url(/assets/cooking-D8k8Xb4l.jpeg) center / cover no-repeat;min-height:260px}.cta-content[data-v-daf220e7]{padding:36px;display:flex;flex-direction:column;justify-content:center}.cta-content h2[data-v-daf220e7]{font-size:40px;margin-bottom:12px;color:#fff;font-weight:700}.cta-content p[data-v-daf220e7]{font-size:15px;line-height:1.6;margin-bottom:22px;color:#fff}.cta-btn[data-v-daf220e7]{align-self:flex-start;background:#52271c;color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer}.cta-btn[data-v-daf220e7]:hover{opacity:.9}.cta2[data-v-daf220e7]{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-daf220e7]{background:url(/assets/asaa-DIkGo31E.jpg) center / cover no-repeat;min-height:260px}.cta-content2[data-v-daf220e7]{padding:36px;display:flex;flex-direction:column;justify-content:center}.cta-content2 h2[data-v-daf220e7]{font-size:40px;margin-bottom:12px;color:#fff;font-weight:700}.cta-content2 p[data-v-daf220e7]{font-size:15px;line-height:1.6;margin-bottom:22px;color:#fff}.cta-btn2[data-v-daf220e7]{align-self:flex-start;background:#52271c;color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer}.cta-btn2[data-v-daf220e7]:hover{opacity:.9}.cta3[data-v-daf220e7]{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-daf220e7]{background:url(/assets/favorite-meal-C1XkiP4f.jpg) center / cover no-repeat;min-height:260px}.cta-content3[data-v-daf220e7]{padding:36px;display:flex;flex-direction:column;justify-content:center}.cta-content3 h2[data-v-daf220e7]{font-size:40px;margin-bottom:12px;color:#fff;font-weight:700}.cta-content3 p[data-v-daf220e7]{font-size:15px;line-height:1.6;margin-bottom:22px;color:#fff}.cta-btn3[data-v-daf220e7]{align-self:flex-start;background:#52271c;color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer}.cta-btn3[data-v-daf220e7]:hover{opacity:.9}.news-grid[data-v-daf220e7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.news-card[data-v-daf220e7]{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #00000014}.img-wrapper[data-v-daf220e7]{position:relative}.img-wrapper img[data-v-daf220e7]{width:100%;height:200px;object-fit:cover}.tag[data-v-daf220e7]{position:absolute;top:14px;left:14px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:13px}.fav[data-v-daf220e7]{position:absolute;top:14px;right:14px;background:#ffffffe6;border:none;border-radius:50%;width:34px;height:34px;cursor:pointer}.desc[data-v-daf220e7]{padding:18px;font-size:14px;line-height:1.5}.latest-section[data-v-daf220e7]{padding:0 40px;display:flex;justify-content:center}.section-title[data-v-daf220e7]{font-size:28px;text-align:center;color:#743f3f;font-weight:700;margin-top:100px}.latest-grid[data-v-daf220e7]{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-daf220e7]{position:relative;border-radius:26px;overflow:hidden;text-decoration:none;color:#fff;cursor:pointer;display:flex;flex-direction:column}.img-box[data-v-daf220e7]{position:relative;width:100%;flex:1;display:flex;flex-direction:column}.food-card img[data-v-daf220e7]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.food-card .food-desc[data-v-daf220e7]{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-daf220e7]{z-index:2}.food-card.featured[data-v-daf220e7]{grid-column:span 2;grid-row:span 2}.food-card .overlay[data-v-daf220e7]{position:absolute;inset:0;background:linear-gradient(to top,#0009,#0000001a)}.food-card .food-tag[data-v-daf220e7]{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-daf220e7]{position:absolute;bottom:22px;left:22px;right:22px;font-size:20px;line-height:1.3;z-index:2}.food-card:hover img[data-v-daf220e7]{transform:scale(1.05)}.fav-btn[data-v-daf220e7]{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-daf220e7]:hover{background:#e53935;border-color:#e53935;transform:scale(1.1)}.fav-btn.active[data-v-daf220e7]{background:#e53935;border-color:#e53935;color:#fff}@media(max-width:900px){.latest-grid[data-v-daf220e7]{grid-template-columns:repeat(2,1fr)}.food-card.featured[data-v-daf220e7]{grid-column:span 2;grid-row:span 1}}@media(max-width:600px){.latest-grid[data-v-daf220e7]{grid-template-columns:1fr}.food-card.featured[data-v-daf220e7]{grid-column:span 1}}.success-popup[data-v-daf220e7]{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-daf220e7 .3s ease,fadeOut-daf220e7 .3s ease 1.7s forwards}.error-popup[data-v-daf220e7]{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-daf220e7 .3s ease,fadeOut-daf220e7 .3s ease 1.7s forwards}@keyframes slideIn-daf220e7{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-daf220e7{to{opacity:0}}@media(max-width:480px){.news-page[data-v-daf220e7]{padding:0 16px 40px;margin-top:60px}.hero[data-v-daf220e7]{height:320px;border-radius:16px;margin-bottom:60px}.hero-overlay[data-v-daf220e7]{padding:20px}.hero h1[data-v-daf220e7]{font-size:34px;line-height:1.2}.hero p[data-v-daf220e7]{font-size:15px;max-width:100%}.cta[data-v-daf220e7],.cta2[data-v-daf220e7],.cta3[data-v-daf220e7]{grid-template-columns:1fr;min-height:auto;border-radius:18px}.cta-img[data-v-daf220e7],.cta-img2[data-v-daf220e7],.cta-img3[data-v-daf220e7]{min-height:200px}.cta-content[data-v-daf220e7],.cta-content2[data-v-daf220e7],.cta-content3[data-v-daf220e7]{padding:22px;text-align:center;align-items:center}.cta-content h2[data-v-daf220e7],.cta-content2 h2[data-v-daf220e7],.cta-content3 h2[data-v-daf220e7]{font-size:26px}.cta-content p[data-v-daf220e7],.cta-content2 p[data-v-daf220e7],.cta-content3 p[data-v-daf220e7]{font-size:14px}.cta-btn[data-v-daf220e7],.cta-btn2[data-v-daf220e7],.cta-btn3[data-v-daf220e7]{align-self:center;width:100%;max-width:260px;padding:14px 0;border-radius:50px;font-size:16px}.section-title[data-v-daf220e7]{font-size:32px!important;margin-top:60px;margin-bottom:20px}.latest-section[data-v-daf220e7]{padding:0}.latest-grid[data-v-daf220e7]{grid-template-columns:1fr;grid-auto-rows:260px;gap:18px}.food-card[data-v-daf220e7]{border-radius:20px}.food-card.featured[data-v-daf220e7]{grid-column:span 1;grid-row:span 1}.food-card .food-tag[data-v-daf220e7]{font-size:12px;padding:5px 12px}.food-card .food-desc[data-v-daf220e7]{font-size:14px;bottom:42px;left:14px;right:14px}.fav-btn[data-v-daf220e7]{width:44px;height:44px;font-size:26px;top:12px;right:12px}.success-popup[data-v-daf220e7],.error-popup[data-v-daf220e7]{top:auto;bottom:20px;right:50%;transform:translate(50%);border-radius:16px;font-size:14px}}.admin-page[data-v-315c43ab]{padding-top:130px;max-width:900px;margin-inline:auto;height:100vh}.title[data-v-315c43ab]{color:#743f3f;font-weight:700;font-size:50px;margin-bottom:6px;text-align:center}.subtitle[data-v-315c43ab]{color:#777;margin-bottom:80px;text-align:center}.admin-sections[data-v-315c43ab]{display:flex;flex-direction:column;gap:16px}.admin-card[data-v-315c43ab]{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-315c43ab]:hover{transform:translateY(-3px);box-shadow:0 14px 40px #0000001a}.icon[data-v-315c43ab]{font-size:30px}.admin-card h3[data-v-315c43ab]{margin:0;font-size:18px}.admin-card p[data-v-315c43ab]{margin:2px 0 0;color:#666;font-size:14px}.close[data-v-315c43ab]{font-size:22px;border:none;background:none;cursor:pointer}.actions[data-v-315c43ab]{display:flex;gap:12px;margin:20px 0}.actions button[data-v-315c43ab]{padding:10px 18px;border-radius:10px;border:none;cursor:pointer}.modal-backdrop[data-v-315c43ab]{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-315c43ab]{background:#fff;width:1100px;max-height:100vh;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-315c43ab]{padding:16px;display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;margin-bottom:20px}.modal-content[data-v-315c43ab]{padding:16px;overflow-y:auto;flex:1}.recipe-card[data-v-315c43ab]{background:#fafafa;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.recipe-image[data-v-315c43ab]{width:100%;height:140px;object-fit:cover}.cards-container[data-v-315c43ab]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:12px}.recipe-card[data-v-315c43ab]{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-315c43ab]{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-315c43ab]:hover{background-color:#f01f07}.recipe-image[data-v-315c43ab]{width:100%;height:180px;object-fit:cover}.recipe-info[data-v-315c43ab]{padding:12px;display:flex;flex-direction:column;gap:8px}.cards-container-wrapper[data-v-315c43ab]{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.add-category-wrapper[data-v-315c43ab]{display:flex;justify-content:flex-start}.add-btn[data-v-315c43ab]{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-315c43ab]:hover{background-color:#1e8449}.cards-container[data-v-315c43ab]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.category-card[data-v-315c43ab]{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-315c43ab]{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-315c43ab]:hover{background:#832c23;color:#fff;transition:.2s}.card-edit-btnn[data-v-315c43ab]{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-315c43ab]:hover{background:#acac01;transition:.2s}.category-info h4[data-v-315c43ab]{margin:0;font-size:16px;font-weight:700}.ingredient-card[data-v-315c43ab]{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-315c43ab]{margin:0;font-size:16px;font-weight:700}.cards-comment-wrapper[data-v-315c43ab]{max-height:70vh;overflow-y:auto;padding:10px 20px}.comments-table-wrapper[data-v-315c43ab]{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #00000026;background:#fff}.comments-table[data-v-315c43ab]{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:14px}.comments-table th[data-v-315c43ab]{background:#f5f5f5;text-align:left;padding:12px 15px;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.comments-table td[data-v-315c43ab]{padding:10px 15px;border-bottom:1px solid #eee;vertical-align:top;color:#555}.comments-table tbody tr[data-v-315c43ab]:hover{background-color:#fafafa;transition:background .2s}.card-delete[data-v-315c43ab]{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-315c43ab]:hover{background-color:#832c23}@media(max-width:768px){.comments-table th[data-v-315c43ab],.comments-table td[data-v-315c43ab]{font-size:12px;padding:8px 10px}.card-delete[data-v-315c43ab]{padding:4px 6px;font-size:12px}}.users-table-wrapper[data-v-315c43ab]{width:100%;overflow-x:auto}.users-table[data-v-315c43ab]{width:100%;min-width:700px;border-collapse:collapse;font-size:14px}.users-table th[data-v-315c43ab],.users-table td[data-v-315c43ab]{border:1px solid #ddd;padding:10px 12px;text-align:left}.users-table th[data-v-315c43ab]{background-color:#f2f2f2;font-weight:700}.card-delete-btn[data-v-315c43ab]{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-315c43ab]:hover{background-color:#c0392b}.popup-overlay[data-v-315c43ab],.popup-overlay-edit[data-v-315c43ab]{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-315c43ab .2s ease-in}.popup-card[data-v-315c43ab]{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-315c43ab .2s forwards}.popup-card-edit[data-v-315c43ab]{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-315c43ab .25s ease-out}.popup-card-edit h3[data-v-315c43ab]{color:#000;padding-top:30px}.popup-card-edit textarea[data-v-315c43ab]{min-height:140px;resize:vertical}.popup-card h3[data-v-315c43ab]{font-size:1.4rem;margin:0;text-align:center;color:#333}.popup-input[data-v-315c43ab]{padding:10px 14px;border-radius:8px;border:1px solid #ccc;font-size:1rem;outline:none;transition:all .2s}.popup-input[data-v-315c43ab]:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280}.popup-buttons[data-v-315c43ab]{display:flex;justify-content:flex-end;gap:10px}.popup-buttonss[data-v-315c43ab]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-add[data-v-315c43ab]{background:#743f3f;color:#fff;padding:8px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add[data-v-315c43ab]:hover{background:#743f3f;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-cancel[data-v-315c43ab]{background:#c7c7c7;color:#555;padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-315c43ab]:hover{background:#e0e0e0;transform:translateY(-1px)}@keyframes fadeIn-315c43ab{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-315c43ab{0%{transform:scale(.8)}to{transform:scale(1)}}.success-popup[data-v-315c43ab]{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-315c43ab .3s ease,fadeOut-315c43ab .3s ease 1.7s forwards}@keyframes slideIn-315c43ab{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut-315c43ab{to{opacity:0}}.btn-save[data-v-315c43ab]{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-315c43ab]:hover{background-color:#1e8449}.role-cell[data-v-315c43ab]{display:flex;align-items:center;gap:8px}.role-cell select[data-v-315c43ab]{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-315c43ab]:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e266}.role-cell select option[data-v-315c43ab]{padding:6px 10px;font-size:14px}.role-cell[data-v-315c43ab],.multi-select-dropdown[data-v-315c43ab]{position:relative}.multi-select-dropdown input[type=checkbox][data-v-315c43ab]{appearance:none;width:20px;height:20px;border:2px solid #743f3f;border-radius:6px;margin-right:8px;position:relative;cursor:pointer;transition:all .2s ease}.multi-select-dropdown input[type=checkbox][data-v-315c43ab]:checked{background-color:#743f3f;border-color:#743f3f}.multi-select-dropdown input[type=checkbox][data-v-315c43ab]:checked:after{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px}.multi-select-dropdown label[data-v-315c43ab]{display:flex;align-items:center;padding:6px 10px;border-radius:8px;transition:background .2s;cursor:pointer}.multi-select-dropdown label[data-v-315c43ab]:hover{background-color:#743f3f1a}.multi-select-dropdown .dropdown-options[data-v-315c43ab]{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 6px 18px #00000026;padding:8px;max-height:200px;overflow-y:auto;z-index:10;width:max-content}.multi-select-dropdown .dropdown-btn[data-v-315c43ab]{background-color:#743f3f;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:150px;box-shadow:0 3px 8px #00000026;transition:all .2s}.multi-select-dropdown .dropdown-btn[data-v-315c43ab]:hover{background-color:#a05a5a;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.multi-select-dropdown .dropdown-btn[data-v-315c43ab]:after{content:"▾";margin-left:8px;transition:transform .2s}.multi-select-dropdown .dropdown-btn.active[data-v-315c43ab]:after{transform:rotate(180deg)}