date drop added

public/css/style.css

@@ -420,6 +420,70 @@ button, a, input, select, textarea {
   color: white;
 }
 
+/* Date Filter */
+.date-filter-group {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.date-filter-select {
+  padding: 10px 14px;
+  border: 2px solid #ddd;
+  border-radius: 4px;
+  font-size: 15px;
+  font-weight: 500;
+  color: #333;
+  background-color: #fff;
+  cursor: pointer;
+  min-height: 48px;
+  min-width: 160px;
+  transition: border-color 0.3s;
+  appearance: auto;
+}
+
+.date-filter-select:focus {
+  outline: none;
+  border-color: #667eea;
+}
+
+.date-filter-custom {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.date-filter-input {
+  padding: 9px 12px;
+  border: 2px solid #ddd;
+  border-radius: 4px;
+  font-size: 14px;
+  color: #333;
+  background-color: #fff;
+  min-height: 44px;
+  transition: border-color 0.3s;
+}
+
+.date-filter-input:focus {
+  outline: none;
+  border-color: #667eea;
+}
+
+.date-filter-separator {
+  font-size: 14px;
+  color: #666;
+  font-weight: 500;
+}
+
+.date-filter-apply {
+  padding: 9px 18px !important;
+  font-size: 14px !important;
+  min-height: 44px !important;
+  white-space: nowrap;
+}
+
 /* Sync Button with Integrated Loading State */
 .sync-button {
   position: relative;
@@ -1047,6 +1111,14 @@ button, a, input, select, textarea {
     justify-content: center;
   }
 
+  .date-filter-group {
+    justify-content: center;
+  }
+
+  .date-filter-select {
+    min-width: 140px;
+  }
+
   .tabs {
     flex-direction: column;
   }
@@ -1074,6 +1146,28 @@ button, a, input, select, textarea {
     width: 100%;
   }
 
+  .date-filter-group {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .date-filter-select {
+    width: 100%;
+  }
+
+  .date-filter-custom {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .date-filter-input {
+    width: 100%;
+  }
+
+  .date-filter-separator {
+    text-align: center;
+  }
+
   .status-modal-content {
     padding: 25px 20px;
   }