:root{--nav:#1E2430;--accent:#28608F;--fond:#F2F4F7;--trait:#DDE1E7;--doux:#5B6472;--ok:#1F7A4D;--att:#946200;--err:#B3261E}
*{box-sizing:border-box}body{margin:0;background:var(--fond);color:#1B2029;font:15px/1.5 system-ui,"Segoe UI",Roboto,sans-serif}h1{font-size:23px;margin:0 0 4px}h2{font-size:16px;margin:0 0 10px}p{margin:0}
.coque{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.nav{background:var(--nav);color:#D7DCE5;padding:18px 12px;display:flex;flex-direction:column;gap:4px}.nav b{color:#fff;padding:0 10px 14px}.nav a{color:inherit;text-decoration:none;padding:9px 10px;border-radius:8px;cursor:pointer}.nav a.on,.nav a:hover{background:#333B4B;color:#fff}.nav .bas{margin-top:auto;font-size:13px;padding:10px}
main{padding:24px;max-width:1200px;width:100%}.carte{background:#fff;border:1px solid var(--trait);border-radius:12px;padding:18px;margin-bottom:14px;overflow:auto}.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:14px}.t span{color:var(--doux);font-size:13px;display:block}.t b{font-size:24px;font-variant-numeric:tabular-nums}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--doux);border-bottom:1px solid var(--trait);padding:6px 8px}td{padding:9px 8px;border-bottom:1px solid #EDEFF3;vertical-align:top}tr.l{cursor:pointer}tr.l:hover{background:#F6F8FA}.d{text-align:right;font-variant-numeric:tabular-nums}.doux{color:var(--doux)}.petit{font-size:13px}
.btn{font:inherit;font-weight:600;padding:8px 14px;border-radius:8px;border:1px solid var(--trait);background:#fff;cursor:pointer}.btn.p{background:var(--accent);border-color:var(--accent);color:#fff}.btn.r{color:var(--err);border-color:var(--err)}.btn.s{padding:4px 10px;font-size:13px}.barre{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--trait);border-radius:8px;width:100%;background:#fff}label{display:grid;gap:3px;font-size:13px;color:var(--doux);font-weight:600}.f{display:grid;gap:10px}
.pu{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;font-weight:600;background:#E9ECF1}.pu.ok{background:#E2F3E9;color:var(--ok)}.pu.at{background:#FBF0D5;color:var(--att)}.pu.er{background:#FBE6E3;color:var(--err)}.pu.si{background:#EDE7F6;color:#5E3A99}
.bande{background:#FBF0D5;color:#5E4300;padding:12px 16px;border-radius:10px;margin-bottom:14px;font-weight:600}.bande.i{background:#FBE6E3;color:#7E1A14}
.cx{max-width:380px;margin:9vh auto;background:#fff;border:1px solid var(--trait);border-radius:14px;padding:26px}.cx code{word-break:break-all;background:#F2F4F7;padding:6px;display:block;border-radius:6px}
.voile{position:fixed;inset:0;background:rgba(20,25,35,.5);display:flex;align-items:center;justify-content:center;padding:16px;z-index:9}.fen{background:#fff;border-radius:14px;padding:22px;max-width:480px;width:100%;display:grid;gap:12px}
#toasts{position:fixed;right:16px;bottom:16px;display:grid;gap:6px;z-index:10}.toast{background:#1B2029;color:#fff;padding:10px 14px;border-radius:8px}.toast.e{background:var(--err)}
@media(max-width:800px){.coque{grid-template-columns:1fr}.nav{flex-direction:row;flex-wrap:wrap}.nav b,.nav .bas{display:none}.g2{grid-template-columns:1fr}}