:root {
            --primary-color: #00bfa6;
            --primary-dark: #009e8a;
            --sidebar-bg: #0d1b2a;
            --submenu-bg: #1b263b;
            --hover-bg: rgba(0, 191, 166, 0.15);
            --glass-bg: rgba(13, 27, 42, 0.8); /* Darker glass for better contrast */
            --glass-border: rgba(255, 255, 255, 0.1);
        }

 
        body {
            font-family: 'Segoe UI', Tahoma, sans-serif;
            background: linear-gradient(135deg,rgb(229, 249, 246) 0%,rgb(215, 238, 248) 100%);
            overflow-x: hidden;
        }
        
        #wrapper {
            display: flex;
        }

        /* Sidebar */
        #sidebar-wrapper {
            width: 250px;
            min-height: 100vh;
            background: var(--sidebar-bg);
            transition: margin-left 0.3s ease;
        }

        .sidebar-heading {
            font-size: 1.3rem;
            padding: 1rem;
            text-align: center;
            font-weight: bold;
            color: white;
            background: var(--primary-color);
            letter-spacing: 1px;
        }

        /* Menu Items */
        .list-group-item {
            border: none;
            background: transparent;
            color: white;
            transition: all 0.3s ease;
            padding: 0.75rem 1.25rem;
        }

        .list-group-item:hover, .list-group-item:focus {
            background-color: var(--hover-bg);
            border-left: 4px solid var(--primary-color);
            color: white;
            text-decoration: none;
        }

        .list-group-item i {
            transition: transform 0.3s ease;
        }

        .list-group-item:hover i {
            transform: scale(1.1);
        }

        /* Submenu */
        .collapse {
            background: var(--submenu-bg);
            border-left: 3px solid var(--primary-dark);
            animation: fadeIn 0.3s ease;
        }

        .collapse .list-group-item {
            color: #cfd8dc;
            font-size: 0.9rem;
            padding-left: 2rem;
        }

        .collapse .list-group-item:hover {
            background-color: var(--hover-bg);
            color: white;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-5px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Page Content Wrapper */
        #page-content-wrapper {
            width: 100%;
        }

        /* Navbar */
        nav.navbar {
            background: var(--glass-bg);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-bottom: 1px solid var(--glass-border);
        }

        /* Menu Toggle Button */
        #menu-toggle {
            background-color: var(--primary-color);
            border: none;
            transition: background-color 0.3s ease;
        }

        #menu-toggle:hover {
            background-color: var(--primary-dark);
        }

        /* Sidebar Toggling */
        #wrapper.toggled #sidebar-wrapper {
            margin-left: -250px;
        }
        @media (min-width: 768px) {
            #sidebar-wrapper {
                margin-left: 0;
            }
            #wrapper.toggled #sidebar-wrapper {
                margin-left: -250px;
            }
            #page-content-wrapper {
                min-width: 0;
                width: 100%;
            }
        }