body {
            font-family: 'Inter', sans-serif;
            background-color: #f8fafc;
            color: #1e293b;
        }

        .glow-yellow {
            filter: drop-shadow(0 0 12px rgba(251, 191, 36, 0.5));
        }

        .glass-panel {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(226, 232, 240, 0.8);
        }

        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }


        /* LogiDFT Drag and Drop Target Animation */
        .drag-over {
            border-color: #3b82f6 !important;
            background-color: rgba(59, 130, 246, 0.1) !important;
        }



        /* Page switching animation */
        .page-view {
            display: none;
            opacity: 0;
            transform: translateY(10px);
            transition: opacity 0.3s ease-out, transform 0.3s ease-out;
        }

        .page-view.active-page {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        .nav-link.active-nav {
            color: #0f3763;
            background-color: #f1f5f9;
            font-weight: 700;
            border-bottom: 2px solid #f59e0b;
        }