:root {
    --staff-bg: #09121f;
    --staff-panel: #142235;
    --staff-text: #eef3f9;
    --staff-muted: #96a7bc;
    --staff-accent: #54c7f3;
    --staff-danger: #ff8585;
    --staff-line: rgba(168, 196, 226, 0.16);
    --staff-nav: #0d1929;
}
body.left-side-menu-dark.dark-mode {
    --staff-bg: #060d17;
    --staff-panel: #0c1828;
    --staff-nav: #081321;
}
body.left-side-menu-dark, body.blrp-staff-login {
    color-scheme: dark;
    font-family: "Segoe UI", Arial, sans-serif;
    color: var(--staff-text);
    background: linear-gradient(160deg, var(--staff-bg), rgba(16, 32, 52, 0.92)), url("../../../img/background.png") center / cover fixed !important;
    scrollbar-color: #324960 transparent;
}
body.left-side-menu-dark .navbar-custom, body.left-side-menu-dark.dark-mode .navbar-custom {
    background: var(--staff-nav) !important;
    border-bottom: 1px solid var(--staff-line);
    box-shadow: none !important;
}
body.left-side-menu-dark .logo-box { background: transparent; }
body.left-side-menu-dark .logo-lg-text-light { color: var(--staff-text); font-size: 18px; font-weight: 750; letter-spacing: -0.4px; }
body.left-side-menu-dark .left-side-menu, body.left-side-menu-dark.dark-mode .left-side-menu {
    background: var(--staff-nav) !important;
    border-right: 1px solid var(--staff-line) !important;
    box-shadow: none;
}
body.left-side-menu-dark .user-box { padding: 20px 12px; margin-bottom: 8px; border-bottom: 1px solid var(--staff-line); }
body.left-side-menu-dark .left-side-menu .slimscroll-menu { height: 100%; overflow-y: auto; }
body.left-side-menu-dark .user-box br { display: none; }
body.left-side-menu-dark .user-box .avatar-md { border: 2px solid rgba(84, 199, 243, 0.4); padding: 3px; }
body.left-side-menu-dark .user-box h5 { margin: 12px 0 0; font-weight: 650; }
body.left-side-menu-dark .left-side-menu #sidebar-menu .menu-title,
body.left-side-menu-dark.dark-mode .left-side-menu #sidebar-menu .menu-title { color: var(--staff-muted) !important; font-size: 10px; letter-spacing: 1.5px; }
body.left-side-menu-dark #sidebar-menu > ul > li > a { margin: 3px 12px; border-radius: 7px; padding: 12px 14px; color: var(--staff-muted) !important; }
body.left-side-menu-dark #sidebar-menu > ul > li > a span,
body.left-side-menu-dark #sidebar-menu > ul > li > a i,
body.left-side-menu-dark .left-side-menu .nav-second-level li a,
body.left-side-menu-dark .left-side-menu .nav-third-level li a { color: var(--staff-muted) !important; }
body.left-side-menu-dark.dark-mode .left-side-menu #sidebar-menu > ul > li > a span,
body.left-side-menu-dark.dark-mode .left-side-menu #sidebar-menu > ul > li > a i,
body.left-side-menu-dark.dark-mode .left-side-menu .nav-second-level li a,
body.left-side-menu-dark.dark-mode .left-side-menu .nav-third-level li a { color: var(--staff-muted) !important; }
body.left-side-menu-dark .left-side-menu #sidebar-menu > ul > li > a.active,
body.left-side-menu-dark.dark-mode .left-side-menu #sidebar-menu > ul > li > a.active,
body.left-side-menu-dark .left-side-menu #sidebar-menu > ul > li > a:hover,
body.left-side-menu-dark.dark-mode #sidebar-menu > ul > li > a:hover,
body.left-side-menu-dark.dark-mode #sidebar-menu > ul > li > ul > li > a:hover,
body.left-side-menu-dark #sidebar-menu > ul > li > ul > li > a:hover { background: rgba(84, 199, 243, 0.1) !important; color: var(--staff-accent) !important; }
body.left-side-menu-dark .left-side-menu #sidebar-menu > ul > li > a.active span,
body.left-side-menu-dark .left-side-menu #sidebar-menu > ul > li > a.active i,
body.left-side-menu-dark.dark-mode .left-side-menu #sidebar-menu > ul > li > a.active span,
body.left-side-menu-dark.dark-mode .left-side-menu #sidebar-menu > ul > li > a.active i { color: var(--staff-accent) !important; }
body.left-side-menu-dark .content-page { padding-bottom: 70px; }
body.left-side-menu-dark .page-title-box { padding: 10px 0; }
body.left-side-menu-dark .page-title-box .page-title { color: var(--staff-text) !important; font-size: 25px; font-weight: 750; letter-spacing: -0.6px; }
body.left-side-menu-dark .card, body.left-side-menu-dark .card-box,
body.blrp-staff-login .card { background: var(--staff-panel) !important; color: var(--staff-text); border: 1px solid var(--staff-line); border-radius: 14px !important; box-shadow: 0 12px 36px rgba(0, 0, 0, 0.14); }
body.left-side-menu-dark .card-box, body.left-side-menu-dark .card-body { padding: 24px; }
body.left-side-menu-dark .card-header { background: rgba(6, 15, 27, 0.3); border-bottom: 1px solid var(--staff-line); }
body.left-side-menu-dark .content-page h1, body.left-side-menu-dark .content-page h2,
body.left-side-menu-dark .content-page h3, body.left-side-menu-dark .content-page h4,
body.left-side-menu-dark .content-page h5, body.left-side-menu-dark .content-page h6,
body.left-side-menu-dark .header-title, body.left-side-menu-dark .text-dark { color: var(--staff-text) !important; }
body.left-side-menu-dark .content-page p, body.left-side-menu-dark .content-page label,
body.left-side-menu-dark .content-page strong { color: var(--staff-text) !important; }
body.left-side-menu-dark .text-muted, body.left-side-menu-dark .content-page .text-muted,
body.blrp-staff-login .text-muted { color: var(--staff-muted) !important; }
body.left-side-menu-dark .content-page a:not(.btn):not(.badge):not(.page-link) { color: var(--staff-accent); }
body.left-side-menu-dark .table { color: var(--staff-text) !important; }
body.left-side-menu-dark .table th, body.left-side-menu-dark .table td { border-color: var(--staff-line); padding: 13px 14px; vertical-align: middle; }
body.left-side-menu-dark .table thead th { color: var(--staff-muted); background: #0d1b2c; font-size: 10px; text-transform: uppercase; letter-spacing: 0.7px; }
body.left-side-menu-dark .table-striped tbody tr:nth-of-type(odd) { background: rgba(168, 196, 226, 0.035) !important; }
body.left-side-menu-dark .table-hover tbody tr:hover { color: var(--staff-text); background: rgba(84, 199, 243, 0.07); }
body.left-side-menu-dark .table a { color: var(--staff-accent) !important; }
body.left-side-menu-dark .form-control, body.blrp-staff-login .form-control,
body.left-side-menu-dark .custom-select { background: #0a1727 !important; color: var(--staff-text) !important; border: 1px solid var(--staff-line) !important; border-radius: 7px; }
body.left-side-menu-dark .form-control::placeholder { color: #72839b; opacity: 1; }
body.left-side-menu-dark .form-control:focus, body.left-side-menu-dark .custom-select:focus { border-color: var(--staff-accent) !important; box-shadow: 0 0 0 2px rgba(84, 199, 243, 0.12); }
body.left-side-menu-dark .input-group-text { color: var(--staff-muted); background: #0d1b2c; border-color: var(--staff-line); }
body.left-side-menu-dark .btn, body.blrp-staff-login .btn { border-radius: 7px; font-weight: 600; }
body.left-side-menu-dark .btn-info, body.left-side-menu-dark .btn-primary,
body.blrp-staff-login .btn-outline-info { color: #071722 !important; background: var(--staff-accent) !important; border-color: var(--staff-accent) !important; }
body.left-side-menu-dark .btn-outline-info { color: var(--staff-accent) !important; border-color: rgba(84, 199, 243, 0.4) !important; background: transparent; }
body.left-side-menu-dark .btn-outline-info:hover { color: #071722 !important; background: var(--staff-accent) !important; }
body.left-side-menu-dark .btn-outline-dark { color: var(--staff-text) !important; border-color: var(--staff-line) !important; }
body.left-side-menu-dark .btn-outline-dark:hover { color: var(--staff-text) !important; background: #243952 !important; }
body.left-side-menu-dark .btn-danger { color: var(--staff-danger); background: rgba(255, 133, 133, 0.1); border-color: rgba(255, 133, 133, 0.3); }
body.left-side-menu-dark .btn-danger:hover { background: rgba(255, 133, 133, 0.2); color: #ffb8b8; }
body.left-side-menu-dark .page-link { background: #0d1b2c; color: var(--staff-muted); border-color: var(--staff-line); }
body.left-side-menu-dark .page-item.active .page-link { background: var(--staff-accent) !important; border-color: var(--staff-accent) !important; color: #071722; }
body.left-side-menu-dark .page-item.disabled .page-link { background: #0a1727; color: #64768c; border-color: var(--staff-line); }
body.left-side-menu-dark .dataTables_info, body.left-side-menu-dark .dataTables_wrapper label { color: var(--staff-muted) !important; font-size: 12px; }
body.left-side-menu-dark .modal-content, body.left-side-menu-dark .dropdown-menu,
body.left-side-menu-dark .toast { background: var(--staff-panel) !important; color: var(--staff-text) !important; border: 1px solid var(--staff-line); border-radius: 12px; }
body.left-side-menu-dark .modal-header, body.left-side-menu-dark .modal-footer,
body.left-side-menu-dark .dropdown-divider { border-color: var(--staff-line); }
body.left-side-menu-dark .modal-content .modal-header h4,
body.left-side-menu-dark .modal-content .modal-body h6 { color: var(--staff-text) !important; }
body.left-side-menu-dark .close { color: var(--staff-text); text-shadow: none; }
body.left-side-menu-dark .dropdown-item { color: var(--staff-text); }
body.left-side-menu-dark .dropdown-item:hover { color: var(--staff-accent); background: rgba(84, 199, 243, 0.08); }
body.left-side-menu-dark .toast.show .toast-header, body.left-side-menu-dark .toast.show .toast-body { background: var(--staff-panel) !important; color: var(--staff-text) !important; border-color: var(--staff-line) !important; }
body.left-side-menu-dark .nav-tabs { border-color: var(--staff-line); }
body.left-side-menu-dark .nav-tabs .nav-link { color: var(--staff-muted); }
body.left-side-menu-dark .nav-tabs .nav-link.active { color: var(--staff-accent); background: #142235; border-color: var(--staff-line); }
body.left-side-menu-dark .footer { background: var(--staff-nav) !important; color: var(--staff-muted) !important; border-top: 1px solid var(--staff-line); }
body.left-side-menu-dark #accentcolor, body.left-side-menu-dark .footer a { color: var(--staff-accent) !important; }
body.left-side-menu-dark .bg-info { background-color: var(--staff-accent) !important; color: #071722; }
body.blrp-staff-login .account-pages { min-height: 100vh; display: flex; align-items: center; padding: 40px 0 !important; }
body.blrp-staff-login .account-pages .mt-5 { margin-top: 0 !important; }
body.blrp-staff-login .card { padding: 12px; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35); }
body.blrp-staff-login .card h4 { color: var(--staff-text) !important; font-size: 24px; font-weight: 750; }
body.left-side-menu-dark :focus-visible, body.blrp-staff-login :focus-visible { outline: 2px solid var(--staff-accent); outline-offset: 3px; }
body.left-side-menu-dark ::-webkit-scrollbar { width: 6px; height: 6px; }
body.left-side-menu-dark ::-webkit-scrollbar-thumb { background: #324960; border: 0; border-radius: 5px; }
@media (max-width: 767px) {
    body.left-side-menu-dark .card-box, body.left-side-menu-dark .card-body { padding: 18px; }
    body.left-side-menu-dark .page-title-box .page-title { font-size: 22px; }
}