body {
    background: #f5f7fb;
}

.page-title {
    font-size: 1.5rem;
    font-weight: 700;
}

.card {
    border: none;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.section-title {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #e5e7eb;
}

.table thead th {
    white-space: nowrap;
    background: #f8fafc;
}

.badge-status {
    font-size: .78rem;
}

.form-label {
    font-weight: 600;
    color: #334155;
}

.details-label {
    color: #64748b;
    font-size: .85rem;
    margin-bottom: .1rem;
}

.details-value {
    font-weight: 600;
    color: #0f172a;
}

.white-space-pre {
    white-space: pre-wrap;
}

.login-body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #e2e8f0 0%, #f8fafc 100%);
}

.login-card {
    width: 100%;
    max-width: 430px;
}