diff --git a/gestaoRaul/comandas/__pycache__/htmx_views.cpython-310.pyc b/gestaoRaul/comandas/__pycache__/htmx_views.cpython-310.pyc
index 0f7fcaa..3bae9cc 100644
Binary files a/gestaoRaul/comandas/__pycache__/htmx_views.cpython-310.pyc and b/gestaoRaul/comandas/__pycache__/htmx_views.cpython-310.pyc differ
diff --git a/gestaoRaul/comandas/templates/viewcomanda.html b/gestaoRaul/comandas/templates/viewcomanda.html
index 4a2269f..d482d3e 100644
--- a/gestaoRaul/comandas/templates/viewcomanda.html
+++ b/gestaoRaul/comandas/templates/viewcomanda.html
@@ -154,19 +154,22 @@ Detalhes {{comanda.name}}
 <button class="btn-secondary" onclick="modal_payment_parcial()">Pagamento Parcial</button>
   </div>
 
+  
 
-    <!-- <dialog id="Modal-add-product" style="display: none;" >
-      <article> -->
-
-        <div id="addProduct" popover class="popover">
+      
+      
+      <div id="addProduct" popover class="popover">
+        <div id="toast" class="toast">
+          <p id="toast-message"></p>
+        </div>
         <form id="productForm" >
-          <div style="display: flex;justify-content: space-around;">
-            <h2>Adicionar Produto</h2> <button class="btn-cancel" type="button" onclick="closeModal()">Fechar</button>
+          <div style="display: flex;justify-content: space-between;">
+            <h2>Adicionar Produto</h2> <img class="close" src="{% static 'midia/icons/close-circle.svg' %}"  onclick="closeModal()">
           </div>
           
-            <input type="text" id="search-product" name="search-product" placeholder="Buscar Produto" hx-get="{% url 'listProduct' comanda.id %}" hx-trigger="keyup" hx-target="#product-list"><br>
-              <div id="product-list" class="grid-list-products">
-                {% for product in products %}
+          <input type="text" id="search-product" name="search-product" placeholder="Buscar Produto" hx-get="{% url 'listProduct' comanda.id %}" hx-trigger="keyup" hx-target="#product-list"><br>
+          <div id="product-list" class="grid-list-products">
+            {% for product in products %}
 
                 <div class="card-product" onclick="addProductComanda({{product.id}}, {{comanda.id}}, '{{product.cuisine}}')" >
                   {{product.name}} <br>
@@ -174,40 +177,38 @@ Detalhes {{comanda.name}}
                 </div >
                 {% endfor %}
               </div>
-        </form>
-      </div>
+            </form>
+          </div>
+          
 
-
-      <!-- </article>
-    </dialog> -->
-
-    <dialog id="modal-obs" style="display: none;">
-      <article>
-        <h2>Observação do Pedido</h2>
-        <p>Observações do pedido que serão enviadas para o preparo na cozinha.</p>
-        <textarea placeholder="Ex.: pedido sem cebola. para viagem." name="obs" id="obs"></textarea>
-        <div>
-          <div style="display: flex;gap: 10px;">
-          <button type="submit" class="btn-primary" onclick="addOrder()" >OK</button>
-          <button type="button" class="btn-cancel" onclick="closeModalObs()">Cancela</button>
+          
+          <dialog id="modal-obs" style="display: none;">
+            <article>
+              <h2>Observação do Pedido</h2>
+              <p>Observações do pedido que serão enviadas para o preparo na cozinha.</p>
+              <textarea placeholder="Ex.: pedido sem cebola. para viagem." name="obs" id="obs"></textarea>
+              <div>
+                <div style="display: flex;gap: 10px;">
+                  <button type="submit" class="btn-primary" onclick="addOrder()" >OK</button>
+                  <button type="button" class="btn-cancel" onclick="closeModalObs()">Cancela</button>
         </div>
     </article>
       </dialog>
 
 
