.progress-container {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .progress-value {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 4px 12px 4px 15px;
        min-width: 85px;
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        transition: all 0.2s ease;
    }
    .progress-value:hover {
        border-color: #999;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        cursor: pointer;
    }
    .progress-value .arrow {
        margin-left: 8px;
        font-size: 18px;
        font-weight: bold;
        color: #777;
    }

    /* Pagination styles */
    .pagination-controls button {
        border: none;
        min-width: 32px;
        height: 32px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 2px;
        font-size: 14px;
    }

    .pagination-controls .btn-secondary {
        background-color: #555 !important;
        color: white !important;
    }

    .pagination-controls .btn-outline-secondary {
        background-color: #f8f9fa;
        color: #333;
    }

    .pagination-controls .btn-outline-secondary:hover:not(:disabled) {
        background-color: #e9ecef;
    }

    .pagination-info {
        color: #FF0000;
        font-size: 14px;
        font-weight: bold;
    }

    .pagination-controls button[disabled] {
        opacity: 0.5;
        cursor: not-allowed;
    }