Fix refresh logout+ add trash (undo deleted)

css/style.css

@@ -103,8 +103,20 @@ input:focus, select:focus { border-color: var(--accent); }
 .btn-danger { background: var(--danger); }
 
 .input-group { display: flex; gap: 0.5rem; margin: 0.7rem 0; flex-wrap: wrap; align-items: center; }
-.toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.7rem; }
-
+.toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    margin-bottom: 0.7rem;
+}
+.toolbar-actions {
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    flex-wrap: wrap;
+}
 .view-toggle { display: flex; gap: 0.2rem; background: rgba(0,0,0,0.3); padding: 0.2rem; border-radius: 2rem; }
 .view-btn {
   background: none; border: none; color: var(--text2);
@@ -423,4 +435,43 @@ input:focus, select:focus { border-color: var(--accent); }
     max-width: 180px;
     overflow: hidden;
     text-overflow: ellipsis;
+}
+/* Trash view */
+.trash-badge {
+    background: var(--danger);
+    color: #fff;
+    padding: 0.15rem 0.5rem;
+    border-radius: 1rem;
+    font-size: 0.65rem;
+    margin-left: 0.3rem;
+}
+.trash-info {
+    font-size: 0.7rem;
+    color: var(--text2);
+    margin-top: 0.2rem;
+}
+.restore-btn {
+    background: var(--success);
+    color: #fff;
+    border: none;
+    padding: 0.2rem 0.6rem;
+    border-radius: 1.5rem;
+    cursor: pointer;
+    font-size: 0.7rem;
+}
+.restore-btn:hover { filter: brightness(1.2); }
+.empty-trash-btn {
+    background: var(--danger);
+    color: #fff;
+    border: none;
+    padding: 0.3rem 0.8rem;
+    border-radius: 1.5rem;
+    cursor: pointer;
+    font-size: 0.75rem;
+}
+.empty-trash-btn:hover { filter: brightness(1.2); }
+#trashBtn.btn-danger {
+    background: var(--danger);
+    color: #fff;
+    border-color: var(--danger);
 }