body {
            direction: rtl;
            font-family: 'Vazirmatn', sans-serif;
            background-color: #f8f9fa;
            padding: 20px;
        }
        .form-container {
            background-color: #ffffff;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .form-title {
            margin-bottom: 20px;
            font-weight: bold;
        }
        .btn-submit {
            background-color: #28a745;
            color: white;
        }
        .success-message {
            display: none;
            margin-top: 20px;
        }
         #products {
        background-color: #ffffff;
        padding: 30px;
        border-radius: 15px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }

    .form-label {
        font-size: 1.2rem;
        color: #444;
    }

    .form-control {
        padding: 0.75rem;
        font-size: 1rem;
        border: 1px solid #ced4da;
        border-radius: 8px;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

    .form-control:focus {
        border-color: #80bdff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }

    .form-select {
        text-align:center;
        padding: 0.75rem;
        font-size: 1rem;
        border: 1px solid #ced4da;
        border-radius: 8px;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

    .form-select:focus {
        border-color: #80bdff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }

    .row {
        margin-bottom: 20px;
    }

    .container {
        max-width: 900px;
        margin: 0 auto;
        padding-top: 20px;
    }

    #addProductBtn {
        background-color: #007bff;
        color: #fff;
        border: none;
        padding: 10px;
        font-size: 1rem;
        border-radius: 8px;
        transition: background-color 0.3s ease;
    }

    #addProductBtn:hover {
        background-color: #0056b3;
    }

    .btn-submit {
        background-color: #28a745;
        color: #fff;
        border: none;
        padding: 10px 20px;
        font-size: 1.2rem;
        border-radius: 8px;
        transition: background-color 0.3s ease;
    }

    .btn-submit:hover {
        background-color: #218838;
    }

    .success-message {
        display: none;
        margin-top: 20px;
    }