.auth-card { max-width: 480px; margin: 12vh auto; padding: 36px; border: 1px solid #dce4db; border-radius: 18px; background: #fff; line-height: 1.8; }
.auth-card h1 { margin: 20px 0 12px; font-size: 24px; }
.auth-card .primary-button { display: inline-block; text-decoration: none; margin: 12px 0; }
.admin-page { max-width: 1200px; margin: auto; padding: 24px; }
.admin-page h2 { margin: 12px 0; }
.admin-section { background: #fff; border: 1px solid #dce4db; border-radius: 12px; padding: 20px; margin: 20px 0; }
.admin-form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0; }
.admin-form input, .admin-form select, .admin-table input, .admin-table select { font: inherit; padding: 8px; border: 1px solid #dce4db; border-radius: 6px; max-width: 100%; }
.admin-table-wrap { overflow-x: auto; }
.admin-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.admin-table th, .admin-table td { padding: 10px; border-bottom: 1px solid #e5ebe4; text-align: left; }
.admin-message { padding: 12px; margin: 16px 0; background: #fff5df; color: #755421; border-radius: 8px; }
.admin-dept-node { padding: 6px; margin-left: 16px; }
.admin-page .quiet-button { white-space: nowrap; }
@media (max-width: 600px) { .auth-card { margin: 8vh 16px; padding: 24px; } .admin-page { padding: 12px; } }