:root{--fond: #0e0f14;--carte: #16181f;--carte-2: #1e2029;--bordure: #2a2d38;--texte: #eef0f5;--texte-doux: #a5abba;--texte-pale: #6e7486;--accent: #ff3b55;--accent-fonce: #d0102c;--violet: #9333ea;--bleu: #38bdf8;--succes: #4caf7d;--danger: #e5566b;--police: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--police-mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at top left,rgba(208,16,44,.12),transparent 50%),radial-gradient(ellipse at bottom right,rgba(147,51,234,.1),transparent 50%),var(--fond);color:var(--texte);font-family:var(--police);line-height:1.55;-webkit-font-smoothing:antialiased}h1{font-size:1.6rem;margin:0 0 8px;letter-spacing:-.01em}a{color:var(--bleu)}.page-centree{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.colonne{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:640px}.carte{width:100%;background:var(--carte);border:1px solid var(--bordure);border-radius:14px;padding:32px 28px}.carte-etroite{max-width:420px}.surtitre{font-family:var(--police-mono);font-size:.7rem;letter-spacing:.16em;color:var(--accent);margin-bottom:12px}.texte-doux{color:var(--texte-doux);margin:0 0 22px}input{width:100%;padding:12px 14px;margin-bottom:14px;border-radius:8px;border:1px solid var(--bordure);background:var(--fond);color:var(--texte);font:inherit}input:focus{outline:none;border-color:var(--bleu)}.bouton{display:inline-block;padding:11px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--accent-fonce),var(--violet));color:#fff;font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:filter .15s ease}.carte-etroite .bouton{width:100%}.bouton:hover{filter:brightness(1.12)}.bouton:disabled{opacity:.5;cursor:not-allowed;filter:none}.bouton-secondaire{background:var(--carte-2);border:1px solid var(--bordure)}.bouton-danger{background:var(--danger)}.bouton-texte{background:none;color:var(--texte-doux);font-weight:500}.bouton-texte:hover{color:var(--texte);filter:none}.bandeau-erreur,.bandeau-succes{padding:11px 14px;border-radius:8px;margin-bottom:16px;font-size:.88rem}.bandeau-erreur{background:#e5566b1a;border:1px solid rgba(229,86,107,.4)}.bandeau-succes{background:#4caf7d1a;border:1px solid rgba(76,175,125,.4)}.etat{display:grid;grid-template-columns:max-content 1fr;gap:10px 18px;margin:22px 0 26px;font-size:.92rem}.etat dt{color:var(--texte-pale)}.etat dd{margin:0;overflow-wrap:anywhere}.pastille-ok,.pastille-ko{padding:2px 10px;border-radius:100px;font-size:.8rem;font-weight:600}.pastille-ok{background:#4caf7d26;color:var(--succes)}.pastille-ko{background:#e5566b26;color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:10px}.note{margin:22px 0 0;font-size:.8rem;color:var(--texte-pale)}@media(max-width:520px){.carte{padding:24px 18px}.etat{grid-template-columns:1fr;gap:2px}.etat dd{margin-bottom:10px}.actions .bouton{width:100%}}.avatar-accueil{width:64px;height:64px;border-radius:50%;border:2px solid var(--bordure);margin-bottom:12px}.carte-etroite .bouton-texte{width:100%;margin-top:8px}.barre-admin{width:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rebours{font-family:var(--police-mono);font-size:.86rem;padding:4px 12px;border-radius:100px;background:#4caf7d1f;color:var(--succes);margin-right:auto}.rebours-proche{background:#e5566b1f;color:var(--danger)}