:root{--bg:#f1f5f9;--card:#fff;--text:#0f172a;--muted:#64748b;
--primary:#2563eb;}

*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;}
body{background:var(--bg);color:var(--text);}
header{background:var(--primary);color:#fff;padding:20px;position:sticky;top:0;z-index:10;}
header h1{font-size:1.3rem;margin-bottom:12px;}
.filters{display:flex;gap:12px;flex-wrap:wrap;}
.filters div{display:flex;flex-direction:column;gap:4px;}
.filters label{font-size:0.75rem;opacity:0.9;}
.filters input,.filters select{padding:8px 10px;border-radius:
8px;border:none;min-width:140px;}
.btn{
	padding:10px 16px;background:#fff;color:var(--primary);
	border:none;border-radius:8px;font-weight:600;cursor:pointer;
}
.btn-outline{background:transparent;color:#fff;border:1px solid #fff;}
.container{max-width:1450px;margin:20px auto;padding:0 15px;}
.summary{margin-bottom:15px;color:var(--muted);font-size:0.9rem;}
.grid-kpi{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;
	margin-bottom:20px;
}
.grid-graphs{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;}
.card{background:var(--card);padding:18px;border-radius:14px;box-shadow:0 1px 4px rgba(0,0,0,0.05);}
.card h3{font-size:0.8rem;color:var(--muted);margin-bottom:8px;text-transform:uppercase;}
.value{font-size:1.5rem;font-weight:700;}
canvas{max-height:260px;}
@media(max-width:768px){.grid-graphs{grid-template-columns:1fr;}}

/* PARTIE IMPORT */

.import-box{
	background:rgba(255,255,255,0.15);
	padding:12px;border-radius:10px;margin-bottom:15px;
	display:flex;gap:10px;align-items:center;flex-wrap:wrap;
}
.import-box input[type=file]{color:#fff;}
.btn-success{background:#22c55e;color:#fff;}
.alert{background:#22c55e;color:#fff;padding:10px 15px;border-radius:8px;margin:10px 20px;}
.info{font-size:0.8rem;opacity:0.8;}