:root{--bg:#fbf6ec;--card:#fff;--text:#1d2a1d;--muted:#5e5e52;--primary:#2e7d32;--primary-dark:#1b5e20;--border:#e2d6bc;--danger:#c62828;--warning:#e65100;--info:#1565c0;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--info)}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}nav{background:var(--primary-dark);color:#fff;flex-direction:column;gap:4px;padding:20px 12px;display:flex}nav .brand{margin:0 8px 18px;font-size:22px;font-weight:900}nav button{color:#e8f5e9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:15px}nav button.active,nav button:hover{color:#fff;background:#ffffff26}nav .who{opacity:.85;margin-top:auto;padding:8px;font-size:13px}main{max-width:1200px;padding:24px 32px}h1{margin:0 0 16px;font-size:26px}h2{margin:22px 0 10px;font-size:19px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.kpi .v{color:var(--primary-dark);font-size:30px;font-weight:900}.kpi .l{color:var(--muted);font-size:14px}table{border-collapse:collapse;background:var(--card);border-radius:12px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px;font-size:14px}th{background:#f1e4c8}tr.clickable{cursor:pointer}tr.clickable:hover{background:#fffaf0}.pill{color:#fff;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.eleve,.open{background:var(--danger)}.moyen,.in_progress,.brouillon{background:var(--warning)}.faible,.closed,.valide{background:var(--primary)}.archive{background:var(--muted)}label{margin:10px 0 4px;font-size:14px;font-weight:700;display:block}input,select,textarea{border:1px solid var(--border);width:100%;font:inherit;background:#fff;border-radius:8px;padding:9px 10px}textarea{min-height:90px}button.primary,button.secondary,button.danger{cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:700}button.primary{background:var(--primary);color:#fff}button.secondary{border:2px solid var(--primary);color:var(--primary-dark);background:#fff}button.danger{background:var(--danger);color:#fff}button:disabled{opacity:.5;cursor:default}.row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.row>*{flex:1;min-width:140px}.error{color:var(--danger);font-weight:700}.ok{color:var(--primary);font-weight:700}.muted{color:var(--muted)}.ref{color:var(--muted);background:#f6f1e6;border-radius:6px;margin-bottom:4px;padding:6px 8px;font-size:13px}.login{max-width:420px;margin:12vh auto}.bar{background:var(--primary);border-radius:5px;height:10px}@media (width<=760px){.layout{grid-template-columns:1fr}nav{flex-flow:wrap}nav .who{display:none}main{padding:16px}}