-
+      
 <dialog id="payment-comanda" style="display: none;" >
   <article>
     <form action="{% url 'paymentComanda' comanda.id %}" method="post">
       {% csrf_token %}
-    <h2>Pagamento</h2>
-    <div style="display: flex; align-content: space-around; align-items: center; justify-self: center;gap: 50px;">
-
-      {% if config.taxa %}
-      <h1 id="first-total">R$ {{ valores.totalComTaxa }}</h1>
-      <h1 hidden id="totalComTaxa">R$ {{ valores.totalComTaxa }}</h1>
-      <h1 hidden id="totalSemTaxa">R$ {{ valores.totalSemTaxa }}</h1>
-      <div>
+      <h2>Pagamento</h2>
+      <div style="display: flex; align-content: space-around; align-items: center; justify-self: center;gap: 50px;">
+        
+        {% if config.taxa %}
+        <h1 id="first-total">R$ {{ valores.totalComTaxa }}</h1>
+        <h1 hidden id="totalComTaxa">R$ {{ valores.totalComTaxa }}</h1>
+        <h1 hidden id="totalSemTaxa">R$ {{ valores.totalSemTaxa }}</h1>
+        <div>
         <input id="taxa" name="taxa" type="checkbox" value="True" label="Taxa de serviço" checked >Taxa de serviço
         {% else %}
         <h1 id="first-total">R$ {{ valores.totalSemTaxa }}</h1>
@@ -221,7 +222,7 @@ Detalhes {{comanda.name}}
     </div>
     <footer>
       <div style="display: flex;gap: 10px;">
-
+        
         <button type="submit" class="btn-secondary"  onclick="backPage()">Receber</button>
         {% if comanda.status != 'FIADO' %}
         <button type="button" class="btn-primary"  onclick=" modal_conta_client()">
@@ -232,7 +233,7 @@ Detalhes {{comanda.name}}
       </div>
     </footer>
   </form>
-  </article>
+</article>
 </dialog>
 
 
@@ -243,38 +244,38 @@ Detalhes {{comanda.name}}
       {% csrf_token %}
       <input id="value-parcial" name="value-parcial" type="number" step="0.01" max="{{total}}" placeholder="Valor">
       <input id="name-parcial" name="name-parcial" type="text" placeholder="Nome" >
-    <footer>
-      <div style="display: flex;gap: 10px;">
-        <button type="submit" class="btn-secondary" onclick="backPage()">Receber</button>
-        <button type="button" class="btn-cancel" onclick="close_modal_payment_parcial()">Cancelar</button>
-      </div>
-    </footer>
-  </form>
+      <footer>
+        <div style="display: flex;gap: 10px;">
+          <button type="submit" class="btn-secondary" onclick="backPage()">Receber</button>
+          <button type="button" class="btn-cancel" onclick="close_modal_payment_parcial()">Cancelar</button>
+        </div>
+      </footer>
+    </form>
   </article>
 </dialog>
 
 
 <dialog  id="Modal-alter-comanda">
   <article >
-      <form id="form-comanda" method="post" action="{% url 'editComanda' %}">
-          {% csrf_token %}
+    <form id="form-comanda" method="post" action="{% url 'editComanda' %}">
+      {% csrf_token %}
           <h2>Editar Comanda</h2>
           <input hidden type="text" name="h-comandaId"  id="h-comandaId" value="{{comanda.id}}">
           <input type="text" id="nameComanda" name="nameComanda" required placeholder="Nome"><br>
           <select name="select-mesa" id="select-mesa" required >
             
-
-              {% for mesa in mesas %}
-              <option value="{{mesa.id}}">{{mesa.name}}</option>
-              {% endfor %}
-
+            
+            {% for mesa in mesas %}
+            <option value="{{mesa.id}}">{{mesa.name}}</option>
+            {% endfor %}
+            
           </select>
           <div style="display: flex;gap: 10px;">
