*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fond);color:var(--texte)}
.bandeau{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--accent);color:#fff}
.bandeau .sous-titre{opacity:.8}
.bandeau .espace{flex:1}
.corps{display:flex;min-height:calc(100vh - 52px)}
#menu{width:230px;padding:16px;background:#fff;border-right:1px solid #dde6e0}
#menu h3{margin:16px 0 6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7d73}
#menu button{display:block;width:100%;text-align:left;padding:8px 10px;margin:2px 0;border:0;border-radius:6px;background:none;color:var(--texte);font:inherit;cursor:pointer}
#menu button:hover{background:var(--fond)}
#menu button.actif{background:var(--accent);color:#fff}
#contenu{flex:1;padding:24px}
.discret{background:rgba(255,255,255,.18);border:0;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font:inherit}
.vide{padding:24px;background:#fff;border:1px dashed #b9c9bf;border-radius:10px;color:#4b5d53}
.tuiles{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.tuile{background:#fff;border-radius:10px;padding:14px 18px;min-width:160px;border:1px solid #dde6e0}
.tuile b{display:block;font-size:1.5rem;color:var(--accent-fonce)}
table{border-collapse:collapse;width:100%;background:#fff;border-radius:10px;overflow:hidden}
th,td{padding:8px 12px;text-align:left;border-bottom:1px solid #eef2ef}
th{background:var(--accent);color:#fff}
.page-login{display:grid;place-items:center;min-height:100vh}
.carte-login{background:#fff;padding:32px;border-radius:14px;width:min(360px,92vw);border:1px solid #dde6e0}
.carte-login h1{margin:0;color:var(--accent-fonce)}
.carte-login .sous-titre{margin:0 0 20px;color:#6b7d73}
.carte-login label{display:block;margin-bottom:14px;font-size:.9rem}
.carte-login input{display:block;width:100%;padding:10px;margin-top:4px;border:1px solid #b9c9bf;border-radius:8px;font:inherit}
.carte-login button{width:100%;padding:11px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:inherit;cursor:pointer}
.erreur{color:#b3261e;font-size:.9rem}
@media(max-width:700px){.corps{flex-direction:column}#menu{width:100%;border-right:0;border-bottom:1px solid #dde6e0}}