.nav-bar {
            position: fixed; bottom: 0; left: 0; right: 0;
            background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(15px);
            display: flex; justify-content: space-around; padding: 15px 0;
            border-top: 1px solid rgba(255, 255, 255, 0.05); z-index: 1000;
        }
        .nav-item {
            text-align: center; color: var(--text-dim); text-decoration: none;
            display: flex; flex-direction: column; align-items: center; gap: 5px; flex: 1;
        }
        .nav-item i { font-size: 20px; }
        .nav-item span { font-size: 11px; font-weight: 700; }
        
        /* نوکە ل پەیجێ پرۆفایلی یە، ڤێجا دێ زەر بیت */
        .nav-item.active { color: var(--primary); }