/* ==========================================
   Dashboard – Login
   Datei: assets/css/login.css
   Design: Hellblau / Weiß / Blau (#2563eb)
   ========================================== */

:root{
  --font: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --bg:#f5f6fa; --card:#ffffff; --text:#111827; --line:#e5e7eb;
  --accent:#2563eb; --accent-hover:#1d4ed8;
  --shadow:0 6px 22px rgba(16,24,40,.06);
  --radius:12px;
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
}

.wrap{
  background:var(--card);
  padding:30px;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  width:100%;
  max-width:420px;
}

h1{
  font-size:1.4rem;
  font-weight:800;
  margin-bottom:12px;
  text-align:center;
  color:var(--text);
}

form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

input[type="email"],
input[type="password"]{
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  font-size:1rem;
  background:#fff;
  color:var(--text);
  transition:border .2s ease, box-shadow .2s ease;
}

input:focus{
  border-color:var(--accent);
  outline:none;
  box-shadow:0 0 0 3px rgba(37,99,235,.18);
}

button{
  padding:12px;
  border:none;
  border-radius:10px;
  background:var(--accent);
  color:#fff;
  font-weight:700;
  font-size:1rem;
  cursor:pointer;
  transition:background .2s;
}

button:hover{
  background:var(--accent-hover);
}

.alert{
  margin-top:10px;
  padding:10px;
  border-radius:10px;
  border:1px solid #f3c2c2;
  background:#fff5f5;
  color:#7a1a1a;
  text-align:center;
  font-size:.95rem;
}

.footer{
  text-align:center;
  margin-top:10px;
  font-size:.9rem;
  color:#64748b;
}