body {
        background-color: #000;
        color: #fff;
    }


    /* =====================================================
       ADMIN CARD
    ====================================================== */

    .admin-card {

        background-color: #111;

        border: 1px solid #2b2b2b;

        border-radius: 12px;

        overflow: hidden;

    }


    .admin-card:hover {

        border-color: #444;

    }


    /* =====================================================
       SECTION TITLE
    ====================================================== */

    .section-title {

        font-size: 18px;

        font-weight: 600;

    }


    /* =====================================================
       MUTED TEXT
    ====================================================== */

    .text-muted-custom {

        color: #888 !important;

    }


    /* =====================================================
       TABLE
    ====================================================== */

    .table-dark {

        --bs-table-bg: #111;

        --bs-table-border-color: #292929;

        --bs-table-hover-bg: #181818;

    }


    .table-dark th {

        color: #aaa;

        font-size: 13px;

        font-weight: 500;

        text-transform: uppercase;

        letter-spacing: 0.4px;

        white-space: nowrap;

    }


    .table-dark td {

        color: #ddd;

    }


    /* =====================================================
       PRODUCT IMAGE
    ====================================================== */

    .product-image {

        width: 52px;

        height: 52px;

        object-fit: cover;

        border-radius: 10px;

        background-color: #000;

        border: 1px solid #333;

    }


    .product-placeholder {

        width: 52px;

        height: 52px;

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 10px;

        background-color: #000;

        border: 1px solid #333;

        font-size: 22px;

    }


    /* =====================================================
       MOBILE PRODUCT CARD
    ====================================================== */

    .product-mobile-card {

        background-color: #111;

        border: 1px solid #292929;

        border-radius: 12px;

    }


    .product-mobile-image {

        width: 70px;

        height: 70px;

        object-fit: cover;

        border-radius: 10px;

        background-color: #000;

        border: 1px solid #333;

        flex-shrink: 0;

    }

    .product-image-upload-preview {
        width: 72px;
        height: 72px;
        object-fit: cover;
        background-color: #000;
        flex: 0 0 72px;
    }


    /* =====================================================
       BADGE
    ====================================================== */

    .badge-soft-success {

        background-color: rgba(25, 135, 84, 0.15);

        color: #65d391;

        border: 1px solid rgba(25, 135, 84, 0.25);

    }


    .badge-soft-danger {

        background-color: rgba(220, 53, 69, 0.15);

        color: #ff7b86;

        border: 1px solid rgba(220, 53, 69, 0.25);

    }


    .badge-soft-warning {

        background-color: rgba(255, 193, 7, 0.12);

        color: #ffc107;

        border: 1px solid rgba(255, 193, 7, 0.25);

    }


    /* =====================================================
       FORM
    ====================================================== */

    .form-control:focus,
    .form-select:focus {

        background-color: #000;

        color: #fff;

        border-color: #198754;

        box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.15);

    }


    /* =====================================================
       ACTION BUTTON
    ====================================================== */

    .action-button {

        width: 36px;

        height: 36px;

        display: inline-flex;

        align-items: center;

        justify-content: center;

    }


    /* =====================================================
       MOBILE
    ====================================================== */

    @media (max-width: 767.98px) {

        .admin-card {

            border-radius: 10px;

        }


        .product-mobile-card {

            padding: 16px;

        }


        .mobile-product-name {

            font-size: 16px;

        }

    }


    .pagination .page-link {
    background-color: #212529;
    border-color: #495057;
    color: white;
    }

    .pagination .page-link:hover {
    background-color: #343a40;
    border-color: #198754;
    color: white;
    }

    .pagination .page-item.active .page-link {
    background-color: #198754;
    border-color: #198754;
    color: white;
    }