/* VoucherHub: small layer on top of Bootstrap 5. Keep it light. */
:root {
    --vh-brand: #0d6efd;
    --vh-sidebar-width: 240px;
}

.brand { font-weight: 700; letter-spacing: -.02em; font-size: 1.5rem; color: var(--bs-body-color); text-decoration: none; }
.brand span { color: var(--vh-brand); }

.form-label .required { color: var(--bs-danger); margin-left: 2px; }

.otp-input { letter-spacing: .6em; font-size: 1.5rem; text-align: center; font-variant-numeric: tabular-nums; }

/* Admin layout */
.admin-sidebar { width: var(--vh-sidebar-width); min-height: 100vh; }
.admin-sidebar .nav-link { color: var(--bs-secondary-color); border-radius: .375rem; padding: .5rem .75rem; }
.admin-sidebar .nav-link:hover { background: var(--bs-tertiary-bg); color: var(--bs-body-color); }
.admin-sidebar .nav-link.active { background: var(--vh-brand); color: #fff; }
.admin-sidebar .nav-section { font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; color: var(--bs-secondary-color); margin: 1rem .75rem .25rem; }

@media (max-width: 991.98px) {
    .admin-sidebar { width: 100%; min-height: auto; }
}

.company-logo { height: 32px; width: auto; object-fit: contain; }
.stat-card .stat-value { font-size: 1.75rem; font-weight: 600; }