:root{--fond: #0b1020;--fond-panneau: #0f1830;--fond-carte: #121a30;--bord: #26314d;--bord-fort: #3a4870;--texte: #e9edf5;--discret: #97a3ba;--accent-1: #4f8cff;--accent-2: #2fd4c4;--bouton: #3f7cf0;--bouton-texte: #ffffff;--alerte: #ff8a8f;--succes: #5fd4a0;--prod: #ff6b6b;--rayon: .75rem}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.page{display:grid;grid-template-columns:minmax(0,33fr) minmax(0,67fr);min-height:100%}.panneau{position:relative;display:flex;flex-direction:column;padding:2.25rem 2.25rem 1.75rem;background:radial-gradient(120% 60% at 0% 100%,rgb(79 140 255 / .18),transparent 60%),radial-gradient(90% 50% at 100% 0%,rgb(47 212 196 / .1),transparent 60%),var(--fond-panneau);border-right:1px solid var(--bord);overflow:hidden}.zone-carte{display:grid;place-items:center;padding:2rem 1rem;background-color:var(--fond);background-image:linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .035) 1px,transparent 1px);background-size:40px 40px}.logo-texte{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.3rem;letter-spacing:.01em}.logo-marque{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:.55rem;font-size:.8rem;font-weight:800;color:var(--fond);background:linear-gradient(135deg,var(--accent-1),var(--accent-2))}.panneau-texte{margin-top:18vh}.pastille{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.4rem;padding:.35rem .8rem;border:1px solid var(--bord-fort);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#ffffff08}.pastille-point{width:.45rem;height:.45rem;border-radius:50%;background:var(--accent-2);box-shadow:0 0 10px var(--accent-2)}.accroche{margin:0 0 1.2rem;font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.08;letter-spacing:-.02em}.degrade{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.presentation{max-width:26rem;margin:0;color:var(--discret);font-size:.98rem}.presentation strong{color:var(--texte)}.schema{width:100%;max-width:26rem;margin:2.5rem 0 1.5rem;align-self:center}.schema-lien{stroke:var(--bord-fort);stroke-width:1.2;stroke-dasharray:3 5}.schema-noeud{fill:var(--accent-1);fill-opacity:.9;stroke:#ffffff2e;stroke-width:1}.schema-icone path{fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.schema-libelle{fill:var(--texte);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.schema-halo{fill:var(--accent-1);fill-opacity:.12}.schema-centre{fill:var(--accent-2)}.schema-centre-texte{fill:var(--fond);font-size:18px;font-weight:800}.panneau-pied{margin:auto 0 0;font-size:.75rem;color:var(--discret)}.carte{width:100%;max-width:28rem;padding:2.25rem 2.25rem 2rem;background:var(--fond-carte);border:1px solid var(--bord-fort);border-radius:1.1rem;box-shadow:0 30px 80px #00000073}.carte h1{margin:0 0 .35rem;font-size:1.85rem;letter-spacing:-.015em}.sous-titre{margin:0 0 1.75rem;color:var(--discret)}.bandeau{margin:0 0 1.4rem;padding:.4rem .7rem;border-radius:.4rem;font-size:.78rem;border:1px solid var(--bord)}.bandeau code{font-size:.78rem}.bandeau-dev{background:#4f8cff14;border-color:#4f8cff59}.bandeau-prod{background:#ff6b6b1a;border-color:#ff6b6b80;color:var(--prod);font-weight:700}.champ{margin-bottom:1.1rem}.champ-entete{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.champ-entete label{font-size:.88rem;font-weight:700}.champ-saisie{position:relative}.champ-saisie input,.champ select{width:100%;padding:.8rem .9rem;font-size:1rem;color:var(--texte);background:var(--fond);border:1px solid var(--bord-fort);border-radius:.6rem;outline:none;transition:border-color .15s,box-shadow .15s}.champ-saisie input:focus,.champ select:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px #4f8cff40}.avec-oeil input{padding-right:6.5rem}.bouton-oeil{position:absolute;top:1px;right:1px;bottom:1px;display:inline-flex;align-items:center;gap:.35rem;width:auto;margin:0;padding:0 .9rem;font-size:.82rem;font-weight:600;color:var(--accent-1);background:transparent;border:0;border-left:1px solid var(--bord);border-radius:0 .55rem .55rem 0;cursor:pointer}.bouton-oeil:hover{background:#4f8cff14}.icone-oeil{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}button{width:100%;margin-top:.6rem;padding:.9rem;font-size:1rem;font-weight:700;color:var(--bouton-texte);background:var(--bouton);border:0;border-radius:999px;cursor:pointer;transition:filter .15s,transform .05s}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.lien,button.lien-discret{display:inline;width:auto;margin:0;padding:0;font-weight:600;background:none;border-radius:0;color:var(--accent-1)}button.lien-discret{font-size:.8rem;color:var(--discret);font-weight:500}button.lien-discret:hover,button.lien:hover{text-decoration:underline;filter:none}.bas-de-carte{margin:1.4rem 0 0;text-align:center;font-size:.92rem;color:var(--discret)}.erreur{margin:1rem 0 .4rem;padding:.7rem .85rem;border-left:3px solid var(--alerte);border-radius:0 .4rem .4rem 0;background:#ff8a8f14}.erreur strong{color:var(--alerte)}.erreur p{margin:.25rem 0 0;font-size:.9rem}.information{margin:1rem 0 .4rem;padding:.7rem .85rem;border-left:3px solid var(--accent-2);border-radius:0 .4rem .4rem 0;background:#2fd4c414;font-size:.9rem}.succes{color:var(--succes);font-weight:700}.avertissement{color:var(--alerte);font-size:.9rem}.aide{color:var(--discret);font-size:.85rem}.etapes{padding-left:1.2rem}.etapes li{margin-bottom:.4rem}.qr{display:block;margin:1rem auto;padding:.5rem;background:#fff;border-radius:.5rem}.carte h2{font-size:1.05rem;margin:1.75rem 0 .5rem}@media (max-width: 900px){.page{grid-template-columns:1fr}.panneau{padding:1.25rem 1.25rem 1rem;border-right:0;border-bottom:1px solid var(--bord)}.panneau-texte{margin-top:1.5rem}.accroche{font-size:1.7rem}.schema,.panneau-pied{display:none}.zone-carte{padding:1.5rem 1rem 3rem}.carte{padding:1.75rem 1.25rem}}.liens-bas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .9rem;margin-top:1.25rem;font-size:.92rem}.liens-bas:empty{display:none}.separateur{color:var(--discret)}.etat{display:flex;align-items:flex-start;gap:.9rem;margin:0 0 1rem}.etat p{margin:.2rem 0 0}.etat h2{margin:0;font-size:1.05rem}.pictogramme{flex:none;display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid currentColor}.pictogramme svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pictogramme-succes{color:var(--succes);background:#5fd4a01a}.pictogramme-erreur{color:var(--alerte);background:#ff8a8f1a}.pictogramme-attente,.pictogramme-info{color:var(--accent-1);background:#4f8cff1a}.carte code{font-size:.85em}.app{--texte: #1f2a44;--discret: #66728a;--bord: #e3e8f2;--bord-fort: #cfd7e6;--surface: #ffffff;--fond-app: #f3f6fb;--alerte: #d64550;--succes: #1f9d6b;--accent-1: #3f7cf0;--menu-largeur: 260px;--entete-hauteur: 64px;min-height:100vh;display:grid;grid-template-columns:var(--menu-largeur) 1fr;background:var(--fond-app);color:var(--texte)}.app-menu{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:0 .9rem 1rem;background:var(--surface);border-right:1px solid var(--bord)}.app-logo{display:flex;align-items:center;height:var(--entete-hauteur);padding:0 .4rem;color:var(--texte);text-decoration:none}.menu-liens{display:flex;flex-direction:column;gap:.25rem;margin-top:.75rem}.menu-lien{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;border-radius:.6rem;color:var(--discret);font-weight:600;font-size:.95rem;text-decoration:none}.menu-lien:hover{background:#f1f4fa;color:var(--texte)}.menu-lien.actif{background:#3f7cf01a;color:var(--accent-1)}.icone-menu{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.menu-env{margin:auto 0 0;padding:.7rem .8rem;border-radius:.6rem;background:#3f7cf012;color:var(--discret);font-size:.78rem;line-height:1.4}.menu-env code{font-size:.78rem;color:var(--texte)}.app-principal{min-width:0;display:flex;flex-direction:column}.app-entete{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.75rem;height:var(--entete-hauteur);padding:0 1.5rem;background:var(--surface);border-bottom:1px solid var(--bord)}.badge-env{padding:.15rem .55rem;border-radius:999px;background:#3f7cf01f;color:var(--accent-1);font-size:.72rem;font-weight:800;letter-spacing:.06em}.app button{width:auto;margin:0;padding:.6rem 1.15rem;font-size:.92rem;border-radius:.55rem}.app button.bouton-secondaire,.app .bouton-icone{color:var(--texte);background:var(--surface);border:1px solid var(--bord-fort)}.app button.bouton-secondaire:hover:not(:disabled){border-color:var(--accent-1);color:var(--accent-1);filter:none}.app button.bouton-danger{background:var(--alerte)}.app .bouton-icone{display:inline-flex;padding:.45rem}.bouton-menu{display:none!important}.compte{position:relative;margin-left:auto}.app .compte-bouton{display:flex;align-items:center;gap:.6rem;padding:.3rem .8rem .3rem .3rem;color:var(--texte);background:#f1f4fa;border-radius:999px}.app .compte-bouton:hover{filter:none;background:#e8edf7}.avatar{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--accent-1);color:#fff;font-size:.82rem;font-weight:800}.compte-nom{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.compte-menu{position:absolute;right:0;top:calc(100% + .5rem);min-width:16rem;padding:.4rem;background:var(--surface);border:1px solid var(--bord);border-radius:.75rem;box-shadow:0 12px 32px #141e3c1f}.compte-identite{display:flex;flex-direction:column;margin:0 0 .3rem;padding:.6rem .7rem;border-bottom:1px solid var(--bord)}.compte-identite span{color:var(--discret);font-size:.85rem;overflow-wrap:anywhere}.compte-menu a,.app .compte-menu button{display:block;width:100%;padding:.55rem .7rem;border-radius:.5rem;color:var(--texte);background:none;text-align:left;text-decoration:none;font-weight:600;font-size:.92rem}.compte-menu a:hover,.app .compte-menu button:hover{background:#f1f4fa;filter:none}.app-contenu{width:100%;max-width:72rem;padding:2rem 1.5rem 4rem}.app-titre{margin:0 0 .3rem;font-size:1.6rem;letter-spacing:-.015em}.app-sous-titre{margin:0 0 1.5rem;color:var(--discret)}.carte-app{margin-bottom:1.25rem;padding:1.4rem 1.5rem;background:var(--surface);border:1px solid var(--bord);border-radius:.9rem;box-shadow:0 1px 2px #141e3c0a}.carte-app h2{margin:0 0 .5rem;font-size:1.05rem}.carte-app .etat p{color:var(--discret)}.grille-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.25rem}.grille-cartes .carte-app{margin-bottom:0}.carte-indicateur h2{font-size:.9rem;color:var(--discret);font-weight:600}.valeur-vide{margin:.4rem 0 .2rem;font-size:1.8rem;font-weight:700;color:var(--bord-fort)}.formulaire-app{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.champs-ligne{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.champ-app{display:flex;flex-direction:column;gap:.35rem;width:100%}.champ-app>span{font-size:.88rem;font-weight:700}.champ-app input{padding:.65rem .8rem;font:inherit;color:var(--texte);background:var(--surface);border:1px solid var(--bord-fort);border-radius:.55rem}.champ-app input:focus{outline:2px solid rgb(63 124 240 / .35);border-color:var(--accent-1)}.champ-app .aide{margin:0}.valeur-lecture{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.65rem .8rem;background:#f6f8fc;border:1px solid var(--bord);border-radius:.55rem;overflow-wrap:anywhere}.pastille-etat{padding:.1rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700}.pastille-etat.ok{background:#1f9d6b1f;color:var(--succes)}.pastille-etat.alerte{background:#d645501f;color:var(--alerte)}.formulaire-app .erreur,.formulaire-app .information{margin:0;width:100%}.liste-facteurs{list-style:none;margin:1rem 0;padding:0;border:1px solid var(--bord);border-radius:.7rem}.liste-facteurs li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--bord)}.liste-facteurs li:last-child{border-bottom:0}.liste-facteurs li>div:first-child{display:flex;flex-direction:column}.facteur-nom{font-weight:600}.facteur-date{color:var(--discret);font-size:.85rem}.confirmation{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.app-voile{display:none}@media (max-width: 900px){.app{grid-template-columns:1fr}.app-menu{position:fixed;z-index:20;left:0;width:var(--menu-largeur);transform:translate(-100%);transition:transform .2s ease}.menu-ouvert .app-menu{transform:none;box-shadow:0 0 40px #141e3c33}.menu-ouvert .app-voile{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#0f183059}.bouton-menu{display:inline-flex!important}.app-entete{padding:0 1rem}.compte-nom{display:none}.app .compte-bouton{padding:.3rem}.app-contenu{padding:1.5rem 1rem 3rem}.champs-ligne{grid-template-columns:1fr}}.case-a-cocher{display:flex;align-items:flex-start;gap:.6rem;margin:.2rem 0 .4rem;cursor:pointer;font-size:.92rem}.case-a-cocher input{margin-top:.2rem;width:1rem;height:1rem;accent-color:var(--accent-1)}.case-a-cocher small{display:block;color:var(--discret);font-size:.8rem;margin-top:.15rem}button.bouton-secondaire{color:var(--texte);background:transparent;border:1px solid var(--bord-fort)}button.bouton-secondaire:hover:not(:disabled){border-color:var(--accent-1);filter:none}button.bouton-danger{background:var(--alerte);color:#fff}.codes-recuperation>p:first-child{margin-top:0}.grille-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1rem;margin:1rem 0;padding:1rem 1.1rem 1rem 2.4rem;border:1px dashed var(--bord-fort);border-radius:.7rem}.grille-codes li{color:var(--discret)}.grille-codes code{color:var(--texte);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.98rem;letter-spacing:.04em}.actions-codes{display:flex;flex-wrap:wrap;gap:.6rem}.actions-codes button{width:auto;flex:1 1 12rem;margin-top:0}.regles-mot-de-passe{margin:.2rem 0 .6rem;padding-left:1.2rem;color:var(--discret);font-size:.85rem}.regles-mot-de-passe li.ok{color:var(--succes)}.regles-mot-de-passe li.ok::marker{content:"✓  "}.bloc-securite{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin:1.2rem 0 .8rem;padding-top:1.1rem;border-top:1px solid var(--bord)}.bloc-securite:first-of-type{border-top:0;padding-top:0}.bloc-securite h3{margin:0 0 .2rem;font-size:.98rem}.bloc-securite .aide{margin:0}.bloc-securite-etat{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.confirmation-securite{padding:1rem 1.1rem;border:1px solid var(--bord-fort);border-radius:.7rem;background:#d645500d}.confirmation-securite p{margin-top:0}@media (max-width: 520px){.grille-codes{grid-template-columns:1fr}.bloc-securite-etat{align-items:flex-start}}