/* Estilos básicos para login cuando no hay build de Vite */
.auth-page { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f3f4f6; padding: 1rem; }
.auth-page .auth-card { width: 100%; max-width: 24rem; }
.auth-page .auth-logo { display: block; margin-bottom: 2rem; text-align: center; }
.auth-page .auth-logo img { height: 3rem; width: auto; margin: 0 auto; object-fit: contain; }
.auth-page .auth-box { background: #fff; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0,0,0,.1); padding: 1.5rem; }
.auth-page .auth-title { font-size: 1.25rem; font-weight: 600; color: #1f2937; text-align: center; margin-bottom: 1.5rem; }
.auth-page .form-group { margin-bottom: 1rem; }
.auth-page label { display: block; font-size: 0.875rem; font-weight: 500; color: #374151; margin-bottom: 0.25rem; }
.auth-page input[type="email"],
.auth-page input[type="password"] { width: 100%; border: 1px solid #d1d5db; border-radius: 0.375rem; padding: 0.5rem 0.75rem; }
.auth-page input:focus { outline: none; border-color: #15803d; box-shadow: 0 0 0 1px #15803d; }
.auth-page .form-check { display: flex; align-items: center; margin-bottom: 1rem; }
.auth-page .form-check input { margin-right: 0.5rem; }
.auth-page .btn-submit { width: 100%; background: #15803d; color: #fff; font-weight: 500; padding: 0.5rem 1rem; border: none; border-radius: 0.375rem; cursor: pointer; }
.auth-page .btn-submit:hover { background: #166534; }
.auth-page .error-box { margin-bottom: 1rem; padding: 0.75rem; border-radius: 0.375rem; background: #fef2f2; color: #b91c1c; font-size: 0.875rem; }
.auth-page .auth-footer { margin-top: 1rem; text-align: center; font-size: 0.875rem; color: #6b7280; }