/* ========================================
           SKELETON LOADER FOR INITIAL LOADING
           ======================================== */

        /* Skeleton container */
        .skeleton-container {
            padding: 1rem;
            animation: fadeIn 0.3s ease-in;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        /* Basic skeleton element */
        .skeleton {
            background: var(--skeleton-bg);
            background-size: 200% 100%;
            animation: shimmer 1.5s infinite;
            border-radius: 0.375rem;
        }

        @keyframes shimmer {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }

        /* Various types of skeleton elements */
        .skeleton-header {
            height: 2rem;
            width: 60%;
            margin-bottom: 1rem;
        }

        .skeleton-input {
            height: 2.5rem;
            width: 100%;
            margin-bottom: 0.75rem;
        }

        .skeleton-textarea {
            height: 6rem;
            width: 100%;
            margin-bottom: 0.75rem;
        }

        .skeleton-button {
            height: 2.5rem;
            width: 40%;
            margin: 0.5rem 0;
        }

        .skeleton-text {
            height: 1rem;
            width: 100%;
            margin-bottom: 0.5rem;
        }

        .skeleton-text-short {
            height: 1rem;
            width: 70%;
            margin-bottom: 0.5rem;
        }

        .skeleton-preview-block {
            height: 8rem;
            width: 100%;
            margin-bottom: 1rem;
        }

        /* Skeleton for CV preview */
        .skeleton-cv-preview {
            width: 210mm;
            min-height: 297mm;
            background: white;
            box-shadow: 0 4px 6px rgba(0,0,0,0.3);
            padding: 1.5rem;
        }

        /* Hide skeleton after loading */
        .skeleton-hidden {
            display: none !important;
        }
