/* static/css/login.css */
:root {--bg-dark: #111827; --bg-card: #1F2937; --text-primary: #F9FAFB; --text-secondary: #9CA3AF; --border-color: #374151; --accent-blue: #3B82F6; --accent-red: #EF4444;}
body { font-family: 'Inter', sans-serif; background: var(--bg-dark); color: var(--text-primary); margin: 0; display: flex; align-items: center; justify-content: center; height: 100vh; }
.login-container { background: var(--bg-card); padding: 2.5em; border-radius: 12px; border: 1px solid var(--border-color); width: 100%; max-width: 400px; }
h1 { text-align: center; margin-top: 0; }
.form-group { margin-bottom: 1.5em; }
label { display: block; margin-bottom: 0.5em; color: var(--text-secondary); }
input { width: 100%; background: var(--bg-dark); border: 1px solid var(--border-color); color: var(--text-primary); padding: 12px; border-radius: 8px; box-sizing: border-box; font-size: 1em; }
button { width: 100%; background: var(--accent-blue); color: white; cursor: pointer; border: none; font-weight: 600; padding: 12px; border-radius: 8px; transition: all 0.2s ease; font-size: 1em; }
button:hover { filter: brightness(1.1); }
.flash-error { background-color: rgba(239, 68, 68, 0.2); border: 1px solid var(--accent-red); color: var(--text-primary); padding: 1em; border-radius: 8px; text-align: center; margin-top: 1.5em; }