/* login/static/login.css */
.login-page { padding: 40px 20px; text-align: center; }
.logo-area { margin-bottom: 50px; margin-top: 50px; }
.logo-area h1 { font-size: 32px; color: #4a90e2; margin: 0; }
.logo-area p { color: #999; font-size: 14px; margin-top: 10px; }
.form-group { margin-bottom: 20px; }
.form-group input { width: 100%; padding: 15px; border: 1px solid #ddd; border-radius: 8px; font-size: 16px; outline: none; transition: border-color 0.3s; -webkit-appearance: none; }
.form-group input:focus { border-color: #4a90e2; }
.btn-primary { width: 100%; padding: 15px; background: #4a90e2; color: #fff; border: none; border-radius: 8px; font-size: 18px; font-weight: bold; cursor: pointer; -webkit-appearance: none; }
.btn-primary:active { opacity: 0.9; }
.login-footer { margin-top: 20px; font-size: 14px; color: #666; }
.login-footer a { color: #666; text-decoration: none; margin: 0 10px; }
.pwa-tip { margin-top: 60px; padding: 20px; background: #f8f9fa; border-radius: 12px; color: #666; font-size: 13px; line-height: 1.6; }