/* Trang đăng nhập — tách khỏi login.html vì CSP style-src 'self' (không 'unsafe-inline'). */
body { margin: 0; min-height: 100vh; display: grid; place-items: center; font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: #f0f2f5; color: #1c1e21; }
.box { background: #fff; padding: 28px 32px; border-radius: 10px; box-shadow: 0 2px 12px rgba(0, 0, 0, .12); width: min(92vw, 340px); }
h1 { font-size: 20px; margin: 0 0 18px; }
label { display: block; font-size: 13px; color: #606770; margin: 10px 0 4px; }
input { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #ccd0d5; border-radius: 6px; font-size: 15px; }
input:focus { outline: 2px solid #1877f2; outline-offset: 1px; border-color: #1877f2; }
button { margin-top: 16px; width: 100%; padding: 11px; border: 0; border-radius: 6px; background: #1877f2; color: #fff; font-size: 15px; font-weight: 600; cursor: pointer; }
button:hover { background: #166fe5; }
.err { color: #d93025; font-size: 13px; min-height: 1.4em; margin-top: 10px; }