/* Shared styles for login and manage pages */

body { font-family: Arial, sans-serif; margin: 20px; background:#f9fafc; }
h1 { margin-bottom: 10px; color:#0d2a59; }

.alert { padding: 10px; margin-bottom: 10px; border-radius: 4px; }
.alert-success { background: #d4edda; color: #155724; }
.alert-error { background: #f8d7da; color: #721c24; }

.save-btn { background:#28a745; color:#fff; border:none; border-radius:4px; padding:8px 12px; cursor:pointer; }
.save-btn:hover { background:#1e7e34; }

.editor-box { margin-top:20px; }

/* Login page */
.login-body { background: #f0f2f5; display:flex; justify-content:center; align-items:center; height:100vh; }
.login-box { background:#fff; padding:30px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.1); width:300px; }
.login-box h2 { margin-bottom:20px; color:##0d2a59; text-align:center; }
.login-box input[type=password] { width:100%; padding:10px; margin-bottom:15px; border:1px solid #ccc; border-radius:4px; }
.login-box button { width:100%; padding:10px; background:#0d2a59; color:#fff; border:none; border-radius:4px; cursor:pointer; }
.login-box button:hover { background:#0056b3; }
.error { color:#dc3545; text-align:center; margin-bottom:10px; }

/* Footer */
footer {
  padding: 1rem;
  color: var(--muted);
  text-align: center;
}
.footer-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.footer-logo {
  height: 24px;
  width: auto;
}