:root {
            --bs-body-font-family: 'Inter', sans-serif;
            --sidebar-bg: #111827;
            --sidebar-color: #9ca3af;
            --brand-indigo: #6366f1;
            --brand-indigo-hover: #4f46e5;
        }
        body {
            font-family: var(--bs-body-font-family);
            background-color: #f8fafc;
            color: #1e293b;
            overflow-x: hidden;
            height: 100vh;
            display: flex;
            flex-direction: column;
            margin: 0;
        }
        #sidebar {
            width: 260px;
            background-color: var(--sidebar-bg);
            color: var(--sidebar-color);
            height: 100%;
            transition: all 0.3s ease;
            z-index: 1040;
            flex-shrink: 0;
        }
        #sidebar .nav-link {
            color: var(--sidebar-color);
            padding: 0.65rem 1rem;
            border-radius: 0.75rem;
            font-weight: 500;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.2rem;
            transition: all 0.2s;
            text-decoration: none;
        }
        #sidebar .nav-link:hover, #sidebar .nav-link.active {
            color: #ffffff;
            background-color: var(--brand-indigo);
            box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
        }
        #sidebar .nav-link .left-content {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .submenu {
            padding-left: 2.25rem;
            list-style: none;
        }
        .submenu .nav-link {
            padding: 0.45rem 0.75rem;
            font-size: 0.815rem;
            justify-content: flex-start;
            background: transparent !important;
            box-shadow: none !important;
            color: #9ca3af;
        }
        .submenu .nav-link:hover, .submenu .nav-link.active {
            color: #ffffff;
            background-color: rgba(255, 255, 255, 0.08) !important;
        }
        .sidebar-heading {
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 0.05rem;
            color: #64748b;
            padding: 0.85rem 1rem 0.25rem 1rem;
            font-weight: 700;
        }
        .top-navbar {
            height: 70px;
            background-color: #ffffff;
            border-bottom: 1px solid #e2e8f0;
            flex-shrink: 0;
            z-index: 1045;
            width: 100%;
        }
        .card {
            border: 1px solid rgba(226, 232, 240, 0.9);
            border-radius: 1rem;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.02);
            background-color: #ffffff;
        }
        .table > :not(caption) > * > * {
            padding: 1rem 1.25rem;
            background-color: transparent;
            border-bottom-color: #f1f5f9;
            vertical-align: middle;
        }
        #toast-container {
            position: fixed;
            bottom: 1.5rem;
            right: 1.5rem;
            z-index: 1080;
        }
        .nav-link[data-bs-toggle="collapse"] .fa-chevron-down {
            transition: transform 0.2s ease;
        }
        .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] .fa-chevron-down {
            transform: rotate(180deg);
        }
        @media (max-width: 991.98px) {
            #sidebar {
                position: fixed;
                top: 70px;
                bottom: 0;
                left: -260px;
                height: calc(100vh - 70px);
            }
            #sidebar.show {
                left: 0;
            }
            .sidebar-backdrop {
                position: fixed;
                inset: 0;
                background: rgba(15, 23, 42, 0.5);
                z-index: 1035;
                display: none;
            }
            .sidebar-backdrop.show {
                display: block;
            }
        }