-          <button type="submit" class="btn-primary">Alterar</button>
-          <button type="button" class="btn-cancel" onclick="closeModalAlter()">Cancelar</button>
-        </div>
+            <button type="submit" class="btn-primary">Alterar</button>
+            <button type="button" class="btn-cancel" onclick="closeModalAlter()">Cancelar</button>
+          </div>
         </form>
-  </article>
+      </article>
 </dialog >
 
 
@@ -283,20 +284,20 @@ Detalhes {{comanda.name}}
   <article>
     <form id="form-comanda" method="post" action="{% url 'addContaCliente' %}">
       {% csrf_token %}
-    <h2>Adicionar na Conta</h2>
-    <h1>R$ {{ valores.totalSemTaxa }}</h1>
-    <div>
-      <input hidden type="text" name="valor-conta" value="{{ total }}">
-      <input hidden type="text" name="idComanda" value="{{ comanda.id }}">
-      <p>Selecione o Cliente:</p>
-       <select name="select-client" id="select-client" required>
-        <option value="">Selecione um cliente</option>
-
+      <h2>Adicionar na Conta</h2>
+      <h1>R$ {{ valores.totalSemTaxa }}</h1>
+      <div>
+        <input hidden type="text" name="valor-conta" value="{{ total }}">
+        <input hidden type="text" name="idComanda" value="{{ comanda.id }}">
+        <p>Selecione o Cliente:</p>
+        <select name="select-client" id="select-client" required>
+          <option value="">Selecione um cliente</option>
+          
           {% for client in clients %}
-            <option value="{{client.id}}">{{client.name}}</option>
+          <option value="{{client.id}}">{{client.name}}</option>
           {% endfor %}
-
-       </select>
+          
+        </select>
     </div>
     <footer>
       <div style="display: flex;gap: 10px;">
@@ -304,8 +305,8 @@ Detalhes {{comanda.name}}
         <button type="button" class="btn-cancel" onclick="close_modal_conta_client()">Cancelar</button>
       </div>
     </form>
-    </footer>
-  </article>
+  </footer>
+</article>
 </dialog>
 
 
@@ -315,4 +316,5 @@ Detalhes {{comanda.name}}
 </body>
 
 
+
 {% endblock %}
\ No newline at end of file
diff --git a/gestaoRaul/db.sqlite3 b/gestaoRaul/db.sqlite3
index f1b1681..26ecd11 100644
Binary files a/gestaoRaul/db.sqlite3 and b/gestaoRaul/db.sqlite3 differ
diff --git a/gestaoRaul/templates/base.html b/gestaoRaul/templates/base.html
index b9421da..4b4167f 100644
--- a/gestaoRaul/templates/base.html
+++ b/gestaoRaul/templates/base.html
@@ -97,6 +97,10 @@
     {% endblock  %}
     <script src="{% static 'htmx_base.js' %}"></script>
     <script src="{% static 'base.js' %}"></script>
+    
+    <div id="toast" class="toast">
+        <p id="toast-message"></p>
+      </div>
 </body>
 
 
@@ -125,4 +129,5 @@
 
 
 </footer>
+
 </html>
