:root{--blue:#297ddd;--line:#dde7f3;--muted:#5c6d82;color:#20354e;background:#f5f8fd}body{background:radial-gradient(ellipse at 85% 0,#dbeaff 0,transparent 43%),radial-gradient(ellipse at 8% 30%,#e9e5ff70,transparent 40%),#f5f8fd;min-height:100vh}button,input,select,textarea{border-radius:13px}button{border-color:#d5e1ef;min-height:42px}button:hover{background:#edf4ff;border-color:#a8c9ef}.primary{background:#297ddd;border-color:#297ddd;box-shadow:0 4px 12px #297ddd17}.primary:hover{background:#246fc5}.shell{max-width:1260px;padding:30px 38px}.brand-lockup{display:flex;align-items:center;gap:24px}.brand-logo{width:104px;height:80px;object-fit:contain}.heading-copy h1{font-size:34px;letter-spacing:-1.1px;margin:0 0 5px}.heading-copy p{font-size:14px;color:#61758c}.environment{border:0;background:transparent;padding:0;margin:18px 0 22px;font-size:12px;color:#63778d}.environment summary{cursor:pointer;width:fit-content}.environment p{margin:8px 0 0;max-width:780px;font-size:13px}.tabs{background:#ffffffde;backdrop-filter:blur(15px);border:1px solid #e2ebf5;border-radius:20px;padding:7px;width:100%;box-shadow:0 6px 25px #25466a08;margin-bottom:30px;gap:8px}.tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;border-radius:13px;color:#5c7089}.tabs svg{width:21px;height:21px;flex-shrink:0}.tabs button[aria-current=page]{background:#e7f1ff;color:#2169b7;box-shadow:none}.nutrition-hero{background:linear-gradient(120deg,#daeaff,#ecedff 54%,#e1f2ff);border:1px solid #d4e3fa;border-radius:28px;padding:26px 30px 18px;margin-bottom:26px;box-shadow:0 12px 40px #628abe10}.nutrition-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.nutrition-heading h3{font-size:21px;margin:0 0 4px}.nutrition-heading p{font-size:13px;color:#5a7190;margin:0}.segmented{display:flex;background:#ffffff6b;padding:4px;border-radius:12px;gap:3px}.segmented button{border:0;background:transparent;font-size:12px;padding:7px 12px;min-height:34px;color:#4d6582}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #4d70a218;color:#226dc0}.nutrition-body{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;margin:20px 0}.energy-overview{text-align:center}.energy-ring{position:relative;width:185px;height:185px;margin:auto}.energy-ring>svg{width:100%;height:100%;transform:rotate(-90deg)}.energy-ring circle{fill:none;stroke-width:9}.ring-track{stroke:#ffffffa3}.ring-value{stroke:#4a8ee1;stroke-linecap:round}.energy-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.energy-value strong{font-size:35px;letter-spacing:-1px;line-height:1.2}.energy-value span{font-size:13px;color:#5c7390}.energy-value small{font-size:11px;color:#5c7390;margin-top:4px}.energy-caption{font-size:12px;color:#4d688b}.macro-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.macro-card{background:#ffffffb5;border:1px solid #ffffffbb;border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;gap:9px;--accent:#5592df}.macro-card.carbs{--accent:#9883cf}.macro-card.fat{--accent:#cb9d54}.macro-card.fibre{--accent:#5eaa9c}.macro-card>span{font-size:13px}.macro-card strong{font-size:24px;font-weight:650;white-space:nowrap}.macro-card strong small{font-size:13px;font-weight:450;color:#5a6c84}.macro-card>small{font-size:11px;color:#64758c}.macro-track{background:#e8edf5;height:4px;border-radius:5px;overflow:hidden;margin-top:4px}.macro-track i{display:block;height:100%;background:var(--accent);border-radius:5px}.nutrition-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff85;padding-top:15px;font-size:12px;color:#576f8e}.nutrition-foot>span:first-child{display:flex;align-items:center;gap:7px}.nutrition-foot svg{width:17px;height:17px}.setup{border-radius:20px;background:#edf5ff}.slot-head h2{font-size:19px}.slot-head button{color:#246fc5;background:#e8f1fd;border:0;border-radius:10px}.meal,.recipe-tile,.week-day{border-radius:22px;border-color:#e0e8f2;box-shadow:0 5px 20px #29476505}.meal.eaten{border-left-color:#6aa99c}.meal-top h3,.recipe-info h3{font-size:18px}.meal-actions button{min-height:38px;border-radius:10px}.empty-slot{border-radius:20px;background:#ffffff8f;border-color:#c9d9ee;min-height:150px}.portion-row select{border-color:#dce5f0;background:#f8fafd}.recipe-tags span{background:#eef4fd;color:#476c9b;border-color:#e0eafb;border-radius:7px}.inspiration-categories{display:flex;gap:20px;overflow-x:auto;padding:8px 3px 18px;margin-bottom:18px;scrollbar-width:thin}.inspiration-categories button{display:flex;flex:0 0 92px;flex-direction:column;align-items:center;gap:10px;background:transparent;border:0;padding:0;font-size:12px;color:#5c6d82}.category-art{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#e5effd;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #dce6f3;overflow:hidden}.category-art svg{width:29px;height:29px;color:#538bd0}.category-art img{width:100%;height:100%;object-fit:cover}.category-art.leaf{background:#e5f1ed}.category-art.leaf svg{color:#518d78}.category-art.heart{background:#f4eaf5}.category-art.heart svg{color:#b17ab7}.inspiration-categories button[aria-pressed=true]{color:#226dc0;font-weight:650}.inspiration-categories button[aria-pressed=true] .category-art{box-shadow:0 0 0 2px #5798e4}.recipe-info{padding:21px;gap:5px}.recipe-info .head-actions{padding-top:15px}.recipe-grid{gap:22px}.week-photo{border-radius:12px}.shopping-controls{border-radius:20px;background:#eaf2fd}.shopping-list{border-radius:20px}.insight-card,.habit-card{padding:26px;border:1px solid #dfe8f3;border-radius:24px;background:#fff;margin-bottom:22px}.card-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.card-heading h3{margin:0 0 3px;font-size:20px}.card-heading p{margin:0;font-size:13px;color:#647a93}.soft-tag{font-size:12px;background:#edf4ff;color:#49729f;padding:5px 10px;border-radius:8px;white-space:nowrap}.insight-stats{display:flex;gap:40px;margin:25px 0}.insight-stats>div{display:flex;flex-direction:column;gap:5px}.insight-stats strong{font-size:30px}.insight-stats strong small{font-size:14px;font-weight:450;color:#637892}.insight-stats span{font-size:12px;color:#637892}.chart-legend{display:flex;gap:20px;font-size:12px;margin-bottom:16px;color:#637892}.chart-legend span:before{content:'';display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;background:#d6e6fc}.chart-legend .legend-eaten:before{background:#5b96df}.week-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.bar-day{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;min-width:0;font-size:12px;font-weight:450}.bar-day small{font-size:10px;color:#75879c}.bar-value{font-size:11px;height:18px;color:#496b93}.bar-track{display:flex;align-items:flex-end;gap:4px;height:135px;width:100%;max-width:45px}.bar-track i{flex:1;border-radius:6px 6px 2px 2px;background:#d6e6fc}.bar-track .eaten-bar{background:#5b96df}.habit-card{display:flex;align-items:flex-start;gap:20px;background:linear-gradient(110deg,#eaf3ff,#f2edff)}.habit-icon,.account-icon,.profile-avatar{display:flex;align-items:center;justify-content:center;background:#ffffffad;width:50px;height:50px;border-radius:17px;flex-shrink:0;color:#6589c8}.habit-icon svg,.account-icon svg,.profile-avatar svg{width:27px;height:27px}.habit-card p,.habit-card small{font-size:13px;color:#64718e}.milestones{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.milestones span{border:1px solid #d4dff1;border-radius:10px;padding:6px 11px;font-size:12px;color:#6d809a;background:#ffffff6b}.milestones .achieved{background:#e0eeff;color:#2b6db8;border-color:#bad6f7}.account-coming{display:flex;gap:20px}.account-coming p{font-size:14px;max-width:680px}.example-notice{border-radius:14px;background:#fff5df;padding:16px;margin-bottom:24px}.example-notice p{margin:5px 0 0}.profile-preview-head{display:flex;align-items:center;gap:15px;margin:20px 0}.profile-preview-head h3,.profile-preview-head p{margin:0}.weight-preview{padding:20px;background:#f5f8fd;border-radius:18px;margin-bottom:25px}.weight-preview svg{width:100%;max-height:240px;margin-top:20px}.target-timeline>div{display:flex;gap:13px;align-items:center;padding:12px 0}.timeline-mark{height:10px;width:10px;background:#8eb2e5;border-radius:50%}.target-timeline small{display:block;color:#667c96;margin-top:3px}dialog{border-radius:24px;border-color:#d5e2f3}.account-form{max-width:540px}.account-form label{margin-bottom:14px}.account-link{color:#246fc5}.client-list{display:grid;gap:12px}.client-row{padding:18px;border:1px solid var(--line);border-radius:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.client-row small{display:block}.client-row .head-actions{align-self:center}.account-status{font-size:13px;color:#527392}.history-list{padding-left:20px}.history-list li{margin:8px 0}.invitation-link{word-break:break-all;width:100%}
@media(max-width:1000px){.nutrition-body{grid-template-columns:185px 1fr;gap:20px}.macro-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.macro-card{padding:12px 14px;gap:5px}}
@media(max-width:680px){.shell{padding:22px 16px}.brand-lockup{width:100%;flex-direction:row-reverse;justify-content:space-between;gap:16px}.brand-logo{width:86px;height:66px}.heading-copy h1{font-size:29px}.heading-copy p{font-size:13px}.environment{margin:17px 0 24px;font-size:11px}.tabs{border-radius:22px 22px 0 0;padding:8px 5px calc(8px + env(safe-area-inset-bottom));margin:0;border:1px solid #e0e8f3;gap:2px;background:#fbfdfff5}.tabs button{flex-direction:column;gap:5px;padding:8px 2px;min-height:54px;font-size:10px;letter-spacing:0}.tabs svg{width:22px;height:22px}.tabs button[aria-current=page]{background:#e7f1ff;color:#2169b7}.date-control{flex-wrap:nowrap;gap:6px}.date-control input{flex:1;width:140px;font-size:13px}.nutrition-hero{border-radius:25px;padding:20px 17px 16px;margin-bottom:22px}.nutrition-heading{gap:8px;align-items:flex-start}.nutrition-heading h3{font-size:17px}.nutrition-heading p{font-size:11px}.segmented button{font-size:10px;padding:6px 8px;min-height:30px}.nutrition-body{grid-template-columns:1fr;gap:20px;margin:12px 0 18px}.energy-ring{width:184px;height:184px}.energy-value strong{font-size:37px}.macro-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.macro-card{border-radius:15px;padding:13px 15px;gap:6px}.macro-card strong{font-size:24px}.macro-card>small{font-size:10px}.nutrition-foot{font-size:11px;padding-top:12px}.nutrition-foot>span:last-child{display:none}.meal-grid{gap:25px}.meal{border-radius:20px;padding:17px}.empty-slot{min-height:130px}.meal-actions button{min-height:42px}.inspiration-categories{gap:12px;margin:0 -1px 18px}.inspiration-categories button{flex-basis:75px;font-size:11px}.category-art{width:62px;height:62px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recipe-tile{border-radius:17px}.recipe-info{padding:12px;gap:4px}.recipe-info h3{font-size:15px;line-height:1.4;margin:3px 0}.recipe-info .recipe-source{font-size:10px}.recipe-info .macro-line{font-size:10px;gap:2px 6px}.recipe-info .recipe-tags{gap:3px}.recipe-info .recipe-tags span{font-size:9px;padding:3px 5px}.recipe-info .head-actions{padding-top:10px;gap:6px}.recipe-info .head-actions button{width:100%;font-size:11px;padding:8px 5px;min-height:39px}.recipe-tile .food-photo{aspect-ratio:1.12}.recipe-tile .food-photo figcaption{font-size:8px}.week-day{border-radius:20px;padding:18px}.week-photo{width:64px;height:64px}.insight-card,.habit-card{padding:20px 16px;border-radius:21px}.card-heading h3{font-size:18px}.insight-stats{gap:20px}.insight-stats strong{font-size:27px}.insight-stats span{font-size:11px}.week-bars{gap:2px}.bar-day{padding:2px}.bar-day small,.bar-value{font-size:9px}.habit-card,.account-coming{gap:12px}.habit-icon,.account-icon{width:38px;height:38px;border-radius:12px}.habit-icon svg,.account-icon svg{width:22px;height:22px}.habit-card small{font-size:11px}.account-coming{flex-direction:column}.milestones{gap:5px}.milestones span{font-size:11px;padding:5px 8px}.welcome{margin:25px auto;padding:22px}}
@media(max-width:360px){.shell{padding-left:12px;padding-right:12px}.nutrition-heading{flex-wrap:wrap}.heading-copy h1{font-size:26px}.macro-card{padding:12px}.brand-logo{width:72px}.recipe-grid{grid-template-columns:1fr}.tabs button{font-size:9px}.date-control button{padding:8px}}
@media(prefers-reduced-motion:reduce){:root:not([data-motion-enabled="true"]) *{scroll-behavior:auto!important;transition:none!important}}@media print{body{background:white}.shell{padding:0}}

.inspiration-search{margin-bottom:8px}.inspiration-search input{width:100%}.extra-filters{margin-bottom:20px}.extra-filters summary{cursor:pointer;font-size:12px;color:#577598;padding:10px 0;min-height:40px}.extra-filters .filters{margin-top:14px}.extra-filters .filters>label:first-child{flex:0 1 auto;min-width:0}

.client-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 16px}.client-filters button{display:flex;align-items:center;gap:8px}.client-filters button[aria-pressed=true]{background:#e7f1ff;border-color:#a8c9ef;color:#2169b7}.client-filters span{font-size:12px;background:#ffffff90;border-radius:8px;padding:2px 6px}.client-identity{min-width:0}.client-identity small{overflow-wrap:anywhere}.client-category-label{font-size:12px;margin-top:12px;max-width:280px}.client-category-label select{display:block;width:100%;margin-top:5px}.client-copy-fallback{width:100%}.client-row .head-actions{flex-wrap:wrap;gap:8px}@media(max-width:600px){.client-row{flex-direction:column}.client-row .head-actions{width:100%;align-self:stretch}.client-row .head-actions button{flex:1;white-space:normal}.client-category-label{max-width:none}}

.app-head .admin-entry{background:#e7f1ff;color:#2169b7;border-color:#bad3ef}.app-head .admin-entry[aria-current=page]{background:#297ddd;color:white}@media(max-width:600px){.app-head .admin-entry{order:5;width:100%;flex-basis:100%}}


.macro-card{--accent:#bd232b}
.macro-card.protein{--accent:#8e2028}
.macro-card.carbs{--accent:#e2bc35}
.macro-card.fat,.macro-card.fibre{--accent:#e47d32}
.macro-card-label{display:flex;align-items:center;gap:6px}
.macro-card-label .macro-chip-icon{width:22px;height:22px;flex-basis:22px}
.macro-card-label svg{width:20px;height:20px;color:#e47d32;flex:0 0 20px}
.ring-value{stroke:#f12b39}
