:root {
    --lp-navy: #0b1a5a;
    --lp-navy-2: #10256f;
    --lp-navy-3: #0a1440;
    --lp-yellow: #ffcc00;
    --lp-yellow-2: #ffd84d;
    --lp-surface: #f6f8fd;
    --lp-surface-2: #ffffff;
    --lp-text: #0b1026;
    --lp-muted: #5a677a;
    --lp-border: #e2e7f0;
    --lp-shadow: 0 12px 30px rgba(11, 26, 90, 0.12);
    --lp-radius: 14px;
}

html, body {
    background: linear-gradient(180deg, #f6f8fd 0%, #ffffff 100%);
    color: var(--lp-text);
    font-family: "Manrope", "Barlow", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.page-title, .card-header h4, .card-header h5 {
    font-family: "Bebas Neue", "Manrope", sans-serif;
    letter-spacing: 0.5px;
    color: var(--lp-navy-3);
}

a {
    color: var(--lp-navy-2);
}
a:hover {
    color: var(--lp-navy);
}

.navbar-custom-menu {
    background: linear-gradient(90deg, var(--lp-navy-3) 0%, var(--lp-navy) 70%, var(--lp-navy-2) 100%);
    border-bottom: 3px solid var(--lp-yellow);
}
.navbar-custom-menu .nav-link,
.navbar-custom-menu .navbar-nav .nav-item a,
.navbar-custom-menu .navbar-toggler {
    color: #ffffff !important;
}
.navbar-custom-menu .dropdown-menu {
    border-radius: var(--lp-radius);
    border: 1px solid var(--lp-border);
    box-shadow: var(--lp-shadow);
}

.sidebar-bunker {
    background: #ffffff;
    color: var(--lp-navy-3);
    border-inline-end: 3px solid var(--lp-yellow);
}
.sidebar-bunker .sidebar-brand img {
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.25));
}
.sidebar-bunker .sidebar-nav ul li a {
    color: var(--lp-navy-3) !important;
    border-radius: 10px;
    margin: 2px 8px;
}
.sidebar-bunker .sidebar-nav ul li a:hover,
.sidebar-bunker .sidebar-nav ul li.mm-active > a {
    background: rgba(11, 26, 90, 0.08);
    color: var(--lp-navy-3) !important;
    border-inline-start: 4px solid var(--lp-yellow);
}
.sidebar-bunker .nav-second-level {
    background: #f6f8fd;
    border-radius: 12px;
    margin: 6px 10px;
    padding: 6px 0;
}
.sidebar-bunker .nav-second-level .dropdown-item {
    color: var(--lp-navy-2) !important;
}

.content-wrapper {
    background: transparent;
}
.body-content {
    padding: 18px 20px;
}

.card {
    border-radius: var(--lp-radius);
    border: 1px solid var(--lp-border);
    box-shadow: var(--lp-shadow);
}
.card-header {
    background: linear-gradient(90deg, #ffffff 0%, #f6f8fd 100%);
    border-bottom: 1px solid var(--lp-border);
}

.btn {
    border-radius: 10px;
    font-weight: 700;
}
.btn-primary {
    background: var(--lp-navy);
    border-color: var(--lp-navy);
}
.btn-primary:hover {
    background: var(--lp-navy-2);
    border-color: var(--lp-navy-2);
}
.btn-success {
    background: var(--lp-yellow);
    border-color: #e0b400;
    color: var(--lp-navy-3);
}
.btn-success:hover {
    background: var(--lp-yellow-2);
    border-color: #e0b400;
    color: var(--lp-navy-3);
}
.btn-outline-secondary {
    border-color: var(--lp-navy);
    color: var(--lp-navy);
}
.btn-outline-secondary:hover {
    background: var(--lp-navy);
    color: #ffffff;
}

.form-control, .form-select {
    border-radius: 10px;
    border-color: var(--lp-border);
    box-shadow: none;
}
.form-control:focus, .form-select:focus {
    border-color: var(--lp-yellow);
    box-shadow: 0 0 0 0.2rem rgba(255, 204, 0, 0.25);
}

.table thead th {
    background: #f2f5fb;
    border-bottom: 2px solid var(--lp-border);
    color: var(--lp-navy-3);
}
.table tbody tr:hover {
    background: #f9fbff;
}

.dataTables_wrapper .dt-buttons .btn {
    background: var(--lp-navy);
    border-color: var(--lp-navy);
    color: #ffffff;
}
.dataTables_wrapper .dt-buttons .btn:hover {
    background: var(--lp-navy-2);
    border-color: var(--lp-navy-2);
}

.badge.bg-success, .badge-success {
    background: rgba(255, 204, 0, 0.2) !important;
    color: var(--lp-navy-3) !important;
}

.footer {
    background: var(--lp-navy-3);
    color: #ffffff;
    border-block-start: 3px solid var(--lp-yellow);
}

@media (max-width: 991px) {
    .body-content {
        padding: 14px 12px;
    }
    .sidebar-bunker {
        border-inline-end: none;
        border-block-start: 3px solid var(--lp-yellow);
    }
}