:root{--rouge:#c00000;--rouge-d:#9e0000;--marine:#1f3864;--marine-2:#2b4a82;--bg:linear-gradient(180deg, #f4f6fa 0%, #eef1f6 100%);--surface:#fff;--surface-2:#f6f8fc;--border:#0f172a17;--border-2:#0f172a24;--text:#0b1220;--muted:#5b6678;--faint:#94a3b8;--ok:#2e7d32;--ok-bg:#eef6ee;--shadow:0 1px 2px #1018280a, 0 10px 26px -12px #10182824;--shadow-h:0 2px 6px #1018280f, 0 22px 46px -16px #10182838;--radius:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wrap{max-width:920px;margin:0 auto;padding:26px 20px 60px}.topbar{border-bottom:2.5px solid var(--rouge);align-items:center;gap:14px;margin-bottom:24px;padding-bottom:18px;display:flex}.topbar .logo{width:auto;height:46px}.topbar .brand{color:var(--marine);letter-spacing:.2px;font-size:18px;font-weight:800;line-height:1.1}.topbar .brand small{color:var(--muted);letter-spacing:.4px;margin-top:3px;font-size:11px;font-weight:600;display:block}h1.titre{color:var(--rouge);margin:0 0 4px;font-size:22px}.sous{color:var(--marine);margin:0 0 22px;font-size:13.5px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:22px}.card h2{text-transform:uppercase;letter-spacing:.6px;color:var(--marine);margin:0 0 16px;font-size:13px}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:620px){.grid2{grid-template-columns:1fr}}.field label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field input,.field select{border:1px solid var(--border-2);width:100%;color:var(--text);background:var(--surface);border-radius:11px;outline:none;padding:11px 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--marine-2);box-shadow:0 0 0 3px #2b4a821f}.field .hint{color:var(--faint);margin-top:5px;font-size:11px}.ac{position:relative}.suggestions{z-index:20;background:var(--surface);border:1px solid var(--border-2);box-shadow:var(--shadow-h);border-radius:11px;max-height:260px;margin:2px 0 0;padding:4px;list-style:none;position:absolute;top:70px;left:0;right:0;overflow-y:auto}.suggestions li{color:var(--text);cursor:pointer;border-radius:8px;padding:9px 11px;font-size:14px}.suggestions li:hover{background:var(--surface-2)}.optionnels{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}@media (max-width:620px){.optionnels{grid-template-columns:1fr}}.actions{align-items:center;gap:12px;margin-top:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;padding:13px 22px;font-size:15px;font-weight:700;transition:transform 50ms,background .15s,box-shadow .15s}.btn-primary{background:var(--rouge);color:#fff;box-shadow:0 8px 18px -8px #c0000099}.btn-primary:hover{background:var(--rouge-d)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:var(--faint);box-shadow:none;cursor:not-allowed}.btn-ghost{background:var(--surface-2);color:var(--marine);border:1px solid var(--border-2)}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge.google{color:#1a73e8;background:#e8f0fe}.badge.interne{color:#b25e00;background:#fff4e5}.resume{border-bottom:1px dashed var(--border-2);flex-wrap:wrap;align-items:baseline;gap:10px 26px;margin-bottom:18px;padding:2px 0 16px;display:flex}.resume .item{color:var(--muted);font-size:13px}.resume .item b{color:var(--text);font-size:15px}.bandeau-tarif{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:20px;display:flex}.bandeau-tarif .t{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex:1;min-width:150px;padding:12px 15px}.bandeau-tarif .t .k{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.bandeau-tarif .t .v{color:var(--marine);margin-top:3px;font-size:20px;font-weight:800}.modes{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:620px){.modes{grid-template-columns:1fr}}.mode{border:2px solid var(--border-2);cursor:pointer;background:var(--surface);border-radius:14px;padding:18px;transition:border-color .15s,box-shadow .15s,background .15s}.mode:hover{border-color:var(--marine-2)}.mode.sel{border-color:var(--rouge);background:#fff7f7;box-shadow:0 10px 26px -14px #c0000080}.mode .lab{color:var(--marine);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:800}.mode .montant{color:var(--text);letter-spacing:-.5px;margin:8px 0 2px;font-size:34px;font-weight:800}.mode .montant span{color:var(--muted);font-size:16px;font-weight:700}.mode .ht{color:var(--muted);font-size:12.5px}.mode .desc{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.5}.mode .radio{float:right;border:2px solid var(--border-2);border-radius:999px;width:20px;height:20px}.mode.sel .radio{border-color:var(--rouge);background:radial-gradient(circle at center, var(--rouge) 0 6px, #fff 7px)}.encaisse{background:var(--ok-bg);border:1px solid #bcd8bc;border-left:4px solid var(--ok);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;display:flex}.encaisse .txt{color:#22512a;font-size:13px}.encaisse .txt b{color:var(--ok);margin-top:2px;font-size:22px;display:block}.erreur{border:1px solid #e6b3b3;border-left:4px solid var(--rouge);color:var(--rouge-d);background:#fdf3f3;border-radius:10px;margin-top:14px;padding:12px 15px;font-size:13px}.paiement{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:20px;margin-top:16px;padding:18px;display:flex}@media (max-width:620px){.paiement{flex-direction:column-reverse;align-items:center}}.paiement .pcol{flex:1}.paiement .k{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:700}.paiement .lien{gap:8px;display:flex}.paiement .lien input{border:1px solid var(--border-2);color:var(--text);background:var(--surface);border-radius:10px;flex:1;padding:10px 12px;font-size:12.5px}.paiement .qr{border:1px solid var(--border);background:#fff;border-radius:12px;padding:8px;line-height:0}.enc-btns{flex-wrap:wrap;gap:10px;display:flex}.especes{background:var(--surface-2);border:1px solid var(--border-2);border-radius:14px;margin-top:14px;padding:16px 18px}.especes .k{color:var(--marine);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;font-size:12px;font-weight:700}.esp-row{gap:10px;display:flex}.esp-row select{border:1px solid var(--border-2);background:var(--surface);color:var(--text);border-radius:11px;flex:1;padding:11px 13px;font-size:15px}.esp-add{gap:10px;margin-top:10px;display:flex}.esp-add input{border:1px solid var(--border-2);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:10px 12px;font-size:13.5px}.statut-pay{border-radius:12px;margin-top:14px;padding:13px 16px;font-size:14px;font-weight:700}.statut-pay.attente{color:#9a6a00;background:#fff7e8;border:1px solid #f0d9a8}.statut-pay.paye{background:var(--ok-bg);color:#22512a;border:1px solid #bcd8bc}.statut-pay.paye b{color:var(--ok)}.envoi{margin-top:12px;font-size:12.5px;line-height:1.7}.envoi .ok{color:#22512a;font-weight:600}.envoi .ko{color:#9a6a00;font-weight:600}.pied{color:var(--faint);text-align:center;margin-top:26px;font-size:11px;line-height:1.6}.pied b{color:var(--muted)}