add anti raide & warn commands

app/public/guild.css

@@ -439,11 +439,11 @@ body {
   border-radius: var(--border-radius);
   font-size: 0.9rem;
   font-weight: 500;
-  display: none;
+  min-height: 1.5em;
 }
 
-.status-message.show {
-  display: block;
+.status-message:empty {
+  display: none;
 }
 
 .status-message.success {
@@ -1166,3 +1166,123 @@ body {
   background: #c0392b;
 }
 
+/* ===== Anti-Raid Styles ===== */
+.antiraid-modules {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+}
+
+.antiraid-module {
+  background: var(--bg-dark);
+  border-radius: var(--radius-md);
+  border: 1px solid var(--border-color);
+  overflow: hidden;
+  transition: all 0.2s ease;
+}
+
+.antiraid-module:hover {
+  border-color: var(--primary-color);
+}
+
+.antiraid-module-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-md);
+  background: rgba(255, 255, 255, 0.02);
+  cursor: pointer;
+  user-select: none;
+}
+
+.antiraid-module-header:hover {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.antiraid-module-title {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.antiraid-icon {
+  font-size: 1.2rem;
+}
+
+.antiraid-module-body {
+  padding: var(--spacing-md);
+  border-top: 1px solid var(--border-color);
+  display: block;
+}
+
+.antiraid-module-body .text-muted {
+  margin-bottom: var(--spacing-md);
+}
+
+.form-row {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: var(--spacing-md);
+}
+
+.checkbox-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+
+.checkbox-label {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  cursor: pointer;
+  color: var(--text-secondary);
+  transition: color 0.2s;
+}
+
+.checkbox-label:hover {
+  color: var(--text-primary);
+}
+
+.checkbox-label input[type="checkbox"] {
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+  accent-color: var(--primary-color);
+}
+
+.multi-select {
+  min-height: 80px;
+  padding: var(--spacing-sm);
+}
+
+.multi-select option {
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-radius: var(--radius-sm);
+  margin-bottom: 2px;
+}
+
+.multi-select option:checked {
+  background: var(--primary-color);
+  color: white;
+}
+
+/* Status messages */
+.status-message {
+  font-size: 0.9rem;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-radius: var(--radius-sm);
+  transition: all 0.3s ease;
+}
+
+.status-message.success {
+  color: #57F287;
+  background: rgba(87, 242, 135, 0.1);
+}
+
+.status-message.error {
+  color: var(--error-color);
+  background: rgba(237, 66, 69, 0.1);
+}