@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #f4f6fb;--card: #ffffff;--border: #e4e7ee;--text: #171b26;--muted: #6b7280;--accent: #1f4e78;--accent-dark: #163a5c;--accent-light: #eaf1f7;--accent-rgb: 31, 78, 120;--danger: #d1352b;--danger-light: #fdecea;--success: #15803d;--success-light: #eaf7ef;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .04);--shadow-md: 0 6px 16px rgba(16, 24, 40, .08), 0 2px 6px rgba(16, 24, 40, .05);--shadow-glow: 0 0 0 3px rgba(var(--accent-rgb), .14);--transition: .16s ease}[data-role=AGENT]{--accent: #ff6b35;--accent-dark: #d9491d;--accent-light: #fff1ea;--accent-rgb: 255, 107, 53}*{box-sizing:border-box}body{font-family:Inter,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(1200px 500px at 100% -10%,rgba(var(--accent-rgb),.07),transparent),var(--bg);background-attachment:fixed;color:var(--text);margin:0;-webkit-font-smoothing:antialiased}#root{padding:24px;max-width:1200px;margin:0 auto}h1{margin:0 0 4px;font-size:21px;font-weight:800;letter-spacing:-.01em}h2{margin:0;font-size:16px;font-weight:700}button{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;border-radius:var(--radius);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.secondary{background:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:none}button.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button.danger{background:linear-gradient(135deg,var(--danger),#a5271f)}button.success{background:linear-gradient(135deg,var(--success),#0f5c2c)}input,select{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:inherit;background:var(--card);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-glow)}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:18px;box-shadow:var(--shadow-sm);animation:fadeInUp .22s ease both;transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.muted{font-size:13px;color:var(--muted)}.status{font-size:13px;color:var(--muted);margin-left:8px}.status.ok{color:#1a7f37;font-weight:600}.status.err{color:#c0392b;font-weight:600}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.01em;background:var(--accent-light);color:var(--accent)}.empty{color:var(--muted);font-style:italic;padding:10px 0}table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{background:var(--accent-light);color:var(--accent);font-weight:700}th:first-child{border-top-left-radius:8px}th:last-child{border-top-right-radius:8px}tr{transition:background var(--transition)}tr:hover{background:#fafbfc}.highlighted-row{background:#fff6d6;outline:2px solid #e8c547;outline-offset:-2px}.highlighted-row:hover{background:#fff0bd}.vehicle-thumb{width:60px;height:45px;object-fit:cover;background:#eee;border-radius:6px}.vehicle-photo-fiche{width:100%;height:100%;min-height:220px;object-fit:cover;background:#eee;border-radius:10px}.app-shell{animation:fadeIn .25s ease both}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.brand-logo{height:42px;width:auto;border-radius:8px;box-shadow:var(--shadow-sm)}.brand-logo--direct{max-width:230px}.brand-text h1{display:flex;align-items:baseline;gap:6px}.brand-suffix{font-size:13px;font-weight:500;color:var(--muted)}.app-content{animation:fadeInUp .2s ease both}.nav{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:5px;box-shadow:var(--shadow-sm);width:fit-content;max-width:100%}.nav button{background:transparent;color:var(--text);border:none;box-shadow:none;border-radius:999px;padding:7px 14px;font-weight:600}.nav button:hover:not(.active){background:var(--accent-light);color:var(--accent);transform:none}.nav button.active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:var(--shadow-sm)}.banner{background:#fff8e1;border:1px solid #f0d878;color:#7a5c00;padding:12px 16px;border-radius:var(--radius);font-size:13px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.banner.banner-success{background:var(--success-light);border-color:var(--success);color:var(--success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}