transition: left 0.5s;
        }

        .tab:hover::before,
        .tab.active::before {
            left: 100%;
        }

        .tab.active {
            background: rgba(0, 255, 255, 0.2);
            color: #00ffff;
            border-bottom: 2px solid #00ffff;
        }

        .tab:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
        }

        /* Main Content Area */
        .content-area {
            background: rgba(255, 255, 255, 0.05);
