:root{color-scheme:light dark;--fond:light-dark(#f4f5f7,#16181d);--fond-carte:light-dark(#ffffff,#1e2128);--fond-creux:light-dark(#eceef2,#23262e);--bordure:light-dark(#dcdfe6,#31353f);--texte:light-dark(#1c1f26,#e6e8ec);--texte-doux:light-dark(#5d6470,#9aa1ae);--accent:light-dark(#2f6feb,#6f9cf5);--accent-texte:light-dark(#ffffff,#10131a);--danger:light-dark(#c0392b,#f0796a);--succes:light-dark(#1f8a4c,#4fc07f);--q1:light-dark(#d64545,#f07a7a);--q2:light-dark(#1f7a5a,#58c39c);--q3:light-dark(#c07b1d,#e0a94a);--q4:light-dark(#6b7280,#99a1af);--rayon:10px;--espace:16px;--ombre:0 1px 3px light-dark(rgb(0 0 0 / 8%),rgb(0 0 0 / 40%))}*{box-sizing:border-box}[hidden]{display:none !important}body{margin:0;min-height:100vh;background:var(--fond);color:var(--texte);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}h1,h2{margin:0;line-height:1.25}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}.bouton-primaire{background:var(--accent);color:var(--accent-texte);padding:9px 16px;font-weight:600}.bouton-primaire:hover:not(:disabled){filter:brightness(1.08)}.bouton-discret{background:transparent;color:var(--texte-doux);border-color:var(--bordure);padding:9px 14px}.bouton-discret:hover{color:var(--texte);background:var(--fond-creux)}.bouton-danger{background:var(--danger);color:#fff;padding:9px 16px;font-weight:600}.bouton-icone{background:transparent;color:var(--texte-doux);border-color:transparent;padding:4px 8px;font-size:15px;line-height:1}.bouton-icone:hover{background:var(--fond-creux);color:var(--texte)}.bouton-icone-danger:hover{color:var(--danger)}.amorce{display:grid;place-items:center;min-height:100vh;margin:0;color:var(--texte-doux)}.ecran{display:grid;place-items:center;min-height:100vh;padding:var(--espace)}.carte-connexion{width:min(380px,100%);display:grid;gap:10px;padding:28px;background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre)}.carte-connexion h1{font-size:26px}.sous-titre{margin:0 0 8px;color:var(--texte-doux);font-size:14px}label{font-size:13px;font-weight:600;color:var(--texte-doux)}.facultatif{font-weight:400;text-transform:none}input[type="text"],input[type="password"],input[type="date"],textarea{font:inherit;width:100%;padding:9px 11px;color:var(--texte);background:var(--fond-creux);border:1px solid var(--bordure);border-radius:8px}textarea{resize:vertical}.message-erreur{margin:4px 0 0;color:var(--danger);font-size:14px}.ecran-app{max-width:1400px;margin:0 auto;padding:var(--espace)}.entete{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:var(--espace)}.titre-app{font-size:22px;margin-right:auto}.actions-entete{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bascule{display:flex;background:var(--fond-creux);border:1px solid var(--bordure);border-radius:8px;padding:2px}.onglet{background:transparent;color:var(--texte-doux);padding:7px 14px;font-size:14px}.onglet[aria-pressed="true"]{background:var(--fond-carte);color:var(--texte);font-weight:600;box-shadow:var(--ombre)}.bandeau-erreur{margin:0 0 var(--espace);padding:11px 14px;border-radius:8px;border:1px solid var(--danger);background:light-dark(#fdecea,#3a2320);color:var(--danger)}.etat-chargement{margin-top:var(--espace);color:var(--texte-doux);text-align:center}.matrice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--espace)}.matrice[aria-busy="true"]{opacity:.6}.quadrant{display:flex;flex-direction:column;min-height:220px;padding:14px;background:var(--fond-carte);border:1px solid var(--bordure);border-top:3px solid var(--teinte,var(--bordure));border-radius:var(--rayon);box-shadow:var(--ombre);transition:background .12s ease,border-color .12s ease}.quadrant-q1{--teinte:var(--q1)}.quadrant-q2{--teinte:var(--q2)}.quadrant-q3{--teinte:var(--q3)}.quadrant-q4{--teinte:var(--q4)}.quadrant-survole{background:var(--fond-creux);border-color:var(--accent)}.quadrant-entete{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 10px;margin-bottom:10px}.quadrant-titre{font-size:17px;color:var(--teinte)}.quadrant-regle{grid-column:1;margin:0;font-size:12px;color:var(--texte-doux)}.quadrant-compteur{grid-row:1 / span 2;grid-column:2;align-self:center;min-width:26px;padding:2px 8px;text-align:center;font-size:13px;font-weight:600;color:var(--texte-doux);background:var(--fond-creux);border-radius:999px}.liste-taches{list-style:none;margin:0;padding:0;display:grid;gap:8px}.quadrant-vide{padding:18px 4px;color:var(--texte-doux);font-size:14px;text-align:center;border:1px dashed var(--bordure);border-radius:8px}.tache{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px;background:var(--fond-creux);border:1px solid var(--bordure);border-left:3px solid var(--teinte,var(--bordure));border-radius:8px;cursor:grab}.tache:hover{border-color:var(--accent)}.tache-en-deplacement{opacity:.45;cursor:grabbing}.tache-titre{margin:0;font-weight:600;overflow-wrap:anywhere}.tache-description{margin:3px 0 0;font-size:14px;color:var(--texte-doux);overflow-wrap:anywhere}.tache-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:12px}.echeance{color:var(--texte-doux)}.echeance-depassee{color:var(--danger);font-weight:600}.badge-termine{padding:1px 8px;color:var(--succes);border:1px solid var(--succes);border-radius:999px}.tache-terminee .tache-titre{text-decoration:line-through;color:var(--texte-doux)}.tache-actions{display:flex;gap:2px;align-items:flex-start}.dialogue{width:min(460px,calc(100vw - 32px));padding:22px;color:var(--texte);background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--rayon)}.dialogue::backdrop{background:rgb(0 0 0 / 45%)}.dialogue form{display:grid;gap:8px}.dialogue h2{font-size:19px;margin-bottom:6px}.cases{margin:6px 0 0;padding:12px;border:1px solid var(--bordure);border-radius:8px}.cases legend{padding:0 6px;font-size:13px;font-weight:600;color:var(--texte-doux)}.case{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:400;color:var(--texte)}.case + .case{margin-top:6px}.apercu-quadrant{margin:10px 0 0;font-size:13px;color:var(--accent);font-weight:600}.texte-suppression{margin:0;font-weight:600;overflow-wrap:anywhere}.avertissement{margin:0;font-size:14px;color:var(--texte-doux)}.actions-dialogue{display:flex;justify-content:flex-end;gap:8px;margin:14px 0 0;padding:0}@media (max-width:760px){.matrice{grid-template-columns:1fr}.quadrant{min-height:0}.titre-app{width:100%;font-size:19px}.actions-entete{width:100%}.bascule{flex:1 1 auto}.onglet{flex:1}#btn-nouvelle{flex:1 1 100%}.bouton-icone{min-width:44px;min-height:44px;display:grid;place-items:center;font-size:17px}.tache-actions{gap:4px}.tache{cursor:default}}@media (prefers-reduced-motion:reduce){*{transition:none !important}}