:root {
            --primary-blue: #0a2540;
            --secondary-blue: #1e3a8a;
            --accent-gold: #f59e0b;
            --light-bg: #f8fafc;
            --text-dark: #334155;
            --border-color: #e2e8f0;
        }

        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: var(--light-bg);
            color: var(--text-dark);
            overflow-x: hidden;
        }

        /* Top Utility Strip */
        .top-bar {
            background-color: var(--primary-blue);
            font-size: 0.85rem;
        }
        .top-bar a:hover { 
            color: var(--accent-gold) !important; 
        }

        /* Modernized Sticky Navbar */
        .navbar {
            background-color: #ffffff;
            border-bottom: 1px solid var(--border-color);
            padding: 0.85rem 0;
        }
        .nav-link {
            color: var(--primary-blue) !important;
            font-weight: 500;
            padding: 0.5rem 1rem !important;
            transition: color 0.2s ease;
        }
        .nav-link:hover, .nav-link.active {
            color: var(--accent-gold) !important;
        }

        /* Premium Fluid Hero Element */
        .hero-section {
            background: linear-gradient(135deg, rgba(10, 37, 64, 0.96) 0%, rgba(30, 58, 138, 0.9) 100%), 
                        url('https://www.dbuu.ac.in/assets/images/dbuu-campus-webp-1.webp') no-repeat center center/cover;
            padding: 4.5rem 0 6.5rem 0;
            color: #ffffff;
        }

        /* Dynamic Stats Matrix Blocks */
        .stats-overlay {
            margin-top: -3.5rem;
            position: relative;
            z-index: 5;
        }
        .stat-card {
            border: none;
            border-top: 4px solid var(--accent-gold);
            background: #ffffff;
            box-shadow: 0 10px 25px rgba(0,0,0,0.05);
            border-radius: 8px;
            padding: 1.5rem;
        }
        .stat-number { 
            font-size: 2.2rem; 
            font-weight: 700; 
            color: var(--primary-blue); 
            margin: 0; 
        }

        /* Responsive Compliance Cards Grid */
        .compliance-card {
            background: #c92039;
            border: 1px solid var(--border-color);
            border-radius: 20px;
            padding: 1.75rem;
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
        }
        .compliance-card:hover {
            background: #172b52;
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.06);
            border-color: #172b52;
            transition: 0.4s;
        }
        .icon-box {
            width: 46px;
            height: 46px;
            background-color: rgba(30, 58, 138, 0.08);
            color: var(--secondary-blue);
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            font-size: 1.4rem;
            margin-bottom: 1.25rem;
        }

        /* Dynamic Notification Center Elements */
        .notice-board { 
            max-height: 350px; 
            overflow-y: auto; 
            padding-right: 5px;
        }
        .notice-item {
            background-color: #f8fafc;
            border-left: 4px solid var(--secondary-blue);
            padding: 1rem;
            border-radius: 0 8px 8px 0;
            transition: background-color 0.2s ease;
        }
        .notice-item:hover {
            background-color: #f1f5f9;
        }
        .section-title {
            font-weight: 700;
            color: var(--primary-blue);
            border-bottom: 3px solid var(--accent-gold);
            display: inline-block;
            padding-bottom: 6px;
        }
        
        /* Modernized Custom Scrollbar for Notices */
        .notice-board::-webkit-scrollbar { width: 5px; }
        .notice-board::-webkit-scrollbar-track { background: #f1f5f9; }
        .notice-board::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
        
        
        /* ===========================
               DROPDOWN MENU STYLING
            =========================== */
            .navbar .dropdown-menu {
                display: block;
                opacity: 0;
                visibility: hidden;
                transform: translateY(15px);
                transition: all 0.35s ease;
                min-width: 280px;
                padding: 0.6rem 0;
                border: 1px solid rgba(0,0,0,0.06);
                box-shadow: 0 15px 35px rgba(0,0,0,0.08);
                pointer-events: none;
            }
            
            .navbar .dropdown:hover > .dropdown-menu,
            .navbar .dropdown.show > .dropdown-menu {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
                pointer-events: auto;
            }
            
            .navbar .dropdown-toggle::after {
                margin-left: 0.45rem;
                vertical-align: middle;
                transition: transform 0.3s ease;
            }
            
            .navbar .dropdown:hover .dropdown-toggle::after,
            .navbar .dropdown.show .dropdown-toggle::after {
                transform: rotate(180deg);
            }
            
            .navbar .dropdown-item {
                font-weight: 500;
                color: var(--primary-blue);
                border-radius: 8px;
                margin: 0 0.5rem;
                width: auto;
                transition: all 0.25s ease;
            }
            
            .navbar .dropdown-item:hover {
                background: rgba(30, 58, 138, 0.08);
                color: var(--secondary-blue);
                padding-left: 1.25rem;
            }
            
            .navbar .dropdown-divider {
                margin: 0.4rem 1rem;
            }
            
            /* Mobile */
            @media (max-width: 991.98px) {
                .navbar .dropdown-menu {
                    opacity: 1;
                    visibility: visible;
                    transform: none;
                    display: none;
                    box-shadow: none;
                    border: 1px solid var(--border-color);
                    margin-top: 0.5rem;
                    pointer-events: auto;
                }
            
                .navbar .dropdown.show > .dropdown-menu {
                    display: block;
                }
            }
            
        /* ==========================================
           MOBILE OFFCANVAS ONLY (Hidden on Desktop)
        ========================================== */
        .offcanvas.d-lg-none {
            display: block;
        }
        
        /* Reports submenu animation */
        #mobileReportsMenu .nav-link {
            color: var(--primary-blue) !important;
            font-weight: 500;
        }
        
        #mobileReportsMenu .nav-link:hover {
            background: rgba(30, 58, 138, 0.08) !important;
            color: var(--secondary-blue) !important;
        }
        
        /* Chevron rotation */
        a[aria-controls="mobileReportsMenu"] .bi-chevron-down {
            transition: transform 0.3s ease;
        }
        
        a[aria-controls="mobileReportsMenu"][aria-expanded="true"] .bi-chevron-down {
            transform: rotate(180deg);
        }
        .text-warning{
            color:#fba215 !important;
        }
        .bg-warning{
            background-color: #fba215 !important;
        }

        /* ==========================================
               MODERN IQAC OBJECTIVES SECTION
            ========================================== */

            .modern-objectives-section{
                position: relative;
                overflow: hidden;
                background:
                    linear-gradient(rgba(8,15,40,0.92), rgba(8,15,40,0.95)),
                    url('images/pattern.webp');
                background-size: cover;
                background-position: center;
                padding: 90px 0;
            }

            /* Background Glow */
            .modern-objectives-section::before{
                content: '';
                position: absolute;
                top: -150px;
                left: -150px;
                width: 400px;
                height: 400px;
                background: rgba(255, 87, 34, 0.12);
                border-radius: 50%;
                filter: blur(100px);
            }

            .modern-objectives-section::after{
                content: '';
                position: absolute;
                bottom: -150px;
                right: -150px;
                width: 400px;
                height: 400px;
                background: rgba(255, 193, 7, 0.12);
                border-radius: 50%;
                filter: blur(100px);
            }

            /* Heading */
            .section-heading{
                position: relative;
                z-index: 2;
            }

            .mini-title{
                display: inline-block;
                color: #ffb703;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 2px;
                margin-bottom: 12px;
                text-transform: uppercase;
            }

            .main-title{
                color: #fff;
                font-size: 42px;
                font-weight: 800;
                margin-bottom: 15px;
            }

            .section-subtitle{
                max-width: 750px;
                margin: auto;
                color: rgba(255,255,255,0.75);
                font-size: 16px;
                line-height: 1.8;
            }

            /* Card */
            .modern-objective-card{
                position: relative;
                z-index: 2;
                height: 100%;
                padding: 28px 15px;
                border-radius: 20px;
                background: rgba(255,255,255,0.08);
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255,255,255,0.08);
                transition: all 0.2s ease;
                overflow: hidden;
            }

            /* Top Border */
            .modern-objective-card::before{
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 4px;
                background: linear-gradient(to right, #ff4d6d, #ffb703);
            }

            /* Hover */
            .modern-objective-card:hover{
                transform: translateY(-10px);
                box-shadow: 0 20px 40px rgba(0,0,0,0.25);
                border-color: rgba(255,255,255,0.15);
            }

            /* Number */
            .objective-number{
                width: 70px;
                height: 70px;
                border-radius: 18px;
                background: linear-gradient(135deg, #ff1744, #ff9100);
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                font-size: 24px;
                font-weight: 800;
                margin-bottom: 25px;
                box-shadow: 0 12px 25px rgba(255, 87, 34, 0.35);
            }

            /* Title */
            .modern-objective-card h5{
                color: #fff;
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 15px;
                line-height: 1.4;
            }

            /* Text */
            .modern-objective-card p{
                color: rgba(255, 255, 255, 0.78);
                font-size: 14px;
                line-height: 1.5;
                margin-bottom: 0;
            }

            /* Responsive */
            @media(max-width: 991px){

                .main-title{
                    font-size: 34px;
                }

                .modern-objective-card{
                    padding: 30px 24px;
                }
            }

            @media(max-width: 767px){

                .modern-objectives-section{
                    padding: 70px 0;
                }

                .main-title{
                    font-size: 28px;
                }

                .section-subtitle{
                    font-size: 15px;
                }

                .objective-number{
                    width: 60px;
                    height: 60px;
                    font-size: 20px;
                }
            }


            /* ==========================================
               OBJECTIVE ICON
            ========================================== */

            .objective-icon{
                width: 60px;
                height: 60px;
                border-radius: 20px;
                background: linear-gradient(135deg, #ff1744, #ff9800);
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 20px;
                box-shadow: 0 15px 35px rgba(255, 87, 34, 0.35);
                transition: all 0.4s ease;
                position: relative;
                overflow: hidden;
            }

            .objective-icon::before{
                content: '';
                position: absolute;
                width: 120%;
                height: 120%;
                background: rgba(255,255,255,0.08);
                transform: rotate(45deg);
                top: -60%;
                left: -60%;
            }

            .objective-icon i{
                color: #fff;
                font-size: 29px;
                position: relative;
                z-index: 2;
            }

            /* Hover Effect */
            .modern-objective-card:hover .objective-icon{
                transform: translateY(-6px) rotate(-6deg) scale(1.08);
            }

            /* Mobile */
            @media(max-width: 767px){

                .objective-icon{
                    width: 65px;
                    height: 65px;
                    border-radius: 18px;
                }

                .objective-icon i{
                    font-size: 26px;
                }
            }

            /* 5 CARDS IN ONE ROW */
            @media(min-width: 992px){

                .col-lg-2-4{
                    width: 20%;
                    flex: 0 0 20%;
                }

            }


            /* ==========================================
               IQAC TACTICS & ADVANTAGES SECTION
            ========================================== */

            .iqac-strategy-section{
                position: relative;
                overflow: hidden;
                background:linear-gradient(rgb(201 32 57), rgb(202 37 55)), url(images/pattern.webp);
                background-size: cover;
                background-position: center;
                padding: 90px 0;
            }

            /* Background Glow */
            .iqac-strategy-section::before{
                content: '';
                position: absolute;
                width: 450px;
                height: 450px;
                background: rgba(255, 87, 34, 0.10);
                border-radius: 50%;
                top: -180px;
                left: -180px;
                filter: blur(100px);
            }

            .iqac-strategy-section::after{
                content: '';
                position: absolute;
                width: 450px;
                height: 450px;
                background: rgba(255, 193, 7, 0.10);
                border-radius: 50%;
                bottom: -180px;
                right: -180px;
                filter: blur(100px);
            }

            /* Card */
            .strategy-card{
                position: relative;
                z-index: 2;
                /*background: rgba(255,255,255,0.08);*/
                border: 1px solid rgba(255,255,255,0.5);
                border-radius: 28px;
                padding: 35px;
                backdrop-filter: blur(12px);
                overflow: hidden;
                transition: 0.4s ease;
            }

            .strategy-card::before{
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 5px;
                background: linear-gradient(to right, #ff1744, #ff9800);
            }

            .strategy-card:hover{
                transform: translateY(-10px);
                box-shadow: 0 20px 40px rgba(0,0,0,0.30);
            }

            /* Top */
            .strategy-top{
                display: flex;
                align-items: center;
                gap: 18px;
                margin-bottom: 25px;
            }

            /* Icon */
            .strategy-icon{
                width: 75px;
                height: 75px;
                border-radius: 22px;
                background: linear-gradient(135deg, #ff1744, #ff9800);
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                box-shadow: 0 15px 35px rgba(255, 87, 34, 0.35);
            }

            .advantage-icon{
                background: linear-gradient(135deg, #ff1744, #ff9800);
            }

            .strategy-icon i{
                color: #fff;
                font-size: 32px;
            }

            /* Heading */
            .strategy-label{
                color: #ffb703;
                font-size: 13px;
                font-weight: 700;
                letter-spacing: 1.5px;
                text-transform: uppercase;
            }

            .strategy-card h3{
                color: #fff;
                font-size: 34px;
                font-weight: 800;
                margin-top: 5px;
                margin-bottom: 0;
            }

            /* Intro */
            .strategy-intro{
                color: rgba(255,255,255,0.80);
                font-size: 16px;
                margin-bottom: 25px;
                line-height: 1.8;
            }

            /* List */
            .strategy-list{
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .strategy-list li{
               position: relative;
                padding-left: 34px;
                margin-bottom: 9px;
                color: rgba(255, 255, 255, 0.85);
                line-height: 1.4;
                font-size: 15px;
            }

            /* Arrow Icon */
            .strategy-list li::before{
                content: '\f138';
                font-family: "bootstrap-icons";
                position: absolute;
                left: 0;
                top: 2px;
                color: #fff;
                font-size: 18px;
                font-weight: bold;
            }

            /* Responsive */
            @media(max-width: 991px){

                .strategy-card{
                    padding: 30px;
                }

                .strategy-card h3{
                    font-size: 28px;
                }
            }

            @media(max-width: 767px){

                .iqac-strategy-section{
                    padding: 70px 0;
                }

                .strategy-card{
                    padding: 25px;
                }

                .strategy-top{
                    flex-direction: column;
                    align-items: flex-start;
                }

                .strategy-icon{
                    width: 65px;
                    height: 65px;
                }

                .strategy-icon i{
                    font-size: 26px;
                }

                .strategy-card h3{
                    font-size: 24px;
                }
            }


            /* ==========================================
               IQAC ACCORDION SECTION
            ========================================== */

            .iqac-accordion-section{
                background: #eee;
                position: relative;
                overflow: hidden;
                padding: 90px 0;
            }
            .modern-iqac-accordion .accordion-button{
                background: #172b52 !important
            }

            /* Heading */
            .committee-heading{
                position: relative;
                z-index: 2;
            }

            .committee-mini-title{
                color: #ffb703;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 2px;
                text-transform: uppercase;
            }

            .committee-main-title{
                color: #fff;
                font-size: 42px;
                font-weight: 800;
                margin-top: 10px;
                margin-bottom: 15px;
            }

            .committee-subtitle{
                color: rgba(255,255,255,0.75);
                font-size: 16px;
            }

            /* Accordion */
            .modern-iqac-accordion .accordion-item{
                border: none;
                background: transparent;
                margin-bottom: 20px;
            }

            .modern-iqac-accordion .accordion-button{
                background: rgba(255,255,255,0.08);
                backdrop-filter: blur(12px);
                border-radius: 24px !important;
                padding: 24px 28px;
                border: 1px solid rgba(255,255,255,0.08);
                box-shadow: none;
                display: flex;
                align-items: center;
                gap: 20px;
            }

            .modern-iqac-accordion .accordion-button:not(.collapsed){
                background: rgba(255,255,255,0.10);
            }

            .modern-iqac-accordion .accordion-button::after{
                filter: brightness(0) invert(1);
            }

            /* Icon */
            .accordion-icon{
                width: 70px;
                height: 70px;
                border-radius: 20px;
                background: linear-gradient(135deg, #ff1744, #ff9800);
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
            }

            .accordion-icon i{
                color: #fff;
                font-size: 30px;
            }

            /* Heading */
            .position-label{
                color: #ffb703;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 1.5px;
                text-transform: uppercase;
            }

            .accordion-button h5{
                color: #fff;
                font-size: 26px;
                font-weight: 700;
                margin: 5px 0 0;
            }

            /* Body */
            .modern-iqac-accordion .accordion-body{
                padding: 30px;
            }

            /* Member Card */
            .member-card{
                background: #fff;
                border: 1px solid rgba(255,255,255,0.5);
                border-radius: 24px;
                padding: 30px;
                margin-bottom: 25px;
            }

            .member-card h4{
                color: #c92039;
                font-size: 24px;
                font-weight: 700;
                margin-bottom: 10px;
            }

            .member-affiliation{
                display: inline-block;
                color: #ffb703;
                font-size: 15px;
                font-weight: 600;
                margin-bottom: 25px;
            }

            /* Grid */
            .member-info-grid{
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
            }

            .member-info-box{
                background: #172b52;
                border-radius: 18px;
                padding: 18px;
                display: flex;
                gap: 15px;
                align-items: flex-start;
            }

            .member-info-box i{
                color: #ff4d6d;
                font-size: 22px;
            }

            .member-info-box label{
                display: block;
                color: #ffb703;
                font-size: 12px;
                text-transform: uppercase;
                margin-bottom: 5px;
                letter-spacing: 1px;
            }

            .member-info-box p{
                margin: 0;
                color: rgba(255,255,255,0.85);
                font-size: 15px;
                line-height: 1.7;
                word-break: break-word;
            }

            /* Responsive */
            @media(max-width: 991px){

                .member-info-grid{
                    grid-template-columns: 1fr;
                }

                .committee-main-title{
                    font-size: 34px;
                }
            }

            @media(max-width: 767px){

                .iqac-accordion-section{
                    padding: 70px 0;
                }

                .modern-iqac-accordion .accordion-button{
                    padding: 20px;
                    gap: 15px;
                }

                .accordion-icon{
                    width: 60px;
                    height: 60px;
                }

                .accordion-icon i{
                    font-size: 24px;
                }

                .accordion-button h5{
                    font-size: 20px;
                }

                .member-card{
                    padding: 22px;
                }
            }
          


           .text-light-60{
            color: rgba(255,255,255,0.75);
        }

        /* ==========================================
           PASSWORD BOX
        ========================================== */
        .password-wrapper{
            min-height: 75vh;
            display:flex;
            align-items:center;
            justify-content:center;
        }

        .password-card{
            width:100%;
            max-width:520px;
            background:#fff;
            border-radius:30px;
            padding:40px;
            box-shadow:0 15px 50px rgba(0,0,0,0.08);
            text-align:center;
        }

        .password-image{
            width:100%;
            max-width:300px;
            margin:auto;
            margin-bottom:30px;
        }

        .password-icon{
            width:90px;
            height:90px;
            background:linear-gradient(135deg,#dc3545,#ff9800);
            border-radius:25px;
            display:flex;
            align-items:center;
            justify-content:center;
            margin:auto;
            margin-bottom:25px;
            box-shadow:0 15px 30px rgba(220,53,69,0.25);
        }

        .password-icon i{
            color:#fff;
            font-size:40px;
        }

        .password-title{
            font-size:32px;
            font-weight:800;
            color:#081226;
            margin-bottom:10px;
        }

        .password-subtitle{
            color:#6c757d;
            margin-bottom:30px;
        }

        .custom-input{
            height:58px;
            border-radius:16px;
            border:1px solid #dce3ea;
            padding-left:18px;
            font-size:16px;
        }

        .custom-input:focus{
            box-shadow:none;
            border-color:#ff9800;
        }

        .btn-access{
            height:58px;
            border:none;
            border-radius:16px;
            background:linear-gradient(135deg,#0d6efd,#0056d6);
            color:#fff;
            font-weight:700;
            font-size:17px;
            transition:0.3s;
        }

        .btn-access:hover{
            transform:translateY(-2px);
        }

        /* ==========================================
           TABLE SECTION
        ========================================== */
        .mom-section{
            padding:80px 0;
        }

        .mom-card{
            background:#fff;
            border-radius:25px;
            padding:35px;
            box-shadow:0 10px 40px rgba(0,0,0,0.06);
        }

        .table-modern{
            border-radius:18px;
            overflow:hidden;
        }

        .table-modern thead{
            background:#081226;
            color:#fff;
        }

        .table-modern th{
            padding:18px;
            font-weight:700;
            border:none;
        }

        .table-modern td{
            padding:18px;
            vertical-align:middle;
        }

        .mom-title{
            font-weight:600;
            color:#081226;
        }

        .btn-view{
            background:linear-gradient(135deg,#dc3545,#ff9800);
            border:none;
            border-radius:12px;
            color:#fff;
            padding:10px 18px;
            font-weight:600;
            text-decoration:none;
            display:inline-flex;
            align-items:center;
            gap:8px;
        }

        .logout-btn{
            background:#dc3545;
            color:#fff;
            border:none;
            border-radius:12px;
            padding:12px 20px;
            text-decoration:none;
            font-weight:600;
        }

        @media(max-width:767px){

            .password-card{
                padding:30px 22px;
            }

            .password-title{
                font-size:26px;
            }

            .mom-card{
                padding:20px;
            }

        }