:root{--fond: #0b0c0e;--fond-el: #101216;--surface: #14161a;--carte: #1b1e23;--carte-2: #212429;--survol: #262a30;--bord: #262a30;--bord-2: #2f343b;--ligne: rgba(245, 250, 248, .08);--ligne-2: rgba(245, 250, 248, .14);--texte-titre: #f5faf8;--texte: #e4e7eb;--texte-2: #9aa0aa;--texte-3: #828993;--texte-off: #535a64;--cyan: #07d6ef;--vert: #2df88e;--degrade: linear-gradient(90deg, var(--cyan), var(--vert));--succes-texte: #7ff8c0;--succes-fond: rgba(45, 248, 142, .12);--succes-bord: rgba(45, 248, 142, .3);--alerte: #f5b544;--alerte-texte: #ffd585;--alerte-fond: rgba(245, 181, 68, .12);--alerte-bord: rgba(245, 181, 68, .3);--danger-texte: #ff9a9a;--danger-fond: rgba(255, 90, 90, .12);--danger-bord: rgba(255, 90, 90, .32);--info-texte: #9ab9ff;--info-fond: rgba(81, 137, 255, .13);--info-bord: rgba(81, 137, 255, .25);--police: "Clash Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--courbe: cubic-bezier(.2, .7, .1, 1);--rayon-carte: 20px;--rayon-champ: 12px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--fond);color:var(--texte);font-family:var(--police);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:#2df88e4d}.appli{display:grid;grid-template-columns:232px 1fr;min-height:100vh;position:relative;isolation:isolate}.halo{position:fixed;width:1000px;height:1000px;right:-260px;top:-520px;z-index:-1;pointer-events:none;background:radial-gradient(circle,#07d6ef26,#07d6ef00 60%)}.principal{padding:28px 36px 40px;min-width:0}.laterale{position:sticky;top:0;height:100vh;background:#101216;border-right:1px solid var(--bord);display:flex;flex-direction:column;gap:3px;padding:16px 12px 12px;overflow-y:auto;scrollbar-width:none}.laterale::-webkit-scrollbar{display:none}.marque{display:flex;align-items:center;gap:9px;padding:0 6px 6px}.marque img{width:22px;height:20px}.marque span{font-weight:700;font-size:14px;letter-spacing:.06em;color:var(--texte-titre)}.compte{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:14px;background:var(--surface);border:1px solid var(--bord);margin-bottom:2px}.avatar{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:12px;background:var(--carte-2);color:var(--texte-titre);flex:none}.compte strong{font-size:13px;color:var(--texte-titre);flex:1;overflow:hidden;text-overflow:ellipsis}.recherche{display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:12px;border:1px solid var(--bord);color:var(--texte-3);font-size:13px;background:transparent;width:100%;text-align:left}.recherche kbd{margin-left:auto;font:inherit;font-size:10px;font-weight:600;background:var(--carte-2);color:var(--texte-2);padding:2px 6px;border-radius:6px}.section-nav{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--texte-off);padding:10px 8px 2px}.lien-nav{display:flex;align-items:center;gap:10px;padding:7px 11px;font-size:13px;border-radius:12px;color:var(--texte);border:1px solid transparent;transition:background .2s var(--courbe),border-color .2s var(--courbe)}.lien-nav svg{color:var(--texte-2);flex:none}.lien-nav:hover{background:var(--surface)}.lien-nav.actif{background:#2df88e1a;border-color:#2df88e59;color:var(--vert);font-weight:600}.lien-nav.actif svg{color:var(--vert)}.lien-nav .badge{margin-left:auto}.ressort{flex:1}.carte-session{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:14px;background:var(--surface);border:1px solid var(--bord)}.carte-session strong{display:block;font-size:13px;color:var(--texte-titre)}.carte-session small{font-size:11px;color:var(--texte-3)}.entete{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.surtitre{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--texte-2)}.entete .surtitre{color:var(--vert)}.titre{font-size:34px;font-weight:600;letter-spacing:-.02em;color:var(--texte-titre);margin:6px 0 4px;line-height:1.1}.titre:after{content:".";color:var(--vert)}.sous-titre{color:var(--texte-2);margin:0}.actions{display:flex;align-items:center;gap:8px;flex:none}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--bord);background:var(--carte);color:var(--texte-titre);font-weight:600;font-size:13px;transition:transform .2s var(--courbe),background .2s var(--courbe),opacity .2s;white-space:nowrap}.bouton:hover{background:var(--survol)}.bouton:active{transform:scale(.98)}.bouton.principal{background:var(--degrade);color:#0b0c0e;border:none;font-weight:700;box-shadow:0 6px 20px #2df88e2e}.bouton.principal:hover{filter:brightness(1.05)}.bouton.petit{padding:6px 11px;border-radius:10px;font-size:12px}.bouton.plein{width:100%}.bouton.danger{color:var(--danger-texte);border-color:var(--danger-bord);background:var(--danger-fond)}.bouton:disabled{opacity:.45;cursor:not-allowed}.bouton-icone{width:38px;height:38px;border-radius:12px;border:1px solid var(--bord);background:var(--carte);display:grid;place-items:center;position:relative;color:var(--texte)}.bouton-icone .compteur{position:absolute;top:-6px;right:-6px}.compteur{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--degrade);color:#0b0c0e;font-size:10px;font-weight:700;display:inline-grid;place-items:center;border:2px solid var(--fond)}.touche{font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:#0b0c0e26}.pastille{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--bord);background:var(--carte);color:var(--texte-2);white-space:nowrap}.pastille.vert{color:var(--succes-texte);background:var(--succes-fond);border-color:var(--succes-bord)}.pastille.orange{color:var(--alerte-texte);background:var(--alerte-fond);border-color:var(--alerte-bord)}.pastille.rouge{color:var(--danger-texte);background:var(--danger-fond);border-color:var(--danger-bord)}.pastille.bleu{color:var(--info-texte);background:var(--info-fond);border-color:var(--info-bord)}.badge{font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--degrade);color:#0b0c0e}.puces{display:flex;flex-wrap:wrap;gap:6px}.puce{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:10px;border:1px solid var(--bord);background:var(--carte);color:var(--texte);font-size:12px;transition:all .2s var(--courbe)}.puce:hover{border-color:var(--bord-2)}.puce.actif{background:#2df88e1a;border-color:#2df88e66;color:var(--succes-texte);font-weight:600}.puce .nb{font-size:11px;font-weight:700;color:var(--texte-3)}.puce.actif .nb{color:var(--succes-texte)}.puce .point{width:8px;height:8px;border-radius:50%}.interrupteur{width:34px;height:20px;border-radius:999px;background:var(--bord-2);border:none;position:relative;flex:none;transition:background .25s var(--courbe);padding:0}.interrupteur:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--texte-2);transition:transform .25s var(--courbe),background .25s}.interrupteur.actif{background:var(--degrade)}.interrupteur.actif:after{transform:translate(14px);background:#0b0c0e}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon-carte);padding:18px;min-width:0}.carte.sans-marge{padding:0;overflow:hidden}.tete-carte{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.tete-carte .gauche{display:flex;align-items:center;gap:8px}.pile{display:flex;flex-direction:column;gap:12px}.grille{display:grid;gap:16px}.ligne{display:flex;align-items:center;gap:10px;min-width:0}.entre{justify-content:space-between}.discret{color:var(--texte-3);font-size:12px}.secondaire{color:var(--texte-2)}.fort{color:var(--texte-titre);font-weight:600}.vert-t{color:var(--succes-texte)}.orange-t{color:var(--alerte-texte)}.rouge-t{color:var(--danger-texte)}.tronque{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.separateur{border-top:1px solid var(--bord);margin:4px 0}.indicateurs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--bord);border-radius:var(--rayon-carte);background:var(--surface);overflow:hidden}.indicateur{padding:18px 20px;border-right:1px solid var(--bord);display:flex;flex-direction:column;gap:8px;min-width:0}.indicateur:last-child{border-right:none}.indicateur.vedette{background:linear-gradient(180deg,#2df88e21,#2df88e05)}.indicateur.vedette .surtitre{color:var(--vert)}.indicateur .valeur{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--texte-titre)}.indicateur.vedette .valeur{font-size:30px}.jauge{height:6px;border-radius:999px;background:var(--bord);overflow:hidden}.jauge>span{display:block;height:100%;border-radius:inherit;background:var(--degrade)}.vignette{width:44px;height:44px;border-radius:12px;flex:none;object-fit:cover;border:1px solid rgba(255,255,255,.08)}.vignette.petite{width:32px;height:32px;border-radius:10px}.element{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:14px;border:1px solid var(--bord);background:var(--surface);transition:border-color .2s var(--courbe),background .2s var(--courbe);min-width:0}.element:hover{border-color:var(--bord-2)}.element.choisi{background:var(--carte);border-color:#2df88e59}.element .corps{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.element .corps strong{font-size:13px;color:var(--texte-titre);font-weight:600}.tableau{width:100%;border-collapse:collapse}.tableau th{text-align:left;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--texte-off);padding:8px 10px;text-transform:uppercase}.tableau td{padding:10px;border-top:1px solid var(--bord);vertical-align:middle}.tableau tr:hover td{background:#ffffff04}.champ{display:flex;flex-direction:column;gap:8px}.saisie{width:100%;background:var(--carte);border:1px solid var(--bord);border-radius:var(--rayon-champ);padding:11px 14px;color:var(--texte-titre);outline:none;transition:border-color .2s var(--courbe)}.saisie:focus{border-color:#2df88e80}textarea.saisie{resize:vertical;min-height:110px;line-height:1.55}.encart{display:flex;gap:10px;padding:12px 14px;border-radius:12px;font-size:12px;line-height:1.5}.encart.bleu{background:#5189ff14;border:1px solid rgba(81,137,255,.2);color:var(--info-texte)}.encart.orange{background:#f5b54412;border:1px solid var(--alerte-bord);color:var(--alerte-texte)}.encart.rouge{background:#ff5a5a0f;border:1px solid var(--danger-bord);color:var(--danger-texte)}.vide{padding:30px;text-align:center;color:var(--texte-3)}.bandeau-demo{position:fixed;bottom:14px;right:14px;z-index:50;font-size:11px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--alerte-fond);color:var(--alerte-texte);border:1px solid var(--alerte-bord);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:60;padding:10px 16px;border-radius:12px;background:var(--carte);border:1px solid var(--bord-2);color:var(--texte-titre);box-shadow:0 10px 30px #0006;animation:monter .3s var(--courbe)}@keyframes monter{0%{opacity:0;transform:translate(-50%,8px)}}.page{animation:apparaitre .35s var(--courbe)}@keyframes apparaitre{0%{opacity:0;transform:translateY(6px)}}.ecran-acces{min-height:100vh;display:grid;place-items:center}.ecran-acces .carte{width:360px;padding:28px}@media (max-width: 1100px){.appli{grid-template-columns:1fr}.laterale{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.principal{padding:20px 16px}.indicateurs{grid-auto-flow:row}.indicateur{border-right:none;border-bottom:1px solid var(--bord)}.entete{flex-direction:column}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.indicateur .ligne{flex-wrap:wrap;row-gap:6px}