Align dashboard and installer flows with spec

public/styles.css

@@ -191,21 +191,60 @@ button {
   gap: 18px;
 }
 
+.deleteToolbar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.deleteActions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
 .selectableCard {
   position: relative;
 }
 
-.selectableCard input[type="checkbox"] {
+.selectionBox {
   position: absolute;
   top: 18px;
   right: 18px;
 }
 
+.ghostButton {
+  min-height: 46px;
+  padding: 0 20px;
+  border-radius: 999px;
+  cursor: pointer;
+  border: 1px solid var(--line);
+  background: transparent;
+  color: var(--text);
+}
+
 .selectionTitle {
   font-size: 24px;
   font-weight: 700;
 }
 
+.warningBadge {
+  display: inline-flex;
+  align-items: center;
+  width: fit-content;
+  min-height: 30px;
+  padding: 0 12px;
+  border-radius: 999px;
+  background: rgba(240, 191, 87, 0.16);
+  color: var(--accent);
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.hidden {
+  display: none !important;
+}
+
 .adminLoginBody {
   display: flex;
   align-items: center;