*{box-sizing:border-box;margin:0;padding:0}:root{--fond:#EEF2F6;--carte:#FFFFFF;--ardoise:#2F5168;--ardoise-fonce:#14242F;--bordure:#E3E8ED;--texte:#243441;--texte-doux:#6B7E8C;--rouge:#C0392B;--orange:#D4622A;--celeste:#1796B8;--lichen:#5FA85B;--lichen-clair:#EAF6E8;--radius:16px;--radius-sm:10px;--ombre:0 1px 2px rgba(16,24,40,0.06),0 1px 3px rgba(16,24,40,0.05);--ombre-md:0 6px 18px rgba(16,24,40,0.08)}html{font-size:16px}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--fond);color:var(--texte);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{background:linear-gradient(135deg,#335A73,#2A4A60);padding:0 32px;height:64px;justify-content:space-between;box-shadow:0 1px 0 rgba(0,0,0,.05)}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:18px}.logo-mark{font-size:16px;font-weight:700;color:#FFF;letter-spacing:.2px}.logo-sub{font-size:12px;color:#A9C6D6}.divider{width:1px;height:26px;background:rgba(255,255,255,.18)}.company-name{font-size:14.5px;color:#DCEAF1;font-weight:500}.topbar-right{display:flex;align-items:center;gap:16px}.notif{background:var(--rouge);color:#FFF;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px}.notif.calme{background:var(--lichen);color:#FFF}.user-dot{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#FFF}.body{display:flex;flex:1 1}.sidebar{width:244px;background:var(--carte);border-right:1px solid var(--bordure);padding:22px 14px;flex-shrink:0}.sidebar-label{font-size:11px;font-weight:700;letter-spacing:1px;color:#9AAAB6;padding:0 12px;margin-bottom:8px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:3px;border-radius:var(--radius-sm);font-size:14.5px;color:#4B5D6A;transition:background .15s,color .15s}.nav-item:hover{background:#F2F6F9;color:var(--ardoise)}.nav-item .badge{margin-left:auto;color:#FFF;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px}.nav-item.active{background:#E7F0F5;color:var(--ardoise);font-weight:600}.sidebar-sep{height:1px;background:var(--bordure);margin:16px 12px}.main{flex:1 1;padding:30px 34px;max-width:1280px}.main-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.main-title{font-size:26px;font-weight:700;color:var(--ardoise-fonce);letter-spacing:-.3px}.main-sub{font-size:14.5px;color:var(--texte-doux);margin-top:5px}.main-date{font-size:14px;color:#94A4B0;white-space:nowrap}.tiles-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:22px}.tile{border-radius:var(--radius);padding:20px;color:#FFF;box-shadow:var(--ombre-md)}.tile-top{display:flex;justify-content:space-between;align-items:flex-start}.tile-count{font-size:44px;font-weight:700;line-height:1;letter-spacing:-1px}.tile-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin:12px 0 14px;opacity:.95}.tile-rows{display:flex;flex-direction:column;gap:7px}.tile-row{font-size:13.5px;padding:9px 11px;border-radius:var(--radius-sm);background:rgba(0,0,0,.17);line-height:1.35}.tile-empty{font-size:13px;opacity:.85;font-style:italic}.t-red{background:linear-gradient(135deg,#C0392B,#A6332A)}.t-orange{background:linear-gradient(135deg,#DB6B2E,#C25524)}.t-celeste{background:linear-gradient(135deg,#1AA0C4,#1485A6)}.t-lichen{background:linear-gradient(135deg,#6BB266,#569C52);color:#FFF}.bottom-row{display:grid;grid-template-columns:2fr 1fr;grid-gap:18px;gap:18px}.panel{background:var(--carte);border-radius:var(--radius);border:1px solid var(--bordure);padding:22px;box-shadow:var(--ombre)}.panel-title{font-size:15px;font-weight:700;color:var(--ardoise-fonce);margin-bottom:16px}.ech-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eff3f6;font-size:14.5px}.ech-row:last-child{border-bottom:none}.ech-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ech-name{flex:1 1}.ech-date{font-size:13px;font-weight:600;color:#586976;white-space:nowrap}.score-num{font-size:50px;font-weight:800;color:var(--lichen);text-align:center;line-height:1;letter-spacing:-1px}.score-lbl{font-size:13px;color:var(--texte-doux);text-align:center;margin:6px 0 16px}.score-bar-bg{background:#EDF1F4;border-radius:999px;height:10px;overflow:hidden;margin-bottom:18px}.score-bar{height:100%;background:linear-gradient(90deg,#6BB266,#5FA85B);border-radius:999px}.leg-row{display:flex;align-items:center;gap:10px;font-size:14px;color:#4B5D6A;margin-bottom:9px}.accueil{max-width:820px;margin:64px auto;padding:0 24px}.accueil h1{font-size:30px;color:var(--ardoise-fonce);margin-bottom:8px;letter-spacing:-.5px}.accueil>p{color:var(--texte-doux);margin-bottom:28px;font-size:16px}.carte-entreprise{display:flex;align-items:center;justify-content:space-between;background:var(--carte);border:1px solid var(--bordure);border-radius:var(--radius);padding:20px 22px;margin-bottom:12px;box-shadow:var(--ombre);transition:box-shadow .15s,transform .15s,border-color .15s}.carte-entreprise:hover{box-shadow:var(--ombre-md);transform:translateY(-1px);border-color:#CBD8E1}.carte-nom{font-size:17px;font-weight:700;color:var(--ardoise-fonce)}.carte-meta{font-size:13.5px;color:var(--texte-doux);margin-top:3px}.carte-fleche{color:#9AAAB6;font-size:22px}.lien-retour{display:inline-block;font-size:14px;font-weight:600;color:var(--ardoise);margin-bottom:18px}.form-card{background:var(--carte);border:1px solid var(--bordure);border-radius:var(--radius);padding:28px;box-shadow:var(--ombre)}.form-field{margin-bottom:20px}.form-field label{display:block;font-size:14px;font-weight:600;color:var(--texte);margin-bottom:7px}.form-field input,.form-field select{width:100%;padding:12px 14px;font-size:15px;font-family:inherit;border:1px solid var(--bordure);border-radius:var(--radius-sm);background:#FAFCFD;color:var(--texte);transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--ardoise);background:#FFF;box-shadow:0 0 0 3px rgba(47,81,104,.12)}.form-inline{display:flex;gap:12px}.form-inline input{flex:1 1}.form-hint{font-size:13px;color:var(--texte-doux);margin:-10px 0 20px}.form-info{color:#1A7045;background:var(--lichen-clair)}.form-erreur,.form-info{font-size:14px;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:18px}.form-erreur{color:#922B21;background:#FDECEA}.btn-primaire{display:inline-block;background:var(--ardoise);color:#FFF;border:none;font-size:15px;font-weight:600;font-family:inherit;padding:12px 20px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,box-shadow .15s}.btn-primaire:hover{background:#264458;box-shadow:var(--ombre-md)}.btn-primaire:disabled{opacity:.55;cursor:default;box-shadow:none}.btn-secondaire{display:inline-flex;align-items:center;background:var(--carte);color:var(--ardoise);border:1px solid #c9d6df;font-size:14px;font-weight:600;font-family:inherit;padding:11px 16px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}.btn-secondaire:hover{border-color:var(--ardoise);background:#F4F8FA}.btn-secondaire:disabled{opacity:.55;cursor:default}.btn-ajouter{margin-bottom:24px}.tile-row-lien{display:block;text-decoration:none;color:inherit;transition:background .15s}.tile-row-lien:hover{background:rgba(0,0,0,.28)}.ech-name a:hover{text-decoration:underline}.wf{max-width:760px;margin:48px auto;padding:0 24px}.wf-stepper{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 22px}.wf-step{font-size:13px;color:#93A3AF;background:var(--carte);border:1px solid var(--bordure);border-radius:999px;padding:6px 14px}.wf-step.actif{background:var(--ardoise);color:#FFF;border-color:var(--ardoise);font-weight:600}.wf-step.fait{background:#E7F0F5;color:var(--ardoise);border-color:#E7F0F5}.wf-card{background:var(--carte);border:1px solid var(--bordure);border-radius:var(--radius);padding:34px;box-shadow:var(--ombre)}.wf-eyebrow{font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--texte-doux);text-transform:uppercase;margin-bottom:10px}.wf-card h1{font-size:24px;color:var(--ardoise-fonce);margin-bottom:18px;letter-spacing:-.3px}.wf-meta{display:flex;flex-wrap:wrap;gap:22px;font-size:15px;color:#4B5D6A;margin-bottom:18px}.wf-explication{font-size:16px;line-height:1.7;color:var(--texte);margin-bottom:18px}.wf-risque{font-size:14.5px;color:#922B21;background:#FDECEA;border-radius:var(--radius-sm);padding:13px 15px;margin-bottom:22px}.wf-checklist{margin:0 0 18px 20px}.wf-checklist li{font-size:15.5px;line-height:1.9;color:var(--texte)}.wf-note{font-size:14px;color:var(--texte-doux);margin-bottom:22px}.wf-rappel{font-size:15px;font-weight:600;color:#1A7045;background:var(--lichen-clair);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:22px}.wf-actions{gap:14px;flex-wrap:wrap}.precision-bar,.wf-actions{display:flex;align-items:center}.precision-bar{background:var(--carte);border:1px solid var(--bordure);border-radius:var(--radius);padding:16px 20px;gap:18px;margin-bottom:10px;box-shadow:var(--ombre)}.prec-label{font-size:14px;color:#4B5D6A;white-space:nowrap}.prec-label strong{color:var(--ardoise);font-size:15px}.prec-track{flex:1 1;height:8px;background:#EDF1F4;border-radius:999px;overflow:hidden}.prec-fill{height:100%;background:linear-gradient(90deg,#335A73,#2F5168);border-radius:999px}.prec-steps{display:flex;gap:7px;white-space:nowrap}.prec-step{font-size:12px;padding:4px 11px;border-radius:999px}.prec-step.done{background:#E7F0F5;color:var(--ardoise);font-weight:600}.prec-step.current{background:var(--ardoise);color:#FFF;font-weight:700}.prec-step.next{background:#EDF1F4;color:#9AAAB6}.prec-btn{font-size:13px;font-weight:600;color:var(--ardoise);border:1px solid #c9d6df;border-radius:var(--radius-sm);padding:8px 14px;white-space:nowrap;transition:border-color .15s,background .15s}.prec-btn:hover{border-color:var(--ardoise);background:#F4F8FA}.prec-conseil{font-size:14px;color:var(--texte-doux);margin-bottom:22px}.section-titre{font-size:18px;font-weight:700;color:var(--ardoise-fonce);margin:30px 0 14px}.form-grille{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:10px}.form-grille .form-field{margin-bottom:0}.table-salaries{width:100%;border-collapse:collapse;background:var(--carte);border:1px solid var(--bordure);border-radius:var(--radius);overflow:hidden;box-shadow:var(--ombre)}.table-salaries td,.table-salaries th{text-align:left;padding:14px 16px;font-size:14.5px;border-bottom:1px solid #eff3f6}.table-salaries th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--texte-doux);background:#F7FAFB}.table-salaries tr:last-child td{border-bottom:none}.btn-suppr{background:none;border:none;color:var(--rouge);font-size:13.5px;font-family:inherit;cursor:pointer;padding:0}.btn-suppr:hover{text-decoration:underline}.nav-deconnexion{width:100%;text-align:left;background:none;border:none;font-family:inherit;font-size:14.5px;color:var(--rouge);cursor:pointer}.nav-deconnexion:hover{background:#FDECEA;color:var(--rouge)}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.lien-table{color:var(--ardoise);font-weight:600}.lien-table:hover{text-decoration:underline}.form-note{font-size:14px;color:var(--texte-doux)}.badge-statut{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}.badge-statut.actif{background:var(--lichen-clair);color:#1A7045}.badge-statut.inactif{background:#F0F3F5;color:#6B7E8C}.ligne-inactive td:not(:nth-child(3)){opacity:.55}.actions-client{display:flex;flex-direction:column;gap:8px;min-width:280px}.actions-ligne{display:flex;gap:8px;align-items:center}.actions-ligne input{flex:1 1;padding:7px 10px;font-size:13px;font-family:inherit;border:1px solid var(--bordure);border-radius:8px;background:#FAFCFD}.actions-ligne input:focus{outline:none;border-color:var(--ardoise)}.btn-mini{font-size:12.5px;font-weight:600;font-family:inherit;padding:7px 12px;border-radius:8px;border:1px solid #c9d6df;background:#FFF;color:var(--ardoise);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.btn-mini:hover:not(:disabled){border-color:var(--ardoise);background:#F4F8FA}.btn-mini:disabled{opacity:.5;cursor:default}.btn-mini.danger{color:var(--rouge);border-color:#E6B8B3}.btn-mini.danger:hover:not(:disabled){background:#FDECEA;border-color:var(--rouge)}.actions-ok{font-size:12.5px;color:#1A7045}.actions-erreur{font-size:12.5px;color:#922B21}.badge-type{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:#E7F0F5;color:var(--ardoise);white-space:nowrap}.landing{min-height:100vh;background:var(--carte);color:var(--texte)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;max-width:1100px;margin:0 auto}.landing-logo{font-size:20px;font-weight:800;color:var(--ardoise-fonce);letter-spacing:-.3px}.landing-logo span{color:var(--ardoise)}.landing-hero{max-width:860px;margin:0 auto;padding:70px 40px 60px;text-align:center}.landing-eyebrow{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ardoise);margin-bottom:18px}.landing-hero h1{font-size:46px;line-height:1.1;font-weight:800;color:var(--ardoise-fonce);letter-spacing:-1px;margin-bottom:22px}.landing-lead{font-size:19px;line-height:1.65;color:var(--texte-doux);max-width:680px;margin:0 auto 32px}.landing-lead strong{color:var(--texte)}.landing-cta{display:flex;flex-direction:column;align-items:center;gap:12px}.btn-grand{font-size:17px;padding:15px 30px;box-shadow:var(--ombre-md)}.landing-note{font-size:13.5px;color:var(--texte-doux)}.landing-features{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;max-width:1100px;margin:0 auto;padding:20px 40px 70px}.feature{background:var(--fond);border:1px solid var(--bordure);border-radius:var(--radius);padding:24px}.feature-ico{font-size:26px;margin-bottom:12px}.feature h3{font-size:16.5px;font-weight:700;color:var(--ardoise-fonce);margin-bottom:8px}.feature p{font-size:14px;line-height:1.6;color:var(--texte-doux)}.landing-footer{text-align:center;font-size:13px;color:var(--texte-doux);padding:28px 40px;border-top:1px solid var(--bordure)}@media (max-width:900px){.landing-features{grid-template-columns:repeat(2,1fr)}.landing-hero h1{font-size:34px}}.auth-page{max-width:420px;margin:80px auto;padding:0 24px}.auth-marque{font-size:22px;font-weight:800;color:var(--ardoise-fonce);margin-bottom:22px}.auth-marque span{color:var(--ardoise)}.auth-page h1{font-size:24px;color:var(--ardoise-fonce);margin-bottom:6px;letter-spacing:-.3px}.auth-sous{font-size:14.5px;color:var(--texte-doux);margin-bottom:22px}