.banner-demo{display:none;align-items:center;gap:10px;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;padding:12px 16px;margin-bottom:24px;font-size:.84rem;color:#92400e}.banner-demo.visible{display:flex}.banner-demo a{color:#92400e;font-weight:600;text-decoration:underline}.periode-badge{background:#f0f4f1;border:1px solid #dde8df;border-radius:8px;padding:6px 12px;font-size:.82rem;color:#5a7a62;font-weight:500}.btn-refresh{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer;border:1px solid #dde8df;background:#fff;color:#1a2e1c;transition:all .15s;font-family:inherit}.btn-refresh:hover{background:#f0f4f1}.btn-refresh svg{transition:transform .3s}.btn-refresh.loading svg{animation:analytics-spin 1s linear infinite}@keyframes analytics-spin{to{transform:rotate(360deg)}}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border-radius:14px;padding:20px 22px;border:1px solid #dde8df;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.kpi-vert:before{background:#2d6a4f}.kpi-bleu:before{background:#3b82f6}.kpi-orange:before{background:#f59e0b}.kpi-violet:before{background:#8b5cf6}.kpi-label{font-size:.72rem;font-weight:700;color:#5a7a62;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.kpi-valeur{font-size:2.2rem;font-weight:800;color:#1a2e1c;letter-spacing:-.03em;line-height:1;margin-bottom:8px}.kpi-valeur.chargement{color:#dde8df}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:.77rem;font-weight:600;padding:3px 8px;border-radius:20px;margin-bottom:4px}.kpi-trend.hausse{background:#dcfce7;color:#16a34a}.kpi-trend.baisse{background:#fee2e2;color:#dc2626}.kpi-trend.neutre{background:#f0f4f1;color:#5a7a62}.kpi-desc{font-size:.74rem;color:#5a7a62;margin-top:4px}.chart-card{background:#fff;border-radius:14px;border:1px solid #dde8df;padding:24px;margin-bottom:24px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.chart-titre{font-size:.95rem;font-weight:700;color:#1a2e1c}.chart-legende{display:flex;align-items:center;gap:16px}.legende-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#5a7a62}.legende-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.chart-wrap{position:relative;height:260px}.chart-skeleton{height:260px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:analytics-shimmer 1.5s infinite;border-radius:8px}@keyframes analytics-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.analytics-grid,.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.data-card{background:#fff;border-radius:14px;border:1px solid #dde8df;overflow:hidden}.data-card-header{padding:16px 22px;border-bottom:1px solid #dde8df;display:flex;align-items:center;gap:8px}.data-card-header h3{font-size:.88rem;font-weight:700;color:#1a2e1c}.data-card-body{padding:4px 0}.page-item{display:grid;grid-template-columns:1fr 80px 52px;align-items:center;gap:12px;padding:10px 22px;transition:background .1s}.page-item:hover{background:#f0f4f1}.page-chemin{font-size:.79rem;color:#1a2e1c;font-family:Courier New,monospace;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.page-bar-wrap{height:6px;background:#d8f3dc;border-radius:3px;overflow:hidden}.page-bar{height:100%;background:#2d6a4f;border-radius:3px}.page-vues{font-size:.82rem;font-weight:700;color:#1a2e1c;text-align:right}.ref-item{display:flex;align-items:center;gap:12px;padding:10px 22px;transition:background .1s}.ref-item:hover{background:#f0f4f1}.ref-icone{width:32px;height:32px;border-radius:8px;background:#f0f4f1;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#5a7a62;flex-shrink:0;line-height:1}.ref-source{font-size:.84rem;font-weight:600;color:#1a2e1c;flex:1;min-width:0}.ref-bar-wrap{width:60px;height:6px;background:#dbeafe;border-radius:3px;overflow:hidden;flex-shrink:0}.ref-bar{height:100%;background:#3b82f6;border-radius:3px}.ref-pct{font-size:.78rem;font-weight:600;color:#5a7a62;min-width:36px;text-align:right;flex-shrink:0}.appareils-wrap{display:flex;gap:28px;align-items:center;padding:20px 22px}.donut-wrap{width:120px;height:120px;flex-shrink:0}.appareils-legend{flex:1;display:flex;flex-direction:column;gap:12px}.appareil-item{display:flex;align-items:center;gap:10px}.appareil-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.appareil-label{font-size:.84rem;color:#1a2e1c;flex:1}.appareil-pct{font-size:.84rem;font-weight:700;color:#1a2e1c}.reco-list{padding:4px 0}.reco-item{display:flex;gap:14px;padding:14px 22px;border-bottom:1px solid #dde8df;align-items:flex-start}.reco-item:last-child{border-bottom:none}.reco-icone{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reco-icone.vert{background:#d8f3dc;color:#2d6a4f}.reco-icone.bleu{background:#dbeafe;color:#2563eb}.reco-icone.orange{background:#fef3c7;color:#d97706}.reco-icone.violet{background:#ede9fe;color:#7c3aed}.reco-titre{font-size:.84rem;font-weight:700;color:#1a2e1c;margin-bottom:4px}.reco-desc{font-size:.78rem;color:#5a7a62;line-height:1.55}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:analytics-shimmer 1.5s infinite}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid,.bottom-grid{grid-template-columns:1fr}}