body { font-family: Arial, sans-serif; background: #f4f6f9; margin: 0; padding: 0; }
.login-container, .dashboard-container {
  max-width: 500px; margin: 100px auto; background: white; padding: 30px;
  border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.login-container h2, .dashboard-container h2 { text-align: center; margin-bottom: 20px; }
input, button { width: 100%; padding: 12px; margin: 8px 0; border-radius: 8px; border: 1px solid #ccc; }
button { background: #DA9604; color: white; font-weight: bold; border: none; cursor: pointer; }
button:hover { background: #b57603; }
#error-msg { color: red; text-align: center; }
.docs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
.doc-card { background: #fff; padding: 15px; border: 1px solid #ddd; border-radius: 8px; text-align: center; }
.doc-card a { text-decoration: none; color: #DA9604; font-weight: bold; }
.logout-btn { display: block; text-align: center; margin-top: 20px; padding: 10px; background: #333; color: white; border-radius: 8px; text-decoration: none; }