body {margin: 0; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #606060; }

.auth-box { width: 300px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }

.auth-header { background-color: #536a7d; color: #ececec; padding: 16px; position: relative; text-align: center; }
.auth-header img { width: 80px; margin-bottom: -50px; z-index: 2; position: relative; }

.auth-input { background-color: #e3f2fd; border: none; padding: 8px; width: 100%; border-radius: 6px; margin-top: 4px; }

.auth-container { padding: 16px; background-color: white; }

.auth-label { font-size: 0.9em; }

.auth-button-row { display: flex; align-items: center; gap: 12px; margin-top: 12px; }

.auth-message { flex: 1; color: red; font-size: 0.85em; word-break: break-word; }