html {
    overflow: -moz-scrollbars-vertical;
}

:root {
    --brand-900: #12314f;
    --brand-800: #1a476f;
    --brand-700: #245c8f;
    --brand-500: #3a7db8;
    --brand-100: #eaf3fb;
    --accent: #f3b61f;
    --surface: #ffffff;
    --surface-muted: #f6f8fb;
    --border-soft: #d9e3ef;
    --text-strong: #17324d;
    --text-muted: #5e7288;
    --shadow-soft: 0 14px 36px rgba(16, 42, 67, 0.12);
}

body {
    color: var(--text-strong);
}

.bg-admin {
    background: linear-gradient(135deg, var(--brand-900), var(--brand-700)) !important;
}

.btn-primary {
    background-color: var(--brand-700);
    border-color: var(--brand-700);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--brand-800);
    border-color: var(--brand-800);
}

.btn-outline-primary {
    color: var(--brand-700);
    border-color: var(--brand-500);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--brand-700);
    border-color: var(--brand-700);
}

.card {
    border: 1px solid rgba(18, 49, 79, 0.08);
    border-radius: 18px;
    box-shadow: var(--shadow-soft);
}

.dropdown-menu {
    border: 1px solid rgba(18, 49, 79, 0.08);
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(18, 49, 79, 0.18);
    padding: 0.6rem;
}

.dropdown-item {
    border-radius: 10px;
    padding: 0.55rem 0.85rem;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--brand-100);
    color: var(--brand-900);
}

.form-control,
.custom-select {
    border-radius: 12px;
    border-color: var(--border-soft);
    min-height: 44px;
}

.form-control:focus,
.custom-select:focus {
    border-color: var(--brand-500);
    box-shadow: 0 0 0 0.2rem rgba(58, 125, 184, 0.18);
}