/*@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css');*/

        * { font-family: 'Vazir', 'Inter', system-ui, sans-serif; }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .fade-in { animation: fadeInUp 0.3s ease-out; }

        ::-webkit-scrollbar { width: 6px; height: 6px; }
        ::-webkit-scrollbar-track { background: #E5E7EB; border-radius: 10px; }
        ::-webkit-scrollbar-thumb { background: #9CA3AF; border-radius: 10px; }
        .dark ::-webkit-scrollbar-track { background: #1F2937; }
        .dark ::-webkit-scrollbar-thumb { background: #4B5563; }

        .server-card { transition: all 0.2s ease; }
        .server-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
        .dark .server-card:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.3); }

        .filter-tab {
            color: #6B7280;
            border-bottom: 2px solid transparent;
        }
        .filter-tab.active {
            color: #3B82F6;
            border-bottom-color: #3B82F6;
        }
        .dark .filter-tab.active { color: #60A5FA; }