*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1a2744;--blue:#1e5fa8;--teal:#0e7c7b;--light-blue:#4a9fd4;--bg:#f5f7fa;--white:#fff;--gray:#e8ecf0;--text:#1a2744;--muted:#6b7280;--green:#16a34a;--red:#dc2626;--orange:#ea580c;--purple:#7c3aed;--shadow:0 2px 8px #00000014;--shadow-lg:0 4px 20px #0000001f;--radius:10px;--radius-sm:6px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}#root{min-height:100vh}.report-header{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;display:flex}.logo{color:#4a9fd4;letter-spacing:-.5px;white-space:nowrap;font-size:22px;font-weight:800}.logo span{color:#fff}.header-center{text-align:center;flex:1}.header-title{letter-spacing:1.5px;text-transform:uppercase;font-size:18px;font-weight:700}.header-subtitle{color:#93c5fd;margin-top:2px;font-size:13px;font-weight:500}.header-date{color:#93c5fd;text-align:right;white-space:nowrap;font-size:12px}.report-body{max-width:1400px;margin:0 auto;padding:24px 24px 40px}.sections-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.sections-grid{grid-template-columns:1fr}}.section-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.section-header{align-items:center;gap:10px;padding:14px 20px;display:flex}.section-header.appels{background:var(--blue)}.section-header.emails{background:var(--teal)}.section-icon{font-size:20px}.section-title{color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:16px;font-weight:700}.section-body{padding:20px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}@media (width<=600px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--bg);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--gray);padding:12px 10px}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:600;line-height:1.3}.kpi-value{margin-bottom:4px;font-size:18px;font-weight:800;line-height:1}.kpi-badge{border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.badge-green{color:#16a34a;background:#dcfce7}.badge-red{color:#dc2626;background:#fee2e2}.badge-orange{color:#ea580c;background:#ffedd5}.badge-blue{color:#1d4ed8;background:#dbeafe}.chart-block{margin-bottom:16px}.chart-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.chart-wrap{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--gray);padding:12px;position:relative}.chart-wrap canvas{max-height:180px}.chart-wrap.tall canvas{max-height:140px}.constats-section{margin-top:24px}.constats-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=1024px){.constats-grid{grid-template-columns:1fr}}.constats-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.constats-header{color:#fff;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:700;display:flex}.constats-header.appels{background:var(--blue)}.constats-header.emails{background:var(--teal)}.constats-body{padding:16px 18px}.constat-item{border-bottom:1px solid var(--gray);align-items:flex-start;gap:10px;padding:9px 0;font-size:13px;line-height:1.4;display:flex}.constat-item:last-child{border-bottom:none}.constat-icon{flex-shrink:0;margin-top:1px;font-size:16px}.constat-text{color:var(--text);flex:1}.constat-text strong{font-weight:700}.highlight-green{color:var(--green);font-weight:700}.highlight-red{color:var(--red);font-weight:700}.highlight-orange{color:var(--orange);font-weight:700}.actions-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:20px;overflow:hidden}.actions-header{color:#fff;text-transform:uppercase;letter-spacing:.8px;background:#374151;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:700;display:flex}.actions-body{padding:14px 18px}.action-item{border-bottom:1px solid var(--gray);align-items:flex-start;gap:10px;padding:8px 0;font-size:13px;display:flex}.action-item:last-child{border-bottom:none}.action-bullet{background:var(--teal);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}@media print{body{background:#fff}.report-header{border-bottom:2px solid #1a2744;color:#000!important;background:#fff!important}.logo{color:#1e5fa8!important}.logo span{color:#1a2744!important}.header-subtitle,.header-date{color:#6b7280!important}.section-header.appels{-webkit-print-color-adjust:exact;background:#1e5fa8!important}.section-header.emails{-webkit-print-color-adjust:exact;background:#0e7c7b!important}.sections-grid{grid-template-columns:1fr 1fr}}