/* FreightPilot — styles des pages d'authentification (thème sombre du mockup) */
:root{
  --bg:#0f1117; --bg2:#161b27; --bg3:#1e2535; --border:#2a3347; --border2:#364056;
  --text:#e2e8f0; --text2:#94a3b8; --text3:#64748b;
  --accent:#f59e0b; --accent2:#d97706; --danger:#ef4444; --success:#22c55e;
  --radius:8px; --font-title:'Syne',sans-serif; --font-body:'DM Mono',monospace;
}
*{box-sizing:border-box;}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);
  font-family:var(--font-body);font-size:13px;display:flex;align-items:center;justify-content:center;padding:20px;}
h1,h2,h3{font-family:var(--font-title);}
.auth-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;
  padding:32px 30px;width:100%;max-width:400px;box-shadow:0 12px 40px rgba(0,0,0,.4);}
.auth-logo{font-family:var(--font-title);font-weight:800;font-size:24px;color:var(--accent);
  display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.auth-logo .mark{width:30px;height:30px;border-radius:7px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  display:flex;align-items:center;justify-content:center;font-size:16px;color:#0f1117;}
.auth-logo .mark svg{width:19px;height:19px;display:block;color:#0b0d12;}
.auth-sub{color:var(--text2);font-size:12px;margin-bottom:22px;}
.auth-field{margin-bottom:14px;}
.auth-field label{display:block;font-size:10.5px;color:var(--text2);text-transform:uppercase;
  letter-spacing:.05em;margin-bottom:5px;}
.auth-field input{width:100%;background:var(--bg);border:1px solid var(--border2);border-radius:7px;
  padding:11px 12px;color:var(--text);font-family:var(--font-body);font-size:13px;outline:none;transition:border-color .15s;}
.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,158,11,.14);}
.auth-btn{width:100%;background:var(--accent);border:1px solid var(--accent);color:#0f1117;
  font-weight:600;font-family:var(--font-body);font-size:13px;border-radius:7px;padding:12px;
  cursor:pointer;transition:background .15s;margin-top:6px;}
.auth-btn:hover{background:var(--accent2);}
.auth-links{margin-top:16px;text-align:center;font-size:12px;}
.auth-links a{color:var(--text2);text-decoration:none;}
.auth-links a:hover{color:var(--accent);}
.auth-msg{padding:10px 12px;border-radius:7px;font-size:12px;margin-bottom:16px;line-height:1.5;}
.auth-msg.error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#fca5a5;}
.auth-msg.info{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.35);color:#93c5fd;}
.auth-msg.success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#86efac;}
.auth-hint{font-size:11px;color:var(--text3);margin-top:4px;}