:root{--encre:#150128;--encre-2:#5e5470;--ligne:#e6dfec;--doux:#f4f0f7;--fond:#fbf8fc;--violet:#7a2ec2;--violet-fonce:#6421a6;--violet-clair:#f1e6ff;--lilas:#d09dff;--vert:#0f7b57;--vert-clair:#dcf5ea;--ambre:#7a4d00;--ambre-clair:#fdf0d2;--rouge:#a81e40;--rouge-clair:#fde4ea;--ombre:0 1px 2px #1501280a, 0 4px 14px #1501280a}*{box-sizing:border-box}body{background:var(--fond);color:var(--encre);-webkit-font-smoothing:antialiased;margin:0;font:13px/1.5 Poppins,Segoe UI,system-ui,sans-serif}a{color:var(--violet)}button{font:inherit;cursor:pointer}h1{margin:0;font-size:28px;font-weight:600;line-height:36px}h2{margin:0;font-size:17px;font-weight:600}.cadre{min-height:100vh;display:flex}.barre{background:var(--encre);color:#ede7e8;flex-direction:column;flex:0 0 224px;gap:2px;height:100vh;padding:22px 12px 14px;display:flex;position:sticky;top:0}.logo{flex-direction:column;gap:2px;padding:0 12px 16px;display:flex}.logo b{letter-spacing:-.03em;font-size:22px;font-weight:700}.logo b i{color:var(--lilas);font-style:normal}.logo small{letter-spacing:.12em;color:var(--lilas);font-size:9px;font-weight:700}.lien{color:#ede7e8;border-radius:10px;align-items:center;gap:10px;height:34px;padding:0 12px;font-size:13px;text-decoration:none;display:flex}.lien:hover{background:#ffffff0d}.lien.actif{color:var(--lilas);background:#2c1a47;font-weight:500}.lien .compte{color:#ffb3c6;background:#5c1530;border-radius:999px;margin-left:auto;padding:0 7px;font-size:11px;line-height:18px}.barre .bas{color:#a99db8;border-top:1px solid #2e2340;flex-direction:column;gap:6px;margin-top:auto;padding:10px 12px 0;font-size:12px;display:flex}.barre .bas button{color:#a99db8;text-align:left;background:0 0;border:0;padding:0}main{flex-direction:column;flex:1;gap:20px;min-width:0;padding:32px 40px 60px;display:flex}.entete{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.entete .texte{flex-direction:column;flex:1;gap:4px;min-width:300px;display:flex}.sous{color:var(--encre-2);max-width:760px;font-size:13.5px}.carte{box-shadow:var(--ombre);background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:20px;display:flex}.grille{gap:16px;display:grid}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}@media (width<=1000px){.g4{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}.barre{display:none}main{padding:20px 16px}}.chiffre{box-shadow:var(--ombre);background:#fff;border-radius:16px;flex-direction:column;gap:2px;padding:16px 18px;display:flex}.chiffre span{color:var(--encre-2);font-size:12px}.chiffre b{font-size:26px;font-weight:600;line-height:32px}.ligne{border-bottom:1px solid var(--doux);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.ligne:last-child{border-bottom:0}.ligne .corps{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ligne .titre{font-weight:500}.muet{color:var(--encre-2);font-size:12px}code{color:var(--violet);font-family:ui-monospace,Menlo,monospace;font-size:12px}.pastille{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:500;display:inline-block}.violet{background:var(--violet-clair);color:var(--violet)}.vert{background:var(--vert-clair);color:var(--vert)}.ambre{background:var(--ambre-clair);color:var(--ambre)}.rouge{background:var(--rouge-clair);color:var(--rouge)}.gris{color:var(--encre-2);background:#f1eef4}.bouton{border:1px solid var(--ligne);height:36px;color:var(--encre);background:#fff;border-radius:10px;padding:0 16px;font-weight:500}.bouton.principal{background:var(--violet);border-color:var(--violet);color:#fff}.bouton.principal:hover{background:var(--violet-fonce)}.bouton.danger{color:var(--rouge);border-color:#f3b9c7}.bouton:disabled{opacity:.5;cursor:default}.filtres{flex-wrap:wrap;gap:8px;display:flex}.filtre{border:1px solid var(--ligne);background:#fff;border-radius:999px;height:30px;padding:0 12px;font-size:12.5px;font-weight:500}.filtre.actif{background:var(--encre);border-color:var(--encre);color:#fff}textarea,input,select{font:inherit;border:1px solid var(--ligne);color:var(--encre);background:#fff;border-radius:10px;width:100%;padding:8px 10px}.etapes{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.etape{border-radius:10px;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.fleche{color:#a99db8}.vide{text-align:center;color:var(--encre-2);background:var(--doux);border-radius:14px;padding:28px}.alerte{background:var(--rouge-clair);color:var(--rouge);border-radius:14px;padding:14px 16px;font-weight:500}.message{background:var(--encre);color:#fff;z-index:50;border-radius:14px;padding:11px 16px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}pre.donnees{background:var(--doux);white-space:pre-wrap;word-break:break-word;border-radius:12px;margin:0;padding:12px;font-size:12px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--encre-2);padding:8px;font-size:11.5px;font-weight:500}td{border-top:1px solid var(--doux);vertical-align:top;padding:10px 8px}.connexion{background:var(--encre);place-items:center;min-height:100vh;padding:16px;display:grid}.connexion form{background:#fff;border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px;display:flex}
