:root{--vert-nuit: #13473C;--vert-foret: #1F6F5C;--vert-pei: #2E8B6F;--saumon: #E07A5F;--orange-pei: #F2994A;--bleu-pei: #4C86C6;--creme: #FBF8F1;--blanc: #FFFFFF;--vert-clair: #EAF5F1;--vert-doux: #E4F2EA;--saumon-clair: #FCEDE8;--orange-doux: #FCEBDA;--bleu-doux: #E4EEF9;--encre: #21312C;--encre-douce: #5C6B63;--alerte: #B42318;--alerte-doux: #FDE3E0;--alerte-texte: #8F1D14;--vigilance: #7A3304;--filet: #DCE4DE;--ombre-carte: 0 10px 30px -14px rgba(19, 71, 60, .28);--arrondi-sm: 14px;--arrondi-md: 18px;--arrondi-lg: 28px;--titre: "Baloo 2", "Trebuchet MS", sans-serif;--texte: "Nunito", "Segoe UI", Candara, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--creme);color:var(--encre);font-family:var(--texte);font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{font-family:var(--titre);font-weight:600;margin:0;line-height:1.15}h1{font-size:28px}h2{font-size:21px}h3{font-size:18px}a{color:var(--vert-foret)}:focus-visible{outline:3px solid var(--bleu-pei);outline-offset:2px}.page{max-width:560px;margin:0 auto;padding:24px 16px 32px;display:flex;flex-direction:column;gap:16px;min-height:100dvh}.page-large{max-width:1040px}.pile{display:flex;flex-direction:column;gap:12px}.ligne{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.entre{justify-content:space-between}.grille-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bas{margin-top:auto}.discret{color:var(--encre-douce);font-size:14px}.etiquette{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--encre-douce);text-transform:uppercase}.carte{background:var(--blanc);border-radius:var(--arrondi-md);box-shadow:var(--ombre-carte);padding:16px}.heros{background:var(--vert-nuit);color:var(--blanc);border-radius:var(--arrondi-lg);padding:20px}.heros .discret{color:#dceee6}.logo{background:var(--blanc);border-radius:var(--arrondi-md);padding:10px 14px;box-shadow:var(--ombre-carte);align-self:flex-start}.logo img{display:block;width:220px;height:auto}.bouton{min-height:56px;width:100%;border:none;border-radius:var(--arrondi-md);background:var(--vert-foret);color:var(--blanc);font-weight:800;font-size:17px;padding:0 18px}.bouton:disabled{background:var(--filet);color:#4a5a51;cursor:not-allowed}.bouton.alerte{background:var(--alerte)}.bouton.secondaire{background:transparent;color:var(--encre);border:2px solid #B9C7BD}.bouton.petit{min-height:44px;width:auto;font-size:15px}.lien{background:none;border:none;color:var(--vert-foret);font-weight:700;text-decoration:underline;padding:12px;min-height:44px}.champ{display:flex;flex-direction:column;gap:6px}.champ label{font-weight:700;font-size:14px}.champ input,.champ select,.champ textarea{min-height:48px;border:2px solid var(--filet);border-radius:var(--arrondi-sm);background:var(--blanc);padding:8px 12px}.champ textarea{min-height:80px}.puce{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 14px;font-weight:800;font-size:14px}.puce.conforme{background:var(--vert-doux);color:var(--vert-nuit)}.puce.vigilance{background:var(--orange-doux);color:var(--vigilance)}.puce.hors_seuil{background:var(--alerte-doux);color:var(--alerte-texte)}.puce.attente{background:#e3eae5;color:#4a5a51}.bandeau{border-radius:var(--arrondi-md);padding:12px 14px;font-weight:700;font-size:14px}.bandeau.info{background:var(--vert-doux);color:var(--vert-nuit)}.bandeau.vigilance{background:var(--orange-doux);color:var(--vigilance)}.bandeau.alerte{background:var(--alerte-doux);color:var(--alerte-texte)}.erreur{background:var(--alerte-doux);color:var(--alerte-texte);border-radius:var(--arrondi-sm);padding:10px 14px;font-weight:700}.clavier{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.touche{height:60px;border:none;border-radius:var(--arrondi-md);background:var(--blanc);box-shadow:var(--ombre-carte);font-family:var(--titre);font-size:26px;font-weight:500;display:flex;align-items:center;justify-content:center}.touche.vide{background:transparent;box-shadow:none}.points{display:flex;justify-content:center;gap:16px}.point{width:16px;height:16px;border-radius:50%;border:2px solid var(--vert-foret)}.point.plein{background:var(--vert-foret)}.personne{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:var(--arrondi-md);background:var(--blanc);box-shadow:var(--ombre-carte);border:3px solid transparent;font-weight:700}.personne[aria-pressed=true]{border-color:var(--vert-foret)}.avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--titre);font-weight:600;font-size:18px;background:#bfe3cc;color:#124a2f}.tache{width:100%;display:flex;align-items:center;gap:14px;padding:14px;border:none;border-radius:var(--arrondi-md);background:var(--blanc);box-shadow:var(--ombre-carte);text-align:left}.tache .titre{font-weight:700;font-size:16px}.icone-carre{width:44px;height:44px;border-radius:var(--arrondi-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--vert-doux);color:var(--vert-nuit)}.puces-choix{display:flex;gap:8px;flex-wrap:wrap}.choix{min-height:44px;padding:0 14px;border-radius:999px;font-weight:800;font-size:14px;background:var(--blanc);border:2px solid var(--filet);display:inline-flex;align-items:center;gap:6px}.choix[aria-pressed=true]{background:var(--vert-foret);border-color:var(--vert-foret);color:var(--blanc)}.valeur{font-family:var(--titre);font-size:56px;font-weight:600;line-height:1}.valeur.vide{color:#9aa8a0}.option{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--arrondi-md);background:var(--blanc);border:2px solid var(--filet);text-align:left;font-weight:800}.option[aria-pressed=true]{border-color:var(--vert-foret);background:var(--vert-clair)}.onglets{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.tableau-boite{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--filet);vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--encre-douce)}.code-appairage{font-family:var(--titre);font-size:40px;letter-spacing:.15em;text-align:center;background:var(--vert-clair);border:2px dashed var(--vert-foret);border-radius:var(--arrondi-md);padding:16px}@media (min-width: 720px){.deux-colonnes{display:grid;grid-template-columns:1fr 1fr;gap:16px}}.grille-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tuile-module{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;padding:16px 10px;border:none;border-radius:var(--arrondi-md);background:var(--blanc);box-shadow:var(--ombre-carte);text-align:center;cursor:pointer;font:inherit;color:var(--encre)}.tuile-module .code{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--encre-douce)}.tuile-module .nom{font-family:var(--titre);font-weight:700;font-size:18px;line-height:1.1}.pastille{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 10px;font-weight:800;font-size:13px}.pastille.a-faire{background:var(--orange-doux);color:var(--vigilance)}.pastille.fait{background:var(--vert-doux);color:var(--vert-nuit)}.pastille.libre{background:#e3eae5;color:#4a5a51}.pastille.alerte{background:var(--alerte-doux);color:var(--alerte-texte)}.ligne-liste{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:none;border-bottom:1px solid var(--filet);background:transparent;color:var(--encre);font:inherit;font-weight:700;font-size:16px;text-align:left;cursor:pointer}.ligne-liste:last-child{border-bottom:none}.ligne-liste span{color:var(--encre-douce);font-size:22px}.ligne-liste[aria-pressed=true]{background:var(--vert-doux)}.grille-jauges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.jauge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px}.legende{display:inline-flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--encre-douce);font-weight:700}.legende span{display:inline-flex;align-items:center;gap:5px}.legende i{width:12px;height:12px;border-radius:3px;display:inline-block}.calendrier{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.entete-cal{text-align:center;font-size:12px;font-weight:800;color:var(--encre-douce)}.case-cal{aspect-ratio:1 / 1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f4f2;color:var(--encre);font-size:13px;line-height:1.1}.case-cal small{font-size:12px;font-weight:800}.case-cal.bon{background:#1e8a5e;color:#fff}.case-cal.surveiller{background:#d9781e;color:#fff}.case-cal.traiter{background:#b42318;color:#fff}.case-cal.futur{background:transparent;border:1px dashed var(--filet);color:var(--encre-douce)}.chiffres{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.chiffre{display:flex;flex-direction:column;gap:2px}.chiffre .valeur{font-size:30px}