/* Modal Styles */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 2000;
            justify-content: center;
            align-items: center;
        }

        .modal-content {
            background: white;
            width: 90%;
            max-width: 500px;
            border-radius: var(--border-radius);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            padding: 2rem;
            position: relative;
            animation: modalFadeIn 0.3s;
        }

        @keyframes modalFadeIn {
            from {
                opacity: 0;
                transform: translateY(-50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .close {
            position: absolute;
            top: 1rem;
            right: 1.5rem;
            font-size: 1.8rem;
            cursor: pointer;
            color: var(--gray);
            transition: var(--transition);
        }

        .close:hover {
            color: var(--dark);
        }

        .modal h2 {
            margin-bottom: 1.5rem;
            color: var(--primary-dark);
        }

        #clientModalTabs {
            display: flex;
            margin-bottom: 1.5rem;
            gap: 1rem;
        }

        /* Responsive Modal */
        @media (max-width: 600px) {
            .modal-content {
                padding: 1rem;
                max-width: 95vw;
            }
            .modal h2 {
                font-size: 1.1rem;
            }
            #clientModalTabs {
                flex-direction: column;
                gap: 0.5rem;
            }
        }