body { min-height: 100vh; background: #eef3f6; color: #172c3b; }
.brand { width: min(100%, 300px); height: auto; }
.auth-card { max-width: 460px; }
button, .btn { min-height: 44px; }
input.form-control { min-height: 44px; }
.admin-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.admin-heading h1 { font-size: clamp(1.7rem, 4vw, 2.4rem); }
.eyebrow { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: #476273; font-weight: 700; margin-bottom: .5rem; }
.admin-nav { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; background: #fff; border: 1px solid #d9e2e8; border-radius: .75rem; padding: .65rem; margin-bottom: 1rem; }
.admin-nav > a, .nav-pending { padding: .6rem .75rem; border-radius: .4rem; text-decoration: none; }
.admin-nav > a[aria-current] { background: #0d6efd; color: #fff; }
.nav-pending { color: #626d76; }
.nav-pending small { font-size: .65rem; display: block; }
.admin-nav form { margin-left: auto; }
.form-panel { max-width: 850px; }
.card { border-color: #d9e2e8; border-radius: .75rem; }
.preserve-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.question-preview { overflow-wrap: anywhere; }
.table td { overflow-wrap: anywhere; max-width: 28rem; }
.form-select { min-height: 44px; }
@media (max-width: 575px) { .admin-nav form { margin-left: 0; } .card.p-4 { padding: 1rem !important; } }
.admin-layout > main { margin-left: 260px; width: calc(100% - 260px); max-width: none; padding: 2rem; }
.admin-sidebar { position: fixed; inset: 0 auto 0 0; width: 260px; z-index: 100; overflow-y: auto; padding: 1.25rem; background: #fff; border-right: 1px solid #d9e2e8; }
.admin-sidebar > summary { display: none; min-height: 44px; padding: .65rem; cursor: pointer; font-weight: 600; }
.admin-sidebar > .brand { width: 100%; margin-bottom: 1.5rem; }
.admin-sidebar .admin-nav { flex-direction: column; align-items: stretch; flex-wrap: nowrap; border: 0; padding: 0; }
.admin-sidebar .admin-nav > a { min-height: 44px; }
.admin-sidebar .admin-nav > a:hover { background: #eaf2ff; color: #084298; }
.admin-sidebar .admin-nav form { margin: 1rem 0 0; }
.admin-sidebar .admin-nav form button { width: 100%; }
@media (max-width: 767px) {
    .admin-layout > main { margin-left: 0; width: 100%; padding: 5rem 1rem 2rem; }
    .admin-sidebar { width: min(280px, 90vw); box-shadow: 4px 0 20px #172c3b26; }
    .admin-sidebar > summary { display: list-item; margin-bottom: 1rem; }
    .admin-sidebar:not([open]) { inset: .75rem auto auto .75rem; width: auto; padding: 0 .75rem; border: 1px solid #d9e2e8; border-radius: .5rem; }
    .admin-sidebar:not([open]) > summary { margin-bottom: 0; }
}