:root {
            --primary-blue: #275474;
            --accent-orange: #FE8001;
        }

        body { font-family: 'Segoe UI', sans-serif; color: #444; }

        /* Navigation Style (Synced with Index) */
        .navbar { 
            background-color: white !important; 
            border-bottom: 4px solid var(--accent-orange);
            padding: 10px 0;
        }
        .navbar-brand img { max-height: 70px; width: auto; }
        .nav-link { 
            color: var(--primary-blue) !important; 
            font-weight: 600; 
            text-transform: uppercase;
            font-size: 0.9rem;
        }
        .nav-link:hover { color: var(--accent-orange) !important; }
        .dropdown-item:hover { background-color: var(--accent-orange); color: white; }

        /* Header Style */
        .page-header {
            background: linear-gradient(rgba(39, 84, 116, 0.9), rgba(39, 84, 116, 0.9)), 
                        url('https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=1350&q=80');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 60px 0;
            border-bottom: 8px solid var(--accent-orange);
        }

        /* Department Content Style */
        .dept-section { padding: 60px 0; border-bottom: 1px solid #eee; }
        .dept-section:nth-child(even) { background-color: #f9f9f9; }
        .dept-title { color: var(--primary-blue); font-weight: 700; margin-bottom: 15px; }
        .dept-title::after { content: ''; display: block; width: 50px; height: 4px; background: var(--accent-orange); margin-top: 10px; }
        .dept-image { border-radius: 15px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); width: 100%; height: 300px; object-fit: cover; }
        .btn-dept { background-color: var(--primary-blue); color: white; border: none; padding: 8px 20px; border-radius: 5px; }
        .btn-dept:hover { background-color: var(--accent-orange); color: white; } 
		
		/* Image placeholder fallback */
    .image-box {
        position: relative;
        width: 100%;
        height: 300px;
        background-color: var(--primary-blue);
        border-radius: 15px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
    .dept-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .image-placeholder-text {
        color: white;
        font-weight: bold;
        z-index: 1;
        text-align: center;
        padding: 20px;
    }
	
		
		/* Enhanced Table Styling */
    .table-container {
        margin-top: -40px; 
        position: relative;
        z-index: 10;
        padding-bottom: 30px;
    }
    
    .custom-table {
        background: white;
        border-radius: 12px;
        overflow: hidden;
        /* More pronounced shadow effect */
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, 0.08);
        border-collapse: separate;
        border-spacing: 0;
    }

    .custom-table thead {
        background-color: var(--primary-blue);
        color: white;
    }

    /* Column Borders */
    .custom-table th, 
    .custom-table td {
        border-right: 1px solid #dee2e6; /* Vertical column border */
        padding: 18px;
        border-bottom: 1px solid #dee2e6;
    }

    /* Remove border from the last column */
    .custom-table th:last-child, 
    .custom-table td:last-child {
        border-right: none;
    }

    .custom-table thead th {
        border-bottom: 4px solid var(--accent-orange); /* Orange accent below header */
        font-weight: 700;
        letter-spacing: 0.5px;
    }

    .custom-table tbody tr:last-child td {
        border-bottom: none;
    }

    .custom-table tbody tr:hover {
        background-color: #fcfcfc;
        transition: background-color 0.3s ease;
    }

    .dept-code-cell {
        color: var(--primary-blue);
        font-weight: 800;
        background-color: rgba(39, 84, 116, 0.03);
    }

    .capacity-label {
        background-color: var(--accent-orange);
        color: white;
        padding: 6px 14px;
        border-radius: 4px;
        font-weight: 600;
        display: inline-block;
        box-shadow: 0 3px 6px rgba(254, 128, 1, 0.3);
    }

        /* Footer Style (Synced with Index) */
        .footer-main { background-color: var(--primary-blue); color: #ffffff; padding: 60px 0 20px; border-top: 6px solid var(--accent-orange); }
        .footer-header { color: var(--accent-orange); font-weight: 700; margin-bottom: 25px; text-transform: uppercase; font-size: 1.1rem; }
        .footer-links ul { list-style: none; padding: 0; }
        .footer-links ul li a { color: #e0e0e0; text-decoration: none; transition: 0.3s; font-size: 0.9rem; }
        .footer-links ul li a:hover { color: var(--accent-orange); padding-left: 5px; }
        .contact-item { display: flex; margin-bottom: 15px; font-size: 0.9rem; }
        .contact-item svg { margin-right: 12px; flex-shrink: 0; }
        .footer-bottom { background-color: rgba(0,0,0,0.2); padding: 15px 0; margin-top: 40px; border-top: 1px solid rgba(255,255,255,0.1); }