Update styles.css

styles.css

@@ -90,7 +90,7 @@ tr:hover {
     gap: 5px;
 }
 
-.sell-btn, .add-stock-btn, .delete-btn {
+.add-to-cart-btn, .add-stock-btn, .delete-btn {
     padding: 5px 10px;
     border: none;
     border-radius: 3px;
@@ -98,31 +98,51 @@ tr:hover {
     font-size: 14px;
 }
 
-.sell-btn {
-    background-color: #dc3545;
+.add-to-cart-btn {
+    background-color: #17a2b8;
     color: #fff;
 }
 
-.sell-btn:hover {
-    background-color: #c82333;
+.add-to-cart-btn:hover {
+    background-color: #138496;
 }
 
 .add-stock-btn {
-    background-color: #17a2b8;
-    color: #fff;
+    background-color: #ffc107;
+    color: #000;
 }
 
 .add-stock-btn:hover {
-    background-color: #138496;
+    background-color: #e0a800;
 }
 
 .delete-btn {
-    background-color: #6c757d;
+    background-color: #dc3545;
     color: #fff;
 }
 
 .delete-btn:hover {
-    background-color: #5a6268;
+    background-color: #c82333;
+}
+
+.cart {
+    margin-top: 30px;
+    padding: 20px;
+    background-color: #222;
+    border-radius: 10px;
+}
+
+.cart h2 {
+    margin-top: 0;
+}
+
+#sellCartBtn {
+    margin-top: 10px;
+    background-color: #28a745;
+}
+
+#sellCartBtn:hover {
+    background-color: #218838;
 }
 
 .stats {