:root{--ink:#2b2e64;--ink2:#35397a;--sku-marine:#2b2e64;--sky:#52a3cc;--cyan:#23a8d9;--K:#6382ba;--Q:#52a3cc;--Vi:#ff8030;--P:#94c7a6;--bg:#f4f7fb;--card:#fff;--titre:#0e1a33;--champ:#fff;--line:#e6ecf3;--txt:#15213a;--mut:#7a879b;--p1:#e0493b;--p2:#ff8030;--p3:#8a96a8}*{box-sizing:border-box}html,body{margin:0}#root{display:flex;min-height:100vh;width:100%}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--txt);font-size:14px;display:flex;min-height:100vh}aside{width:236px;flex:none;background:var(--ink);color:#c9d6ea;padding:22px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow:hidden}aside:after{content:"";position:absolute;right:-70px;bottom:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(82,163,204,.33),transparent 70%);pointer-events:none}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:#fff;margin:0 8px 20px}.logo i{display:inline-flex;align-items:center}.logo i b{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.logo i s{width:18px;height:2px;background:var(--cyan)}.logo small{font-weight:500;font-size:11px;color:var(--sky);display:block;letter-spacing:.14em}.navh{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6f84a6;margin:14px 12px 4px}nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:#c9d6ea;text-decoration:none;font-weight:500;cursor:pointer}nav a:hover{background:#ffffff0d}nav a.on{background:#52a3cc2e;color:#fff;box-shadow:inset 3px 0 0 var(--cyan)}nav a span{width:18px;text-align:center;opacity:.85}nav a em{margin-left:auto;font-style:normal;font-size:11px;background:#ffffff1a;padding:1px 7px;border-radius:9px}.me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#ffffff0d;position:relative;z-index:1}.me i{width:34px;height:34px;border-radius:50%;background:var(--Vi);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700}.me b{color:#fff;font-size:13px;display:block}.me small{font-size:11px;color:#8ea3c4}main{flex:1;padding:24px 30px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.top h1{margin:0;font-size:23px;font-weight:800;color:var(--titre)}.top p{margin:3px 0 0;color:var(--mut)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:600;white-space:nowrap}.chip.dk{background:var(--ink);color:#fff;border-color:var(--titre)}select.sel{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 10px;font:600 12px Inter,sans-serif;color:var(--titre)}.demo{font-size:11px;color:var(--mut);margin:-8px 0 16px}.view{display:none}.view.on{display:block}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.kpi{background:var(--card);border-radius:16px;padding:18px 12px;text-align:center;position:relative;overflow:hidden;box-shadow:0 1px 2px #0e1a330a,0 8px 24px #0e1a330d}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c,var(--sky))}.kpi .ic{width:38px;height:38px;border-radius:12px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c,var(--sky)) 14%,var(--card));color:var(--c,var(--sky));font-size:17px}.kpi b{display:block;font-size:30px;font-weight:800;color:var(--titre);line-height:1}.kpi span{display:block;font-size:12px;color:var(--mut);margin-top:6px;font-weight:500}.kpi em{display:inline-block;margin-top:8px;font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#e9f5ee;color:#2f8656}.kpi em.w{background:#fff0e5;color:#c9601c}.ring{--v:49;width:38px;height:38px;border-radius:50%;margin:0 auto 10px;background:conic-gradient(var(--c) calc(var(--v)*1%),var(--line) 0);display:flex;align-items:center;justify-content:center}.ring i{width:28px;height:28px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:800;color:var(--titre)}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border-radius:16px;padding:18px 20px;box-shadow:0 1px 2px #0e1a330a,0 8px 24px #0e1a330d;margin-bottom:20px}.card h3{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--titre);display:flex;justify-content:space-between;align-items:center;gap:8px}.card h3 small{font-weight:500;color:var(--mut);font-size:12px}.hero{background:linear-gradient(120deg,var(--ink),var(--ink2) 60%,#1e4f86);border-radius:18px;padding:20px 26px;color:#fff;margin-bottom:20px}.hero h2{margin:0 0 16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sky)}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:start}.step{text-align:center;min-width:0}.step b{display:block;font-size:28px;font-weight:800}.step span{font-size:12px;color:#aebfd8}.conn{flex:1;display:flex;align-items:center;margin:0 8px}.conn i{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.conn s{flex:1;height:2px;background:linear-gradient(90deg,var(--cyan),rgba(35,168,217,.2))}.tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;display:inline-block}.t-ok{background:#e7f4ec;color:#2f8656}.t-in{background:#e6f2f9;color:#2c7fa8}.t-wa{background:#fff0e5;color:#c9601c}.t-no{background:#eef0f4;color:#6b7689}.imp{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.imp:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.i1{color:var(--p1);background:#fdeceb}.i2{color:#d0661f;background:#fff0e5}.i3{color:var(--p3);background:#eef0f4}.soc{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px 3px 4px;border-radius:999px;background:var(--bg);white-space:nowrap}.soc i{width:16px;height:16px;border-radius:5px;display:inline-block}.av{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex:none}.avs{display:flex}.avs .av{width:26px;height:26px;font-size:10px;border:2px solid var(--card);margin-left:-6px}.avs .av:first-child{margin-left:0}.b{border:0;border-radius:10px;padding:9px 14px;font:600 12px Inter,sans-serif;cursor:pointer;background:var(--bg);color:var(--titre);white-space:nowrap}.b.p{background:var(--ink);color:#fff}.b.c{background:var(--cyan);color:#fff}.b.o{background:var(--card);border:1px solid var(--line)}.lnk{color:var(--cyan);font-weight:600;font-size:12px;cursor:pointer;white-space:nowrap}table{width:100%;border-collapse:collapse}.tw{overflow-x:auto}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);text-align:left;font-weight:600;padding:8px 10px;white-space:nowrap}td{padding:10px;border-top:1px solid var(--line);vertical-align:middle}td small{color:var(--mut);display:block}td select{border:1px solid var(--line);border-radius:8px;padding:5px 8px;font:500 12px Inter,sans-serif;background:var(--card);max-width:170px}.pp{display:flex;align-items:center;gap:10px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters span{font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--line);cursor:pointer;color:var(--mut)}.filters span.on{background:var(--ink);border-color:var(--titre);color:#fff}.search{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit;min-width:220px}.tabs{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:10px;margin-bottom:14px;width:max-content;max-width:100%;overflow-x:auto}.tabs span{padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;color:var(--mut);cursor:pointer;white-space:nowrap}.tabs span.on{background:var(--card);color:var(--titre);box-shadow:0 1px 3px #00000014}.tl{position:relative;padding-left:18px}.tl:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--line)}.ev{position:relative;display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;margin-bottom:6px;cursor:pointer}.ev:before{content:"";position:absolute;left:-17px;width:10px;height:10px;border-radius:50%;background:var(--card);border:2px solid var(--sky)}.ev:hover,.ev.sel{background:#eef6fb}.ev.sel:before{background:var(--cyan);border-color:var(--cyan)}.ev time{font-weight:700;width:44px;color:var(--titre)}.ev .who{flex:1;min-width:0}.ev .who b{display:block;font-weight:600}.ev .who small{color:var(--mut)}.ev.free{color:var(--mut);font-style:italic;cursor:default}.ev.free:before{border-color:var(--line)}.ev.free:hover{background:none}.dh{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.lg{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--sky),var(--K));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.dh b{font-size:18px;display:block}.dh small{color:var(--mut)}.pane{display:none}.pane.on{display:block}.box{background:var(--bg);border-radius:12px;padding:12px 14px;margin-bottom:12px}.box h4{margin:0 0 8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--titre)}.hot{border-left:3px solid var(--p2);background:#fff7f0}.hot li{margin:4px 0}ul.clean{margin:0;padding-left:18px}.people{display:grid;grid-template-columns:1fr 1fr;gap:10px}.person{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 10px}.person b{font-size:13px;display:block}.person small{color:var(--mut);font-size:11px}.add{border:1.5px dashed #c5d2e0;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--mut);font-weight:600;font-size:12px;cursor:pointer;min-height:48px;background:var(--card)}.add:hover{border-color:var(--cyan);color:var(--cyan)}.doc{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.doc .fi{width:34px;height:40px;border-radius:6px;display:flex;align-items:flex-end;justify-content:center;font-size:9px;font-weight:800;color:#fff;padding-bottom:5px}.doc b{font-size:13px;display:block}.doc small{color:var(--mut);font-size:11px}.doc .lnk{margin-left:auto}.photos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ph{aspect-ratio:4/3;border-radius:12px;position:relative;overflow:hidden}.ph span{position:absolute;left:8px;bottom:6px;color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.4)}.ph.add{aspect-ratio:4/3;min-height:0}textarea,input.f{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;background:var(--card);resize:vertical}textarea{min-height:80px}.cr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.next td{font-size:13px}.drop{border:1.5px dashed #c5d2e0;border-radius:12px;padding:16px;text-align:center;color:var(--mut);font-size:12px;margin-top:10px}.co{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 1px 2px #0e1a330a,0 8px 24px #0e1a330d;border-top:4px solid var(--c);cursor:pointer}.co.on{outline:2px solid var(--c)}.co h4{margin:0;font-size:15px}.co .su{font-size:11px;font-weight:700;color:var(--c);letter-spacing:.08em;text-transform:uppercase}.co .st{display:flex;justify-content:space-around;margin-top:14px;text-align:center}.co .st b{display:block;font-size:20px}.co .st small{font-size:11px;color:var(--mut)}.cl{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 1px 2px #0e1a330a,0 8px 24px #0e1a330d}.cl .h{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cl .h b{font-size:15px;display:block}.cl .h small{color:var(--mut);font-size:12px}.cl .ln{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 0;border-top:1px dashed var(--line)}.mgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.stepper{display:flex;gap:6px;margin-bottom:16px}.stepper span{flex:1;text-align:center;font-size:12px;font-weight:600;padding:8px;border-radius:10px;background:var(--bg);color:var(--mut)}.stepper span.on{background:var(--ink);color:#fff}.stepper span.dn{background:#e7f4ec;color:#2f8656}label.ck{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:13px}.fld{margin-bottom:12px}.fld small{display:block;font-size:11px;color:var(--mut);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.prev{border:1px solid var(--line);border-radius:12px;padding:16px;font-size:13px;line-height:1.55;background:var(--card)}.prev .bx{background:var(--bg);border-left:3px solid var(--K);padding:8px 12px;border-radius:6px;margin:8px 0;font-size:12px}.prev .cta{background:#f3f7fa;border-top:3px solid var(--cyan);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;margin:8px 0;border-radius:6px}.big{font-size:28px;font-weight:800;color:var(--titre)}@media (max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}}@media (max-width:900px){body{flex-direction:column}aside{position:static;height:auto;width:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px}.navh,.me{display:none}.logo{margin:0 10px 0 0}nav{display:contents}.grid,.mgrid,.cr-grid,.people{grid-template-columns:1fr}.kpis,.photos{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr);row-gap:18px}.conn{display:none}main{padding:16px}.g3,.g4{grid-template-columns:1fr}}body{display:block}#root{flex-direction:row}.bnav,.mtop{display:none}.vide{padding:28px;text-align:center;color:var(--mut)}.bientot{border:1.5px dashed #c5d2e0;border-radius:16px;padding:28px;text-align:center;color:var(--mut);background:var(--card)}.bientot b{display:block;color:var(--titre);font-size:16px;margin-bottom:6px}.bandeau-sandbox{background:#fff0e5;color:#c9601c;font-size:12px;font-weight:600;padding:6px 12px;border-radius:10px;margin-bottom:14px}.cartes{display:none}.carte{background:var(--card);border-radius:14px;padding:12px 14px;box-shadow:0 1px 2px #0e1a330a,0 6px 18px #0e1a330d;margin-bottom:10px}.carte .l1{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.carte b{font-size:15px;color:var(--titre)}.carte small{color:var(--mut);display:block;margin-top:2px}.carte .l2{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.carte a.tel{color:var(--cyan);font-weight:600;text-decoration:none}.login{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,var(--ink),var(--ink2) 60%,#1e4f86)}.login .pan{background:var(--card);border-radius:20px;padding:28px 24px;width:100%;max-width:380px;box-shadow:0 20px 50px #00000040}.login .logo{color:var(--titre);margin:0 0 22px}.login h1{font-size:20px;margin:0 0 6px;color:var(--titre)}.login p{color:var(--mut);margin:0 0 18px;line-height:1.5}.login input{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;font:500 16px Inter,sans-serif;margin-bottom:12px}.login input.code{letter-spacing:10px;text-align:center;font-size:24px;font-weight:800}.login .b{width:100%;padding:14px;font-size:15px}.login .err{color:var(--p1);font-size:13px;margin:-4px 0 12px}.login .lien{display:block;text-align:center;margin-top:14px;font-size:13px}.cr-import{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.cr-import div{background:var(--bg);border-radius:12px;padding:12px;text-align:center}.cr-import b{display:block;font-size:24px;color:var(--titre)}.cr-import span{font-size:12px;color:var(--mut)}@media (max-width:760px){#root{flex-direction:column}aside{display:none}main{padding:0 14px calc(86px + env(safe-area-inset-bottom));min-height:100vh}.mtop{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:20;margin:0 -14px 14px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--ink);color:#fff}.mtop .logo{margin:0;font-size:17px;color:#fff}.mtop .logo small{font-size:9px}.mtop select{background:#ffffff1a;color:#fff;border:0;border-radius:10px;padding:8px 10px;font:600 12px Inter,sans-serif;max-width:52vw}.mtop select option{color:var(--titre)}.top{margin-bottom:12px}.top h1{font-size:20px}.top .row{display:none}.demo{margin:-4px 0 12px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpis .kpi:last-child:nth-child(odd){grid-column:span 2}.kpi{padding:14px 10px}.kpi b{font-size:26px}.hero{padding:16px;border-radius:16px}.steps{grid-template-columns:repeat(3,1fr);row-gap:16px}.card{padding:14px;border-radius:14px}.tw{display:none}.cartes{display:block}.filters{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px 12px;padding:0 14px;scrollbar-width:none}.filters span{white-space:nowrap}.search{min-width:0;width:100%;font-size:16px;padding:12px}.card h3 .row{width:100%}.cr-import{grid-template-columns:1fr 1fr}.bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #0e1a330f}.bnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:600;color:var(--mut);text-decoration:none;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.bnav a span{font-size:19px;line-height:1}.bnav a:hover,.bnav a.on{background:none;box-shadow:none}.bnav a.on{color:var(--titre)}.bnav a.on span{color:var(--cyan)}.kpi{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;align-items:center;padding:12px}.kpi .ic,.kpi .ring{grid-row:span 2;margin:0;width:34px;height:34px}.kpi .ring i{width:26px;height:26px;font-size:9px}.kpi b{font-size:22px}.kpi span{margin-top:2px;font-size:11px}.kpi em{grid-column:1 / -1;justify-self:start;margin-top:8px}.top p{font-size:13px}}.section{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--mut);margin:18px 2px 10px;display:flex;gap:8px;align-items:center}.section small{background:var(--line);color:var(--titre);border-radius:999px;padding:1px 8px;letter-spacing:0}.jour-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.jour-h h2{margin:0;font-size:20px;color:var(--titre)}.jour-h p{margin:3px 0 0;color:var(--mut)}.b.gros{width:100%;padding:15px;font-size:15px;border-radius:14px;margin-bottom:14px;box-shadow:0 6px 18px #23a8d940}.b.large{padding:13px 18px;font-size:14px}.b:disabled{opacity:.5;cursor:default}a.b{text-decoration:none;display:inline-flex;align-items:center}label.b{display:inline-flex;align-items:center;gap:6px}.rdv-carte{cursor:pointer;border-left:4px solid transparent}.rdv-carte.en-cours{border-left-color:var(--cyan);background:#f2f9fd}.rdv-carte.annule{opacity:.55}.rdv-h{display:flex;gap:12px;align-items:flex-start;min-width:0}.rdv-h time{font-weight:800;color:var(--titre);font-size:16px;min-width:46px}.actions-carte{border-top:1px dashed var(--line);padding-top:10px}.actions-carte .b{flex:1;padding:11px}.alerte-cr{border-left:4px solid var(--p2)}.liste-rdv{margin-top:6px}.retour{display:inline-block;margin:0 0 10px}.ligne-edit{display:flex;gap:8px;align-items:center;margin-bottom:8px}.ligne-edit input[type=checkbox]{width:20px;height:20px;flex:none}.action-edit{display:grid;grid-template-columns:22px 1fr 160px 150px auto;gap:8px;align-items:center;margin-bottom:8px}.action-edit input[type=checkbox]{width:20px;height:20px}select.f{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;background:var(--card)}.deux{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aide{display:block;font-style:normal;font-size:12px;color:var(--mut);margin-top:6px}.dictee{border-left:3px solid var(--cyan);background:#f2f9fd}.dictee textarea{margin:10px 0}.b.micro{background:var(--p1);color:#fff;padding:12px 16px;font-size:14px}.b.micro.actif{animation:pulse 1.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #e0493b80}70%{box-shadow:0 0 0 12px #e0493b00}to{box-shadow:0 0 #e0493b00}}.b.temp{flex:1;padding:11px}.ph{display:block;background:var(--bg)}.ph .suppr{position:absolute;top:6px;right:6px;border:0;background:#0e1a3399;color:#fff;border-radius:50%;width:26px;height:26px;cursor:pointer}.scan{display:flex;align-items:center;justify-content:center;border:1.5px dashed #c5d2e0;border-radius:16px;min-height:130px;margin-bottom:14px;cursor:pointer;background:#f7fafc;overflow:hidden;text-align:center;color:var(--mut)}.scan span{display:flex;flex-direction:column;gap:4px;font-size:30px}.scan b{font-size:15px;color:var(--titre)}.scan small{font-size:12px}.scan img{max-width:100%;max-height:220px;display:block}.progression{position:relative;height:28px;background:var(--bg);border-radius:10px;overflow:hidden;margin-bottom:14px}.progression i{position:absolute;inset:0 auto 0 0;background:#cfe9f5;transition:width .2s}.progression span{position:relative;display:block;text-align:center;line-height:28px;font-size:12px;font-weight:600;color:var(--titre)}.soc.choix{cursor:pointer;border:1.5px solid transparent;padding:6px 12px 6px 6px;font-size:12px}.soc.choix.on{border-color:var(--c);background:var(--card);box-shadow:0 1px 4px #00000014}.soc.choix:not(.on){opacity:.55}.soc.choix.fige{cursor:default}.soc.blanc i{background:var(--card);border:2px dashed #c5d2e0}.barre{display:grid;grid-template-columns:minmax(120px,auto) 1fr 28px;gap:10px;align-items:center;margin-bottom:10px}.barre .piste{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.barre .piste i{display:block;height:100%;border-radius:4px}.barre b{text-align:right}.voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1a3373;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.feuille{background:var(--card);border-radius:18px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.feuille-h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.feuille-h b{font-size:16px;color:var(--titre)}.feuille-c{padding:16px 18px;overflow-y:auto}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:24px;z-index:60;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:13px;font-weight:500;max-width:min(92vw,520px);box-shadow:0 10px 30px #00000040}.reseau{background:#e6f2f9;color:#2c7fa8;font-size:12px;font-weight:600;padding:8px 12px;border-radius:10px;margin-bottom:12px}.reseau.hors{background:#fff0e5;color:#c9601c}.legende{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--mut);margin-bottom:12px}.legende span{display:inline-flex;align-items:center;gap:6px}.m-rel,.m-renc,.m-blanc{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle}.m-rel{background:var(--ink);border:2px solid var(--ink)}.m-blanc{border:2px dashed #c5d2e0;background:var(--card)}.m-renc{width:8px;height:8px;background:var(--cyan);margin-left:3px;box-shadow:0 0 0 2px #fff}.matrice th{text-align:center}.matrice th:first-child{text-align:left}.matrice .cellule{text-align:center}.pastille{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.menu-plus a{display:flex;align-items:center;gap:12px;background:var(--card);padding:14px;border-radius:12px;margin-bottom:6px;color:var(--titre);font-weight:600;text-decoration:none;cursor:pointer}.menu-plus a span{width:22px;text-align:center;color:var(--sky)}.menu-plus a em{margin-left:auto;font-style:normal;color:var(--mut)}.menu-plus .navh{color:var(--mut)}.co{position:relative}.imprimer-seul{display:none}@media print{aside,.bnav,.mtop,.pas-imprimer,.demo,.toast,.reseau,main>.top{display:none!important}.imprimer-seul{display:flex!important}body,#root{background:var(--card);display:block}main{padding:0}.card,.kpi{box-shadow:none;border:1px solid var(--line);break-inside:avoid}.hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}.kpis{grid-template-columns:repeat(5,1fr)!important}.grid{grid-template-columns:1fr 1fr!important}.steps{grid-template-columns:repeat(6,1fr)!important}.tw{display:block!important}.cartes{display:none!important}}@media (max-width:760px){.bnav a.fab span{background:var(--cyan);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-22px;box-shadow:0 6px 16px #23a8d966;font-size:24px}.bnav a.fab.on span{color:#fff}.voile{align-items:flex-end;padding:0}.feuille{border-radius:18px 18px 0 0;max-height:92vh;padding-bottom:env(safe-area-inset-bottom)}.toast{bottom:calc(84px + env(safe-area-inset-bottom))}.action-edit{grid-template-columns:22px 1fr auto;grid-template-areas:"c l x" ". s s" ". d d"}.action-edit>:nth-child(1){grid-area:c}.action-edit>:nth-child(2){grid-area:l}.action-edit>:nth-child(3){grid-area:s}.action-edit>:nth-child(4){grid-area:d}.action-edit>:nth-child(5){grid-area:x}.action-edit{padding-bottom:10px;border-bottom:1px dashed var(--line)}.deux{grid-template-columns:1fr}.dh{gap:10px}.dh .row{width:100%}.people{grid-template-columns:1fr}.tabs{width:100%;margin-left:0}.top h1{font-size:19px}input.f,select.f,textarea{font-size:16px}.jour-h h2{font-size:18px}.top p{display:none}.top{margin-bottom:8px}.barre{grid-template-columns:minmax(100px,auto) 1fr 24px}}.deux-boutons{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.deux-boutons .b.o.gros{box-shadow:none;border:1px solid var(--line);background:var(--card)}.viseur{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:3/4;max-height:62vh;margin:0 auto 10px;width:100%}.viseur video{width:100%;height:100%;object-fit:cover;display:block}.viseur .cadre{position:absolute;top:18%;right:14%;bottom:18%;left:14%;border:3px solid var(--cyan);border-radius:18px;box-shadow:0 0 0 999px #0e1a3359}.erreur-camera{position:absolute;inset:auto 12px 12px;color:#fff;background:#e0493be6;padding:10px;border-radius:10px;font-size:13px;margin:0}.actions-scan .b{flex:1 1 45%}@media (min-width:761px){.viseur{aspect-ratio:4/3;max-width:560px}}.bandeau-sandbox.info{background:#e6f2f9;color:#2c7fa8}.bandeau-sandbox.ok{background:#e7f4ec;color:#2f8656}.bandeau-sandbox.neutre{background:#eef0f4;color:#6b7689}.kpi em.k{background:#eef2fa;color:var(--K)}.orange{color:#c9601c}.co.inactive{opacity:.55}.me.on{box-shadow:inset 0 0 0 1px var(--cyan)}.me i{overflow:hidden}.me i img{width:100%;height:100%;object-fit:cover}.profil-h{display:flex;gap:16px;align-items:flex-end;margin-bottom:6px}.avatar-edit{position:relative;width:84px;height:84px;border-radius:50%;background:var(--sky);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;cursor:pointer;overflow:hidden;flex:none}.avatar-edit img{width:100%;height:100%;object-fit:cover}.avatar-edit em{position:absolute;inset:auto 0 0;background:#0e1a3399;font-style:normal;font-size:10px;font-weight:600;text-align:center;padding:3px 0}.qr-2fa{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.qr-2fa img{border-radius:12px;background:#fff;padding:6px}.qr-2fa code{background:var(--bg);padding:2px 6px;border-radius:6px;font-size:13px;word-break:break-all}.logo{flex-wrap:wrap}.logo img.logo-img{height:30px;width:auto;display:block}.mtop .logo img.logo-img{height:26px}.login .logo img.logo-img{height:auto;width:100%;max-width:300px}.login .logo.complet{flex-direction:column;align-items:flex-start;gap:6px}input[type=color]{width:46px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--card);padding:2px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#0a1222;--card:#121c33;--champ:#0f182c;--line:#243353;--txt:#dfe7f3;--mut:#8d9dba;--titre:#f1f5fb;--ink2:#16254a;color-scheme:dark}:root:not([data-theme=light]) body{background:var(--bg);color:var(--txt)}:root:not([data-theme=light]) aside{background:#070d1a}:root:not([data-theme=light]) .mtop{background:#070d1a}:root:not([data-theme=light]) .b.p{background:#2b4574}:root:not([data-theme=light]) .chip.dk,:root:not([data-theme=light]) .filters span.on{background:#2b4574;border-color:#2b4574}:root:not([data-theme=light]) .kpi,:root:not([data-theme=light]) .card,:root:not([data-theme=light]) .co,:root:not([data-theme=light]) .cl,:root:not([data-theme=light]) .carte{box-shadow:0 1px 2px #0000004d,0 8px 24px #00000040}:root:not([data-theme=light]) textarea,:root:not([data-theme=light]) input.f,:root:not([data-theme=light]) select.f,:root:not([data-theme=light]) .search,:root:not([data-theme=light]) select.sel,:root:not([data-theme=light]) td select,:root:not([data-theme=light]) .login input{background:var(--champ);color:var(--txt);border-color:var(--line)}:root:not([data-theme=light]) .t-ok{background:#2f865633;color:#6fcf97}:root:not([data-theme=light]) .t-in{background:#2c7fa838;color:#7cc4ea}:root:not([data-theme=light]) .t-wa{background:#c9601c38;color:#f0a060}:root:not([data-theme=light]) .t-no{background:#8a96a82e;color:#a9b6ca}:root:not([data-theme=light]) .i1{background:#e0493b2e}:root:not([data-theme=light]) .i2{background:#d0661f33;color:#f0a060}:root:not([data-theme=light]) .i3{background:#8a96a82e;color:#a9b6ca}:root:not([data-theme=light]) .kpi em{background:#2f865633;color:#6fcf97}:root:not([data-theme=light]) .kpi em.w{background:#c9601c38;color:#f0a060}:root:not([data-theme=light]) .kpi em.k{background:#6382ba38;color:#9db4e0}:root:not([data-theme=light]) .hot{background:#ff803014}:root:not([data-theme=light]) .rdv-carte.en-cours,:root:not([data-theme=light]) .dictee{background:#23a8d91a}:root:not([data-theme=light]) .ev:hover,:root:not([data-theme=light]) .ev.sel{background:#52a3cc1f}:root:not([data-theme=light]) .scan,:root:not([data-theme=light]) .drop{background:var(--champ);border-color:var(--line)}:root:not([data-theme=light]) .add{border-color:var(--line)}:root:not([data-theme=light]) .reseau{background:#2c7fa833;color:#7cc4ea}:root:not([data-theme=light]) .reseau.hors{background:#c9601c38;color:#f0a060}:root:not([data-theme=light]) .bandeau-sandbox{background:#c9601c38;color:#f0a060}:root:not([data-theme=light]) .bandeau-sandbox.info{background:#2c7fa838;color:#7cc4ea}:root:not([data-theme=light]) .bandeau-sandbox.ok{background:#2f865633;color:#6fcf97}:root:not([data-theme=light]) .bandeau-sandbox.neutre{background:#8a96a82e;color:#a9b6ca}:root:not([data-theme=light]) .orange{color:#f0a060}:root:not([data-theme=light]) .tabs{background:var(--champ)}:root:not([data-theme=light]) .tabs span.on{background:var(--line)}:root:not([data-theme=light]) .toast{background:#e9eff8;color:#0e1a33}:root:not([data-theme=light]) .bnav{box-shadow:0 -6px 20px #0006}:root:not([data-theme=light]) .voile{background:#0009}:root:not([data-theme=light]) .m-blanc{background:transparent;border-color:#4a5a7a}:root:not([data-theme=light]) .soc.blanc i{background:transparent;border-color:#4a5a7a}:root:not([data-theme=light]) .progression i{background:#23a8d959}:root:not([data-theme=light]) .login .pan{background:var(--card)}:root:not([data-theme=light]) .login .logo{color:var(--titre)}:root:not([data-theme=light]) .lg{color:#fff}}:root[data-theme=dark]{--bg:#0a1222;--card:#121c33;--champ:#0f182c;--line:#243353;--txt:#dfe7f3;--mut:#8d9dba;--titre:#f1f5fb;--ink2:#16254a;color-scheme:dark}:root[data-theme=dark] body{background:var(--bg);color:var(--txt)}:root[data-theme=dark] aside{background:#070d1a}:root[data-theme=dark] .mtop{background:#070d1a}:root[data-theme=dark] .b.p{background:#2b4574}:root[data-theme=dark] .chip.dk,:root[data-theme=dark] .filters span.on{background:#2b4574;border-color:#2b4574}:root[data-theme=dark] .kpi,:root[data-theme=dark] .card,:root[data-theme=dark] .co,:root[data-theme=dark] .cl,:root[data-theme=dark] .carte{box-shadow:0 1px 2px #0000004d,0 8px 24px #00000040}:root[data-theme=dark] textarea,:root[data-theme=dark] input.f,:root[data-theme=dark] select.f,:root[data-theme=dark] .search,:root[data-theme=dark] select.sel,:root[data-theme=dark] td select,:root[data-theme=dark] .login input{background:var(--champ);color:var(--txt);border-color:var(--line)}:root[data-theme=dark] .t-ok{background:#2f865633;color:#6fcf97}:root[data-theme=dark] .t-in{background:#2c7fa838;color:#7cc4ea}:root[data-theme=dark] .t-wa{background:#c9601c38;color:#f0a060}:root[data-theme=dark] .t-no{background:#8a96a82e;color:#a9b6ca}:root[data-theme=dark] .i1{background:#e0493b2e}:root[data-theme=dark] .i2{background:#d0661f33;color:#f0a060}:root[data-theme=dark] .i3{background:#8a96a82e;color:#a9b6ca}:root[data-theme=dark] .kpi em{background:#2f865633;color:#6fcf97}:root[data-theme=dark] .kpi em.w{background:#c9601c38;color:#f0a060}:root[data-theme=dark] .kpi em.k{background:#6382ba38;color:#9db4e0}:root[data-theme=dark] .hot{background:#ff803014}:root[data-theme=dark] .rdv-carte.en-cours,:root[data-theme=dark] .dictee{background:#23a8d91a}:root[data-theme=dark] .ev:hover,:root[data-theme=dark] .ev.sel{background:#52a3cc1f}:root[data-theme=dark] .scan,:root[data-theme=dark] .drop{background:var(--champ);border-color:var(--line)}:root[data-theme=dark] .add{border-color:var(--line)}:root[data-theme=dark] .reseau{background:#2c7fa833;color:#7cc4ea}:root[data-theme=dark] .reseau.hors{background:#c9601c38;color:#f0a060}:root[data-theme=dark] .bandeau-sandbox{background:#c9601c38;color:#f0a060}:root[data-theme=dark] .bandeau-sandbox.info{background:#2c7fa838;color:#7cc4ea}:root[data-theme=dark] .bandeau-sandbox.ok{background:#2f865633;color:#6fcf97}:root[data-theme=dark] .bandeau-sandbox.neutre{background:#8a96a82e;color:#a9b6ca}:root[data-theme=dark] .orange{color:#f0a060}:root[data-theme=dark] .tabs{background:var(--champ)}:root[data-theme=dark] .tabs span.on{background:var(--line)}:root[data-theme=dark] .toast{background:#e9eff8;color:#0e1a33}:root[data-theme=dark] .bnav{box-shadow:0 -6px 20px #0006}:root[data-theme=dark] .voile{background:#0009}:root[data-theme=dark] .m-blanc{background:transparent;border-color:#4a5a7a}:root[data-theme=dark] .soc.blanc i{background:transparent;border-color:#4a5a7a}:root[data-theme=dark] .progression i{background:#23a8d959}:root[data-theme=dark] .login .pan{background:var(--card)}:root[data-theme=dark] .login .logo{color:var(--titre)}:root[data-theme=dark] .lg{color:#fff}.logo .logo-sous{font-weight:600;font-size:10px;letter-spacing:.14em;color:var(--sky);align-self:flex-end;margin-bottom:2px}.login .logo .logo-sous{color:var(--mut)}aside .logo{gap:8px;align-items:center}aside .logo .logo-sous,.mtop .logo .logo-sous{align-self:center;margin:0}aside .logo,.mtop .logo{flex-wrap:nowrap}.mtop .logo img.logo-img{height:24px}.trois{display:grid;grid-template-columns:110px 1fr 1fr;gap:12px}.g2-modeles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modele{border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;background:var(--card)}.modele:hover{border-color:var(--cyan)}.modele b{display:block;color:var(--titre);margin-bottom:4px}.modele small{color:var(--mut)}.apercu-email{width:100%;height:560px;border:1px solid var(--line);border-radius:12px;background:#fff}.stepper span.dn{cursor:default}.g-systeme{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.voyant{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:8px}.voyant i{width:10px;height:10px;border-radius:50%;flex:none}.voyant.ok i{background:#2f8656;box-shadow:0 0 0 4px #2f865626}.voyant.ko i{background:var(--p1);box-shadow:0 0 0 4px #e0493b26}.jauge{height:8px;background:var(--bg);border-radius:4px;overflow:hidden;margin:6px 0}.jauge i{display:block;height:100%;background:var(--cyan)}.accueil .accueil-scan{font-size:20px;padding:22px}.attente{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.attente:first-of-type{border-top:0}.attente b{font-size:16px;color:var(--titre);display:block}.attente small{color:var(--mut)}.minutes{min-width:62px;text-align:center;font-size:26px;font-weight:800;color:var(--titre);line-height:1}.minutes small{display:block;font-size:11px;font-weight:600;color:var(--mut)}.minutes[data-alerte]{color:var(--p1)}.minutes.heure{font-size:18px}@media (max-width:760px){.trois{grid-template-columns:1fr 1fr}.trois>:first-child{grid-column:1/-1}.g2-modeles,.g-systeme{grid-template-columns:1fr}.apercu-email{height:420px}.stepper span{font-size:10px;padding:6px 2px}}.trois.egal{grid-template-columns:repeat(3,1fr)}@media (max-width:760px){.trois.egal{grid-template-columns:1fr}}