:root{--texte: #1c1c1e;--discret: #6b7280;--fond: #ffffff;--fond-doux: #f6f7f9;--bordure: #d8dce3;--accent: #2b5fd9;--alerte: #a15c00;--erreur: #b3261e;--succes: #1a7f37;--rayon: 6px}@media (prefers-color-scheme: dark){:root{--texte: #e9eaec;--discret: #9aa0aa;--fond: #16181d;--fond-doux: #1e2128;--bordure: #333843;--accent: #7aa2ff;--alerte: #e0a33a;--erreur: #ff8a80;--succes: #6fcf7f}}body{margin:0;background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}.application,.connexion{max-width:62rem;margin:0 auto;padding:1.5rem}.connexion{max-width:22rem;margin-top:4rem;display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--bordure);border-radius:var(--rayon)}header{display:flex;align-items:baseline;gap:.75rem;border-bottom:1px solid var(--bordure);padding-bottom:.5rem}header h1{font-size:1.2rem;margin:0;flex:1}nav{display:flex;gap:.25rem;margin:.75rem 0 1rem;flex-wrap:wrap}.onglet{background:none;border:1px solid transparent;border-radius:var(--rayon);padding:.35rem .8rem;cursor:pointer;color:var(--discret);font:inherit}.onglet.actif{border-color:var(--bordure);background:var(--fond-doux);color:var(--texte);font-weight:600}h2{font-size:1.05rem;margin:1.2rem 0 .5rem}h3{font-size:.95rem;margin:1rem 0 .4rem}.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem;margin:.5rem 0}label{display:flex;flex-direction:column;gap:.2rem}label>span{color:var(--discret);font-size:.85rem}input,select,textarea{padding:.4rem .55rem;border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond);color:inherit;font:inherit}.case-seule{flex-direction:row;align-items:center;gap:.4rem;align-self:end;padding-bottom:.4rem}.cases{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}.cases label{flex-direction:row;align-items:center;gap:.35rem}table{width:100%;border-collapse:collapse;margin:.5rem 0}th,td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--bordure);vertical-align:top}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--discret)}.bouton{border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond);color:inherit;padding:.35rem .8rem;cursor:pointer;font:inherit}.bouton:disabled{opacity:.5;cursor:not-allowed}.bouton.principal{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.bloc{width:100%;font-family:ui-monospace,Menlo,monospace;font-size:.78rem;resize:vertical}.resultat{margin-top:1rem;padding:.75rem 1rem;border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond-doux)}.note,.discret{color:var(--discret);font-size:.85rem}.erreur{color:var(--erreur)}.alerte{color:var(--alerte)}.succes{color:var(--succes)}