:root{--primary:#d93b1a;--primary-dark:#a82d12;--primary-light:#f26b4a;--secondary:#4a7a35;--secondary-dark:#325526;--accent:#f0c040;--accent2:#6b8a3a;--background:#fdfbf7;--surface:#fff;--surface-2:#f5f3ee;--text:#121212;--text-muted:#6b6b6b;--text-soft:#2e2e2e;--sidebar-bg:#0d2e5c;--glass:#fffffff7;--glass-border:#12121217;--glass-border-hover:#12121233;--shadow-sm:0 1px 3px #1212120f, 0 2px 8px #1212120a;--shadow-md:0 4px 16px #12121214, 0 8px 32px #1212120d;--shadow-lg:0 8px 32px #1212121f, 0 20px 56px #12121214;--radius:14px;--radius-sm:9px;--radius-lg:22px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--text);background-image:radial-gradient(65% 55% at 95% 0,#d93b1a0d 0%,#0000 60%),radial-gradient(50% 40% at 5% 100%,#12121205 0%,#0000 55%);min-height:100vh;font-family:DM Sans,sans-serif;line-height:1.6;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:1rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#12121247;border-radius:999px}.glass-card{background:var(--surface);border:1.5px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-md);transition:border-color .22s ease-out,box-shadow .22s ease-out}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg)}.glass-card.day-card{border-top:3px solid var(--primary)}.display-title{background:linear-gradient(135deg,#d93b1a 0%,#f0c040 50%,#4a7a35 100%);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,serif;font-style:italic}h1,h2,h3,h4{color:var(--text)}.btn-primary{background:linear-gradient(145deg, var(--primary-light) 0%, var(--primary) 55%, var(--primary-dark) 100%);color:#121212;border-radius:var(--radius-sm);letter-spacing:.15px;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), background .16s ease;border:none;padding:11px 22px;font-size:.875rem;font-weight:700;box-shadow:0 2px 14px #d93b1a66,0 1px 3px #d93b1a40}@media (hover:hover) and (pointer:fine){.btn-primary:hover{background:linear-gradient(145deg, var(--primary) 0%, var(--primary-dark) 100%);transform:translateY(-1px);box-shadow:0 6px 26px #d93b1a80,0 2px 8px #d93b1a47}}.btn-primary:active{transform:scale(.97);box-shadow:0 1px 5px #d93b1a33}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-outline{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:1.5px solid #12121224;padding:10px 22px;font-size:.875rem;font-weight:600;transition:border-color .16s,color .16s,background .16s}@media (hover:hover) and (pointer:fine){.btn-outline:hover{color:var(--secondary-dark);background:#d93b1a0f;border-color:#4a7a3580}}.btn-outline:active{transform:scale(.97)}.btn-danger{color:#dc2626;border-radius:var(--radius-sm);transition:background .16s ease, border-color .16s ease, transform .12s var(--ease-out);background:#dc26260f;border:1.5px solid #dc26262e;padding:8px 16px;font-size:.8rem;font-weight:600}@media (hover:hover) and (pointer:fine){.btn-danger:hover{background:#dc26261c;border-color:#dc262661}}.btn-danger:active{transform:scale(.97)}.btn-icon{color:var(--text-muted);border-radius:var(--radius-sm);transition:background .14s ease, color .14s ease, border-color .14s ease, transform .12s var(--ease-out);background:0 0;border:1.5px solid #0000;justify-content:center;align-items:center;padding:8px;display:flex}.btn-icon:hover{background:var(--surface-2);color:var(--text);border-color:#12121217}.btn-icon.edit:hover{color:var(--secondary-dark);background:#d93b1a12;border-color:#4a7a354d}.btn-icon.del:hover{color:#dc2626;background:#dc26260f;border-color:#dc262638}.btn-icon:active{transform:scale(.92)}.form-input{background:var(--surface);border-radius:var(--radius-sm);width:100%;color:var(--text);border:1.5px solid #1212121c;padding:10px 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #d93b1a24}.form-input::placeholder{color:var(--text-muted);opacity:.6}.form-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc262617}select.form-input{cursor:pointer}.form-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:6px;font-size:.7rem;font-weight:700;display:block}.badge{text-transform:uppercase;letter-spacing:.5px;color:#121212;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#d93b1a1a;border:1px solid #4a7a3559;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.page-container{max-width:1280px;margin:0 auto;padding:2.5rem 2.5rem 2.5rem 3.5rem}@media (width<=768px){.page-container{padding:1.25rem 1.25rem 6.5rem}}.main-layout{min-height:100vh;display:flex}.sidebar{z-index:50;background:linear-gradient(#1b4a8a 0%,#0d2e5c 100%);border-right:1px solid #ffffff12;flex-direction:column;align-items:center;gap:.4rem;width:76px;height:100vh;padding:1.5rem 0;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 32px #1212124d}.sidebar-logo{background:#f0c040;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:1.75rem;display:flex;box-shadow:0 4px 22px #f0c04080}.sidebar-nav-item{color:#ffffff4d;cursor:pointer;width:52px;height:52px;transition:background .15s ease-out, color .15s ease-out, border-color .15s ease-out, transform .12s var(--ease-out);background:0 0;border:1.5px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.sidebar-nav-item span{text-transform:uppercase;letter-spacing:.3px;font-size:.52rem;font-weight:700}.sidebar-nav-item:hover{color:#ffffffe0;background:#d93b1a1a;border-color:#4a7a3540}.sidebar-nav-item:active{transform:scale(.93)}.sidebar-nav-item.active{color:var(--primary);background:#d93b1a29;border-color:#4a7a3566}.main-content{flex:1;min-height:100vh;margin-left:76px}.bottom-nav{z-index:50;background:linear-gradient(#1b4a8a 0%,#0d2e5c 100%);border-top:1px solid #ffffff12;justify-content:space-around;align-items:center;height:64px;padding:0 1rem;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #12121259}.bottom-nav-item{color:#ffffff4d;cursor:pointer;transition:color .15s ease-out, transform .12s var(--ease-out);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 18px;display:flex}.bottom-nav-item span{text-transform:uppercase;letter-spacing:.3px;font-size:.58rem;font-weight:700}.bottom-nav-item.active{color:var(--primary);background:#d93b1a1f;border-radius:10px}.bottom-nav-item.active span{color:var(--primary)}@media (width<=768px){.sidebar{display:none}.bottom-nav{display:flex}.main-content{margin-left:0}}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#12121299;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:var(--radius-lg);border:1.5px solid #12121214;flex-direction:column;width:100%;max-height:90vh;display:flex;position:relative;box-shadow:0 28px 88px #1212122e,0 8px 28px #1212120f}.modal-box.sm{max-width:440px}.modal-box.lg{max-width:700px}.modal-header{flex-shrink:0;padding:1.75rem 1.75rem 0}.modal-body{flex:1;padding:1.5rem 1.75rem;overflow-y:auto}.modal-footer{background:var(--surface-2);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-top:1px solid #12121212;flex-shrink:0;gap:.75rem;padding:1.25rem 1.75rem 1.75rem;display:flex}.recipe-card{background:var(--surface);border-radius:var(--radius);transition:border-color .22s ease-out, box-shadow .22s ease-out, transform .22s var(--ease-out);box-shadow:var(--shadow-sm);border:1.5px solid #12121217;flex-direction:column;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.recipe-card:hover{box-shadow:var(--shadow-lg);border-color:#4a7a3566;transform:translateY(-4px)}}.recipe-card-img{background:var(--surface-2);height:190px;position:relative;overflow:hidden}.recipe-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .45s ease-in-out}.recipe-card:hover .recipe-card-img img{transform:scale(1.06)}.recipe-card-img-placeholder{color:#d93b1a8c;background:linear-gradient(135deg,#d93b1a1a 0%,#1212120f 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.recipe-card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.2rem 1.2rem 1rem;display:flex}.recipe-card-title{color:var(--text);letter-spacing:-.1px;font-family:Cormorant Garamond,serif;font-size:1.18rem;font-weight:700;line-height:1.25}.recipe-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.recipe-card-meta{align-items:center;gap:.75rem;font-size:.8rem;font-weight:600;display:flex}.recipe-card-tags{flex-wrap:wrap;gap:4px;display:flex}.admin-recipe-row{border-radius:var(--radius-sm);background:var(--surface);border:1px solid #12121212;align-items:center;gap:1rem;padding:.9rem 1rem;transition:background .16s,border-color .16s,box-shadow .16s;display:flex}.admin-recipe-row:hover{background:var(--surface-2);box-shadow:var(--shadow-sm);border-color:#12121224}.admin-recipe-thumb{object-fit:cover;background:var(--surface-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.admin-recipe-thumb img{object-fit:cover;width:100%;height:100%}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-icon{color:#d93b1ab3;background:#d93b1a14;border:1.5px solid #4a7a3540;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.25rem;display:flex}.divider{background:#12121212;height:1px;margin:1.25rem 0}.meal-item{background:var(--background);transition:border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s var(--ease-out);border:1.5px solid #12121212;border-radius:12px;align-items:center;gap:.8rem;padding:.85rem;display:flex}@media (hover:hover) and (pointer:fine){.meal-item:hover{background:#d93b1a0a;border-color:#4a7a3547;transform:translateY(-1px);box-shadow:0 3px 10px #d93b1a14}}.semainier-cell{transition:transform .2s var(--ease-out), box-shadow .2s ease-out, border-color .16s ease}@media (hover:hover) and (pointer:fine){.semainier-cell:hover{transform:translateY(-3px);box-shadow:0 8px 26px #d93b1a1f}}.semainier-cell:active{transform:scale(.98)}.ingredient-grid{grid-template-columns:1fr 70px 70px 1fr 36px;align-items:center;gap:6px;display:grid}@media (width<=500px){.ingredient-grid{grid-template-columns:1fr 60px 60px 1fr 32px}}.login-card{background:var(--surface);border-radius:var(--radius-lg);max-width:380px;box-shadow:var(--shadow-lg);border:1.5px solid #12121217;margin:auto;padding:2.5rem}.confirm-box{background:var(--surface);border-radius:var(--radius);max-width:360px;box-shadow:var(--shadow-lg);border:1.5px solid #dc26262e;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.anim-fade{animation:fadeIn .25s var(--ease-out) forwards}.anim-scale{animation:scaleIn .2s var(--ease-out) forwards}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shopping-check{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}@media (width<=500px){.hidden-mobile{display:none}}.recipe-detail-modal{max-width:700px;overflow:hidden}.recipe-detail-img{flex-shrink:0;height:240px;position:relative;overflow:hidden}.recipe-detail-img img{object-fit:cover;width:100%;height:100%}.recipe-detail-img-placeholder{color:#d93b1a8c;background:linear-gradient(135deg,#d93b1a1f,#12121214);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.recipe-detail-img-overlay{background:linear-gradient(#0000 0%,#0a06030a 45%,#0a0603cc 100%);position:absolute;inset:0}.recipe-detail-close{width:36px;height:36px;color:var(--text);cursor:pointer;transition:background .16s ease, box-shadow .16s ease, transform .16s var(--ease-out);z-index:2;box-shadow:var(--shadow-sm);background:#ffffffeb;border:1px solid #12121217;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}@media (hover:hover) and (pointer:fine){.recipe-detail-close:hover{box-shadow:var(--shadow-md);background:#fff;transform:scale(1.08)}}.recipe-detail-close:active{transform:scale(.93)}.recipe-detail-img-content{z-index:1;padding:1.25rem 1.75rem;position:absolute;bottom:0;left:0;right:0}.recipe-meta-chip{background:var(--surface-2);color:var(--text-soft);border:1.5px solid #12121212;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:flex}@media (width<=768px){.recipe-grid-mobile{grid-template-columns:1fr!important}.page-header-mobile{flex-direction:column;gap:.75rem;align-items:flex-start!important}.page-header-mobile>div:last-child{justify-content:flex-end;width:100%}.modal-backdrop{align-items:flex-end;padding:0}.modal-box{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:92vh}.modal-footer{border-bottom-right-radius:0;border-bottom-left-radius:0}.modal-box.sm,.modal-box.lg{max-width:100%}.ingredient-grid{grid-template-columns:1fr 55px 55px auto 32px;gap:4px}.meal-item{padding:.65rem}.admin-recipe-row{flex-wrap:wrap}}@media (width<=400px){.ingredient-grid{grid-template-columns:1fr 48px 1fr 32px}.ingredient-grid .unit-col{display:none}}.semainier-desktop{display:block}.semainier-mobile{flex-direction:column;gap:.75rem;display:none}@media (width<=768px){.semainier-desktop{display:none}.semainier-mobile{display:flex}}.filter-pill{color:var(--text-muted);cursor:pointer;text-transform:capitalize;background:0 0;border:1px solid #1212121f;border-radius:999px;padding:5px 14px;font-size:.78rem;font-weight:700;transition:background .18s,border-color .18s,color .18s}.filter-pill.active{color:#121212;background:#d93b1a17;border-color:#4a7a3566}@media (hover:hover) and (pointer:fine){.filter-pill:hover:not(.active){color:#121212;background:#d93b1a0d;border-color:#4a7a3538}}.day-chip{text-align:center;border-radius:14px;padding:.85rem .5rem}.day-chip.batch-day{background:#d93b1a12;border:1.5px solid #4a7a3538}.day-chip.normal-day{background:#12121208;border:1.5px solid #1212120f}.batch-pill{color:#121212;border-radius:999px;padding:2px 7px;font-size:.58rem;font-weight:800;display:inline-block}.batch-pill--primary{background:var(--primary)}.batch-pill--secondary{background:var(--secondary);color:#fff}.phase-header{align-items:center;gap:8px;margin-bottom:.85rem;display:flex}.phase-number{color:#121212;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:inline-flex}.phase-number--primary{background:var(--primary)}.phase-number--secondary{background:var(--secondary);color:#fff}.phase-label{text-transform:uppercase;letter-spacing:.8px;font-size:.8rem;font-weight:800}.phase-label--primary{color:var(--secondary-dark)}.phase-label--secondary{color:var(--secondary)}.phase-desc{color:var(--text-muted);font-size:.75rem}@keyframes skeleton-pulse{0%,to{opacity:.42}50%{opacity:.16}}.skeleton{background:#12121214;border-radius:8px;animation:1.6s ease-in-out infinite skeleton-pulse}