@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--primary: #004f9c;--primary-hover: #003d7a;--primary-light: #e8f1fb;--red: #d6101f;--red-light: #fdecea;--green: #104e27;--green-light: #e8f5ee;--accent: #d6101f;--success: #104e27;--bg-main: #ffffff;--bg-light: #f9fafb;--bg-medium: #f3f4f6;--bg-dark: #111827;--text-main: #111827;--text-secondary: #6b7280;--text-light: #9ca3af;--border: #e5e7eb;--radius: 16px;--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow: 0 4px 24px rgba(0,0,0,.08);--shadow-hover: 0 12px 40px rgba(0,0,0,.16);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,sans-serif;color:var(--text-main);background:#fff;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;line-height:1.2}a{text-decoration:none;color:inherit;transition:color var(--transition)}button{cursor:pointer;border:none;outline:none;font-family:Inter,sans-serif}img{max-width:100%;height:auto}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:var(--text-main);margin-bottom:.5rem}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.achats .fournisseurs .page-topbar{display:none}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--red);color:#fff;border-radius:var(--radius);font-weight:600;font-size:1rem;transition:all var(--transition);box-shadow:0 4px 16px #d6101f40;cursor:pointer;border:none}.btn-primary:hover{background:#b50d1a;transform:translateY(-2px);box-shadow:0 8px 24px #d6101f59}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6);border-radius:var(--radius);font-weight:600;font-size:1rem;transition:all var(--transition);cursor:pointer}.btn-outline:hover{background:#ffffff26;border-color:#fff;transform:translateY(-2px)}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}.dashboard-page{padding:2rem;display:flex;flex-direction:column;gap:2rem;background:var(--bg-main);min-height:100vh}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.kpi-card .kpi-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:inset 0 2px 4px #0000000d;flex-shrink:0}.kpi-card .kpi-content{flex:1}.kpi-card .kpi-value{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--text-main);margin-bottom:.25rem}.kpi-card .kpi-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.kpi-card .kpi-meta{font-size:.75rem;color:var(--text-light);margin-top:.25rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.chart-container{padding:1.5rem;background:#fff;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.section-card .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.section-card .section-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0}.section-card .section-link{color:var(--primary);font-weight:600;font-size:.875rem;text-decoration:none;transition:var(--transition-fast)}.section-card .section-link:hover{color:var(--primary-hover);transform:translate(2px)}