:root{--vert:#00853f;--jaune:#fdef42;--rouge:#e31b23;--fond:#f4f6f5;--texte:#1d2b24;--gris:#6b7a72;--bord:#d9e1dc}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--fond);color:var(--texte)}
.flag{display:flex;height:5px}.flag span{flex:1}.flag span:nth-child(1){background:var(--vert)}.flag span:nth-child(2){background:var(--jaune)}.flag span:nth-child(3){background:var(--rouge)}
.topbar{background:#fff;border-bottom:1px solid var(--bord);padding:.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.brand strong{color:var(--vert);font-size:1.3rem;display:block}.brand small{color:var(--gris)}
.usernav{display:flex;gap:1rem;align-items:center}.usernav form{margin:0}
a{color:var(--vert)}button.link{background:none;border:0;color:var(--rouge);cursor:pointer;font:inherit;padding:0}
.container{max-width:1200px;margin:1.5rem auto;padding:0 1rem}
.card{background:#fff;border:1px solid var(--bord);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.narrow{max-width:440px;margin:2rem auto}
label{display:block;margin:.8rem 0 .3rem;font-weight:600}input[type=text],input[type=password],input[type=email]{width:100%;padding:.6rem;border:1px solid var(--bord);border-radius:6px;font-size:1rem}
.btn{margin-top:1rem;background:var(--vert);color:#fff;border:0;border-radius:6px;padding:.7rem 1.2rem;font-size:1rem;cursor:pointer;width:100%}
.alert{padding:.8rem 1rem;border-radius:6px;margin-bottom:1rem}.alert-error{background:#fde8e9;color:#8a1016}.alert-warning{background:#fff8d6;color:#6b5a00}.alert-success{background:#e3f4ea;color:#0b5a2c}
.muted{color:var(--gris);font-size:.9rem}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}
.kpi{background:#fff;border:1px solid var(--bord);border-left:4px solid var(--vert);border-radius:8px;padding:1rem}.kpi-label{display:block;color:var(--gris)}.kpi-value{font-size:1.8rem;font-weight:700}
.footer{text-align:center;color:var(--gris);padding:2rem;font-size:.85rem}
.helptext{display:block;color:var(--gris);font-size:.85rem}