html{background:#f7f9f8;min-width:320px;min-height:100%}body{background:#f7f9f8;min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font-family:inherit}:root{--vert:#217a4a;--vert-fonce:#155a36;--vert-pale:#e9f6ee;--jaune:#e0a800;--jaune-pale:#fff7d6;--rouge:#c83939;--rouge-pale:#fff0f0;--bleu:#2870c7;--gris-50:#f7f9f8;--gris-100:#eef1ef;--gris-200:#dde3df;--gris-500:#6b756f;--gris-700:#38413c;--gris-900:#18201b;--blanc:#fff;--ombre:0 6px 22px #192d2114}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}.application{background:var(--gris-50);min-height:100vh;color:var(--gris-900);grid-template-columns:245px minmax(0,1fr);display:grid}.menu-lateral{color:#fff;background:#123b27;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:12px;padding:4px 8px 26px;display:flex}.logo-icone{width:46px;height:46px;color:var(--vert-fonce);background:#fff;border-radius:14px;place-items:center;font-weight:900;display:grid}.logo div:last-child{flex-direction:column;display:flex}.logo strong{font-size:1.05rem}.logo span{color:#c9dfd2;margin-top:3px;font-size:.82rem}.menu-lateral nav{flex-direction:column;gap:5px;display:flex}.menu-lateral nav button{color:#d9e8df;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.menu-lateral nav button:hover,.menu-lateral nav button.actif{color:#fff;background:#ffffff21}.menu-lateral nav button span{text-align:center;width:22px}.menu-bas{background:#ffffff17;border-radius:12px;flex-direction:column;margin-top:auto;padding:14px;display:flex}.menu-bas span{color:#bad2c4;font-size:.75rem}.menu-bas strong{margin-top:4px;font-size:.83rem}.contenu{width:100%;min-width:0;padding:28px}.entete{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.entete h1{margin:0;font-size:1.8rem}.entete p{color:var(--gris-500);margin:5px 0 0}.recherche{border:1px solid var(--gris-200);background:#fff;border-radius:12px;align-items:center;gap:8px;width:min(340px,100%);height:44px;padding:0 14px;display:flex}.recherche input{background:0 0;border:0;outline:0;width:100%}.statistiques{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.carte-stat{border:1px solid var(--gris-200);box-shadow:var(--ombre);background:#fff;border-radius:16px;flex-direction:column;padding:20px;display:flex}.carte-stat span{color:var(--gris-500);font-size:.85rem}.carte-stat strong{margin:10px 0 4px;font-size:2rem}.carte-stat small{color:var(--gris-500)}.carte-stat.vert strong{color:var(--vert)}.carte-stat.jaune strong{color:#a67800}.grille-tableau-bord{grid-template-columns:2fr 1fr;gap:18px;margin-bottom:22px;display:grid}.panneau{border:1px solid var(--gris-200);box-shadow:var(--ombre);background:#fff;border-radius:16px;margin-bottom:20px;padding:22px}.titre-panneau{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.titre-panneau h2{margin:0;font-size:1.1rem}.titre-panneau p{color:var(--gris-500);margin:5px 0 0;font-size:.86rem}.titre-panneau>strong{color:var(--vert);font-size:1.5rem}.barre-progression{background:var(--gris-100);border-radius:999px;height:14px;overflow:hidden}.barre-progression span{border-radius:inherit;background:var(--vert);height:100%;transition:width .3s;display:block}.liste-simple{flex-direction:column;gap:13px;display:flex}.liste-simple div{justify-content:space-between;gap:12px;display:flex}.table-responsive{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--gris-100);text-align:left;white-space:nowrap;padding:13px 12px}th{color:var(--gris-500);text-transform:uppercase;font-size:.78rem}.badge{background:var(--gris-100);color:var(--gris-700);border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:700;display:inline-flex}.badge.terminé,.badge.actif{background:var(--vert-pale);color:var(--vert-fonce)}.badge.à-faire{background:var(--gris-100);color:var(--gris-700)}.badge.inactif{background:var(--rouge-pale);color:var(--rouge)}.barre-actions{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.bouton-principal,.bouton-secondaire,.bouton-danger,.bouton-terminer,.bouton-annuler{border-radius:10px;padding:11px 16px;font-weight:700}.bouton-principal{background:var(--vert);color:#fff;border:0}.bouton-principal:hover{background:var(--vert-fonce)}.bouton-secondaire{border:1px solid var(--gris-200);color:var(--gris-700);background:#fff}.bouton-danger{background:var(--rouge);color:#fff;border:0}.bouton-danger-lien{color:var(--rouge);background:0 0;border:0;padding:6px 0;font-weight:700}.formulaire-carte{border-left:5px solid var(--vert)}.grille-formulaire{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.formulaire-inline{grid-template-columns:180px 2fr 1fr auto;align-items:end;gap:14px;display:grid}.champ{flex-direction:column;gap:7px;display:flex}.champ span{color:var(--gris-700);font-size:.83rem;font-weight:700}.champ input,.champ select{border:1px solid var(--gris-200);background:#fff;border-radius:10px;outline:none;width:100%;min-height:44px;padding:10px 12px}.champ input:focus,.champ select:focus{border-color:var(--vert);box-shadow:0 0 0 3px #217a4a1f}.zone-bouton-formulaire{align-items:end;display:flex}.grille-cartes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.carte-fiche,.carte-terrain{border:1px solid var(--gris-200);box-shadow:var(--ombre);background:#fff;border-radius:15px;padding:18px}.carte-fiche{align-items:flex-start;gap:13px;display:flex}.avatar{background:var(--vert-pale);width:46px;height:46px;color:var(--vert-fonce);border-radius:13px;flex:none;place-items:center;font-weight:900;display:grid}.avatar.employe{color:var(--bleu);background:#e9f1ff}.carte-fiche-contenu{flex:1;min-width:0}.carte-fiche-titre{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.carte-fiche h3,.carte-terrain h3,.job-planification h3{margin:0}.carte-fiche p,.carte-terrain p{color:var(--gris-500);margin:5px 0}.carte-fiche small{color:var(--gris-500);margin-top:10px;display:block}.details-terrain{grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0;display:grid}.details-terrain span{color:var(--gris-700);flex-direction:column;gap:3px;font-size:.88rem;display:flex}.details-terrain strong{color:var(--gris-500);text-transform:uppercase;font-size:.72rem}.notes-terrain{background:var(--gris-50);border-radius:10px;padding:11px}.liste-planification{flex-direction:column;gap:10px;display:flex}.job-planification{border:1px solid var(--gris-200);border-radius:12px;align-items:center;gap:14px;padding:14px;display:flex}.ordre-job{background:var(--vert-pale);width:40px;height:40px;color:var(--vert-fonce);border-radius:10px;flex:none;place-items:center;font-weight:900;display:grid}.job-infos{flex:1;min-width:0}.job-infos p,.job-infos small{color:var(--gris-500);margin:4px 0 0}.actions-ordre{gap:5px;display:flex}.actions-ordre button{border:1px solid var(--gris-200);background:#fff;border-radius:8px;width:34px;height:34px}.actions-ordre button.supprimer{color:var(--rouge)}.vue-employe{max-width:850px;margin:0 auto}.selection-employe{max-width:360px}.sommaire-employe{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.sommaire-employe div{border:1px solid var(--gris-200);text-align:center;background:#fff;border-radius:14px;flex-direction:column;padding:16px;display:flex}.sommaire-employe span{color:var(--gris-500);font-size:.78rem}.sommaire-employe strong{margin-top:5px;font-size:1.7rem}.liste-jobs-mobile{flex-direction:column;gap:18px;display:flex}.carte-job-mobile{border:1px solid var(--gris-200);box-shadow:var(--ombre);background:#fff;border-radius:18px;padding:22px}.carte-job-mobile.terminee{background:#f4fbf7;border-color:#8bc8a5}.numero-job{color:var(--vert);text-transform:uppercase;margin-bottom:12px;font-size:.8rem;font-weight:800}.informations-job{grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0;display:grid}.informations-job div{background:var(--gris-50);border-radius:11px;flex-direction:column;padding:12px;display:flex}.informations-job span{color:var(--gris-500);font-size:.75rem}.informations-job strong{margin-top:4px}.notes-job{border-left:4px solid var(--jaune);background:var(--jaune-pale);border-radius:8px;margin-bottom:18px;padding:14px}.notes-job p{margin:6px 0 0}.actions-job-mobile{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bouton-terminer{background:var(--vert);color:#fff;border:0}.bouton-annuler{background:var(--rouge-pale);color:var(--rouge);border:1px solid #efb0b0}.grille-parametres{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.panneau.danger{border-color:#f0cccc}.etat-vide{border:1px dashed var(--gris-200);color:var(--gris-500);text-align:center;border-radius:12px;padding:35px 20px}@media (width<=1100px){.statistiques,.grille-cartes,.formulaire-inline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.application{display:block}.menu-lateral{z-index:20;width:100%;height:auto;padding:10px 12px;position:sticky;top:0}.logo{padding:2px 5px 10px}.logo-icone{width:38px;height:38px}.menu-lateral nav{grid-template-columns:repeat(4,1fr);display:grid}.menu-lateral nav button{text-align:center;flex-direction:column;gap:4px;padding:9px 5px;font-size:.7rem}.menu-bas{display:none}.contenu{padding:18px 14px 90px}.entete{flex-direction:column;align-items:stretch}.recherche{width:100%}.statistiques{grid-template-columns:repeat(2,1fr)}.grille-tableau-bord,.grille-parametres,.grille-cartes,.grille-formulaire,.formulaire-inline{grid-template-columns:1fr}.job-planification{flex-wrap:wrap;align-items:flex-start}.job-infos{width:calc(100% - 60px)}.actions-ordre{justify-content:flex-end;width:100%}}@media (width<=520px){.menu-lateral nav{grid-template-columns:repeat(4,minmax(0,1fr))}.menu-lateral nav button{font-size:.62rem;overflow:hidden}.statistiques{gap:9px}.carte-stat{padding:14px}.carte-stat strong{font-size:1.55rem}.carte-fiche{flex-wrap:wrap}.details-terrain,.informations-job,.actions-job-mobile{grid-template-columns:1fr}.sommaire-employe{gap:7px}.sommaire-employe div{padding:11px 5px}.sommaire-employe strong{font-size:1.35rem}}.bouton-menu-mobile,.fond-menu-mobile{display:none}@media (width<=800px){body{overflow-x:hidden}.application{display:block}.bouton-menu-mobile{z-index:1002;background:#123b27;border:0;border-radius:13px;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:11px;display:flex;position:fixed;top:12px;left:12px;box-shadow:0 6px 20px #00000038}.bouton-menu-mobile span{background:#fff;border-radius:999px;width:100%;height:3px;transition:transform .2s,opacity .2s}.menu-mobile-ouvert .bouton-menu-mobile span:first-child{transform:translateY(8px)rotate(45deg)}.menu-mobile-ouvert .bouton-menu-mobile span:nth-child(2){opacity:0}.menu-mobile-ouvert .bouton-menu-mobile span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.fond-menu-mobile{z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04110a8a;border:0;display:block;position:fixed;inset:0}.menu-lateral{z-index:1000;width:min(86vw,320px);height:100dvh;padding:74px 16px 18px;transition:transform .24s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:12px 0 32px #0000003d}.menu-lateral.ouvert{transform:translate(0)}.menu-lateral .logo{padding:0 8px 22px}.menu-lateral nav{flex-direction:column;gap:6px;display:flex}.menu-lateral nav button{text-align:left;flex-direction:row;gap:12px;min-height:48px;padding:12px 14px;font-size:.96rem}.menu-bas{margin-top:24px;display:flex}.contenu{padding:74px 14px 34px}.entete{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.entete h1{font-size:1.55rem}.recherche{width:100%}.statistiques{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.carte-stat{min-width:0;padding:14px}.carte-stat strong{font-size:1.55rem}.grille-tableau-bord,.grille-parametres,.grille-cartes,.grille-formulaire,.formulaire-inline{grid-template-columns:1fr}.panneau{border-radius:14px;padding:16px}.titre-panneau,.barre-actions{flex-direction:column;align-items:stretch}.barre-actions .bouton-principal,.titre-panneau .bouton-principal{width:100%}.carte-fiche{flex-wrap:wrap}.carte-fiche>div:last-child{width:100%}.details-terrain{grid-template-columns:1fr 1fr}.job-planification{flex-wrap:wrap;align-items:flex-start}.job-infos{width:calc(100% - 58px)}.actions-ordre{justify-content:flex-end;width:100%}.table-responsive{margin:0 -4px;padding-bottom:6px}th,td{padding:11px 10px}:is(.panneau:has(.calendrier-mensuel),.panneau:has(.grille-calendrier)){overflow-x:auto}.calendrier-mensuel,.grille-calendrier{min-width:760px}.espace-employe-mobile{width:100%;min-height:100dvh;padding:12px!important}.entete-employe-mobile{width:100%;border-radius:18px!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;margin:0 auto!important;padding:18px!important}.entete-employe-mobile h1{font-size:clamp(1.45rem,7vw,2rem)!important;line-height:1.12!important}.entete-employe-mobile>button{width:100%;min-height:46px}.navigation-semaines-employe{width:100%;grid-template-columns:1fr 1fr!important;gap:8px!important}.navigation-semaines-employe button{min-height:48px;font-size:.82rem;padding:9px 8px!important}.navigation-semaines-employe button:nth-child(2){grid-area:1/1/auto/-1}.stats-employe-responsive{width:100%;gap:8px!important}.stats-employe-responsive>div{min-width:0;padding:12px 5px!important}.jours-employe-responsive{scroll-snap-type:x proximity;width:100%;padding:2px 0 8px;overflow-x:auto;grid-template-columns:repeat(7,minmax(56px,1fr))!important;gap:7px!important;display:grid!important}.jours-employe-responsive button{scroll-snap-align:start;min-width:56px;min-height:46px;padding:8px 5px!important}.carte-job-employe-responsive{width:100%;border-radius:18px!important;margin:14px auto 0!important;padding:18px!important}.actions-employe-responsive{grid-template-columns:1fr!important}.actions-employe-responsive button{min-height:48px}.navigation-cartes-responsive{gap:8px!important}.navigation-cartes-responsive button{min-height:46px;padding:10px 8px!important}}@media (width<=520px){.contenu{padding-left:10px;padding-right:10px}.statistiques{grid-template-columns:1fr 1fr}.panneau{padding:14px}.details-terrain,.informations-job{grid-template-columns:1fr}.sommaire-employe{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sommaire-employe div{padding:10px 4px}.navigation-semaines-employe{grid-template-columns:1fr 1fr!important}.stats-employe-responsive{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=360px){.statistiques{grid-template-columns:1fr}.stats-employe-responsive{grid-template-columns:repeat(3,minmax(0,1fr))!important}.stats-employe-responsive>div{font-size:.8rem}}