body { font-family: 'Open Sans', Arial, sans-serif; background: #ECF0F1; color: #34495E; }
        h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', Arial, sans-serif; }
        
        /* Navigation Styles */
        .nav-link-main {
            color: #ffffff;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.95rem;
            padding: 8px 16px;
            border-radius: 6px;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .nav-link-main:hover {
            color: #ffffff;
            background: rgba(255, 255, 255, 0.2);
            transform: translateY(-1px);
        }
        
        .nav-link-main.active {
            color: #ffffff;
            background: rgba(52, 152, 219, 0.15);
            font-weight: 700;
        }
        
        .nav-link-main.active::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 50%;
            transform: translateX(-50%);
            width: 30px;
            height: 2px;
            background: #3498DB;
            border-radius: 1px;
        }
        
        /* Mobile Navigation */
        .mobile-nav-link {
            display: block;
            padding: 12px 20px;
            color: #2C3E50;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.2s ease;
            border-left: 3px solid transparent;
        }
        
        .mobile-nav-link:hover {
            background: rgba(52, 152, 219, 0.1);
            border-left-color: #3498DB;
            color: #3498DB;
        }
        
        .mobile-nav-link.active {
            background: rgba(52, 152, 219, 0.15);
            border-left-color: #3498DB;
            color: #3498DB;
            font-weight: 600;
        }
        
        /* Hero and Content Styles */
        .hero { background: linear-gradient(120deg, #2C3E50 60%, #3498DB 100%); color: #fff; padding: 4rem 0 3rem 0; text-align: center; }
        .cta { background: #2C3E50; color: #fff; border-radius: 4px; padding: 0.75rem 2rem; font-weight: 700; margin: 0 0.5rem; transition: background 0.2s; }
        .cta-alt { background: #2ECC71; }
        .cta:hover { background: #3498DB; }
        .main-content { background: #fff; border-radius: 12px; box-shadow: 0 2px 16px #2C3E5011; margin-top: -3rem; padding: 2rem; }
        .main-content.admin-layout { margin-top: 0; border-radius: 0; margin-left: 260px; box-shadow: none; min-height: 100vh; }
        .footer { background: #FB8500; color: #ffffff; padding: 2rem 0; text-align: center; margin-top: 3rem; }
        
        /* Admin Content Styles */
        .admin-content { background: #ffffff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
        .admin-content .card { border: none; box-shadow: 0 2px 8px rgba(0,0,0,0.08); border-radius: 12px; }
        .admin-content h1, .admin-content h2, .admin-content h3 { color: #2C3E50; }
        .admin-content .btn-primary { background: linear-gradient(135deg, #3498DB 0%, #2980B9 100%); border: none; box-shadow: 0 2px 4px rgba(52,152,219,0.3); }
        .admin-content .btn-primary:hover { background: linear-gradient(135deg, #2980B9 0%, #1f5f99 100%); transform: translateY(-1px); box-shadow: 0 4px 8px rgba(52,152,219,0.4); }
        .admin-content .btn-success { background: linear-gradient(135deg, #27AE60 0%, #229954 100%); border: none; }
        .admin-content .btn-warning { background: linear-gradient(135deg, #F39C12 0%, #E67E22 100%); border: none; }
        .admin-content .btn-danger { background: linear-gradient(135deg, #E74C3C 0%, #C0392B 100%); border: none; }
        .admin-content .btn-info { background: linear-gradient(135deg, #17A2B8 0%, #138496 100%); border: none; }
        .admin-content .table thead th { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border: none; font-weight: 600; color: #2C3E50; }
        .admin-content .card-header { background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-bottom: 1px solid #e9ecef; }
        .admin-content .badge { font-weight: 500; padding: 0.5em 0.75em; }
        .stats-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
        .stats-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
        .table th { background-color: #f8f9fa; border-top: none; font-weight: 600; color: #2C3E50; }
        
        /* Responsive Styles */
        @media (max-width: 768px) { 
            .main-content { padding: 1rem; } 
            .hero { padding: 2rem 0; } 
            main { margin-left: 0 !important; }
            aside { display: none !important; }
            footer { margin-left: 0 !important; }
            .container-fluid { padding-left: 15px; padding-right: 15px; }
        }
        
        @media (max-width: 576px) {
            .container-fluid { padding-left: 10px; padding-right: 10px; }
            .nav-link-main { padding: 6px 12px; font-size: 0.9rem; }
        }
        
        /* Smooth animations */
        * { transition: all 0.2s ease; }
        
        /* Custom scrollbar for mobile menu */
        #mobile-menu::-webkit-scrollbar { width: 6px; }
        #mobile-menu::-webkit-scrollbar-track { background: #f1f1f1; }
        #mobile-menu::-webkit-scrollbar-thumb { background: #888; border-radius: 3px; }
        #mobile-menu::-webkit-scrollbar-thumb:hover { background: #555; }