:root{--principale:#00205B;--accent:#E30613;--fond:#fff;--texte:#1F2937;--gris:#6b7280;--ligne:#e5e7eb;--carte:#fff;--page:#f3f4f6}
*{box-sizing:border-box}
body{margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--page);color:var(--texte)}
header{background:var(--principale);color:#fff;display:flex;align-items:center;gap:16px;padding:10px 20px;flex-wrap:wrap}
header .marque{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}
header .marque img{height:30px;background:#fff;border-radius:4px;padding:2px}
nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}
nav button{background:transparent;color:#fff;border:0;padding:8px 12px;border-radius:6px;cursor:pointer;font:inherit;opacity:.85}
nav button.on{background:rgba(255,255,255,.18);opacity:1;border-bottom:2px solid var(--accent)}
main{max-width:1180px;margin:20px auto;padding:0 16px}
.carte{background:var(--carte);border:1px solid var(--ligne);border-radius:10px;padding:16px;margin-bottom:16px}
h2{margin:0 0 12px;font-size:18px}h3{margin:16px 0 8px;font-size:15px}
button.btn,label.btn{background:var(--principale);color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer;font:inherit;display:inline-block}
button.btn.sec,label.btn.sec{background:#fff;color:var(--principale);border:1px solid var(--principale)}
button.btn.danger{background:var(--accent)}
button.btn:disabled{opacity:.5;cursor:default}
input,select,textarea{font:inherit;padding:7px 9px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;max-width:100%}
input[type=color]{padding:0;width:44px;height:34px}
.barre{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--ligne);vertical-align:top}
th{color:var(--gris);font-weight:600;font-size:12px;text-transform:uppercase}
.puce{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;background:#e5e7eb}
.puce.active{background:#dcfce7;color:#166534}.puce.unsubscribed,.puce.complained{background:#fee2e2;color:#991b1b}
.puce.bounced,.puce.invalid{background:#fef3c7;color:#92400e}
.puce.tag{background:#e0e7ff;color:#3730a3}
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.stat{background:var(--page);border-radius:8px;padding:10px 12px}.stat b{display:block;font-size:22px}
.err{color:#991b1b;background:#fee2e2;border-radius:6px;padding:8px 10px;margin:8px 0}
.ok{color:#166534;background:#dcfce7;border-radius:6px;padding:8px 10px;margin:8px 0}
.login{max-width:380px;margin:12vh auto}
.login input{width:100%;margin:6px 0}
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.form label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--gris)}
.apercu{border:1px solid var(--ligne);border-radius:10px;overflow:hidden;max-width:520px}
.apercu .tete{padding:18px;color:#fff;display:flex;align-items:center;gap:12px;position:relative}
.apercu .corps{padding:18px;background:var(--fond);color:var(--texte)}
.apercu .btn-demo{display:inline-block;margin-top:10px;padding:8px 16px;border-radius:6px;color:#fff;text-decoration:none}
.logo-saison{position:relative;display:inline-block}
.logo-saison img{height:48px;background:#fff;border-radius:6px;padding:3px}
.bonnet{position:absolute;top:-22px;left:-6px;width:46px;height:34px;transform:rotate(-14deg)}
.petit{font-size:13px;color:var(--gris)}
code{background:#f3f4f6;padding:1px 5px;border-radius:4px;word-break:break-all}