/* Art direction: dashboard personnel nutrition/poids → utilitaire premium et lisible
   Palette: neutre chaud + accent teal
   Typography: Cabinet Grotesk + Satoshi — lisible, compact, net
   Density: balanced */
:root,[data-theme="light"]{--font-body:'Satoshi',system-ui,sans-serif;--font-display:'Cabinet Grotesk','Satoshi',sans-serif;--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-2:#fbfbf9;--color-surface-offset:#f1eeea;--color-border:#d4d1ca;--color-divider:#dfdcd6;--color-text:#28251d;--color-text-muted:#6f6b65;--color-text-faint:#a19c94;--color-primary:#01696f;--color-primary-highlight:#dbeaea;--color-success:#437a22;--color-error:#8d3157;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-full:999px;--shadow-sm:0 1px 2px rgba(20,20,20,.05);--shadow-md:0 8px 24px rgba(20,20,20,.08);--shadow-lg:0 18px 48px rgba(20,20,20,.12)}[data-theme="dark"]{--color-bg:#171614;--color-surface:#1d1b18;--color-surface-2:#23211e;--color-surface-offset:#2b2824;--color-border:#393632;--color-divider:#302d29;--color-text:#ece8e1;--color-text-muted:#b7b0a6;--color-text-faint:#857f76;--color-primary:#5aa2ad;--color-primary-highlight:#23383a;--color-success:#78b950;--color-error:#d36d92;--shadow-sm:0 1px 2px rgba(0,0,0,.25);--shadow-md:0 8px 24px rgba(0,0,0,.28);--shadow-lg:0 18px 48px rgba(0,0,0,.38)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--color-text);background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 30%),var(--color-bg)}a,button,input{font:inherit}button{cursor:pointer}h1,h2{margin:0;line-height:1.05;text-wrap:balance}p{margin:0;color:var(--color-text-muted);text-wrap:pretty}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:1rem;top:1rem;background:var(--color-surface);padding:.75rem 1rem;border-radius:var(--radius-md);z-index:10}.site-header,.page-shell{max-width:1180px;margin:0 auto;padding-inline:var(--space-4)}.site-header{padding-top:var(--space-6);padding-bottom:var(--space-5);display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.brand-wrap{display:flex;gap:var(--space-4);align-items:flex-start}.logo{width:3rem;height:3rem;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);box-shadow:var(--shadow-sm)}.logo svg{width:1.8rem;height:1.8rem;color:var(--color-primary)}.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--color-primary);font-weight:700;margin-bottom:var(--space-2)}h1{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:.35rem}.lede{max-width:58ch}.header-actions{display:flex;gap:var(--space-3);align-items:center}.icon-btn,.primary-btn,.ghost-btn{min-height:44px;border-radius:var(--radius-full);padding:.8rem 1rem;border:1px solid transparent}.icon-btn{width:44px;padding:0;background:var(--color-surface);border-color:color-mix(in srgb,var(--color-text) 10%,transparent);color:var(--color-text)}.primary-btn{background:var(--color-primary);color:#fff;font-weight:700;box-shadow:var(--shadow-sm)}.ghost-btn{background:transparent;border-color:color-mix(in srgb,var(--color-text) 12%,transparent);color:var(--color-text)}.page-shell{padding-bottom:var(--space-10)}.hero-card,.panel{background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.hero-card{padding:clamp(1rem,2vw,1.5rem);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4);background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 9%,var(--color-surface)),var(--color-surface))}.hero-copy h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:.5rem}.hero-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.kpi-card{background:var(--color-surface-2);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:calc(var(--radius-xl) - .5rem);padding:var(--space-4)}.kpi-card span{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.45rem}.kpi-card strong{font-size:clamp(1.4rem,2.3vw,2rem);font-variant-numeric:tabular-nums}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-4);margin-bottom:var(--space-4)}.panel{padding:var(--space-5)}.panel-head{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-5)}.panel-head h2{font-size:var(--text-lg);font-family:var(--font-display)}.panel-head p{max-width:45ch}.log-form{display:grid;gap:var(--space-4)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}label{display:grid;gap:.45rem}label span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}input{min-height:48px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--color-surface-2);padding:.9rem 1rem;color:var(--color-text)}input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.status-text{min-height:1.4em}.status-ok{color:var(--color-success)}.status-error{color:var(--color-error)}.detail-list,.history-list{display:grid;gap:var(--space-3)}.detail-row,.history-row{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.detail-row .meta,.history-row .meta{display:grid;gap:.2rem}.label-sm{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.value-strong{font-variant-numeric:tabular-nums;font-weight:700}.empty-state{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px dashed color-mix(in srgb,var(--color-text) 14%,transparent);color:var(--color-text-muted)}.token-field{display:grid;gap:.45rem}.edit-dialog{border:0;padding:0;background:transparent;max-width:min(940px,calc(100vw - 2rem));width:100%}.edit-dialog::backdrop{background:rgba(0,0,0,.45)}.dialog-card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-5);display:grid;gap:var(--space-4)}@media (max-width:980px){.hero-card,.content-grid{grid-template-columns:1fr}.panel-head{flex-direction:column}}@media (max-width:720px){.site-header{flex-direction:column}.header-actions{width:100%}.primary-btn{flex:1}.field-grid,.hero-kpis{grid-template-columns:1fr}.panel,.hero-card{padding:var(--space-4)}.detail-row,.history-row{flex-direction:column;align-items:flex-start}}