update database

html/assets/css/style.css

@@ -628,7 +628,7 @@ p {
 }
 
 .tab-item.active {
-  background: var(--primary-blue);
+  /*background: var(--primary-blue);*/
   color: var(--white);
 }
 
@@ -918,6 +918,7 @@ p {
   cursor: pointer;
   transition: all 0.3s ease;
   white-space: nowrap;
+  height: 40px;
 }
 
 .btn-complaint:hover {
@@ -1158,6 +1159,15 @@ p {
   gap: 12px;
 }
 
+/*.order-card {
+  background: var(--white);
+  border-radius: 12px;
+  box-shadow: var(--shadow-light);
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}*/
+
 .order-card {
   background: var(--white);
   border-radius: 12px;
@@ -1165,6 +1175,13 @@ p {
   display: flex;
   position: relative;
   overflow: hidden;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.order-card:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-medium);
 }
 
 .order-status-indicator {
@@ -2106,3 +2123,130 @@ p {
     grid-template-columns: repeat(4, 1fr);
   }
 }
+
+
+@keyframes rotate {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+/* ===========================
+   PRODUCT ACTIONS STYLES
+   =========================== */
+
+.product-actions {
+  /*display: flex;*/
+  gap: 6px;
+  margin-top: 8px;
+  width: 100%
+}
+
+.btn-360 {
+  flex: 1;
+  font-size: 11px;
+  padding: 6px 8px;
+  border: 1px solid var(--primary-blue);
+  background: transparent;
+  color: var(--primary-blue);
+  border-radius: 6px;
+  transition: all 0.3s ease;
+  width: 100%;
+  margin-top: 4px;
+}
+
+.btn-360:hover {
+  background: var(--primary-blue);
+  color: white;
+}
+
+.btn-add-cart {
+  flex: 2;
+  font-size: 11px;
+  padding: 6px 8px;
+  width: 100%;
+}
+
+/* ===========================
+   SHARE MODAL STYLES
+   =========================== */
+
+
+/*Thêm*/
+
+/* New Quote Status Badges */
+.status-badge.negotiating {
+  background: #ff9800; /* Orange */
+}
+
+.status-badge.finalized {
+  background: var(--success-color); /* Green */
+}
+
+.status-badge.converted {
+  background: #9c27b0; /* Purple */
+}
+
+/* Quote Request Card Styles */
+.quote-request-card {
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.quote-request-card:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-medium);
+}
+
+.quote-request-card.negotiating .quote-request-status-indicator {
+  background: #ff9800;
+}
+
+.quote-request-card.finalized .quote-request-status-indicator {
+  background: var(--success-color);
+}
+
+.quote-request-card.converted .quote-request-status-indicator {
+  background: #9c27b0;
+}
+
+.quote-request-card.sent .quote-request-status-indicator {
+  background: var(--primary-blue);
+}
+
+.quote-request-card.cancelled .quote-request-status-indicator {
+  background: var(--text-light);
+}
+
+
+        /* Quick Info Grid */
+        .quick-info {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 12px;
+            margin-bottom: 20px;
+        }
+
+        .info-item {
+            padding: 12px;
+            background: var(--background-gray);
+            border-radius: 12px;
+            text-align: center;
+        }
+
+        .info-icon {
+            font-size: 20px;
+            color: var(--primary-blue);
+            margin-bottom: 4px;
+        }
+
+        .info-label {
+            font-size: 11px;
+            color: var(--text-light);
+            margin-bottom: 2px;
+        }
+
+        .info-value {
+            font-size: 13px;
+            font-weight: 600;
+            color: var(--text-dark);
+        }