.panneau{--p-fond: #101318;--p-surface: #171b22;--p-surface-2: #1e242e;--p-bordure: #2a313d;--p-texte: #dde3ec;--p-texte-2: #8b95a7;--p-accent: #4c8dff;--p-mono: ui-monospace, "Cascadia Code", Menlo, monospace;background:var(--p-fond);color:var(--p-texte);font:13px/1.45 system-ui,Segoe UI,sans-serif;border-right:1px solid var(--p-bordure);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;overflow:hidden}.panneau *{box-sizing:border-box}.p-entete{display:flex;align-items:center;justify-content:space-between;height:44px;flex:none;padding:0 14px;border-bottom:1px solid var(--p-bordure);background:var(--p-surface)}.p-entete .p-titre{font-family:var(--p-mono);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.p-entete .p-version{font-family:var(--p-mono);font-size:11px;color:var(--p-texte-2)}.p-corps{flex:1;overflow-y:auto;padding:10px 14px 14px}.p-corps::-webkit-scrollbar{width:8px}.p-corps::-webkit-scrollbar-thumb{background:var(--p-bordure);border-radius:4px}.p-section{margin-bottom:14px}.p-section-titre{font-family:var(--p-mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--p-texte-2);display:flex;align-items:center;gap:8px;margin:12px 0 8px}.p-section-titre:after{content:"";flex:1;height:1px;background:var(--p-bordure)}.p-rang{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:8px;min-height:30px;margin-bottom:4px}.p-rang>label{font-size:11.5px;color:var(--p-texte-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panneau select,.panneau button,.panneau input[type=text]{font:inherit}.p-select{width:100%;height:28px;background:var(--p-surface-2);color:var(--p-texte);border:1px solid var(--p-bordure);border-radius:5px;padding:0 6px;font-family:var(--p-mono);font-size:12px}.p-select:focus{outline:none;border-color:var(--p-accent)}.p-segment{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;border:1px solid var(--p-bordure);border-radius:5px;overflow:hidden;height:28px}.p-segment button{background:var(--p-surface);color:var(--p-texte-2);border:none;cursor:pointer;font-family:var(--p-mono);font-size:11.5px;border-right:1px solid var(--p-bordure);padding:0}.p-segment button:last-child{border-right:none}.p-segment button.actif{background:var(--p-accent);color:#fff}.p-segment button:hover:not(.actif){background:var(--p-surface-2);color:var(--p-texte)}.p-description{font-size:11px;color:var(--p-texte-2);background:var(--p-surface);border:1px solid var(--p-bordure);border-radius:5px;padding:8px;max-height:88px;overflow-y:auto;margin-bottom:4px}.p-note{font-size:11px;color:var(--p-texte-2);margin:2px 0 6px}.p-nuancier{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:6px 0 2px}.p-nuancier span{height:14px;border-radius:3px;border:1px solid rgb(255 255 255 / .08)}.p-pied{flex:none;border-top:1px solid var(--p-bordure);background:var(--p-surface);padding:10px 14px;display:grid;gap:6px}.p-spec{font-family:var(--p-mono);font-size:10.5px;color:var(--p-texte-2);background:var(--p-fond);border:1px solid var(--p-bordure);border-radius:5px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.p-btn{height:28px;background:var(--p-surface-2);color:var(--p-texte);border:1px solid var(--p-bordure);border-radius:5px;cursor:pointer;font-family:var(--p-mono);font-size:11.5px}.p-btn:hover{border-color:var(--p-accent)}.p-btn-accent{background:var(--p-accent);border-color:var(--p-accent);color:#fff}@media(max-width:900px){.panneau{height:auto;position:static;border-right:none;border-bottom:1px solid var(--p-bordure)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fond);color:var(--texte);font-family:var(--police-texte);font-size:var(--taille-corps);font-weight:var(--graisse-corps);line-height:var(--interligne-corps);-webkit-font-smoothing:antialiased;transition:background-color var(--duree),color var(--duree)}h1,h2,h3,h4{font-family:var(--police-titres);font-weight:var(--graisse-titres);line-height:var(--interligne-titres);letter-spacing:var(--espacement-titres);text-transform:var(--casse-titres);color:var(--texte);margin:0 0 var(--e3)}h1{font-size:var(--titre-1)}h2{font-size:var(--titre-2)}h3{font-size:var(--titre-3)}h4{font-size:var(--titre-4)}p{margin:0 0 var(--e3)}a{color:var(--action);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}code,pre,kbd{font-family:var(--police-mono);font-size:.92em}pre{background:var(--surface-creuse);border:var(--trait) solid var(--bordure);border-radius:var(--rayon-m);padding:var(--e4);overflow-x:auto}hr{border:none;border-top:var(--trait) solid var(--bordure);margin:var(--e5) 0}small,.sourdine{color:var(--texte-2);font-size:var(--taille-petite)}strong{font-weight:var(--graisse-forte)}::placeholder{color:var(--texte-3)}img{max-width:100%}.conteneur{max-width:var(--conteneur);margin-inline:auto;padding-inline:var(--e5)}.conteneur-lecture{max-width:var(--conteneur-lecture);margin-inline:auto;padding-inline:var(--e5)}.section{padding-block:var(--espace-section)}.grille{display:grid;gap:var(--espace-grille)}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.rang{display:flex;align-items:center;gap:var(--e3)}.rang-ecarte{display:flex;align-items:center;justify-content:space-between;gap:var(--e3)}.pile{display:flex;flex-direction:column;gap:var(--e3)}.centre{text-align:center}@media(max-width:1000px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}.carte{background:var(--surface);border:var(--trait) solid var(--bordure);border-radius:var(--rayon-l);box-shadow:var(--ombre-1);padding:var(--espace-carte)}.carte-plate{box-shadow:none}.carte-haute{box-shadow:var(--ombre-2)}.carte>h3:first-child,.carte>h4:first-child{margin-top:0}.carte-entete{display:flex;align-items:center;justify-content:space-between;gap:var(--e3);margin-bottom:var(--e4)}.carte-entete h3,.carte-entete h4{margin:0}.bande-inverse{background:var(--inverse-fond);color:var(--inverse-texte)}.bande-inverse h1,.bande-inverse h2,.bande-inverse h3{color:var(--inverse-texte)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);height:var(--hauteur-bouton);padding-inline:calc(var(--hauteur-bouton) * .45);border-radius:var(--rayon-m);border:var(--trait) solid transparent;font:inherit;font-weight:var(--graisse-forte);font-size:var(--taille-corps);cursor:pointer;white-space:nowrap;transition:background-color var(--duree),border-color var(--duree),color var(--duree),box-shadow var(--duree);text-decoration:none}.btn:hover{text-decoration:none}.btn-plein{background:var(--action);color:var(--sur-action)}.btn-plein:hover{background:var(--action-survol)}.btn-plein:active{background:var(--action-actif)}.btn-contour{background:transparent;color:var(--texte);border-color:var(--bordure-forte)}.btn-contour:hover{background:var(--surface-2)}.btn-fantome{background:transparent;color:var(--texte-2)}.btn-fantome:hover{background:var(--surface-2);color:var(--texte)}.btn-doux{background:var(--action-doux);color:var(--action-doux-texte)}.btn-doux:hover{background:color-mix(in oklab,var(--action-doux),var(--action) 12%)}.btn-danger{background:var(--erreur);color:var(--fond)}.btn-danger:hover{background:color-mix(in oklab,var(--erreur),black 12%)}.btn-petit{height:calc(var(--hauteur-bouton) * .8);font-size:var(--taille-petite);padding-inline:calc(var(--hauteur-bouton) * .32)}.btn-grand{height:calc(var(--hauteur-bouton) * 1.2);font-size:var(--taille-grande);padding-inline:calc(var(--hauteur-bouton) * .6)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-bloc{width:100%}.etiquette{display:inline-flex;align-items:center;gap:calc(var(--e1) * 1.2);padding:calc(var(--e1) * .6) var(--e2);border-radius:var(--rayon-s);font-size:var(--taille-petite);font-weight:var(--graisse-forte);line-height:1.2;background:var(--surface-2);color:var(--texte-2);border:var(--trait) solid var(--bordure)}.etiquette-ok{background:var(--ok-doux);color:var(--ok);border-color:color-mix(in oklab,var(--ok),transparent 70%)}.etiquette-erreur{background:var(--erreur-doux);color:var(--erreur);border-color:color-mix(in oklab,var(--erreur),transparent 70%)}.etiquette-attention{background:var(--attention-doux);color:color-mix(in oklab,var(--attention),var(--texte) 30%);border-color:color-mix(in oklab,var(--attention),transparent 65%)}.etiquette-info{background:var(--info-doux);color:var(--info);border-color:color-mix(in oklab,var(--info),transparent 70%)}.etiquette-accent{background:var(--action-doux);color:var(--action-doux-texte);border-color:color-mix(in oklab,var(--action),transparent 70%)}.pastille{width:8px;height:8px;border-radius:var(--rayon-pilule);display:inline-block;flex:none}.champ{display:flex;flex-direction:column;gap:calc(var(--e1) * 1.5)}.champ label{font-size:var(--taille-petite);font-weight:var(--graisse-forte);color:var(--texte-2)}.champ input,.champ select,.champ textarea,.entree{height:var(--hauteur-champ);padding-inline:var(--e3);background:var(--surface-creuse);color:var(--texte);border:var(--trait) solid var(--bordure);border-radius:var(--rayon-m);font:inherit;font-size:var(--taille-corps);transition:border-color var(--duree),box-shadow var(--duree);width:100%}.champ textarea{height:auto;min-height:calc(var(--hauteur-champ) * 2.4);padding-block:var(--e2);resize:vertical}.champ input:focus,.champ select:focus,.champ textarea:focus,.entree:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--focus),transparent 80%);outline:none}.champ-erreur input,.champ-erreur select,.champ-erreur textarea{border-color:var(--erreur)}.champ .aide{font-size:var(--taille-petite);color:var(--texte-3)}.champ .message-erreur{font-size:var(--taille-petite);color:var(--erreur);font-weight:var(--graisse-forte)}fieldset{border:var(--trait) solid var(--bordure);border-radius:var(--rayon-l);padding:var(--e4)}.interrupteur{position:relative;display:inline-flex;width:40px;height:22px;flex:none;cursor:pointer}.interrupteur input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.interrupteur .glissiere{width:100%;border-radius:var(--rayon-pilule);background:var(--bordure-forte);transition:background-color var(--duree)}.interrupteur .glissiere:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--rayon-pilule);background:var(--fond);transition:transform var(--duree)}.interrupteur input:checked+.glissiere{background:var(--action)}.interrupteur input:checked+.glissiere:after{transform:translate(18px)}.interrupteur input:focus-visible+.glissiere{outline:2px solid var(--focus);outline-offset:2px}.defilement-x{overflow-x:auto}table.tableau{width:100%;border-collapse:collapse;font-size:var(--taille-corps)}.tableau th{text-align:left;font-size:var(--taille-petite);font-weight:var(--graisse-forte);color:var(--texte-2);text-transform:uppercase;letter-spacing:.04em;padding:var(--e2) var(--e3);border-bottom:var(--trait) solid var(--bordure-forte);white-space:nowrap}.tableau td{padding:var(--e2) var(--e3);border-bottom:var(--trait) solid var(--bordure)}.tableau tbody tr{transition:background-color var(--duree)}.tableau tbody tr:hover{background:var(--surface-2)}.tableau .num{text-align:right;font-variant-numeric:tabular-nums}.tableau-dense th,.tableau-dense td{padding:calc(var(--e1) * 1.2) var(--e2)}.barre-nav{position:sticky;top:0;z-index:var(--z-nav);background:color-mix(in oklab,var(--fond),transparent 8%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:var(--trait) solid var(--bordure)}.barre-nav .conteneur{display:flex;align-items:center;gap:var(--e5);height:calc(var(--hauteur-bouton) * 1.6);padding-block:0}.marque{font-family:var(--police-titres);font-weight:var(--graisse-titres);font-size:var(--titre-4);letter-spacing:var(--espacement-titres);color:var(--texte);text-transform:var(--casse-titres)}.liens-nav{display:flex;gap:var(--e4);margin-inline-start:auto;align-items:center}.liens-nav a{color:var(--texte-2);font-weight:var(--graisse-forte);font-size:var(--taille-corps)}.liens-nav a:hover{color:var(--texte);text-decoration:none}.liens-nav a.actif{color:var(--action)}.onglets{display:flex;gap:var(--e1);border-bottom:var(--trait) solid var(--bordure)}.onglets button{background:none;border:none;font:inherit;font-weight:var(--graisse-forte);color:var(--texte-2);cursor:pointer;padding:var(--e2) var(--e3);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duree),border-color var(--duree)}.onglets button:hover{color:var(--texte)}.onglets button.actif{color:var(--action);border-bottom-color:var(--action)}.fil{display:flex;gap:var(--e2);align-items:center;font-size:var(--taille-petite);color:var(--texte-3)}.fil a{color:var(--texte-2)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(var(--hauteur-bouton) * .9);height:calc(var(--hauteur-bouton) * .9);border-radius:var(--rayon-pilule);font-size:var(--taille-petite);font-weight:var(--graisse-forte);background:var(--action-doux);color:var(--action-doux-texte);border:var(--trait) solid var(--bordure)}.avatar-grand{width:calc(var(--hauteur-bouton) * 1.8);height:calc(var(--hauteur-bouton) * 1.8);font-size:var(--titre-4)}.barre-progression{height:8px;background:var(--surface-creuse);border-radius:var(--rayon-pilule);overflow:hidden}.barre-progression>div{height:100%;background:var(--action);border-radius:var(--rayon-pilule);transition:width var(--duree)}.vide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--e3);text-align:center;padding:var(--espace-section) var(--e5);color:var(--texte-2)}.vide .glyphe{width:64px;height:64px;border-radius:var(--rayon-l);background:var(--surface-2);border:var(--trait) dashed var(--bordure-forte);display:flex;align-items:center;justify-content:center;font-size:var(--titre-3);color:var(--texte-3)}.alerte{display:flex;gap:var(--e3);align-items:flex-start;padding:var(--e3) var(--e4);border-radius:var(--rayon-m);border:var(--trait) solid var(--bordure);background:var(--surface-2);font-size:var(--taille-corps)}.alerte-erreur{background:var(--erreur-doux);border-color:color-mix(in oklab,var(--erreur),transparent 60%);color:color-mix(in oklab,var(--erreur),var(--texte) 25%)}.alerte-ok{background:var(--ok-doux);border-color:color-mix(in oklab,var(--ok),transparent 60%);color:color-mix(in oklab,var(--ok),var(--texte) 25%)}.alerte-attention{background:var(--attention-doux);border-color:color-mix(in oklab,var(--attention),transparent 55%);color:color-mix(in oklab,var(--attention),var(--texte) 35%)}.squelette{background:var(--surface-2);border-radius:var(--rayon-s);min-height:1em}.cadre-application{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.zone-apercu{min-width:0}@media(max-width:900px){.cadre-application{grid-template-columns:1fr}}