:root{--blue: #4A6589;--coral: #D4623A;--green: #5F8B72;--neutral: #B8B5AB;--noir: #1A1A1A;--gris-700: #4A4A48;--gris-400: #888780;--gris-100: #F5F4F0;--blanc: #FFFFFF}*{box-sizing: border-box;margin: 0;padding: 0}html{min-height: 100%}body{min-height: 100vh;font-family: 'Inter',system-ui,-apple-system,sans-serif;font-size: 16px;color: var(--noir);background: radial-gradient(circle at 15% 20%,rgba(74,101,137,0.10),transparent 50%),radial-gradient(circle at 85% 80%,rgba(184,181,171,0.16),transparent 55%),var(--gris-100);-webkit-font-smoothing: antialiased}h1,h2,h3{font-family: 'Plus Jakarta Sans','Inter',sans-serif}[hidden]{display: none !important}.glass{background: rgba(255,255,255,0.65);backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);border: 1px solid rgba(255,255,255,0.55);box-shadow: 0 8px 32px rgba(0,0,0,0.08);border-radius: 24px;background-image: linear-gradient(180deg,rgba(255,255,255,0.4) 0%,transparent 30%)}@supports not (backdrop-filter: blur(1px)){.glass{background-color: rgba(255,255,255,0.94)}}.ecran-connexion{min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 24px}.carte-connexion{width: 100%;max-width: 400px;padding: 40px 36px;text-align: center}.logo-connexion{height: 42px;margin-bottom: 22px}.carte-connexion h1{font-size: 24px;font-weight: 800;margin-bottom: 6px}.sous-titre{color: var(--gris-700);font-size: 15px;margin-bottom: 24px}.envoye-a{font-size: 14px;color: var(--gris-700);margin-bottom: 14px;overflow-wrap: anywhere}.champ{width: 100%;padding: 13px 16px;font: inherit;font-size: 16px;color: var(--noir);border: 1px solid rgba(26,26,26,0.12);border-radius: 14px;background: rgba(255,255,255,0.8);outline: none;transition: border-color 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1)}.champ:focus{border-color: var(--blue);box-shadow: 0 0 0 3px rgba(74,101,137,0.15)}.champ::placeholder{color: var(--gris-400)}.champ-code{text-align: center;font-size: 26px;font-weight: 600;letter-spacing: 0.35em;font-variant-numeric: tabular-nums}.bouton{width: 100%;margin-top: 12px;padding: 13px 16px;font: inherit;font-size: 16px;font-weight: 600;color: var(--blanc);background: var(--noir);border: 0;border-radius: 14px;cursor: pointer;transition: opacity 0.3s cubic-bezier(0.4,0,0.2,1)}.bouton:hover{opacity: 0.85}.bouton:disabled{opacity: 0.5;cursor: default}.lien{display: inline-block;margin-top: 16px;background: none;border: 0;font: inherit;font-size: 14px;color: var(--gris-700);text-decoration: underline;cursor: pointer}.lien:hover{color: var(--noir)}.erreur{margin-top: 14px;font-size: 14px;color: var(--coral)}.info{margin-top: 14px;font-size: 14px;color: var(--green)}.indication{margin-top: 18px;font-size: 13px;color: var(--gris-400)}.barre{position: sticky;top: 12px;z-index: 10;margin: 12px;padding: 10px 20px;display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px;border-radius: 18px}.barre .marque-barre{display: flex;align-items: center;gap: 8px}.barre .marque-barre svg{width: 34px;height: 15px;display: block}.barre .marque-barre span{font-size: 13px;font-weight: 700;letter-spacing: 0.02em;white-space: nowrap}.onglets{flex-wrap: wrap}.bouton-discret{white-space: nowrap}.barre .espace-nom{font-weight: 700;font-size: 15px}.barre .pousse{margin-left: auto;display: flex;align-items: center;gap: 12px}.qui{font-size: 14px;color: var(--gris-700)}.bouton-discret{padding: 8px 14px;font: inherit;font-size: 14px;font-weight: 600;color: var(--noir);border: 1px solid rgba(26,26,26,0.15);background: rgba(255,255,255,0.6);border-radius: 12px;cursor: pointer;transition: background 0.3s cubic-bezier(0.4,0,0.2,1)}.bouton-discret:hover{background: rgba(255,255,255,0.95)}.contenu{max-width: 1080px;margin: 28px auto 60px;padding: 0 20px}.contenu h1{font-size: 30px;font-weight: 800;margin-bottom: 22px}.tuiles{display: grid;grid-template-columns: repeat(auto-fit,minmax(210px,1fr));gap: 16px}.tuile{padding: 22px 24px}.tuile .valeur{font-family: 'Plus Jakarta Sans','Inter',sans-serif;font-size: 32px;font-weight: 800;line-height: 1.2}.tuile .legende{margin-top: 4px;font-size: 14px;color: var(--gris-700)}.valeur-corail{color: var(--coral)}.valeur-bleu{color: var(--blue)}.valeur-vert{color: var(--green)}.carte-message{margin-top: 24px;padding: 26px 28px}.carte-message p{color: var(--gris-700);font-size: 15px;line-height: 1.6}.note-phase{margin-top: 26px;font-size: 13px;color: var(--gris-400)}.onglets{display: flex;gap: 4px;margin-left: 6px}.onglets a{padding: 8px 14px;border-radius: 12px;font-size: 14px;font-weight: 600;color: var(--gris-700);text-decoration: none;transition: background 0.25s cubic-bezier(0.4,0,0.2,1),color 0.25s cubic-bezier(0.4,0,0.2,1)}.onglets a:hover{background: rgba(255,255,255,0.7);color: var(--noir)}.onglets a.actif{background: var(--noir);color: var(--blanc)}.chargement{color: var(--gris-400);font-size: 14px}.vide{color: var(--gris-400);font-size: 14px;padding: 8px 0}.retour{display: inline-block;margin-bottom: 14px;font-size: 14px;color: var(--gris-700);text-decoration: none}.retour:hover{color: var(--noir)}.entete-vue{display: flex;align-items: center;gap: 14px;margin-bottom: 20px;flex-wrap: wrap}.entete-vue h1{margin-bottom: 0}.bandeau-info{margin-bottom: 16px;padding: 12px 16px;border-radius: 14px;background: rgba(95,139,114,0.13);color: var(--green);font-size: 14px;font-weight: 600}.barre-outils{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;margin-bottom: 18px}.barre-outils .champ{width: auto;min-width: 150px;padding: 10px 14px;font-size: 14px}.pousse-droite{margin-left: auto}.bascule{display: flex;border: 1px solid rgba(26,26,26,0.12);border-radius: 12px;overflow: hidden;background: rgba(255,255,255,0.6)}.bascule button{padding: 9px 14px;border: 0;background: none;font: inherit;font-size: 14px;font-weight: 600;color: var(--gris-700);cursor: pointer}.bascule button.actif{background: var(--noir);color: var(--blanc)}.panneau{padding: 22px 24px}.panneau h2{font-size: 16px;font-weight: 800;margin-bottom: 14px}.panneau h2:not(:first-child){margin-top: 24px}.defilement{overflow-x: auto}table.tableau{width: 100%;border-collapse: collapse;font-size: 14px}.tableau th{text-align: left;font-size: 12px;text-transform: uppercase;letter-spacing: 0.06em;color: var(--gris-400);font-weight: 600;padding: 8px 12px;border-bottom: 1px solid rgba(26,26,26,0.08);white-space: nowrap}.tableau td{padding: 12px;border-bottom: 1px solid rgba(26,26,26,0.06);vertical-align: middle}.tableau tbody tr{cursor: pointer;transition: background 0.2s}.tableau tbody tr:hover{background: rgba(255,255,255,0.55)}.tableau tbody tr:last-child td{border-bottom: 0}.discret{color: var(--gris-400);font-size: 13px}.tableau .champ{width: auto;padding: 7px 10px;font-size: 13px}.badge{display: inline-block;padding: 4px 10px;border-radius: 999px;font-size: 12px;font-weight: 600;white-space: nowrap}.badge-bleu{background: rgba(74,101,137,0.14);color: var(--blue)}.badge-corail{background: rgba(212,98,58,0.14);color: var(--coral)}.badge-vert{background: rgba(95,139,114,0.16);color: var(--green)}.badge-neutre{background: rgba(184,181,171,0.24);color: var(--gris-700)}.pilules{display: flex;flex-wrap: wrap;gap: 8px}.pilule{padding: 7px 14px;border-radius: 999px;border: 1px solid rgba(26,26,26,0.12);background: rgba(255,255,255,0.6);font: inherit;font-size: 13px;font-weight: 600;color: var(--gris-700);cursor: pointer;transition: all 0.25s cubic-bezier(0.4,0,0.2,1)}.pilule.actif{background: var(--noir);border-color: var(--noir);color: var(--blanc)}.kanban{display: grid;grid-auto-flow: column;grid-auto-columns: 260px;gap: 14px;overflow-x: auto;padding-bottom: 12px;align-items: start}.colonne{background: rgba(255,255,255,0.4);border: 1px solid rgba(255,255,255,0.5);border-radius: 18px;padding: 12px;min-height: 140px;transition: background 0.2s}.colonne.survol{background: rgba(74,101,137,0.1)}.colonne-titre{display: flex;justify-content: space-between;font-size: 13px;font-weight: 700;color: var(--gris-700);margin: 2px 4px 10px}.colonne-titre .compte{color: var(--gris-400);font-weight: 600}.carte-kanban{padding: 12px 14px;border-radius: 14px;margin-bottom: 10px;cursor: grab;font-size: 13px}.carte-kanban:active{cursor: grabbing}.carte-kanban .qui-carte{font-weight: 600;font-size: 14px;margin: 7px 0 3px;color: var(--noir)}.colonnes{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 18px;align-items: start}@media (max-width: 900px){.colonnes{grid-template-columns: minmax(0,1fr)}}.pile{display: grid;gap: 18px;min-width: 0}.panneau{min-width: 0}.formulaire .grille{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}@media (max-width: 640px){.formulaire .grille{grid-template-columns: minmax(0,1fr)}}.ligne-champ{display: block;margin-top: 2px}.ligne-champ span{display: block;font-size: 12px;font-weight: 600;color: var(--gris-700);margin-bottom: 5px}.ligne-champ .champ{padding: 10px 13px;font-size: 14px}.formulaire>.ligne-champ{margin-top: 12px}textarea.champ{resize: vertical;font-family: inherit}.radios{display: flex;flex-wrap: wrap;gap: 16px;align-items: center;font-size: 14px;margin: 14px 0 4px;color: var(--gris-700)}.radios input{accent-color: var(--noir)}.bouton-court{width: auto;padding: 10px 18px;font-size: 14px;margin-top: 14px;display: inline-block;text-decoration: none;text-align: center}.bouton-danger{padding: 9px 14px;font: inherit;font-size: 14px;font-weight: 600;border: 1px solid rgba(212,98,58,0.35);background: rgba(212,98,58,0.06);color: var(--coral);border-radius: 12px;cursor: pointer;transition: background 0.25s}.bouton-danger:hover{background: rgba(212,98,58,0.14)}.details{display: grid;grid-template-columns: auto 1fr;gap: 9px 18px;font-size: 14px}.details dt{color: var(--gris-400);white-space: nowrap}.details dd{margin: 0;overflow-wrap: anywhere}.details a{color: var(--blue)}.note{padding: 12px 0;border-bottom: 1px solid rgba(26,26,26,0.06);font-size: 14px;overflow-wrap: anywhere}.note:last-child{border-bottom: 0}.note .meta{margin-top: 6px;font-size: 12px;color: var(--gris-400);display: flex;gap: 12px;align-items: center}.note .meta button{background: none;border: 0;padding: 0;color: var(--gris-400);cursor: pointer;font-size: 12px;text-decoration: underline}.note .meta button:hover{color: var(--coral)}.ligne-abo{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;padding: 13px 0;border-bottom: 1px solid rgba(26,26,26,0.06);font-size: 14px}.ligne-abo:last-child{border-bottom: 0}.ligne-abo .champ{width: auto;padding: 8px 10px;font-size: 13px}.ligne-abo .prix-champ{width: 90px}.ligne-abo .bouton-court{margin-top: 0}a.tuile{display: block;text-decoration: none;color: inherit;transition: transform 0.3s cubic-bezier(0.4,0,0.2,1)}a.tuile:hover{transform: translateY(-2px)}.marge-haut{margin-top: 18px}.retard{color: var(--coral);font-weight: 600;font-size: 13px}.cellule-encaisser{white-space: nowrap}.cellule-encaisser .bouton-discret{margin-left: 6px}.legende-graphe{display: flex;gap: 18px;margin-bottom: 8px;font-size: 12.5px;color: var(--gris-700);flex-wrap: wrap}.legende-graphe .puce{display: inline-block;width: 10px;height: 10px;border-radius: 3px;margin-right: 6px;vertical-align: -1px}.puce--facture{background: var(--neutral)}.puce--encaisse{background: var(--blue)}.graphe{display: flex;align-items: flex-end;gap: 8px;height: 190px;padding-top: 20px}.barre-mois{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;height: 100%;min-width: 0}.valeur-barre{font-size: 11px;font-weight: 600;color: var(--gris-700);margin-bottom: 4px;white-space: nowrap}.paire-barres{display: flex;align-items: flex-end;justify-content: center;gap: 2px;width: 100%;height: 100%;min-width: 0}.barre-graphe{position: relative;width: 100%;max-width: 17px;background: var(--blue);border-radius: 4px 4px 0 0}.barre-graphe--facture{background: var(--neutral)}.barre-graphe--facture:hover{background: var(--gris-400)}.barre-graphe .bulle{display: none;position: absolute;bottom: calc(100% + 6px);left: 50%;transform: translateX(-50%);background: var(--noir);color: var(--blanc);font-size: 12px;font-weight: 600;padding: 5px 10px;border-radius: 8px;white-space: nowrap;z-index: 5}.barre-graphe:hover .bulle{display: block}.barre-graphe:hover{background: var(--noir)}.mois-libelle{margin-top: 6px;font-size: 11px;color: var(--gris-400)}.ligne-service{display: flex;align-items: center;gap: 10px;padding: 9px 0;font-size: 14px}.jauge{flex: 1;min-width: 60px;height: 14px;background: rgba(26,26,26,0.06);border-radius: 7px;overflow: hidden}.jauge i{display: block;height: 100%;border-radius: 7px}.jauge-bleu{background: var(--blue)}.jauge-corail{background: var(--coral)}.jauge-vert{background: var(--green)}.jauge-neutre{background: var(--neutral)}.ligne-encaissement{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;padding: 9px 0;border-bottom: 1px solid rgba(26,26,26,0.06);font-size: 14px}.ligne-encaissement:last-child{border-bottom: 0}.ligne-encaissement a{color: var(--noir);font-weight: 600;text-decoration: none}.ligne-encaissement a:hover{text-decoration: underline}.ligne-paiement{display: flex;flex-wrap: wrap;gap: 8px 10px;align-items: center;padding: 11px 0;border-bottom: 1px solid rgba(26,26,26,0.06);font-size: 14px}.ligne-paiement:last-child{border-bottom: 0}.ligne-paiement .champ{width: auto;padding: 7px 10px;font-size: 13px}.actions-paiement{margin-left: auto;display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.groupe-prix{display: inline-flex;align-items: center;gap: 6px;white-space: nowrap}.lien-annuler{background: none;border: 0;padding: 0;font: inherit;font-size: 12px;color: var(--gris-400);text-decoration: underline;cursor: pointer}.lien-annuler:hover{color: var(--coral)}.tableau a{color: var(--noir);font-weight: 600;text-decoration: none}.tableau a:hover{text-decoration: underline}.ligne-tache{display: flex;gap: 10px;align-items: flex-start;padding: 10px 0;border-bottom: 1px solid rgba(26,26,26,0.06);font-size: 14px}.ligne-tache:last-of-type{border-bottom: 0}.ligne-tache input[type="checkbox"]{margin-top: 3px;accent-color: var(--noir);cursor: pointer}.ligne-tache .champ{width: auto;flex-shrink: 0;padding: 7px 10px;font-size: 13px}.tache-corps{flex: 1;min-width: 0;overflow-wrap: anywhere}.tache-titre{font-weight: 500}.ligne-tache.faite .tache-titre{color: var(--gris-400);text-decoration: line-through}.tache-corps .discret a{color: var(--blue)}.tache-retirer{flex-shrink: 0}.champ-etire{flex: 1;min-width: 140px}.ligne-fichier-admin{display: flex;gap: 10px;align-items: baseline;flex-wrap: wrap;padding: 8px 0;border-bottom: 1px solid rgba(26,26,26,0.06);font-size: 14px}.ligne-fichier-admin:last-child{border-bottom: 0}.ligne-fichier-admin a{color: var(--blue);font-weight: 600;text-decoration: none;overflow-wrap: anywhere}.ligne-fichier-admin a:hover{text-decoration: underline}.badge-nav{display: inline-block;min-width: 18px;margin-left: 7px;padding: 1px 5px;border-radius: 999px;background: var(--coral);color: var(--blanc);font-size: 11px;font-weight: 700;text-align: center;line-height: 1.5}.onglets a.actif .badge-nav{background: var(--blanc);color: var(--noir)}.conv{padding: 14px 4px;border-bottom: 1px solid rgba(26,26,26,0.06);cursor: pointer;border-radius: 10px;transition: background 0.2s}.conv:hover{background: rgba(255,255,255,0.55)}.conv:last-child{border-bottom: 0}.conv-tete{display: flex;gap: 10px;align-items: baseline;justify-content: space-between}.conv-apercu{margin-top: 3px;font-size: 13px;color: var(--gris-700);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.conv-chips{margin-top: 7px;display: flex;gap: 6px;flex-wrap: wrap}.fil{display: flex;flex-direction: column;gap: 10px;max-height: 440px;overflow-y: auto;padding: 4px}.bulle-msg{max-width: 76%;padding: 10px 14px;border-radius: 14px;font-size: 14px;line-height: 1.55;overflow-wrap: anywhere;white-space: pre-line}.bulle-msg .meta{margin-top: 4px;font-size: 11px;color: var(--gris-400)}.bulle-msg.moi{align-self: flex-end;background: var(--noir);color: var(--blanc);border-bottom-right-radius: 4px}.bulle-msg.moi .meta{color: rgba(255,255,255,0.55)}.bulle-msg.autre{align-self: flex-start;background: rgba(255,255,255,0.8);border: 1px solid rgba(26,26,26,0.08);border-bottom-left-radius: 4px}.composeur{display: flex;gap: 10px;align-items: flex-end;margin-top: 14px}.composeur textarea{flex: 1}.composeur .bouton-court{margin-top: 0}.commentaire-client{margin-top: 5px;font-size: 13px;color: var(--coral);overflow-wrap: anywhere}.piece-jointe{margin-top: 6px;font-size: 13px}.piece-jointe a{color: inherit;font-weight: 600;text-decoration: underline;overflow-wrap: anywhere}.bloc-site{padding: 8px 0;border-bottom: 1px solid rgba(26,26,26,0.06)}.bloc-site:last-of-type{border-bottom: 0}.bloc-site .ligne-tache{border-bottom: 0;padding-bottom: 4px}.champ-snippet{width: 100%;margin-top: 4px;font-size: 12px;font-family: ui-monospace,Consolas,monospace;color: var(--gris-700);cursor: pointer}.tuiles-mini{display: flex;flex-wrap: wrap;gap: 16px;margin: 10px 0 6px;font-size: 13px;color: var(--gris-700)}.tuiles-mini strong{font-size: 17px;color: var(--noir);margin-right: 3px}.site-resultats{padding: 4px 0 8px}.note-phase a{color: var(--gris-700)}a.ligne-lien{text-decoration: none;color: inherit}a.ligne-lien:hover .tache-titre{text-decoration: underline}.deux-panneaux{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 18px;margin-bottom: 18px}@media (max-width: 900px){.deux-panneaux{grid-template-columns: minmax(0,1fr)}}.grille-dossiers{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(190px,45%),1fr));gap: 14px}.tuile-dossier{display: flex;flex-direction: column;align-items: flex-start;gap: 3px;padding: 18px 20px 15px;background: #fff;border: 1px solid rgba(0,0,0,0.07);border-radius: 14px;text-decoration: none;color: inherit;font: inherit;text-align: left;cursor: pointer;min-width: 0;transition: transform 0.15s,box-shadow 0.2s}.tuile-dossier:hover{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0,0,0,0.08)}.tuile-dossier b{font-size: 14px;font-weight: 700;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tuile-dossier small{font-size: 12px;color: var(--gris-700)}.ico-dossier{width: 30px;height: 30px;fill: rgba(107,114,128,0.35);margin-bottom: 8px}.tuile-dossier--nouveau{border-style: dashed;background: rgba(255,255,255,0.55)}.plus-dossier{width: 30px;height: 30px;margin-bottom: 8px;border-radius: 9px;background: rgba(0,0,0,0.05);display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 600;color: var(--gris-700)}.voile-depot{position: fixed;inset: 12px;z-index: 400;border: 2px dashed rgba(44,74,124,0.55);border-radius: 20px;background: rgba(250,250,248,0.86);backdrop-filter: blur(3px);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;pointer-events: none}.voile-depot b{font-size: 22px;font-weight: 800}.voile-depot span{font-size: 14px;color: var(--gris-700)}