body {
            font-family: 'Inter', sans-serif;
        }

        .bg-primary{
            background-color: #E9F4FC;
        }

        .color-primary {
            color: #5FA4DD;
        }

        .bg-color-primary {
            background-color: #5FA4DD;
            color: white;
        }

        .bg-color-light-primary {
            background-color: #a0bfd8;
        }

        .loading-shimmer {
            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: shimmer 1.5s infinite;
        }
        
        @keyframes shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }

        .breadcrumb-item {
            white-space: nowrap;       /* Prevent wrapping */
            overflow: hidden;          /* Hide overflow */
            text-overflow: ellipsis;   /* Show ... for long text */
            max-width: 120px;          /* Adjust to fit your design */
            display: inline-block;
            vertical-align: middle;
            }

        /* Loading Spinner */
        .loading-spinner {
            display: inline-block;
            width: 16px;
            height: 16px;
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            border-top-color: #ffffff;
            animation: spin 1s ease-in-out infinite;
        }

        @keyframes spin {
            to { transform: rotate(360deg); }
        }

        /* Button Loading State */
        .btn-loading {
            position: relative;
            pointer-events: none;
            opacity: 0.7;
        }

        .btn-loading .btn-text {
            opacity: 0;
        }

        .btn-loading .loading-spinner {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }