.home-page{min-height:100vh}.hero{color:#fff;text-align:center;background:linear-gradient(135deg,#2f855a,#38a169);padding:5rem 2rem}.hero-content{max-width:700px;margin:0 auto}.hero h1{margin-bottom:1rem;font-size:4rem}.hero p{margin-bottom:2rem;font-size:1.2rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-buttons a{color:#2f855a;background-color:#fff;border-radius:10px;padding:.9rem 1.4rem;font-weight:700;text-decoration:none}.features{max-width:1200px;margin:0 auto;padding:4rem 2rem}.features h2{text-align:center;margin-bottom:3rem}.features-grid{gap:1.5rem;display:grid}.feature-card{text-align:center;background-color:#f7faf7;border-radius:16px;padding:2rem}@media (width>=768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem;display:flex}.auth-card{background-color:#fff;border-radius:18px;width:100%;max-width:420px;padding:2rem;box-shadow:0 4px 18px #00000014}.auth-card h1{text-align:center;margin-bottom:1.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form div{flex-direction:column;gap:.4rem;display:flex}.auth-form label{font-weight:600}.auth-form input{box-sizing:border-box;border:1px solid #d4d4d4;border-radius:10px;width:100%;padding:.8rem;font-size:1rem}.auth-form button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;padding:.8rem 1rem;font-weight:600}.auth-form button:hover{background-color:#1d4ed8}.auth-error{text-align:center;color:#dc2626;margin-top:1rem;font-weight:600}.recipe-filters{gap:.75rem;margin-bottom:2rem;display:grid}.recipe-filters input,.recipe-filters select{border:1px solid #dcdcdc;border-radius:10px;padding:.8rem 1rem;font-size:1rem}.recipe-filters button{color:#fff;cursor:pointer;background-color:#2f855a;border:none;border-radius:10px;padding:.8rem 1rem;font-weight:600}.recipe-filters button:hover{background-color:#276749}@media (width>=768px){.recipe-filters{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center}}.recipe-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 8px 24px #0000000f}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.recipe-card img{object-fit:cover;width:100%;height:210px}.recipe-card-content{padding:1rem}.recipe-card-content h2{margin-bottom:.5rem;font-size:1.25rem}.recipe-card-content p{margin:.35rem 0}.recipe-card-content a{color:#fff;background-color:#2f855a;border-radius:8px;margin-top:.75rem;padding:.6rem .9rem;font-weight:600;text-decoration:none;display:inline-block}.recipe-card-content a:hover{background-color:#276749}.recipe-list{gap:1.5rem;display:grid}@media (width>=768px){.recipe-list{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.recipe-list{grid-template-columns:repeat(3,1fr)}}.recipes-page{max-width:1200px;margin:0 auto;padding:1.5rem}.recipes-page h1{margin-bottom:1.5rem;font-size:2rem}.profile-page{max-width:700px;margin:0 auto;padding:2rem}.profile-card{background-color:#fff;border-radius:18px;padding:2rem;box-shadow:0 4px 18px #00000014}.profile-card h1,.profile-card h2{margin-bottom:1rem}.profile-user-info{background-color:#f8fafc;border-radius:12px;margin-bottom:2rem;padding:1rem}.profile-user-info p{margin:.4rem 0}.profile-form{flex-direction:column;gap:1rem;display:flex}.profile-form div{flex-direction:column;gap:.4rem;display:flex}.profile-form label{font-weight:600}.profile-form input,.profile-form select{box-sizing:border-box;border:1px solid #d4d4d4;border-radius:10px;width:100%;padding:.8rem;font-size:1rem}.profile-form button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;width:fit-content;padding:.8rem 1rem;font-weight:600}.profile-form button:hover{background-color:#1d4ed8}.profile-message{color:#16a34a;margin-top:1rem;font-weight:600}.profile-error{color:#dc2626;margin-top:1rem;font-weight:600}.logout-button{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:10px;margin-top:2rem;padding:.8rem 1rem;font-weight:600}.logout-button:hover{background-color:#b91c1c}.recipe-detail{max-width:900px;margin:0 auto;padding:1.5rem}.recipe-detail h1{margin-bottom:1rem;font-size:2rem}.recipe-detail img{object-fit:cover;border-radius:16px;width:100%;max-height:420px;margin-bottom:1rem}.recipe-detail section{background-color:#f7faf7;border-radius:14px;margin-top:1.5rem;padding:1rem}.recipe-detail h2{margin-bottom:.75rem}.recipe-detail li{margin-bottom:.5rem}.navbar{background-color:#2f855a;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.navbar-logo a{color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none}.navbar-links{align-items:center;gap:1rem;display:flex}.navbar-links a,.navbar-links button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1rem;text-decoration:none}.navbar-links a:hover,.navbar-links button:hover{opacity:.8}.weekly-plan-page{max-width:1200px;margin:0 auto;padding:1.5rem}.weekly-plan-page h1{margin-bottom:1.5rem;font-size:2rem}.weekly-day-card{background-color:#f7faf7;border-radius:16px;margin-bottom:1.5rem;padding:1rem}.weekly-day-card h2{color:#2f855a;margin-bottom:1rem}.meal-block{background-color:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:1rem;padding:1rem}.meal-block h3{margin-bottom:.75rem}.plan-recipe-card{background-color:#fff;border-left:4px solid #2f855a;border-radius:10px;margin-bottom:.75rem;padding:.8rem;box-shadow:0 4px 14px #0000000f}.plan-recipe-card h4{margin-bottom:.4rem}.plan-recipe-card button{color:#fff;cursor:pointer;background-color:#c53030;border:none;border-radius:8px;margin-top:.5rem;padding:.45rem .75rem}.plan-recipe-card button:hover{background-color:#9b2c2c}@media (width>=900px){.weekly-plan-page{padding:2rem}.weekly-day-card{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.weekly-day-card h2{grid-column:1/-1}}.recipe-form{flex-direction:column;gap:1.2rem;display:flex}.recipe-form input,.recipe-form textarea,.recipe-form select{box-sizing:border-box;border:1px solid #d4d4d4;border-radius:10px;width:100%;padding:.75rem;font-size:1rem}.recipe-form textarea{resize:vertical;min-height:110px}.recipe-form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem;display:grid}.recipe-form-row-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:.5rem;display:grid}.recipe-form h3{margin-top:1.5rem;margin-bottom:.5rem}.recipe-form button{cursor:pointer;color:#fff;background-color:#2563eb;border:none;border-radius:10px;width:fit-content;margin-top:.5rem;padding:.7rem 1rem;font-weight:600}.recipe-form button:hover{background-color:#1d4ed8}.recipe-form button[type=submit]{margin-top:1.5rem}.admin-recipe-list{gap:1rem;display:grid}.admin-recipe-card{background-color:#fafafa;border:1px solid #e5e5e5;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.admin-recipe-info h3{margin:0 0 .4rem}.admin-recipe-info p{color:#666;margin:0}.admin-recipe-actions{gap:.75rem;display:flex}.admin-edit-link,.admin-delete-button{cursor:pointer;border:none;border-radius:8px;padding:.6rem .9rem;font-size:.9rem;text-decoration:none}.admin-edit-link{color:#fff;background-color:#2563eb}.admin-delete-button{color:#fff;background-color:#dc2626}.admin-edit-link:hover{background-color:#1d4ed8}.admin-delete-button:hover{background-color:#b91c1c}.admin-page{max-width:1100px;margin:0 auto;padding:2rem}.admin-header{margin-bottom:2rem}.admin-header h1{margin-bottom:.5rem;font-size:2rem}.admin-header p{color:#666}.admin-section{background-color:#fff;border-radius:16px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 18px #00000014}.edit-recipe-form{background-color:#fff;border-radius:18px;flex-direction:column;gap:1.2rem;padding:2rem;display:flex;box-shadow:0 4px 18px #00000014}.edit-recipe-form input,.edit-recipe-form textarea,.edit-recipe-form select{box-sizing:border-box;border:1px solid #d4d4d4;border-radius:10px;width:100%;padding:.75rem;font-size:1rem}.edit-recipe-form textarea{resize:vertical;min-height:110px}.edit-recipe-form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem;display:grid}.edit-recipe-form-row-3{grid-template-columns:1fr 1fr 1fr auto;gap:1rem;margin-bottom:.5rem;display:grid}.edit-recipe-form h3{margin-top:1.5rem;margin-bottom:.5rem}.edit-recipe-form button{cursor:pointer;color:#fff;background-color:#2563eb;border:none;border-radius:10px;width:fit-content;margin-top:.5rem;padding:.7rem 1rem;font-weight:600}.edit-recipe-form button:hover{background-color:#1d4ed8}.edit-recipe-form button[type=submit]{margin-top:1.5rem}.edit-recipe-page{padding:2rem}.edit-recipe-container{max-width:1000px;margin:0 auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
