/* Force Dark Styles Globally */
        body {
            background-color: #050505;
            color: #e6edf3;
            font-family: system-ui, -apple-system, sans-serif;
            overflow-x: hidden;
        }
        
        /* Grid Background */
        .grid-bg {
            background-size: 50px 50px;
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
            mask-image: radial-gradient(circle at 50% 0%, black 60%, transparent 100%);
        }

        /* Search Highlight */
        .search-highlight {
            background-color: rgba(234, 179, 8, 0.3);
            color: #fbbf24;
            padding: 0 4px;
            border-radius: 4px;
        }

        /* Scrollbar */
        ::-webkit-scrollbar { width: 8px; height: 8px; }
        ::-webkit-scrollbar-track { background: #050505; }
        ::-webkit-scrollbar-thumb { background: #30363d; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #58a6ff; }

        /* Footer Pattern (Fixed) */
        .footer-pattern {
            background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/g%3E%3C/svg%3E");
        }

        /* Tab Active State */
        .tab-active {
            border-bottom: 2px solid #58a6ff;
            color: white;
            background: rgba(255,255,255,0.05);
        }