/* Unverändert aus app/templates/login.html übernommen. */

:root { --primary:#18484c; --primary-dark:#1d393c; --primary-light:#e8f0ee; --border:#dddad6; --text:#2d3232; --text-light:#577071; --bg:#f8f6f2; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Segoe UI',-apple-system,sans-serif; background:var(--bg); color:var(--text); min-height:100vh; display:flex; flex-direction:column; }
.topbar { height:56px; background:var(--primary-dark); display:flex; align-items:center; padding:0 32px; gap:12px; }
.topbar img { height:22px; display:block; }
.topbar span { font-size:15px; color:rgba(255,255,255,.85); }
.topbar .sep { color:rgba(255,255,255,.35); }
.login-wrap { flex:1; display:flex; align-items:center; justify-content:center; padding:40px 16px; }
.login-box { background:#fff; border:1px solid var(--border); border-radius:16px; padding:40px 40px 36px; width:100%; max-width:400px; box-shadow:0 4px 24px rgba(0,0,0,0.08); }
.login-box h1 { font-size:22px; font-weight:700; color:var(--primary); margin-bottom:6px; }
.login-box .sub { font-size:13.5px; color:var(--text-light); margin-bottom:28px; }
.form-group { margin-bottom:16px; }
.form-group label { display:block; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--text-light); margin-bottom:6px; }
.form-group input { width:100%; padding:10px 14px; border:1px solid var(--border); border-radius:8px; font-size:14px; font-family:inherit; outline:none; transition:border-color .15s, box-shadow .15s; }
.form-group input:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(27,61,58,.1); }
.btn-login { width:100%; padding:12px; background:var(--primary-dark); color:#fff; border:none; border-radius:8px; font-size:15px; font-weight:700; cursor:pointer; font-family:inherit; margin-top:8px; transition:background .15s; }
.btn-login:hover { background:#285a4e; }
.error-box { background:#fdf0ef; color:#c0392b; border:1px solid #f5c6c2; border-radius:8px; padding:10px 14px; font-size:13px; margin-bottom:18px; }
footer { text-align:center; padding:20px; font-size:12px; color:var(--text-light); }