:root{--surface-base:#f7f7f5;--surface-raised:#fff;--border-default:#dededa;--text-primary:#1a1a18;--text-secondary:#5c5c56;--text-muted:#8a8a82;--accent:#2b5d8c;--focus-ring:#2b5d8c;--erreur:#8a1f1f;--rounded-sm:4px;--rounded-md:6px;--espace-2:8px;--espace-4:16px;--espace-6:24px;--chart-line-primaire:#2b5d8c;--chart-line-secondaire:#3a7d7d;--chart-fill:#2b5d8c1a;--chart-grid:#e3e3df;--chart-axe:#8a8a82}*{box-sizing:border-box}body{background:var(--surface-base);color:var(--text-primary);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.5}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.connexion-ecran{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.connexion-carte{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:6px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:24px;display:flex}.connexion-titre{margin:0;font-size:18px;font-weight:600;line-height:1.3}.connexion-sous-titre{color:var(--text-secondary);margin:0 0 8px}.connexion-etiquette{letter-spacing:.02em;color:var(--text-secondary);font-size:12px;font-weight:500}.connexion-champ{border:1px solid var(--border-default);border-radius:var(--rounded-sm);min-height:44px;color:var(--text-primary);background:var(--surface-raised);padding:8px 12px;font-size:14px}.connexion-erreur{color:var(--erreur);margin:0}.connexion-bouton{border-radius:var(--rounded-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;min-height:44px;padding:8px 16px;font-size:14px;font-weight:600}.connexion-bouton:disabled{opacity:.7;cursor:not-allowed}.site-vue{max-width:640px;padding:var(--espace-6) var(--espace-4);gap:var(--espace-4);flex-direction:column;margin:0 auto;display:flex}.site-titre{margin:0;font-size:18px;font-weight:600;line-height:1.3}.site-ambition{color:var(--text-secondary);margin:4px 0 0}.carte-site{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-4);gap:var(--espace-2);flex-direction:column;display:flex}.site-chiffres{gap:var(--espace-6);flex-wrap:wrap;display:flex}.site-chiffre{flex-direction:column;gap:2px;display:flex}.chiffre-cle{color:var(--text-primary);margin:0;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:28px;font-weight:600;line-height:1.1}.site-etiquette{letter-spacing:.02em;color:var(--text-secondary);margin:0;font-size:12px;font-weight:500}.indicateur-fraicheur{letter-spacing:.02em;color:var(--text-muted);margin:0;font-size:12px;font-weight:500}.site-etat-vide{color:var(--text-secondary);margin:0}.section-titre{margin:0 0 var(--espace-2);text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);font-size:14px;font-weight:600}.graphiques{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:600px){.graphiques{grid-template-columns:1fr}}.carte-graphique{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-4);position:relative}.carte-graphique h3{margin:0 0 4px;font-size:13px;font-weight:600}.legende{margin:0 0 var(--espace-2);color:var(--text-muted);gap:12px;font-size:11px;display:flex}.legende .puce{vertical-align:middle;border-top:2px solid;width:14px;margin-right:4px;display:inline-block}.legende .puce.tirets{border-top-style:dashed}.axe-note{color:var(--chart-axe);margin:6px 0 0;font-size:11px}.resume-accessible{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tableau-pages-cadre{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-2) var(--espace-4) var(--espace-4);overflow-x:auto}.tableau-pages{border-collapse:collapse;width:100%;font-size:13px}.tableau-pages th,.tableau-pages td{text-align:left;padding:6px var(--espace-2);border-bottom:1px solid var(--border-default)}.tableau-pages th{color:var(--text-secondary);letter-spacing:.02em;white-space:nowrap;padding:0;font-size:12px;font-weight:600}.tableau-pages tbody tr:last-child td{border-bottom:none}.tableau-pages .colonne-nombre{text-align:right;font-variant-numeric:tabular-nums}.tableau-pages .colonne-chemin{word-break:break-all}.entete-tri{width:100%;min-height:44px;padding:0 var(--espace-2);color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:flex}.tableau-pages .colonne-nombre .entete-tri{justify-content:flex-end}.entete-tri:hover{color:var(--text-primary)}.fleche-tri{width:1em;color:var(--accent);font-size:10px;display:inline-block}.badge-origine{border:1px solid var(--border-default);border-radius:var(--rounded-sm);white-space:nowrap;color:var(--text-secondary);padding:1px 6px;font-size:11px;display:inline-block}.badge-generee{border-color:var(--accent);color:var(--accent)}