update

frontend/src/pages/Index.tsx

@@ -392,13 +392,16 @@ const Index = ({ defaultTab = 'schedule' }: IndexProps) => {
                             )}
                           </div>
 
-                          <div className="border-t border-border pt-4">
+                          <div className="border-t border-border pt-4 mt-8">
+                            <Label className="text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-3 block">
+                              Danger Zone
+                            </Label>
                             <AlertDialog>
                               <AlertDialogTrigger asChild>
                                 <Button
-                                  variant="destructive"
+                                  variant="outline"
                                   size="sm"
-                                  className="w-full"
+                                  className="text-destructive hover:text-destructive-foreground hover:bg-destructive border-destructive/30"
                                 >
                                   Clear All Bookings
                                 </Button>