:root{--bordeaux: #8B1C3F;--bordeaux-fonce: #6E142F;--bordeaux-pale: #F7EBEF;--navy: #1E3A5F;--navy-pale: #EEF2F8;--fond: #F5F3F1;--carte: #FFFFFF;--texte: #26212A;--texte-doux: #716A77;--ligne: #E8E2DD;--ok: #2E7D5B;--ok-pale: #E8F3EE;--alerte: #B7791F;--alerte-pale: #FBF3E4;--erreur: #B3261E;--erreur-pale: #FBEAE9;--rayon: 12px;--ombre: 0 1px 2px rgba(38, 33, 42, .06), 0 6px 20px rgba(38, 33, 42, .05);--ombre-haute: 0 4px 12px rgba(38, 33, 42, .1), 0 16px 40px rgba(38, 33, 42, .1);--sur-tactile: 44px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--fond);color:var(--texte);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.connexion{min-height:100%;display:flex;flex-direction:column}.connexion-panneau{background:radial-gradient(120% 140% at 85% -10%,#ffffff1a,#fff0 45%),linear-gradient(160deg,var(--bordeaux) 0%,var(--bordeaux-fonce) 90%);color:#fff;padding:44px 28px 36px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.connexion-panneau .logotype{width:min(320px,78%)}.connexion-panneau .nom-programme{font-size:.82rem;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:#ffffffeb}.connexion-panneau .nom-programme strong{color:#fff}.connexion-panneau .devise{font-size:.96rem;color:#ffffffd1;max-width:340px}.connexion-panneau .ecusson-fond{position:absolute;right:-40px;bottom:-70px;width:240px;opacity:.08;pointer-events:none}.connexion-panneau .pied{display:none}.connexion-forme{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:28px 20px calc(28px + env(safe-area-inset-bottom))}.connexion-carte{width:100%;max-width:400px}.connexion-carte h1{font-size:1.4rem;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}.connexion-carte .sous-titre{color:var(--texte-doux);margin-bottom:26px}@media(min-width:860px){.connexion{flex-direction:row}.connexion-panneau{width:min(460px,42%);padding:56px 48px;justify-content:center;gap:20px}.connexion-panneau .pied{display:block;position:absolute;bottom:32px;left:48px;right:48px;font-size:.78rem;color:#ffffff8c}.connexion-panneau .ecusson-fond{width:320px;right:-60px;bottom:-90px}.connexion-forme{align-items:center;padding:48px 40px}}.champ{margin-bottom:16px}.champ label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px}.champ input,.champ select,.champ textarea{width:100%;padding:12px 14px;border:1px solid var(--ligne);border-radius:10px;background:var(--carte);transition:border-color .15s,box-shadow .15s;min-height:var(--sur-tactile)}.champ input:focus,.champ select:focus,.champ textarea:focus{border-color:var(--bordeaux);outline:none;box-shadow:0 0 0 3px var(--bordeaux-pale)}.champ .aide{font-size:.78rem;color:var(--texte-doux);margin-top:6px}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;min-height:var(--sur-tactile);border:none;border-radius:10px;font-weight:600;font-size:.95rem;transition:background .15s,transform .05s,border-color .15s}.bouton:active{transform:translateY(1px)}.bouton-principal{background:var(--bordeaux);color:#fff;width:100%}.bouton-principal:hover{background:var(--bordeaux-fonce)}.bouton-principal:disabled{background:#c9a5b1;cursor:default}.bouton-secondaire{background:var(--carte);color:var(--texte);border:1px solid var(--ligne)}.bouton-secondaire:hover{border-color:var(--texte-doux)}.bouton-discret{background:none;color:var(--texte-doux);padding:8px 10px;font-size:.85rem;min-height:36px}.bouton-discret:hover{color:var(--bordeaux)}.message{padding:12px 14px;border-radius:10px;font-size:.88rem;margin-bottom:16px}.message-erreur{background:var(--erreur-pale);color:var(--erreur)}.message-ok{background:var(--ok-pale);color:var(--ok)}.message-info{background:var(--navy-pale);color:var(--navy)}.coquille{min-height:100%;display:flex;flex-direction:column}.entete{display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:var(--carte);border-bottom:1px solid var(--ligne);position:sticky;top:0;z-index:20}.entete .ecusson-entete{height:30px;width:auto}.entete .titre-module{font-weight:700;font-size:1.02rem}.entete .espace{flex:1}.principal{flex:1;display:flex;flex-direction:column;min-width:0}.contenu{flex:1;padding:20px 16px calc(88px + env(safe-area-inset-bottom));max-width:1100px;width:100%}.barre-basse{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:var(--carte);border-top:1px solid var(--ligne);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 12px #26212a0f}.onglet-bas{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 7px;min-height:56px;border:none;background:none;font-size:.66rem;font-weight:600;color:var(--texte-doux)}.onglet-bas .icone{font-size:1.25rem;line-height:1}.onglet-bas.actif{color:var(--bordeaux)}.onglet-bas.actif .icone{transform:translateY(-1px)}.voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#18121a73;z-index:40}.tiroir{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--carte);border-radius:18px 18px 0 0;padding:10px 14px calc(20px + env(safe-area-inset-bottom));max-height:78vh;overflow-y:auto;box-shadow:var(--ombre-haute)}.tiroir .poignee{width:40px;height:4px;border-radius:2px;background:var(--ligne);margin:4px auto 14px}.lateral{display:none}.groupe-titre{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--texte-doux);padding:14px 10px 6px}.nav-module{display:flex;align-items:center;gap:12px;width:100%;padding:11px 10px;min-height:var(--sur-tactile);border:none;background:none;border-radius:9px;font-size:.93rem;font-weight:500;color:var(--texte);text-align:left;position:relative}.nav-module:hover{background:var(--fond)}.nav-module.actif{background:var(--bordeaux-pale);color:var(--bordeaux);font-weight:600}.nav-module .icone{width:22px;text-align:center;flex-shrink:0;font-size:1.05rem}.nav-module.bientot{color:#b4adba;cursor:default}.nav-module.bientot:hover{background:none}.etiquette-bientot{margin-left:auto;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--navy);background:var(--navy-pale);padding:2px 7px;border-radius:999px}@media(min-width:900px){.coquille{display:grid;grid-template-columns:256px 1fr}.barre-basse,.tiroir,.voile{display:none}.entete{padding:14px 28px}.entete .ecusson-entete{display:none}.contenu{padding:28px}.lateral{display:flex;flex-direction:column;background:var(--carte);border-right:1px solid var(--ligne);padding:24px 14px 18px;position:sticky;top:0;height:100vh;overflow-y:auto}.lateral .logotype-lateral{width:168px;margin:0 auto 4px}.lateral .nom-programme{text-align:center;font-size:.66rem;font-weight:700;letter-spacing:.42em;text-transform:uppercase;color:var(--bordeaux);margin-bottom:10px}.lateral .nav-module.actif:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--bordeaux)}.lateral .pied-lateral{margin-top:auto;padding:14px 10px 0;border-top:1px solid var(--ligne);font-size:.74rem;color:var(--texte-doux)}}.menu-compte{position:relative}.avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:.82rem;display:flex;align-items:center;justify-content:center;border:none}.menu-deroulant{position:absolute;right:0;top:46px;background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);box-shadow:var(--ombre-haute);min-width:250px;padding:8px;z-index:60}.menu-deroulant .identite{padding:8px 10px 10px;border-bottom:1px solid var(--ligne);margin-bottom:6px}.menu-deroulant .identite .nom-complet{font-weight:600}.menu-deroulant .identite .email{font-size:.8rem;color:var(--texte-doux);word-break:break-all}.menu-deroulant>button{display:block;width:100%;text-align:left;padding:11px 10px;min-height:var(--sur-tactile);border:none;background:none;border-radius:8px;font-size:.9rem}.menu-deroulant>button:hover{background:var(--fond)}.carte{background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);box-shadow:var(--ombre);padding:20px}.carte+.carte{margin-top:16px}.carte h2{font-size:1.02rem;font-weight:700;margin-bottom:4px}.carte .description{color:var(--texte-doux);font-size:.88rem;margin-bottom:16px}.carte-accueil{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--bordeaux) 0%,var(--bordeaux-fonce) 100%);color:#fff;border:none}.carte-accueil h1{font-size:1.35rem;font-weight:800;letter-spacing:-.01em}.carte-accueil p{color:#ffffffd9;margin-top:4px;max-width:480px;font-size:.92rem}.carte-accueil .ecusson-filigrane{position:absolute;right:-26px;bottom:-40px;width:150px;opacity:.1;pointer-events:none}.grille-cartes{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.grille-cartes{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}}.carte-module-avenir{border:1px dashed var(--ligne);border-radius:var(--rayon);padding:16px}.carte-module-avenir .titre{font-weight:600;display:flex;gap:10px;align-items:center;font-size:.94rem}.carte-module-avenir .titre .icone{color:var(--bordeaux)}.carte-module-avenir p{font-size:.83rem;color:var(--texte-doux);margin-top:5px}.pastille{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.pastille-ok{background:var(--ok-pale);color:var(--ok)}.pastille-inactif{background:var(--erreur-pale);color:var(--erreur)}.pastille-manager{background:var(--navy-pale);color:var(--navy)}.pastille-agent{background:var(--bordeaux-pale);color:var(--bordeaux)}.tableau{width:100%;border-collapse:collapse}.tableau th{text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--texte-doux);padding:10px 12px;border-bottom:1px solid var(--ligne);white-space:nowrap}.tableau td{padding:12px;border-bottom:1px solid var(--ligne);font-size:.9rem}.tableau tr:last-child td{border-bottom:none}@media(max-width:700px){.tableau-adaptatif thead{display:none}.tableau-adaptatif,.tableau-adaptatif tbody,.tableau-adaptatif tr,.tableau-adaptatif td{display:block;width:100%}.tableau-adaptatif tr{border:1px solid var(--ligne);border-radius:10px;margin-bottom:10px;padding:6px 4px}.tableau-adaptatif td{border:none;padding:6px 12px}.tableau-adaptatif td[data-libelle]:before{content:attr(data-libelle);display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--texte-doux)}}.ligne-formulaire{display:grid;grid-template-columns:1fr;gap:0 16px}@media(min-width:640px){.ligne-formulaire{grid-template-columns:1fr 1fr}}.chargement-plein{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--texte-doux);padding:24px}.chargement-plein .ecusson-chargement{width:64px;opacity:.9}.rond-chargement{width:32px;height:32px;border:3px solid var(--ligne);border-top-color:var(--bordeaux);border-radius:50%;animation:tourner .8s linear infinite}@keyframes tourner{to{transform:rotate(360deg)}}.etat-vide{text-align:center;padding:32px 20px;color:var(--texte-doux)}.etat-vide .grand-icone{font-size:1.8rem;margin-bottom:8px}.journal-ligne{display:flex;gap:12px;padding:11px 4px;border-bottom:1px solid var(--ligne);font-size:.86rem}.journal-ligne:last-child{border-bottom:none}.journal-ligne .quand{color:var(--texte-doux);white-space:nowrap;font-size:.78rem;padding-top:2px;min-width:108px}