\ No newline at end of file
diff --git a/gestaoRaul/templates/static/base.css b/gestaoRaul/templates/static/base.css
index 55fc922..91b218d 100644
--- a/gestaoRaul/templates/static/base.css
+++ b/gestaoRaul/templates/static/base.css
@@ -7,7 +7,6 @@
   @keyframes jump {
     0% {
       transform: scale(0.0);
-      /* transform: translate(#000000); */
     }
     70% {
       transform: scale(1);
@@ -295,8 +294,31 @@ input, textarea, select {
   transform: translateY(-10px);
 }
 
-  
-  /* .dropdown:hover .dropbtn {background-color: #3e8e41;} */
+.toast {
+  position: fixed;
+  top: 40px;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #599100;
+  color: #000000;
+  font-weight: bold;
+  padding: 15px;
+  border-radius: 10px;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
+  z-index: 200 !important;
+}
+
+.toast p {
+  color: #000000;
+}
+
+.toast.show {
+  opacity: 1;
+  visibility: visible;
+}
+
 
 @media screen and (max-width: 730px) {
     .dropdown-content {
diff --git a/gestaoRaul/templates/static/base.js b/gestaoRaul/templates/static/base.js
index ab13cee..5f67324 100644
--- a/gestaoRaul/templates/static/base.js
+++ b/gestaoRaul/templates/static/base.js
@@ -14,9 +14,31 @@ var elem = document.getElementById("all");
 function openFullscreen() {
     if (elem.requestFullscreen) {
       elem.requestFullscreen();
-    } else if (elem.webkitRequestFullscreen) { /* Safari */
+    } else if (elem.webkitRequestFullscreen) { 
       elem.webkitRequestFullscreen();
-    } else if (elem.msRequestFullscreen) { /* IE11 */
+    } else if (elem.msRequestFullscreen) { 
       elem.msRequestFullscreen();
     }
+  }
+
+  function showToast(message, type ,duration = 3000) {
+    const toast = document.getElementById('toast');
+  
+    if (type === 'success') {
+      toast.style.backgroundColor = '#28a745';
+    } else if (type === 'error') {
+      toast.style.backgroundColor = '#dc3545';
+    } else if (type === 'info') {
+      toast.style.backgroundColor = '#ffc107';
+    }
+  
+  
+    const toastMessage = document.getElementById('toast-message');
+  
+    toastMessage.textContent = message;
+    toast.classList.add('show');
+  
+    setTimeout(() => {
+      toast.classList.remove('show');
+    }, duration);
   }
\ No newline at end of file
diff --git a/gestaoRaul/templates/static/comandas/css/viewcomanda.css b/gestaoRaul/templates/static/comandas/css/viewcomanda.css
index b3597e9..755177f 100644
--- a/gestaoRaul/templates/static/comandas/css/viewcomanda.css
+++ b/gestaoRaul/templates/static/comandas/css/viewcomanda.css
@@ -6,14 +6,16 @@
     margin: 0 auto; 
   }
 
+  body {
+    z-index: 0;
+  }
+
   .grid-list-products {
- 
     justify-items: center;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 8px;
     max-width: 800px;
-    /* margin: 0 auto;  */
   }
   
   .card-product {
@@ -27,12 +29,12 @@
     background: var(--main-gradient);
     box-shadow: 3px 3px 10px rgba(2, 2, 2, 0.678);
     border-radius: 5px;
-  
+    transition: transform 0.4s, box-shadow 0.4s;
     }
   
   .card-product:hover {
     transform: scale(1.05);
-    transition: transform 0.4s;
+    transition: transform 0.4s, box-shadow 0.4s;
     box-shadow: 0px 0px 10px rgba(86, 187, 255, 0.815);
   }
   
@@ -40,15 +42,25 @@
     text-align: center;
   }
   
-  
+  .close {
+    height: 45px;
+    transition: transform 0.4s;
+  }
+  .close:hover {
+    transform: scale(1.2);
+    transition: transform 0.4s;
+    filter: drop-shadow(0px 0px 8px rgba(255, 1, 1, 0.452));
+  }
+
   .popover{
+    position: relative;
     width: 98%;
-    height: 98%;
+    height: 96%;
     max-width: 800px;
     top: 20px;
     left: 25%;
     padding: 20px;
-    /* background-color: #f2f2f29d; */
+    background-color: #1f1f1fb6;
     border-radius: 15px;
     border: none;
     box-shadow: 0px 0px 8px rgba(143, 143, 143, 0.2);
@@ -56,20 +68,19 @@
     line-height: 50px; 
     font-size: 18px;
     font-weight: bold;
+    z-index: 1;
     /* color: #333; */
-    transition: transform 0.2s;
+    transition: transform 0.4s;
     animation: jump 0.5s;
   }
-  
+
+
   .popover::backdrop {
-    background-color: rgba(0, 0, 0, 0.315);
+    background-color: rgba(39, 39, 39, 0.315);
     backdrop-filter: blur(5px);
-    /* animation: jump 0.2s; */
   }
 
 
-
-
   @media screen and (max-width: 730px) {
 
     .popover{
@@ -78,7 +89,6 @@
       max-width: 800px;
       top: 20px;
       left: 10px;
-
       }
 
       .card-product {
@@ -89,6 +99,5 @@
         background: var(--main-gradient);
         box-shadow: 3px 3px 10px rgba(2, 2, 2, 0.678);
         font-size: 14px;
-      
         }
     }
\ No newline at end of file
diff --git a/gestaoRaul/templates/static/comandas/js/viewcomanda.js b/gestaoRaul/templates/static/comandas/js/viewcomanda.js
index de1ba50..616a5f8 100644
--- a/gestaoRaul/templates/static/comandas/js/viewcomanda.js
+++ b/gestaoRaul/templates/static/comandas/js/viewcomanda.js
@@ -91,7 +91,6 @@ function imprimirFichas() {
 
     if (element) {
       var content = element.innerHTML;
-    //   console.log(content);
       content = content.replace( /<img[^>]*>/gi,'');
       content = content.replace(/<tfoot[^>]*>(?:(?!<\/tfoot>)[\s\S])*<\/tfoot>/gi,'');
 
@@ -128,7 +127,6 @@ function imprimirConta() {
 
     if (element) {
       var content = element.innerHTML;
-    //   console.log(content);
       content = content.replace(/<img[^>]*>/gi,'');
       content = content.replace(/<th[^>]*>(?:(?!<\/th>)[\s\S])*<\/th>/gi,'');
       // content = content.replace('icons','');
@@ -180,20 +178,6 @@ function troco(){
 }
 
 
-// document.onkeydown = teclado
-
-// function teclado(event){
-//   if (document.getElementById('payment-comanda').style.display == 'block'){
-//     if (event.keyCode == 13){
-//       troco()
-//     }else{
-//       console.log(event.keyCode)
-//     }
-//   }else{
-//     console.log('')
-//   }
-
-// }
 function addOrder(){
   obs = document.getElementById('obs').value
   var id = document.getElementById('id-temp').value
@@ -206,9 +190,9 @@ function addOrder(){
     .then(function(response) {
       if(response.status == 200){
         closeModalObs()
-        alert('Pedido atualizado com sucesso!')
+        showToast('✅Pedido atualizado com sucesso!😁','success')
       }else{
-        alert('Erro ao atualizar pedido!')
+        showToast('❌Ocorreu um erro!😢','error')
       }
       
   })
@@ -232,23 +216,13 @@ function addProductComanda(productId,comandaId, cuisine) {
   .then(function(response) {
     return response.text();
   }).then(function(text) {
-    console.log(text);
     var listProductsBalcaoElement = document.getElementById("list-products-comanda");
     listProductsBalcaoElement.innerHTML = text;
   })
-  
-  // const receber = document.getElementById('pagarComanda')
-  // const imprimir = document.getElementById('imprimirFichas')
-  // var search = document.getElementById('search-product')
-
-  // setTimeout(function() {
-  //   updateTotal();}, 100);
-    
-  alert('Produto adicionado com sucesso!');
+      
+  showToast('Produto adicionado com sucesso!😁','success');
   }
 
-
-
 }
 
 function taxa(){
diff --git a/gestaoRaul/templates/static/midia/icons/close-circle.svg b/gestaoRaul/templates/static/midia/icons/close-circle.svg
new file mode 100644
index 0000000..dc2afd7
--- /dev/null
+++ b/gestaoRaul/templates/static/midia/icons/close-circle.svg
@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier"> <circle cx="12" cy="12" r="10" stroke="#ff0000" stroke-width="1.5"/> <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5" stroke="#ff0000" stroke-width="1.5" stroke-linecap="round"/> </g>
+
</svg>
\ No newline at end of file