:root{--police-systeme:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--police-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fond:#f7f8fa;--fond-carte:#fff;--fond-attenue:#eef0f4;--texte:#16181d;--texte-attenue:#5c626e;--bordure:#d9dde3;--accent:#1f5fbf;--accent-texte:#fff;--erreur:#b3261e;--erreur-fond:#fdeceb;--succes:#0f7b3f;--rayon:.5rem;--espace:1rem}@media (prefers-color-scheme:dark){:root{--fond:#101216;--fond-carte:#191c22;--fond-attenue:#22262e;--texte:#e9eaee;--texte-attenue:#a2a8b4;--bordure:#333944;--accent:#7aa7f0;--accent-texte:#0b0d10;--erreur:#f2b8b5;--erreur-fond:#3a1d1b;--succes:#7ddba3}}*,:before,:after{box-sizing:border-box}body{font-family:var(--police-systeme);background:var(--fond);color:var(--texte);margin:0;line-height:1.5}h1{margin:0;font-size:1.5rem}.visuellement-masque{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.conteneur{max-width:72rem;padding:var(--espace);margin:0 auto}.entete{background:var(--fond-carte);border-bottom:1px solid var(--bordure)}.entete__contenu{max-width:72rem;padding:.75rem var(--espace);flex-wrap:wrap;align-items:center;gap:1.5rem;margin:0 auto;display:flex}.entete__titre{letter-spacing:.02em;font-size:1.125rem;font-weight:700}.entete nav{flex-wrap:wrap;gap:.25rem;display:flex}.entete nav a{color:var(--texte-attenue);border-radius:var(--rayon);padding:.375rem .75rem;text-decoration:none}.entete nav a:hover{background:var(--fond-attenue);color:var(--texte)}.entete nav a.active{background:var(--accent);color:var(--accent-texte)}.entete__compte{color:var(--texte-attenue);align-items:center;gap:.75rem;margin-left:auto;font-size:.875rem;display:flex}.page__entete{justify-content:space-between;align-items:center;gap:var(--espace);margin-bottom:var(--espace);flex-wrap:wrap;display:flex}.carte{background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--rayon);padding:1.5rem}.carte--etroite{max-width:26rem;margin:3rem auto}.carte__pied{color:var(--texte-attenue);margin:1rem 0 0;font-size:.875rem}.champ{flex-direction:column;gap:.25rem;margin-bottom:.875rem;display:flex}.champ label{font-size:.875rem;font-weight:600}.champ input,.champ select,.champ textarea{font:inherit;color:inherit;background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--rayon);width:100%;padding:.5rem .625rem}.champ input[type=color]{width:3rem;height:2.25rem;padding:.125rem}.champ textarea{resize:vertical}.champ input[aria-invalid=true],.champ select[aria-invalid=true],.champ textarea[aria-invalid=true]{border-color:var(--erreur)}.champ__aide{color:var(--texte-attenue);font-size:.8125rem}.champ__erreur{color:var(--erreur);font-size:.8125rem}.grille-deux{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:0 .75rem;display:grid}.choix-couleur{align-items:center;gap:.75rem;display:flex}.choix-etiquettes{border:1px solid var(--bordure);border-radius:var(--rayon);flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 .875rem;padding:.75rem;display:flex}.choix-etiquettes legend{padding:0 .25rem;font-size:.875rem;font-weight:600}.choix-etiquettes__option{cursor:pointer;align-items:center;gap:.375rem;display:flex}button{font:inherit;color:inherit;background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--rayon);cursor:pointer;padding:.4375rem .875rem}button:hover:not(:disabled){background:var(--fond-attenue)}button:disabled{opacity:.55;cursor:not-allowed}.bouton--principal{background:var(--accent);border-color:var(--accent);color:var(--accent-texte);font-weight:600}.bouton--principal:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.bouton--danger{color:var(--erreur);border-color:color-mix(in srgb, var(--erreur) 45%, var(--bordure))}.actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.cellule-actions{flex-wrap:wrap;gap:.375rem;display:flex}.cellule-actions button{padding:.25rem .5rem;font-size:.8125rem}.barre-filtres{margin-bottom:var(--espace);flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.barre-filtres .champ{flex:12rem;min-width:12rem;margin-bottom:0}.tableau-defilant{border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond-carte);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9375rem}th,td{text-align:left;border-bottom:1px solid var(--bordure);vertical-align:middle;padding:.625rem .75rem}thead th{background:var(--fond-attenue);text-transform:uppercase;letter-spacing:.03em;color:var(--texte-attenue);white-space:nowrap;font-size:.8125rem}tbody tr:last-child td{border-bottom:none}.liste-taches{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tache{background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--rayon);gap:var(--espace);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.tache--terminee .tache__titre{color:var(--texte-attenue);text-decoration:line-through}.tache__principal{flex:20rem;align-items:flex-start;gap:.75rem;min-width:15rem;display:flex}.tache__bascule input{cursor:pointer;width:1.125rem;height:1.125rem}.tache__corps{flex-direction:column;gap:.25rem;display:flex}.tache__titre{font-weight:600}.tache__contexte{color:var(--texte-attenue);font-size:.8125rem}.tache__etiquettes{flex-wrap:wrap;gap:.25rem;margin-top:.125rem;display:flex}.tache__meta{color:var(--texte-attenue);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.etiquette{color:var(--couleur-etiquette);background:color-mix(in srgb, var(--couleur-etiquette) 14%, transparent);border:1px solid color-mix(in srgb, var(--couleur-etiquette) 40%, transparent);border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.statut{background:var(--fond-attenue);color:var(--texte-attenue);white-space:nowrap;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.statut--en_cours{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.statut--termine,.statut--terminee{color:var(--succes);background:color-mix(in srgb, var(--succes) 16%, transparent)}.statut--bloquee,.statut--annule{color:var(--erreur);background:color-mix(in srgb, var(--erreur) 16%, transparent)}.priorite--1{color:var(--erreur);font-weight:600}.message{border-radius:var(--rayon);margin:0 0 var(--espace);padding:.625rem .875rem;font-size:.9375rem}.message--erreur{color:var(--erreur);background:var(--erreur-fond);border:1px solid color-mix(in srgb, var(--erreur) 35%, transparent)}.message--info{background:var(--fond-attenue)}.chargement,.vide{color:var(--texte-attenue);padding:1.5rem 0}.pagination{justify-content:center;align-items:center;gap:var(--espace);margin-top:var(--espace);color:var(--texte-attenue);flex-wrap:wrap;font-size:.875rem;display:flex}.modale{border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond-carte);color:var(--texte);width:min(34rem,100vw - 2rem);max-height:calc(100vh - 4rem);padding:1.25rem}.modale::backdrop{background:#00000080}.modale__entete{justify-content:space-between;align-items:center;gap:var(--espace);margin-bottom:var(--espace);display:flex}.modale__entete h2{margin:0;font-size:1.125rem}.modale__fermer{background:0 0;border:none;padding:0 .25rem;font-size:1.5rem;line-height:1}code{font-family:var(--police-mono);font-size:.875em}