body { font-family: 'Segoe UI', sans-serif; }
.card { border-radius: 1rem; }
.table thead th { background-color: #f8f9fa; }
.sidebar {
            position: fixed;
            top: 0;
            right: -250px;
            width: 250px;
            height: 100%;
            background-color: #343a40;
            padding-top: 60px;
            transition: right 0.3s ease-in-out;
            z-index: 9999;
        }
        .sidebar.active {
            right: 0;
        }
        .sidebar a {
            color: #fff;
            display: block;
            padding: 12px 20px;
            text-decoration: none;
        }
        .sidebar a:hover {
            background-color: #495057;
        }
        .menu-toggle {
            background: none;
            border: none;
            color: #fff;
            font-size: 1.5rem;
        }
        .navbar-brand img {
            height: 40px;
        }