body { min-height: 100vh; }
        .sidebar {
            min-width: 230px;
            max-width: 230px;
            min-height: calc(100vh - 56px);
            background-color: #212529;
            transition: all 0.3s;
        }
        .sidebar .nav-link {
            color: #adb5bd;
            padding: 0.65rem 1.1rem;
            border-radius: 0.375rem;
            margin: 2px 10px;
            font-size: 0.9rem;
        }
        .sidebar .nav-link:hover,
        .sidebar .nav-link.active {
            color: #fff;
            background-color: #495057;
        }
        .sidebar .nav-link .bi { margin-right: 10px; font-size: 1rem; }
        .content-area { flex: 1; min-width: 0; background-color: #f8f9fa; }
        .sidebar-toggle { display: none; }

        @media (max-width: 768px) {
            .sidebar {
                position: fixed;
                top: 56px;
                left: -230px;
                z-index: 1040;
                height: calc(100vh - 56px);
            }
            .sidebar.show { left: 0; }
            .sidebar-toggle { display: inline-block; }
            .sidebar-overlay {
                display: none;
                position: fixed;
                top: 56px;
                left: 0;
                width: 100%;
                height: calc(100vh - 56px);
                background: rgba(0,0,0,0.5);
                z-index: 1035;
            }
            .sidebar-overlay.show { display: block; }
        }

        /* User dropdown styling */
        .user-dropdown .dropdown-toggle::after { display: none; }
        .user-dropdown .dropdown-menu {
            min-width: 220px;
            border: 1px solid #30363d;
        }
        .user-dropdown .dropdown-header {
            font-size: 0.8rem;
            padding: 0.5rem 1rem;
        }
        .user-dropdown .dropdown-item {
            padding: 0.45rem 1rem;
            font-size: 0.9rem;
        }
        .user-dropdown .dropdown-item .bi {
            width: 20px;
            display: inline-block;
        }