:root{--encre: #10322a;--creme: #faf8f3;--papier: #f1ede3;--amaryllis: #b8122a;--sauge: #7c9a80;--safran: #d9a33a;--trait: rgba(16, 50, 42, .14);--titres: "Fraunces", Georgia, "Times New Roman", serif;--texte: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--creme);color:var(--encre);font-family:var(--texte);font-size:16px;line-height:1.55}h1,h2,h3{font-family:var(--titres);font-weight:600;line-height:1.2}a{color:var(--amaryllis)}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;background:var(--papier);padding:2px 6px;border-radius:4px;-webkit-user-select:all;user-select:all;word-break:break-all}button{font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--encre);border-radius:8px;padding:10px 18px;background:var(--encre);color:var(--creme)}button:hover:not(:disabled){background:#1b4a3e}button:disabled{opacity:.55;cursor:wait}button.secondaire{background:transparent;color:var(--encre)}button.secondaire:hover:not(:disabled){background:var(--papier)}button.lien{background:none;border:none;padding:0;color:var(--amaryllis);text-decoration:underline;font-weight:500}button.lien:hover:not(:disabled){background:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--safran);outline-offset:2px}.formulaire{display:flex;flex-direction:column;gap:8px;margin:20px 0}.formulaire label{font-weight:600}.formulaire input{font:inherit;padding:10px 12px;border:1px solid var(--trait);border-radius:8px;background:#fff;color:var(--encre)}.formulaire input.code{font-size:1.4rem;letter-spacing:.3em;width:11em}.formulaire button{align-self:flex-start;margin-top:4px}.erreur{color:var(--amaryllis);font-weight:600;margin:4px 0}.discret{font-size:.92rem}.negatif{color:var(--amaryllis);font-weight:600}.avertissement{background:#fbf1dc;border-left:4px solid var(--safran);padding:8px 12px;border-radius:6px}.cadre{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 16px}.marque{font-family:var(--titres);font-size:1.3rem;font-weight:600;margin:0 0 20px}.marque span{font-family:var(--texte);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sauge);margin-left:6px}.carte{width:100%;max-width:30rem;background:#fff;border:1px solid var(--trait);border-top:4px solid var(--sauge);border-radius:12px;padding:28px 28px 24px}.carte h1{font-size:1.6rem;margin:0 0 12px}.qr{display:block;margin:16px 0 8px;background:#fff;border:1px solid var(--trait);border-radius:8px;padding:8px}.entete{display:flex;align-items:center;gap:32px;flex-wrap:wrap;padding:14px 32px;background:var(--papier);border-bottom:1px solid var(--trait)}.entete .marque{margin:0}.menu{display:flex;flex-wrap:wrap;gap:6px 20px;flex:1}.menu a{color:var(--encre);text-decoration:none;font-weight:600;padding:4px 0;border-bottom:2px solid transparent}.menu a:hover{color:var(--amaryllis)}.menu a.active{border-bottom-color:var(--amaryllis)}.compte{display:flex;align-items:center;gap:12px;font-size:.92rem}.compte button{padding:6px 12px}.page{max-width:72rem;margin:0 auto;padding:32px}.page h1{font-size:1.9rem;margin-top:0}.cartes{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0 32px}.carte-chiffre{flex:1 1 12rem;background:#fff;border:1px solid var(--trait);border-top:3px solid var(--sauge);border-radius:10px;padding:16px 18px}.carte-chiffre h2{font-size:.85rem;font-family:var(--texte);text-transform:uppercase;letter-spacing:.03em;color:var(--sauge);margin:0 0 6px}.carte-chiffre-valeur{font-family:var(--titres);font-size:1.6rem;font-weight:600;margin:0}.barres{max-width:60rem}.formulaire-periode{display:flex;flex-wrap:wrap;gap:20px;align-items:end;margin:16px 0 28px}.formulaire-periode label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.9rem}.formulaire-cout{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 20px;align-items:end;margin:16px 0 28px;padding:16px 20px;background:var(--papier);border-radius:12px}.formulaire-cout h2,.formulaire-cout p{grid-column:1 / -1;margin:0}.formulaire-cout label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.9rem}.formulaire-cout input,.formulaire-cout select,td input[type=date],.formulaire-periode input,.formulaire-periode select{font:inherit;padding:8px 10px;border:1px solid var(--trait);border-radius:8px}table{width:100%;border-collapse:collapse;margin:12px 0 28px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--trait)}tfoot th,tfoot td{font-weight:700;border-top:2px solid var(--encre);border-bottom:none}
