:root{--bleu:#142B7A;--navy:#0D1B4D;--orange:#FE4C1C;--papier:#F7F8FC;--ligne:#d7deec;--encre:#0f172a;--gris:#5b6478;--gris2:#8a93a6;--vert:#1f9d5f;--ambre:#d98b0a;--rouge:#d5401f;--bleuclair:#e8edfa;--vertclair:#e6f5ec}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:IBM Plex Sans,-apple-system,sans-serif;color:var(--encre);background:var(--papier);background-image:repeating-linear-gradient(90deg,rgba(215,222,236,.45) 0 1px,transparent 1px 48px),repeating-linear-gradient(180deg,rgba(215,222,236,.45) 0 1px,transparent 1px 48px);line-height:1.45;padding-bottom:calc(76px + env(safe-area-inset-bottom))}h1,h2,h3,.num{font-family:Bricolage Grotesque,sans-serif}.mono{font-family:IBM Plex Mono,monospace}.pt:after{content:".";color:var(--orange)}button{font:inherit;cursor:pointer}header{position:sticky;top:0;z-index:20;background:var(--navy);color:#fff;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 48px),repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0 1px,transparent 1px 48px);padding:calc(8px + env(safe-area-inset-top)) 16px 8px}.hdr{display:flex;align-items:center;gap:12px}.marque{font-family:Bricolage Grotesque,sans-serif;font-weight:800;letter-spacing:.5px;font-size:18px}.marque b{color:var(--orange)}.logo{margin-left:auto;background:#fff;border-radius:10px;padding:4px 10px;height:44px;display:flex;align-items:center}.logo img{height:36px;display:block}.logo .txt{font-family:Bricolage Grotesque,sans-serif;font-weight:800;color:var(--bleu);font-size:15px}.agence{display:none;gap:8px;align-items:center}body.mode-agence .agence{display:flex}.agence select{font:inherit;font-size:13px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff}.bascule{font-family:IBM Plex Mono,monospace;font-size:10px;color:#ffffffb3;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:4px 7px}nav.bas{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid var(--ligne);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}nav.bas button{border:0;background:transparent;padding:10px 4px 8px;font-size:11px;color:var(--gris);display:grid;justify-items:center;gap:3px;min-height:56px;position:relative}nav.bas button .ico{font-size:20px;line-height:1}nav.bas button.on{color:var(--bleu);font-weight:600}nav.bas button .badge{position:absolute;top:6px;left:calc(50% + 8px);background:var(--orange);color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:1px 6px}main{padding:16px;max-width:1600px;margin:0 auto}.ecran{display:none}.ecran.on{display:block}.titre{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}.titre h2{font-size:22px;font-weight:800}.titre .eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--orange)}.aide{font-size:13px;color:var(--gris);margin-bottom:12px}.carte{background:#fff;border:1px solid var(--ligne);border-radius:14px;padding:12px 14px;margin-bottom:10px;cursor:pointer;transition:border-color .12s,box-shadow .12s;position:relative}.carte:hover{border-color:#b9c4e0;box-shadow:0 4px 14px #142b7a0f}.carte .l1{display:flex;align-items:center;gap:8px}.carte .qui{font-weight:600;font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carte .montant{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:20px;color:var(--vert);margin-top:2px}.carte .montant.attente{color:var(--bleu)}.carte .l2{font-size:13px;color:var(--gris);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carte .date-cle{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--gris);margin-top:6px}.carte .date-cle b{color:var(--encre);font-weight:600}.carte .l3{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}.tag{font-family:IBM Plex Mono,monospace;font-size:10.5px;padding:2px 7px;border-radius:999px;background:var(--bleuclair);color:var(--bleu);white-space:nowrap}.tag.gris{background:#eef1f6;color:var(--gris)}.tag.rappel{background:#fff1e8;color:var(--orange)}.tag.proj{background:#eef7f2;color:#14603a}.past{margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.past.ok{background:var(--vertclair);color:var(--vert)}.past.bientot{background:#fff5e1;color:var(--ambre)}.past.echue{background:#fdeae4;color:var(--rouge)}.past.sans{background:#fdeae4;color:var(--rouge);border:1px dashed var(--rouge)}.barre-f{display:flex;gap:8px;align-items:center;margin-bottom:10px}.barre-f input{flex:1;font:inherit;font-size:14px;padding:9px 12px;border:1.5px solid var(--ligne);border-radius:10px;background:#fff;min-width:0}.barre-f button{font-size:13px;font-weight:600;padding:9px 12px;border-radius:10px;border:1.5px solid var(--ligne);background:#fff;color:var(--bleu);white-space:nowrap;min-height:42px}.barre-f button.actif{background:var(--bleu);color:#fff;border-color:var(--bleu)}.barre-f button.efface{color:var(--gris);font-weight:500}.onglets{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;scrollbar-width:none}.onglets::-webkit-scrollbar{display:none}.onglets button{flex:none;font-size:13px;font-weight:600;padding:8px 12px;border-radius:999px;border:1px solid var(--ligne);background:#fff;color:var(--gris);min-height:40px}.onglets button .n{font-family:IBM Plex Mono,monospace;font-size:11px;margin-left:6px;color:var(--gris2)}.onglets button.on{background:var(--bleu);color:#fff;border-color:var(--bleu)}.onglets button.on .n{color:#ffffffbf}.colonnes{display:block}.col{display:none}.col.on{display:block}.col .col-tete{display:none}.col-total-mobile{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--gris);margin:0 0 10px}.col-total-mobile b{color:var(--vert);font-family:Bricolage Grotesque,sans-serif;font-size:16px}@media(min-width:960px){.onglets,.col-total-mobile{display:none}.colonnes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:start}.col{display:block;background:#fff9;border:1px solid var(--ligne);border-radius:16px;padding:10px}.col.perdu-col{background:#eef1f6b3}.col .col-tete{display:block;padding:6px 8px 12px;border-bottom:1px solid var(--ligne);margin-bottom:10px}.col-tete .nom{display:flex;align-items:center;gap:8px;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:700}.col-tete .nom .n{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--gris2);font-weight:500;background:#fff;border:1px solid var(--ligne);border-radius:999px;padding:1px 7px}.col-tete .total{font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;color:var(--vert);margin-top:2px;line-height:1.1}.col-tete .total.attente{color:var(--bleu)}.col-tete .total small{font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:500;color:var(--gris2);display:block;margin-top:2px}.carte{margin-bottom:8px}}.vide{color:var(--gris2);font-size:13px;padding:20px 8px;text-align:center}.plus{position:fixed;right:18px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:21;width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;border:0;font-size:30px;line-height:1;box-shadow:0 8px 20px #fe4c1c59}.voile{position:fixed;inset:0;background:#0d1b4d73;z-index:30;display:none}.voile.on{display:block}.feuille{position:fixed;left:0;right:0;bottom:0;z-index:31;background:#fff;border-radius:18px 18px 0 0;max-height:92vh;overflow:auto;transform:translateY(100%);transition:transform .18s ease-out;padding:14px 16px calc(18px + env(safe-area-inset-bottom))}.feuille.on{transform:translateY(0)}@media(min-width:960px){.feuille{inset:50% auto auto 50%;transform:translate(-50%,-46%);width:640px;max-height:88vh;border-radius:18px;opacity:0;pointer-events:none}.feuille.on{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}}.poignee{width:40px;height:4px;border-radius:99px;background:var(--ligne);margin:0 auto 12px}.f-tete{display:flex;align-items:flex-start;gap:10px}.f-tete h2{font-size:21px;font-weight:800;flex:1}.feuille .sous{color:var(--gris);font-size:13px;margin-top:2px}.f-montant{font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:800;color:var(--vert);margin-top:6px}.f-montant small{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--gris);font-weight:500;margin-left:8px}.quatre{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 8px}.quatre button{font-size:12.5px;font-weight:600;border-radius:12px;border:1.5px solid var(--ligne);background:#fff;color:var(--bleu);padding:10px 4px;min-height:60px;display:grid;justify-items:center;gap:4px}.quatre button .ico{font-size:20px}.quatre button.orange{background:var(--orange);border-color:var(--orange);color:#fff}.quatre button.rouge{color:var(--rouge)}.deux{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.deux button{font-size:12.5px;font-weight:600;border-radius:10px;border:1.5px solid var(--ligne);background:#fff;color:var(--gris);padding:9px 4px;min-height:42px}.deux button.alerte{border-color:var(--rouge);color:var(--rouge)}.bloc{border-top:1px solid var(--ligne);padding:12px 0}.bloc .lab{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--gris2);margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.bloc p{font-size:14px}.bloc textarea,.bloc input,.bloc select{width:100%;font:inherit;font-size:15px;padding:9px 11px;border:1.5px solid var(--ligne);border-radius:10px;background:var(--papier)}.bloc textarea:focus,.bloc input:focus{outline:none;border-color:var(--bleu)}.prochaine{background:#fff7f3;border:1.5px solid #ffd3c2;border-radius:12px;padding:10px 12px;margin:8px 0}.prochaine .lab{color:var(--orange)}.prochaine input{width:100%;font:inherit;font-size:15px;padding:9px 11px;border:1.5px solid var(--ligne);border-radius:10px;background:#fff}.prochaine .quand{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.prochaine .quand button{font-size:12.5px;font-weight:600;padding:9px 4px;border-radius:9px;border:1.5px solid var(--ligne);background:#fff;color:var(--bleu);min-height:40px}.prochaine .quand button.on{background:var(--orange);border-color:var(--orange);color:#fff}details.sec{border-top:1px solid var(--ligne)}details.sec summary{list-style:none;cursor:pointer;padding:12px 0;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--gris2);display:flex;justify-content:space-between;align-items:center}details.sec summary::-webkit-details-marker{display:none}details.sec summary .apercu{font-family:IBM Plex Sans,sans-serif;text-transform:none;letter-spacing:0;font-size:13px;color:var(--gris);font-weight:400;margin-left:8px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}details.sec summary:after{content:"+";font-size:16px;color:var(--gris2);margin-left:8px}details.sec[open] summary:after{content:"-"}details.sec>div{padding:0 0 12px}.f-etat{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:13px;color:var(--gris)}.f-etat .tag{font-size:11px}.etapes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;font-size:13px}.etapes div{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px dashed var(--ligne)}.etapes div span:first-child{color:var(--gris)}.etapes div b{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:12.5px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{font-family:IBM Plex Mono,monospace;font-size:11.5px;padding:6px 10px;border-radius:999px;border:1.5px solid var(--ligne);background:#fff;color:var(--gris);min-height:34px}.chips button.on{background:#eef7f2;color:#14603a;border-color:#9fd3b4}.fil{list-style:none}.fil li{display:grid;grid-template-columns:62px 1fr;gap:10px;padding:6px 0;border-bottom:1px dashed var(--ligne);font-size:13px}.fil li .q{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--gris2);padding-top:2px}.fil li b{font-weight:600}.fil li .par{color:var(--gris2);font-size:12px}.fil li.note{background:#fffaf3;border-radius:8px;padding:6px 8px}.choix-liste{display:grid;gap:8px;margin-top:8px}.choix-liste button{font-size:14px;font-weight:600;text-align:left;padding:12px 14px;border-radius:12px;border:1.5px solid var(--ligne);background:#fff;min-height:48px}.choix-liste button:hover{border-color:var(--bleu)}.ligne-btn{display:flex;gap:8px;margin-top:10px}.btn{font-size:14px;font-weight:700;padding:11px 16px;border-radius:10px;border:0;background:var(--bleu);color:#fff;min-height:44px}.btn.orange{background:var(--orange)}.btn.fantome{background:#fff;color:var(--gris);border:1.5px solid var(--ligne)}.btn.petit{font-size:12px;padding:6px 10px;min-height:32px}.resume{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.resume>div{background:#fff;border:1px solid var(--ligne);border-radius:12px;padding:8px 10px}.resume .lab{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--gris2)}.resume .num{font-size:22px;font-weight:800;line-height:1.1}.resume .num.rouge{color:var(--rouge)}.resume .num.vert{color:var(--vert)}.groupe{margin-bottom:18px}.groupe h3{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:8px}.groupe h3 .n{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;color:var(--gris2);background:#fff;border:1px solid var(--ligne);border-radius:999px;padding:1px 7px}.groupe h3.retard{color:var(--rouge)}.ligne{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--ligne);border-radius:12px;padding:10px 12px;margin-bottom:8px;cursor:pointer}.ligne.retard{border-left:4px solid var(--rouge)}.ligne .q{font-weight:600;font-size:14.5px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.ligne .q .m{font-family:Bricolage Grotesque,sans-serif;font-weight:800;color:var(--bleu)}.ligne .d{font-size:12.5px;color:var(--gris);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ligne .d b{color:var(--orange);font-weight:600;font-family:IBM Plex Mono,monospace;font-size:11.5px}.ligne .a{display:grid;gap:6px}.ligne .a button{font-size:12.5px;font-weight:700;padding:9px 12px;border-radius:9px;border:1.5px solid var(--ligne);background:#fff;color:var(--bleu);min-height:40px;white-space:nowrap}.ligne .a button.p{background:var(--orange);border-color:var(--orange);color:#fff}.ligne .a button.s{font-weight:500;color:var(--gris)}.auj .carte .actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.auj .carte .actions button{font-size:12.5px;font-weight:600;padding:9px 4px;border-radius:9px;border:1.5px solid var(--ligne);background:#fff;color:var(--bleu);min-height:40px}.auj .carte .actions button.p{background:var(--orange);border-color:var(--orange);color:#fff}.auj .raison{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--orange)}@media(min-width:960px){.auj #auj-liste{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}.resume{grid-template-columns:repeat(4,minmax(0,220px))}}.plages{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;align-items:center}.plages button{font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:999px;border:1px solid var(--ligne);background:#fff;color:var(--gris);min-height:36px}.plages button.on{background:var(--bleu);color:#fff;border-color:var(--bleu)}.plages input[type=date]{font:inherit;font-size:12.5px;padding:6px 8px;border:1px solid var(--ligne);border-radius:8px;background:#fff}.grille2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(min-width:960px){.grille2{grid-template-columns:repeat(4,1fr)}}.tuile{background:#fff;border:1px solid var(--ligne);border-radius:14px;padding:12px 14px}.tuile .lab{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--gris2)}.tuile .num{font-size:28px;font-weight:800;line-height:1.1;margin-top:4px}.tuile .num small{font-size:13px;font-weight:600;color:var(--gris);font-family:IBM Plex Sans,sans-serif}.tuile .prec{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--gris2);margin-top:3px}.panneau{background:#fff;border:1px solid var(--ligne);border-radius:14px;padding:12px 14px;margin-top:12px}.panneau .lab{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--gris2);margin-bottom:8px}.duo{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:960px){.duo{grid-template-columns:1fr 1fr}}.etape{display:grid;grid-template-columns:110px 1fr 46px;align-items:center;gap:10px;padding:6px 0;font-size:13px}.etape .barre{height:10px;border-radius:99px;background:var(--bleuclair);overflow:hidden}.etape .barre i{display:block;height:100%;background:var(--bleu);border-radius:99px}.etape .n{font-family:IBM Plex Mono,monospace;font-size:12px;text-align:right}svg.graph{width:100%;height:auto;display:block}.legende{display:flex;gap:14px;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--gris);margin-top:6px}.legende i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.note-demo{margin-top:12px;font-size:12px;color:var(--gris2);font-family:IBM Plex Mono,monospace}.regl .bloc{background:#fff;border:1px solid var(--ligne);border-radius:14px;padding:12px 14px;margin-bottom:10px;border-top:1px solid var(--ligne)}.switch{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px dashed var(--ligne);gap:10px}.switch:last-child{border-bottom:0}.switch input[type=checkbox]{width:44px;height:26px;appearance:none;background:var(--ligne);border-radius:999px;position:relative;cursor:pointer;flex:none}.switch input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}.switch input[type=checkbox]:checked{background:var(--vert)}.switch input[type=checkbox]:checked:after{left:21px}.regl input[type=time],.regl input[type=email]{font:inherit;font-size:14px;padding:6px 10px;border:1.5px solid var(--ligne);border-radius:8px;background:var(--papier)}.agence-liste{display:grid;gap:10px}@media(min-width:960px){.agence-liste{grid-template-columns:repeat(3,1fr)}}.agence-liste .carte .qui{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:17px}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--navy);color:#fff;font-size:13px;padding:10px 14px;border-radius:10px;z-index:40;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}.toast.on{opacity:1}.marque{display:flex;align-items:center;gap:9px;cursor:pointer}.marque.grand{font-size:24px;color:var(--navy);justify-content:center;cursor:default}.plein{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.carte-auth{width:100%;max-width:400px;background:#fff;border:1px solid var(--ligne);border-radius:18px;padding:26px 22px;text-align:center}.carte-auth h1{font-size:20px;font-weight:800;margin:16px 0 4px}.carte-auth p{font-size:14px;color:var(--gris)}.carte-auth form{display:grid;gap:10px;margin-top:16px;text-align:left}.carte-auth label{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--gris2);display:grid;gap:4px}.carte-auth input{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1.5px solid var(--ligne);border-radius:10px;background:var(--papier)}.carte-auth input:focus{outline:none;border-color:var(--bleu)}.carte-auth .btn{width:100%;margin-top:4px}.carte-auth .lien{background:none;border:0;color:var(--bleu);font-size:13px;text-decoration:underline;padding:6px}.erreur{background:#fdeae4;color:var(--rouge);border-radius:10px;padding:9px 12px;font-size:13.5px;text-align:left}.info{background:var(--vertclair);color:var(--vert);border-radius:10px;padding:9px 12px;font-size:13.5px;text-align:left}.mono.petit,.petit{font-size:11px;color:var(--gris2)}.bandeau{background:#fff5e1;color:var(--ambre);font-size:13px;text-align:center;padding:6px 12px;border-bottom:1px solid #f1dfb2}.logo:empty{display:none}.logo .txt{padding:0 4px}header .hdr .agence{margin-left:auto}header .hdr .agence+.logo{margin-left:8px}.chargement{text-align:center;padding:40px 0;color:var(--gris2);font-family:IBM Plex Mono,monospace;font-size:12px}.tag.realise{background:var(--vertclair);color:var(--vert)}button:disabled{opacity:.55;cursor:default}