body { background:#f5f4ec; }
.dashboard-header { align-items:center; background:#F5F4EC; border-bottom:1px solid #dfe3d8; display:flex; height:82px; justify-content:space-between; padding:0 5.3vw; position:sticky; top:0; z-index:20; }
.dashboard-nav { display:flex; gap:24px; }
.dashboard-nav a { color:#6e7971; font-size:12px; font-weight:700; text-decoration:none; }
.dashboard-nav a.active,.dashboard-nav a:hover { color:#15221c; }
.dashboard-header .auth-nav-button { white-space:nowrap; }
.dashboard-hero { align-items:center; background:#183d2c; color:white; display:flex; justify-content:space-between; margin:32px 5.3vw 0; min-height:230px; padding:48px 58px; border-radius:28px; overflow:hidden; }
.dashboard-hero h1 { font:700 46px/1 'Space Grotesk',sans-serif; letter-spacing:-.05em; margin:10px 0 14px; }
.dashboard-hero p:not(.eyebrow) { color:#cbd4ce; margin:0; }
.dashboard-stat { align-items:center; background:#d7e86a; border-radius:50%; color:#183d2c; display:flex; flex-direction:column; height:120px; justify-content:center; transform:rotate(-5deg); width:120px; }
.dashboard-stat strong { font:700 38px 'Space Grotesk',sans-serif; }.dashboard-stat span { font-size:11px; }
.dashboard-overview { align-items:center;display:flex;gap:12px; }.dashboard-saved { align-items:center;background:#fffefa;border-radius:18px;color:#183d2c;display:flex;flex-direction:column;height:120px;justify-content:center;width:120px; }.dashboard-saved strong { font:700 38px 'Space Grotesk',sans-serif; }.dashboard-saved span { font-size:11px; }
.dashboard-menu-toggle { display:none; }
.nutrition-panel { align-items:center;background:#fffefa;border-top:1px solid #dfe3d8;display:grid;gap:28px;grid-template-columns:1fr 150px 1fr;margin:auto;max-width:1440px;padding:70px 5.3vw; }
.nutrition-panel h2 { font:700 36px 'Space Grotesk',sans-serif;margin:5px 0 10px; }.nutrition-panel > div:first-child p:last-child { color:#6e7971;margin:0; }
.nutrition-metric { align-items:center;background:#d7e86a;border-radius:18px;color:#183d2c;display:flex;flex-direction:column;justify-content:center;min-height:105px;text-align:center; }.nutrition-metric strong { font-size:32px; }.nutrition-metric span { font-size:10px; }
.nutrition-meter { background:#e7e9df;border-radius:999px;height:12px;overflow:hidden; }.nutrition-meter span { background:#f27b61;border-radius:999px;display:block;height:100%; }.nutrition-panel small { color:#777777;grid-column:1/-1; }
.dashboard-section,.alternatives { margin:auto; max-width:1440px; padding:75px 5.3vw; }
.dashboard-title { align-items:end; display:flex; justify-content:space-between; margin-bottom:24px; }.dashboard-title h2 { font:700 36px 'Space Grotesk',sans-serif; letter-spacing:-.04em; margin:7px 0 0; }.dashboard-title > span { color:#6e7971; font-size:12px; }
.meal-filters { display:grid; gap:10px; grid-template-columns:2fr repeat(4,1fr) auto; margin-bottom:24px; }
.meal-filters input,.meal-filters select { border:1px solid #dfe3d8; border-radius:10px; min-height:43px; padding:0 12px; }.meal-filters button,.planner-submit { background:#183d2c;border:0;border-radius:999px;color:white;font-weight:700;padding:0 18px; }
.meal-grid { display:grid; gap:16px; grid-template-columns:repeat(4,1fr); }
.dashboard-meal-card { background:#fffefa; border:1px solid #dfe3d8; border-radius:18px; overflow:hidden; transition:.2s; }.dashboard-meal-card:hover { transform:translateY(-4px); box-shadow:0 16px 35px rgba(21,34,28,.09); }
.dashboard-meal-image{height:190px;overflow:hidden;position:relative}.dashboard-meal-image img{height:100%;object-fit:cover;width:100%}.dashboard-meal-image span{background:#fffefa;border-radius:999px;font-size:10px;font-weight:800;left:12px;padding:7px 10px;position:absolute;top:12px}
.meal-card-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:14px}.meal-card-actions form{margin:0}.meal-card-actions .save-button,.buy-button{border-radius:999px;font-size:12px;font-weight:800;height:40px;width:100%}.buy-button{background:#f47760;border:1px solid #f47760;color:white}.buy-button span{margin-left:5px}.buy-button:hover{background:#153f2f;border-color:#153f2f}
.order-confirmation{align-items:center;background:#edf4df;border:1px solid #d8e79c;border-radius:14px;color:#153f2f;display:flex;gap:8px;margin:22px 5.3vw 0;padding:14px 18px}.order-confirmation span{color:#62705f;font-size:13px}
.meal-art,.best-art,.small-art { align-items:flex-end; background:#b8ddec; display:flex; height:155px; overflow:hidden; padding:12px; }.meal-art.yellow,.best-art.yellow,.small-art.yellow { background:#f8d574; }.meal-art.pink,.best-art.pink,.small-art.pink { background:#f1b2a0; }.meal-art.green,.best-art.green,.small-art.green { background:#cbdc9c; }
.meal-art span { background:white; border-radius:999px; font-size:10px; padding:7px 10px; }
.meal-card-body { padding:16px; }.meal-category { color:#f27b61!important; font-size:10px!important; text-transform:uppercase; }.meal-card-body h3 { font:700 18px 'Space Grotesk',sans-serif; letter-spacing:-.03em; margin:4px 0 8px; }.meal-card-body > p { color:#6e7971;font-size:12px;line-height:1.45; }
.meal-card-meta { align-items:center; display:flex; justify-content:space-between; }.meal-card-meta strong { color:#183d2c;font-size:17px; }.meal-card-meta span { color:#6e7971;font-size:11px; }.card-ingredients { border-top:1px solid #e6e8df;margin-bottom:12px;padding-top:10px; }
.save-button { background:none;border:1px solid #183d2c;border-radius:999px;color:#183d2c;font-weight:700;padding:8px 13px;width:100%; }
.planner-panel { background:#15221c; color:white; display:grid; gap:55px; grid-template-columns:1.35fr .65fr; margin-top:20px; padding:65px 5.3vw; }
.planner-copy .eyebrow { color:#d7e86a; }.planner-copy h2,.best-match h3 { font:700 34px 'Space Grotesk',sans-serif;margin:8px 0 24px; }
.planner-fields { display:grid; gap:14px; grid-template-columns:repeat(2,1fr); }.planner-fields label { color:#bac4be;font-size:11px; }.planner-fields input,.planner-fields select { background:#24342b;border:1px solid #405047;border-radius:9px;color:white;display:block;height:43px;margin-top:7px;padding:0 12px;width:100%; }.planner-submit { height:46px;margin-top:18px;padding:0 23px;background:#f27b61; }
.best-match { background:#fffefa;color:#15221c;border-radius:22px;padding:22px;position:relative; }.match-pill { background:#d7e86a;border-radius:999px;font-size:11px;font-weight:700;left:12px;position:absolute;top:12px;padding:8px 12px;z-index:2; }.best-art { border-radius:13px;height:150px;margin-bottom:18px; }.best-match h3 { font-size:25px;margin:7px 0; }.best-match > p:not(.eyebrow) { color:#6e7971;font-size:12px; }.best-meta { display:flex;justify-content:space-between;margin:14px 0; }.best-meta strong { color:#183d2c;font-size:20px; }.best-match small { color:#6e7971; }
.alternative-meals { display:grid;gap:14px;grid-template-columns:repeat(3,1fr); }.alternative-meals article { align-items:center;background:#fffefa;border:1px solid #dfe3d8;border-radius:16px;display:grid;gap:14px;grid-template-columns:95px 1fr;padding-right:15px;overflow:hidden; }.small-art { height:95px; }.alternative-meals h3 { font-size:16px;margin:0 0 5px; }.alternative-meals p { color:#f27b61;font-size:12px;margin:0; }
@media(max-width:1100px){.dashboard-nav{gap:10px}.dashboard-nav a{font-size:11px}.meal-grid{grid-template-columns:repeat(2,1fr)}.meal-filters{grid-template-columns:repeat(2,1fr)}.planner-panel{grid-template-columns:1fr}.alternative-meals{grid-template-columns:1fr}.nutrition-panel{grid-template-columns:1fr 140px}}
@media(max-width:700px){.dashboard-header{height:auto;padding:15px 20px}.dashboard-menu-toggle{background:transparent;border:1px solid #dfe3d8;border-radius:999px;color:#183d2c;display:block;font-size:11px;font-weight:700;margin-left:auto;padding:9px 12px}.dashboard-header>.auth-nav-button{display:none}.dashboard-nav{background:#fffefa;border:1px solid #dfe3d8;border-radius:16px;box-shadow:0 16px 35px rgba(21,34,28,.12);display:none;flex-direction:column;gap:0;left:20px;position:absolute;right:20px;top:68px}.dashboard-nav.open{display:flex}.dashboard-nav a{border-bottom:1px solid #edf0e8;padding:13px 16px}.dashboard-nav a:last-child{border-bottom:0}.dashboard-hero{margin:20px 20px 0;padding:35px 25px}.dashboard-hero h1{font-size:36px}.dashboard-overview{display:none}.dashboard-section,.alternatives{padding:55px 20px}.meal-grid{grid-template-columns:1fr}.meal-filters{grid-template-columns:1fr}.planner-panel{padding:55px 20px}.planner-fields{grid-template-columns:1fr}.dashboard-title{align-items:flex-start;flex-direction:column}.alternative-meals article{grid-template-columns:85px 1fr}.nutrition-panel{gap:18px;grid-template-columns:1fr;padding:55px 20px}.nutrition-meter{grid-column:auto}}